body{
    margin: 0;
    padding: 0;
    font-family: 'Gotham',sans-serif !important;
    font-display: swap;
}  
img {
    max-width: 100%;
}
 a:hover {
    color: #ffffff;
    text-decoration: none;
}
ul{
    padding-left: 0;
}
input{    
    outline-width: 0px !important;
}
p , li{
    font-family: 'Gotham',sans-serif !important;
    font-display: swap;
    color: #6e7076;
    font-size: 16px;
    list-style: none;
    line-height: 28px;
}
a{
    color: #002d7e;
} a:hover{
   color: #0067b8;
}
.w-100{
   width: 100%;
}
.custom-container {
    width: 100%;
}
.text_center{
    text-align: center;
}
.securely {
        padding-bottom: 34px;
        }
.text-left{
    text-align: left;
}
@media (min-width: 993px) {
.dropdown_multicolumn_box{
    columns: 2 !important;
    -webkit-columns: 2;
    -moz-columns: 2;
    left: -290px !important;
}}
.position-relative{
    position: relative;
}
.wrap{
    box-shadow: none;
}
.plr-3{
   padding:0 3px;
}
.m-10{
    margin: 10px;;
}
.m-0{
    margin: 0 !important;
}
.ml-0{ margin-left: 0px !important; }
.bg_blue{
   background-color: #143485;
}
.bg-gray{
    background-color: #1d3a881a !important;
}
.pl-10 {
    padding-left: 10px;
}
.pt-10{
    padding-top: 10px !important;
}
.pl-0{
    padding-left: 0 !important;
}
.text_gray {
    color: #8d8d8d;
}
.text_black{
    color: #000 !important;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.text-center{
    text-align: center;
}
.p-0{
    padding: 0 !important;
}
.pb-2{
    padding-bottom: 10px !important;
}
.pb-10{
    padding-bottom: 10px !important;
}
.pb-30{
    padding-bottom: 30px !important;
}

.pt-0{
    padding-top: 0px !important; 
}
.pt-30{
    padding-top: 30px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.plr-6{
      padding: 0 6px;
}
.ml-30{
    margin-left:30px !important;
}
.p-30{
    padding: 30px 0;
}
.p-60{
    padding: 60px 0;
}
.mt-60{
    margin-top:60px !important;
}
.text_white{
  color: #fff !important;
}
.text_blue{
    color: #1e3a88 !important;
}
.text_red{
    color: #f73859 !important;
}
.text-white {
    color: #fff !important;
}
.text_p{
    margin-top: 15px; 
    font-size: 16px;    
    font-weight: 300;
    font-family: "Gotham", sans-serif !important;
    font-display: swap;
}
.emp-mon-side-img{
    display: none;
}
.sub_heading{
     font-size: 16px !important;
    font-weight: 400;
    padding: 0 71px;
}
.heading_h1{
    font-size: 4rem !important;
    font-weight: 600 !important;
    margin: 20px 20px ;
    font-family: "Gotham", sans-serif !important;
     font-display: swap;

}
.heading_h2{
    font-size: 3rem !important;
    font-weight: 600 !important;
    margin: 10px 20px;
    line-height: 45px;
    font-family: "Gotham", sans-serif !important;
     font-display: swap;
}
.heading_h3{
    font-size: 2rem !important;
    font-family: "Gotham", sans-serif !important;
     font-display: swap;
    margin: 10px 20px;
    font-weight: 600 !important;
   
}
.heading_h4{
    
    font-family: "Gotham", sans-serif !important;
     font-display: swap;
    margin: 10px 20px;
    font-weight: 600 !important;
   
}
.bg-perfect2 {
	background-image: url("../images/screenshot_monitoring/bg-04.jpg");
	background-size: cover;
	background-position: right;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;

  }
.btn_red {
    background: #f73859;
    color: #FFF;
   font-size: 12px !important;
    text-align: center;
    text-transform: capitalize;
    padding: 11px 24px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #f73859;
}
.btn_red:hover {
    background: none;
    color: #f73859;
}
.bg-perfect2 {
    background-image: url(../images/screenshot_monitoring/top-viewb.jpg);
    background-size: cover;
    background-position: right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}
.btn_blue_new{
    background: #1e3a88;  
      color: #FFF;
     font-size: 12px !important;
      text-align: center;
      text-transform: capitalize;
      padding: 11px 24px;
      border-radius: 30px;
      display: inline-block;
      font-weight: 600;
      border: 1px solid #143485;
  }
  .btn_white_new{
    background: #ffffff;
    color: #133680;
   font-size: 12px !important;
    text-align: center;
    text-transform: capitalize;
    padding: 11px 24px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #ffffff;
  }
  .btn_white_new:hover , .btn_white_new:focus{
    background: none;
    color: #fff !important;
}
.btn_red:hover , .btn_red:focus{
    background: none;
    color: #f73859 ;
}
  .btn_blue_new:hover ,  .btn_blue_new:focus{
  background: none;
  color: #143485 ;} 
  .box_easy{
    background-color: #143485 !important;
  }
  .box_easy2{
    background-color: #e8ebf3 !important;
  }
  .box_easy_access{
    padding: 24px 27px;
    height: 290px;
    transition: 0.3s;
    text-align: center;
    border: 1px solid #cfcfcf;
    margin-bottom: 25px;
    transition: transform 0.5s;
}
.box_easy_access:hover{
    transform: translate(0, -10px);
}
.easy_access_heading img{
    width: 18%;
    background-color: #143485;
    border-radius: 50%;
    padding: 12px;
}
#more {display: none;}
.easy_access_heading h3{
    margin-left: 0;
}
.emp-mon-side-img{
    display: none;
}
@media (max-width: 991px) {
    .emp-mon-side-img {
       display: block;
    }
}
    @media (min-width: 991px) {
        .emp_mon_background {
           display: block;
        } }
        
    @media (max-width: 991px) {
            .emp_mon_background {
               display: none;
            } 
        }
.p-lr {
    margin: 6px;
    text-align: center;
  }
  

  @media (max-width: 768px) {
    .p-lr {
      padding: 0px;
    }
  }

  .desktrack_indexos_devices img {
    margin-top: 50px;
    text-align: center;
  }
  
  @media (max-width: 992px){
.screen-mon-responsive {
    width: 16.66666667% !important;
    display: inline-block;
    text-align: center;
}}

.desktrack_indexos_devices .heading_h3{
    text-align: center !important;
}
@media (max-width: 661px){
.screen-mon-responsive {
    width: 29% !important;
}}

@media (max-width:778px){
    .sub_heading {
        padding: 5px 20px !important;
    }}


    @media screen and (max-width: 490px){
    .employee_monitoring_softwarehighlighter h2 , .securely{
    padding: 0px;
}}
.price-item h4{
    box-shadow: none !important;
}
.emp_mon_background{
    background-image: url(../../theme_v1/images/emp-track/employee-monitoring-background.jpg);
    width: 100%;
    /* background-size: cover; */
    /* background-position-y: bottom; */
    height: 748px;
    background-size: contain;
    position: absolute;
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
}
.securely_box{
border-radius: 10px;
background-color: transparent;
border: 2px solid #fff;
margin: 10px;
padding: 10px 20px;}
.securely_box i {
    font-size: 65px !important;
    color: #fff;
    padding: 15px;
}

/* Remote work monitoring software */

.remote_main-img{
    position: absolute;
    right: 10px;

}
.remote_main-img img{
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
@media screen and (max-width: 991px){
    .remote_main-img{
        position: relative;
        
    }}
.remote_work_box{
    padding: 10px;
    border: 2px solid;
    border-radius: 15px;
    background-color: #fff;
    margin: 20px 0;
    border: 2px solid #cdcdcd;
}

.remote_work_box p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}
.remote_work_box i{
    color: #143485;
    padding: 5px 0;
}
.remote_work_box .heading_h3{
      text-align: center;
}

.remote_work_box_mob{ 
    display: none;
   
}

@media screen and (max-width: 991px){
    .remote_work_box_mob{
        display: block;
        background-color: #e8ebf3; 
        padding-bottom:60px; 
    }}


    @media screen and (max-width: 991px){
        .remote_work_box_desk{
          display: none;
        }}



        /* Project Time Tracking Software */
         
        .employee_monitoring_software_banner ul li{
            color: #6e7076;
        }        

       .workforces .workforce_p_center_p {
            color: #6e7076 !important ;
        }

        .bg-perfect2 p {
            font-size: 22px;
            color: #fff !important;
        }
        @media screen and (max-width: 991px){
        .titleheading_white {
            text-align: center;
            padding: 60px 0 !important; 
        }
         .sub_heading h4{
            line-height: 1.2 !important;
         }
    }

.project_time_bg{   
    background: rgb(59,49,224);
    background: linear-gradient(90deg, rgba(59,49,224,1) 0%, rgba(68,68,218,1) 25%, rgba(25,142,166,1) 100%);
}

.list_color li i{ color: #fff !important;}

.project_time_bg img{
    position: absolute;
    max-width: 120%;
}
@media screen and (max-width: 1382px){
    
    .project_time_bg img{
        position: absolute;
        max-width: 110%;
    }
    
    }
    @media screen and (max-width: 1300px){
    
        .project_time_bg img{
            position: absolute;
            max-width: 105%;
        }     }
    @media screen and (max-width: 1200px){
    
        .project_time_bg img{
            position: absolute;
            max-width: 102%;
        }       
        }
@media screen and (max-width: 991px){
    
.project_bg img{
    position: relative;
  
} }
p , li{
    font-weight: 400;
}

.integrate_box{
    height: 265px;
}
@media screen and (max-width: 778px){
.integrate_box {
    height: auto !important;
    margin: 10px 0;
}
.keyfeture_show_text_box {
    height: auto !important;
}
.key_feature_main_box{
    height: auto !important;
}
}

.workforce h1 {
    font-size: 34px;
    color: #1e3a88;
    line-height: 50px;
    font-weight: 600;
    width: 100%;
    letter-spacing: 0px;
}

.workforces h2 {
    color: #1e3a88;
    font-size: 40px;
    line-height: 40px;
    text-align:center;
}

.workforces h3 {
    font-weight: 500;
    color: #1e3a88;
    margin-bottom: 20px;
    font-size: 25px;
}

.workforce_p_left {
  margin-top:15px;
  font-size:16px;
  line-height:28px;
  font-weight:300;
  text-align: left;
  padding-bottom: 25px;
}

.workforce_p_center {
  margin-top:15px;
  font-size:16px;
  line-height:28px;
  font-weight:300;
  text-align: center;
  padding-bottom: 25px;
}

.workforce_p_center_p {
  margin-top:0;
  font-size:16px;
  line-height:28px;
  font-weight:300;  
  padding-bottom: 6px;
 
}

.workforces_area_h2_border{
  border-right: 1px solid rgb(235, 233, 233);
}

.workforces_ul{
    font-size: 16px;
    margin-bottom: 10px;
    color: #6d6f76;
    font-weight: 300;
}
.storedata_left {
    height: 285px;
}
.storedata_left img{
    margin: 16px !important;
}
.card_ready_to_take{
    text-align: left;
}
.card_ready_to_take h2{
    margin: 31px 0;
}
.card_ready_to_take p{
    padding-bottom: 20px;
    padding-left: 0;
}
.workforces-btn {
    margin-top: 30px;
    display: inline-block;
    color: #ffffff;
    font: 500 18px/47px 'Lato', sans-serif;
    border-radius: 20px;
    padding: 0 10px;
    box-shadow: 0 4px 7px rgb(76 75 75 / 26%);
    transition: all 0.5s ease;
}
.white-button {
    background: #fff;
}
.workforces-detail p {
    color: #fff;
    line-height: 51px;
    font-size: 30px;
    width: 94%;
    margin: auto;
    text-align: center;
}

.workforces-background-colour{
  background: #e8ebf3;
}

.workforces-tab{
  padding-left: 1.5em;
  text-indent:-0.7em;
}

.workforces-tab-data{
  padding-left:50px ;
  padding-top:50px;
}

.workforces-border{
  box-shadow: 0 8px 30px 0 rgb(0 0 0 / 10%);
  padding: 30px;
  border-radius: 10px;
}

.free_demo .sub_heading{
              padding: 0px;
}
.free_demo .sub_heading h4{
    line-height: 40px;
}

.boxslide{
    padding:30px; 
    box-shadow: 0 0 76px 7px rgb(0 0 0 / 12%);
}

.employee_monitoring_softwarestoredata {
 	text-align: center;
 	padding-bottom: 30px;
 
 	padding-top: 0px;
 }


.pergraphp {
    font-size: 14px;
    color: #6e7076;
    font-weight: 200;
    line-height: 22px;
    padding-top: 12px;
}

.pergraphph{
  padding: 10px;
  padding-left: 30px;
}

.sectiontab {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}



.textleft{
  text-align: left !important;
}





.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;
}


@media only screen and (max-width: 600px) {
  .workforces h2 {
    font-size: 30px;
  }
}



.key_feature_main_box{
    padding: 20px 17px;
    margin-top: 20px;
    background-color: #fcfcfc;
    text-align: justify;
    height: 300px;
}



@media (max-width: 711px){
.remote_work_software {
     background-image:none; 
  
    background-repeat: no-repeat;
    background-color: #032f82;
}
}

@media (max-width: 991px){
.remote_solu_teams {
    height: 300px !important;
    margin: 18px 0;
    padding: 10px 10px;
}}
@media (max-width: 778px){
    .mobile_show {
        display: block;
    }}

    @media (min-width: 778px){
        .mobile_show {
            display: none;
        }}

    @media (max-width: 778px){
        .desktop_show {
            display: none;
        }}
    
 @media (max-width: 778px){
 .card_ready_to_take{
    text-align: center;
 }
 .card_ready_to_take img{
    display: none;
 }
}


/* remote work software Page css */

.remote_work_software{
	background-image: url(../../theme_v1/images/emp_remote_soft/trans-remote-work-monitoring-bg.jpg);
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.remote_work_software .employee_monitoring_softwaresub_heading h1 , .remote_work_software .employee_monitoring_softwaresub_heading p, 
.remote_work_software .employee_monitoring_softwaresub_heading li, .remote_work_software .employee_monitoring_softwaresub_heading li i,
.remote_work_software .employee_monitoring_softwaresub_heading .submit-demo
{
       color: #fff !important;
}


.remote_recognized img{
	padding: 0 10px;
	opacity: 0.5;
}

.remote_recognized img:hover{
	opacity: 1;
	transform: scale(1.2);
}

.employee_monitoring_software_benefited .remote_solu_teams{
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -1px rgb(198 198 198 / 75%);
height: 220px;
margin: 30px 0;
padding: 27px 12px;
}

@media (max-width: 991px) {
	.remote_solu_teams{
	  
		 height: 274px !important;
		 margin: 18px 0;
    padding: 10px 10px;
	}
	.remote_solu_teams img{
		position: inherit !important;
	}
}

#triangle-left {
    width: 0px;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 13px solid #143485;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: -15px;
  }

  #triangle-bottom {
    width: 0px;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 13px solid #143485;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: -15px;
    bottom: 200px;
  }

  .key_feature_main_box:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%);
}

  .move-in:hover{
   
    transition: all .5s;
    transform : translateY(-10px);
}
.keyfeture_show_text_box{
    height: 439px;
}

.employee_monitoring_software_benefited .remote_solu_teams:hover{
	box-shadow: 0px 0px 5px -1px rgb(2 57 167);
}
.mob-res {
    display: none;
    text-align: center;
    background-color: transparent;
    color: #0d3281 !important;
}
.employee_monitoring_software_benefited .remote_solu_teams img{
	width: 19%;
    position: absolute;
    top: -8px;
    left: 30px;
    background-color: #fff;
    border-radius: 50%;
}

.employee_monitoring_software_benefited .remote_solu_teams h3{
	color: #1e3a88;
    font-size: 18px;
    margin-bottom: 10px;
	font-size: 18px !important;
    font-family: "Gotham", sans-serif !important;
    font-weight: 600;
}


.employee_monitoring_software_benefited .remote_solu_teams {
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -1px rgb(198 198 198 / 75%);
    height: 250px;
    margin: 30px 0;
    padding: 27px 12px;
}


.key_feaure_cen_box .key_feature_main_box{ 
     height: 212px;

}

.key_feaure_top_box {
    height: 150px;
}

.keyfeture_show_text_box{
    /* border: 2px solid #c9c9c9; */
    /* border-radius: 10px; */
    margin-top: 21px;
    padding: 22px;
    text-align: justify;
    /* background-color: #f2f3f8; */
}


.project .submit-demo{
    color: #fff;
}

.project .card{
    color: #ff3859;
    font-size: 11px;
}

.project_p_center_p {
    margin-top: 0;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 6px;
    color: #fff;
}

.project_p_center_p ul {
    margin-bottom: 50px;
}
.employee_monitoring_software_banner ul{
    padding: 0;
}
.employee_monitoring_software_banner ul li {
    font-size: 16px;
    margin-bottom: 10px;
  
    font-weight: 300;
    padding-left: 0;
    list-style: none;
}

.monitoring-section .tracking_page iconify-icon , .monitoring-section .tracking_page i{
       color: #fff;
       margin-bottom: 5px;

}

.monitoring-section .tracking_page{
    padding: 20px 5px;
    border-radius: 10px;
}
.monitoring-section .tracking_page:hover{
    background-color: #fff;
    color: #002d7e;
}

.monitoring-section .tracking_page h4 {
      margin: 10px;
}

.monitoring-section .tracking_page:hover iconify-icon , .monitoring-section .tracking_page:hover i 
, .monitoring-section .tracking_page:hover h4 {
    color: #002d7e !important;
}

.employee_monitoring_software_banner ul li i {
    color: #1e3a88;
    font-size: 22px;
    margin-right: 15px;
}
.employee_monitoring_software_banner ul {
    margin-bottom: 50px;
}
.employee_monitoring_softwarereviews ul li i {
    font-size: 20px;
    color: #f6c358;
}
.employee_monitoring_softwarereviews ul li {
    display: inline-block;
    margin-right: 10px;
}



.employee_monitoring_software_benefited_area_new{
    font-size: 54px;
    
    color: #032f82;
    
    padding: 16px 0px;
   
    margin: 0 0 20px 0;
   
}

.employee_monitoring_software_benefited_area_new:hover {
    border-color: #032f82;
}


.box-design{
    text-align: left;
    color: #032f82;
    text-align: justify;
}


.box-design h3{
	padding: 10px 0 0px 0;
    margin-left: 0px;
    margin-bottom: 5px;
}


.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;

    background-color: #032f82;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
	right: -12px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}


/* --==============  Desktop activity time tracking ==========-- */

.automated-application-image {
    width: 80%;
    margin: auto;
}
.desktop-activity-time {
    margin-top: 40px;
}

.desktop-activity-time_list ul{
    margin-bottom: 50px;
    padding-left: 0;
}
.desktop-activity-time_list ul li{
font-size: 16px;
    margin-bottom: 10px;
    padding-left: 0;
    list-style: none;}
.desktop-activity-time_list ul li i {
    color: #1e3a88;
    font-size: 22px;
    margin-right: 15px;
}

.remote_employee_box {
    
    margin-bottom: 35px;
    height: 257px;
    background-color: #fff;
    border-radius: 9px;
    padding: 17px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);
}
.remote_employee_box.boxes.move-up:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
}
.move-up:hover {
    transition: all .5s;
    transform: translateY(-10px);
}
.remote_employee_box p{
    color: #4c4c4c !important ;
}



.move-up:hover{

    transition: all .5s;
    transform : translateY(-10px);
}

.triangle-right-box {
    z-index: -9;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 150px solid transparent;
    border-left: 250px solid #ebebeb;
    border-bottom: 150px solid transparent;
}


.triangle-left-box {
    z-index: -9;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    border-top: 150px solid transparent;
    border-right: 250px solid #ebebeb;
    border-bottom: 150px solid transparent;
}

.Data_security img{
    width: 80%;
    float: right;
}

.Data_security h2{
    margin-bottom: 20px;
}




.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
  }
  
  .descrip {
      font-size:12px;
      color:#999;
  }
  
  dd {margin-bottom:0px;}
  
  .nesttabs a.nav-link {
    background-color: #eef1f6;
    border: 1px solid #cfd6e1;
    border-radius: 0px;
    color: #000;
    z-index: 1;
    border-radius: 30px;
    display: block;
    padding: 15px 0px;
    margin: 10px 0;
      
  }
  .nesttabscontent {
    padding: 10px 38px;
}
  .nesttabs a.nav-link.active {
      background-color:#FFF;
      z-index:10000;
      box-shadow:0px 18px 12px -12px rgba(226, 231, 237, 1);
      border-right:#FFF;
  }
  .nesttabs .container {background-color:#FFF;
  padding:12px;}
  .nesttabs {
      padding:12px;
      background-color:#e8ebf3;
  }

  .nesttabs li {
    list-style: decimal;
    font-size: 15px;
    padding: 20px 2px;
}

#v-pills-profile-tab:hover {
    background-color: #143485;
   
}
#v-pills-profile-tab h4{
    color: #4c4c4c;
    font-weight: 500 !important;
}
#v-pills-profile-tab:hover h4{
    color: #fff;
}

@media (max-width: 991px) {
.active_time_soft img{
    display: none;
}}


.use_case_activity {
    background-color: #133680;
    padding: 20px 0;
}
.nesttabs-activity {
    background-color: #133680;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 75%);
}

.nesttabs-activity .appli-time-activity a.nav-link {
    background-color: #eef1f6;
    border: 1px solid #cfd6e1;
    color: #000;
    box-shadow: 0 .5rem 1rem rgba(355,355,355,-0.85)!important;
    z-index: 1;
    display: block;
    padding: 3px 0px;
    margin: 10px 0;
}

.nesttabs-activity .nav-pills>li.active>#v-pills-profile-tab h4 {
    color: #ffffff;
}
@media (min-width: 992px){
    .nesttabs-activity .appli-time-activity a.nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
}
}



.nesttabs-activity .appli-time-activity .active a.nav-link::before{
    opacity: 1;
}
.nesttabscontent_action{
    background-color: #fff;
    padding: 17px;
    border-radius: 5px 0 0 5px;
}

.nesttabs-activity .nav-pills{
    width: 100%;
}
 .nesttabs-activity .nav-pills>li.active>a, .nesttabs-activity .nav-pills>li.active>a:focus, .nesttabs-activity  .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #193884;
}
.nesttabs-activity .nav-pills > li {
    float: inherit !important;
}




/* =========== Employee System Monitoring Software============ */

.system_list span {
    display: block;
    padding: 10px 0px;
}

.system_list span i{
    color: #143485; 
    padding-right: 5px;
}

.system_montering_soft img{
    width: 75%;
    
}

.system_monitoring_used p{
     padding: 10px 20px;
    text-align: justify;}


    
.container_flow .step-list .caption {
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;

    letter-spacing: 5px;
  }
  .container_flow .step-list ul {
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
  }
  .container_flow .step-list ul .step-list-item:not(:last-child) {
    padding-bottom: 40px;
  }
  .container_flow .step-list ul .step-list-item {
    padding-left: 25px;
    position: relative;
  }
  .container_flow .step-list ul .step-list-item:before {
    width: 13px;
    height: 13px;
    border: 2px solid #032f82;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    margin-left: -25px;
    margin-top: 3px;
  }
  .container_flow .step-list ul .step-list-item:after {
    width: 0px;
    height: calc(100% - 8px);
    border: .5px solid #032f82;
    content: "";
    position: absolute;
    margin-left: -19px;
    top: 18px;
  }

  .container_flow {
    padding-right: 26px;
}

  .container_flow .step-list ul .step-list-item .item-main {
       padding-top: 10px;
  }

  .step-list-item p{
    text-align: justify;
  }


  .org_sys_mon_soft {
    margin: 20px 0;
    padding: 20px;
    height: 329px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #ffffff;
}
.org_sys_mon_soft:hover {
    background: rgb(1,101,197);
    /* background: linear-gradient(184deg, rgba(1,101,197,1) 0%, rgb(102 9 9) 68%); */
    background-color: white;
    border: 2px solid white;
}

.org_sys_mon_soft:hover{ 
    background-color: #fff;
}

.org_sys_mon_soft:hover p {
    color: #000;
}

.org_sys_mon_soft:hover h3 {
    color: #143485;
}
.org_sys_mon_soft p{
    color: #fff;
}

.org_sys_mon_soft h3{
    color: #fff;
}

@media (max-width: 991px) {
.advant_o_system_box {
    padding: 0px 20px;
}}

.system_monitoring_used .heading_h3.text_blue{
    text-align: left;
    margin-bottom: -12px;
}

.system_monitoring_used .col-md-6{
    margin-bottom: 10px;
}

.img-right , .img-left{
    text-align: center;
  }
  h3.heading_h3.ml-0.text_blue {
    padding-top: 50px;
}



  
/*----------step-wizard------------*/
.justify-content-center{
	justify-content: center;
}
.align-items-center{
	align-items: center;
}


    .wizard .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

    .wizard > div.wizard-inner {
            position: relative;
    margin-bottom: 50px;
    text-align: center;
    }

.connecting-line {
	height: 4px;
    background: #0c3186;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
	cursor: pointer ;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab {
	width: 20px;
    height: 20px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
	cursor: pointer;
    background: #0c3186;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 3px solid #fff;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
	background: #f73859;
    color: #fff;
    border-color: #ffffff;

}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i{
	color: #0c3186;
}

.wizard .nav-tabs > li {
    width: 16%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
	width: 12px;
    height: 12px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: -14px;
}
.wizard .nav-tabs > li a i{
	position: absolute;
    top: 43px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
	cursor: pointer;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
	padding: 0px 132px;
	background: #032f82;
}

.remotework_h {
    font-size: 24px;
	color: #ffffff;
    font-weight: 600;
	margin-bottom: 25px;
}

.margint.ulfile{
	padding-top: 60px;
}
.margint.ulfile img{
	width: 80%;
}
.margint.ulfile li{
font-size: 16px;
margin-bottom: 10px;
color: #ffffff;
font-weight: 300;}

.titleheading_white {
	text-align: center;
	padding: 60px;
}

.emp .submit-demo {color:#000;}
.emp .card{
	color: #ff3859;
	font-size: 11px;
}
.navbar-fixed-top {
    background: #fff !important;
    box-shadow: 0 6px 13px rgb(0 0 0 / 35%) !important;
    position: fixed !important;
}


/* Work From Home Monitoring Software  */

.flip-card {
    background-color: transparent;

    height: 350px;
    padding: 8px;
    
    
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
  }
  
  .flip-card:focus {
      outline: 0;
  }
  
  .flip-card:hover .flip-card-back,
  .flip-card:focus .flip-card-back{
        opacity: 1;
        z-index: 2;
  }
  



  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .flip-card-front {
    background: #f7f7f7;
    color: black;
    z-index: 0;
    opacity: 1;
    justify-content: center;
    align-items: center;
  }
  
  .flip-card-back {
    color: white;
    background-color: #032f82;
    display: flex;
    padding: 30px;
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    justify-content: center;
    align-items: center;
  }
  

  .flip-card-front img{
    width: 30%;
    padding: 74px 0px 15px;
    margin: auto;
  }

  .depart_img img {
    position: absolute;
    top: -146px;
    left: 45px;
    width: 84%;
}

.depart-par p{
    font-size: 20px;
}

.depart-par i{
    -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}


.work-home-list ul{
    list-style-type: none;
    padding-left: 0;
}

.work-home-list li::before{
  
    content: '\f00c';
    font-family: FontAwesome;
    height: 38px;
    line-height: 1.5;
    float: left;
    padding-right: 10px;
    color: #1e3a88;
    font-size: 22px;
}

@media (max-width: 991px) {
.depart_img{
    display: none;
}}

@media (max-width: 588px) {
.depart-par p::before{
    height: 89px !important;
}}

@media (max-width: 588px) {
.desktop-activity-time_list .work-home-list li::before{
    height: 80px !important;
}}

@media only screen and (max-width: 991px){
.perfectfile {
    text-align: center !important;
    padding: 2rem !important;
}}

li.hidden-md.hidden-lg.pull-right.nav-item.dropdown {
    list-style: none;
}

.work-form-hom-heading .work-home-list.work-list li::before{
  
    content: '\f00c';
    font-family: FontAwesome;
    height: 60px;
    line-height: 1.5;
    float: left;
    padding-right: 10px;
    color: #1e3a88;
    font-size: 22px;
}

.whf-img img{
    width: 100%;
    padding-top: 30px;
}

.contleftimg  img{
    width: 100%;
}

.produt-fec-box {
    font-size: 54px;
    text-align: center;
    color: #0d3281;
    background: #fff;
    padding: 20px;
    margin: 17px 0;
    border-radius: 10px;
    height: 200px;
}

.produt-fec-box h3{
    color: #143485 !important;
    margin: 0;
}

svg.iconify.iconify--fluent{
    font-size: 80px;
}



.depart-par p::before {
    content: '\f00c';
    font-family: FontAwesome;
    height: 29px;
    line-height: 1.5;
    float: left;
    padding-right: 10px;
    color: #ffffff;
    font-size: 22px;
}

.produt-fec-box:hover {
    background-color: #0d3281;
    border: 1px solid #fff;
    color: #fff;
}

.produt-fec-box:hover h3{
    color: #fff !important;
}



/*  website-monitoring-software  */

.track-web-moni {
    margin: 16px 40px;
    padding: 45px;
    background-color: #032f82;
    color: #fff;
}

.track-web-moni i{
font-size: 60px;
padding-bottom: 20px;
}

.web_mon_tool_box i, .web_mon_tool_box svg{
    font-size: 80px;
    padding-bottom: 20px;
}

.web_mon_tool_box {
    border: 2px dotted;
    padding: 25px;
    height: 420px;
    margin-top: 20px;
    border-radius: 20px;
}
.web_mon_tool_box:hover{
    border: 2px dotted #143485;
    color: #ffffff;
    background-color: #0d3281;
}
.web_mon_tool_box:hover  p{
      color: #fff !important;
}

.role_wise_box .head_pos {
    position: absolute;
    top: 0;
    margin: 10px 37px;
    border-radius: 15px;
    border: 3px solid #fff;
    padding: 7px 52px;
    color: #fff;
    background: #032f82;
}

.role_wise_box p{
    margin-top: 20px;
}
.role_wise_box {
    border: 1px solid;
    margin-top: 30px;
    padding: 30px;
    height: 290px;
    border-radius: 29px;
}

.role_wise_box:hover{
    background-color: #143485;
    color: #fff;
}
.role_wise_box:hover p{
    color: #fff;
}

.role_wise_box2:hover{
    background-color: #143485;
    color: #fff !important;
}

.role_wise_box.role_wise_box_2 svg{
    font-size: 33px !important;
    color: #143485;
    
}
.role_wise_box.role_wise_box_2:hover svg{
      color: #fff;
}



.role_wise_box_2{
    background-color: #fff;
         border: none;
    padding: 20px !important;
    height: 280px !important;
    border-radius: 0;
}
@media (max-width: 771px) {
.track-web-moni{
    margin: 0;
}
}



@media (max-width: 771px) {
    .role_wise_box .head_pos{
        position: initial;
    }

    .role_wise_box {
       
        padding: 0 30px;
        margin: 10px;
        
    }
    }













    
/**
 * Tabs Container
 */
.tabs-container {
	padding: 2rem;
}

/**
 * Tabs Block
 */
.tabs-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

/**
 * Tabs
 */
.tabs {
	display: flex;
}

.tabs > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15%;
}

.tabs > ul li {
	display: block;
}

.tabs > ul li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
}

.tabs > ul li a,
.tabs > ul li a:visited {
	display: flex;
	border-bottom: none;
	text-decoration: none;
	background-color: #032f82;
	color: #fff;
	padding: 1rem 1.5rem;
	transition: all 0.2s ease-in-out;
	word-wrap: break-word;
}

.tabs > ul li a:hover,
.tabs > ul li a:focus,
.tabs > ul li a:active {
	border-bottom: none;
	outline: 0;
}

.tabs > ul li a.active {
	background-color: #fff;
	color: #0067b8;
}

.tabs > ul li a:hover:not(.active) {
	color: #0067b8;
}

.tabs > ul li a > span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.tabs > ul li a > span.tab-label {
	display: none;
}

.tabs section {
    width: 85%;
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word;
    border-radius: 15px 15px 0 0px;
}

.tabs section > * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s;
}

.tabs section > *:nth-child(1) {
	transition-delay: 0.2s;
}

.tabs section > *:nth-child(2) {
	transition-delay: 0.3s;
}

.tabs section > *:nth-child(3) {
	transition-delay: 0.4s;
}

.tabs section > *:nth-child(4) {
	transition-delay: 0.5s;
}

.tabs section > *:nth-child(5) {
	transition-delay: 0.6s;
}

.tabs section > *:nth-child(6) {
	transition-delay: 0.7s;
}

.tabs section > *:nth-child(7) {
	transition-delay: 0.8s;
}

.tabs section > *:nth-child(8) {
	transition-delay: 0.9s;
}

.tabs section > *:nth-child(9) {
	transition-delay: 1s;
}

.tabs section > *:nth-child(10) {
	transition-delay: 1.1s;
}

.tabs section > *:nth-child(11) {
	transition-delay: 1.2s;
}

.tabs section > *:nth-child(12) {
	transition-delay: 1.3s;
}

.tabs section > *:nth-child(13) {
	transition-delay: 1.4s;
}

.tabs section > *:nth-child(14) {
	transition-delay: 1.5s;
}

.tabs section > *:nth-child(15) {
	transition-delay: 1.6s;
}

.tabs section > *:nth-child(16) {
	transition-delay: 1.7s;
}

.tabs section > *:nth-child(17) {
	transition-delay: 1.8s;
}

.tabs section > *:nth-child(18) {
	transition-delay: 1.9s;
}

.tabs section > *:nth-child(19) {
	transition-delay: 2s;
}

.tabs section > *:nth-child(20) {
	transition-delay: 2.1s;
}

.tabs section.active {
	display: block;
   
}

.tabs section.active-content > * {
	opacity: 1;
	transform: translateY(0);
}
@media (min-width: 576px) {

	.tabs > ul {
        width: 400px;
        border: 2px solid #002d7e;
        border-radius: 5px 5px 0px 0;
    }

	.tabs > ul li a {
		flex-wrap: wrap;
	}

	.tabs > ul li a > span {
		width: 100%;
        font-size: 25px;
        padding: 4px;
	}

	.tabs > ul li a > span.tab-label {
        width: 100%;
        display: block;
        font-size: 16px;
        margin-top: 0.2rem;
        font-weight: 500;
	}

	.tabs section {
        width: calc(100% - 150px);
        padding: 2rem 2rem;
        margin: 0 10px;
        -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px -3px 5px 1px rgb(0 21 94);
	}
}
@media (min-width: 768px) {


	.tabs-container {
		padding: 0rem 4rem;
	}
}

.entry-content span{
    font-size: 55px;
    color: #002d7e;
}

.bench_heading {
    padding: 10px;
    -webkit-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 21px 0px rgb(0 0 0 / 25%);
    margin: 10px 0;
    height: 295px;
    border-radius: 15px;
    color: #fff;
    background-color: #0b347d;
}
.bench_heading2{
     height: 370px !important;
}

.measure_bench_heading{
    padding: 15px;
    -webkit-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 6%);
    -moz-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 6%);
    box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 6%);
    margin: 10px 0;
    background-color: #fff;
    height: 295px;
    border-radius: 15px;
  
}

.measure_bench_heading h2{
      font-size: 4rem !important;
}


.desktrack_help::after{
    content: "";
    width: 0;
    display: none;
    height: 0px;
    border-top: 100px solid transparent;
    border-left: 25px solid #ff3859;
    border-bottom: 100px solid transparent;
    position: absolute;
    top: 56px;
    right: -10px;
          
}

.product_measur_soft img{
    background-color: #8698c0 !important;
}
.tracking_page .tracking_img iconify-icon , .tracking_page .tracking_img svg , .tracking_page .tracking_img i{ 
         font-size: 50px; cursor:pointer;
}

.tracking_page .tracking_img i{
    padding-top: 5px;
}

.tracking_hover_text {
    position: absolute;
    display: none;
    right: -225px;
    width: 300px;
    top: -130px;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 7px;
    border: 1px solid #0d3281;
    z-index: 999;
    

 
}

.tracking_hover_text2 {
    position: absolute;
    display: none;
    right: 90px;
    width: 300px;
    top: -130px;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 7px;
    border: 1px solid #0d3281;
    z-index: 999;
   
}
.tracking_page:hover .tracking_hover_text , .tracking_page:hover  .tracking_hover_text2{
    display: block;
    transition: opacity 1s;
}

.tracking_page:hover {
    color: #fff !important;
}

.tracking_page{
    color: #ccc !important;
}

.appli-time a.nav-link{
    background-color: #eef1f6;
    border: 1px solid #cfd6e1;
    border-radius: 0px;
    color: #000;
    z-index: 1;
    border-radius: 8px;
    display: block;
    padding: 0px 0px;
    margin: 10px 0;
}

.nesttabs p{
    text-align: justify;
}
.bench_heading3 {
    padding: 10px;
    -webkit-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: -2px 0px 21px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 21px 0px rgb(0 0 0 / 25%);
    margin: 10px 0;
    height: 250px;
    border-radius: 15px;
    color: #fff;
    background-color: #0b347d;
}
.faq {
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
  }  
  .faq .card-fpm {
    border: none;
    background: none;
    border-bottom: 1px dashed #CEE1F8;
  }
  
  .faq .card-fpm .card-header {
    padding: 0px;
    border: none;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  .faq .card-fpm .card-header:hover {
      background: rgba(233, 30, 99, 0.1);
      padding-left: 10px;
  }
  .faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    color: #3B566E;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
  }
  
  .faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 14px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #1e3a88;
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
  }
  
  .faq .card .card-body {
    padding: 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
 
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
  }
  
  .faq .card .card-header .faq-title:hover{
    background-color: #1e3a88;
    color: #fff;
  }
  .faq .card .card-body p {
    margin-bottom: 14px;
  }
  
  @media (max-width: 991px) {
    .faq {
      margin-bottom: 30px;
    }
    .innerpage-topspace{
          padding-top: 0;
    }
}

















/* =========== contact page==== */

.logo_bootom .container{
     position: relative;
 
}

.contact-main{
     padding: 60px 0;
}

.logo_bootom_wrap2{
     position: absolute;
     width: 83%;
     left: 0;
     right: 0;
     top:-50px;
     margin: auto;
}


.contact_after_before::after{
    content: '\f104\f104\f104 ';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 10px;
    color: #4d4d4d;
    text-decoration:none;

}


.contact_after_before::before{
    content: '\f105\f105\f105 ';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    color: #4d4d4d;
    margin:0px 0px 0px 10px;
    text-decoration:none;

}

.contact-export{
font-size: 50px;
line-height: 62px;
font-weight: 600;
}

.form-contact-text::before{
    content: '\f095';
    font-family: FontAwesome;
    font-weight: normal;
    float: left;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    padding: 0px 11px;
    margin-right: 17px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 32px;
}

.form-contact-text p{
    line-height: 10px;
}
.form-contact-text .mobile_num{
    padding-top: 12px;
}
.form-contact-text .mobile_num a{
      font-size: 23px;
      font-weight: 600;
      text-decoration: none;
      color: #000;    
}
.form-contact-text .form-email a{
    color: #133680;
}

.bg-pattern{
    background-color: #f4f4f4;
    background-color: #EEEEEE;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23c6c6c6' fill-opacity='0.05'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
 }

 .contact-form-input .form-group textarea{
    height: 140px;
    border-color: #efedf29e;
 }

 .contact-form .form-group input, .contact-form .form-group textarea{
    border-radius: 8px;
 }
 .contact-image.animation_img ,  .contact-image.animation_img p , .contact-image.animation_img .mobile_num a{
    color: #fff;
}


.contact-form-input{
    padding: 20px;
    box-shadow: 0 0 15px rgb(51 51 51 / 30%);
    border-radius: 20px;
    background-color: #ececec;
}

.nesttabs-new{
    background-color: #133680;
    padding: 12px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 75%);
    border-radius: 20px;
}

.nesttabs-new .nav-pills > li {
    float: inherit !important;
}
.nesttabs-new .tab-content>.active {
    display: block;
    color: #fff;
}

.nav-pills>li.active>#v-pills-profile-tab h4{
    color: #fff;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #193884;
}

@media (max-width: 768px){
.paddinglogo {
    height: auto;
    display: inline-block;
    width: 49%;
}}

@media (max-width: 768px){
.imagedata {
    height: auto;
    width: -webkit-fill-available;
}

.imagedata img {
  width: 100%;
}
}


.g-map{
    position:absolute;
    width:180%;
}

@media ( max-width : 991px){
    .g-map{
        position: relative;
        width: 100%;
    }
}
@media (max-width: 991px) {
   
    .innerpage-topspace{
          padding-top: 0;
    }
}

.love-trusted-clients img{
    max-width: 100%;

}

.contact-map{
    overflow: hidden;
}

.paddinglogo img:hover {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}






/* ======= About Us =======  */

.under-line{
    border-style: solid;
    border-width: 0 0 2px 0;
    padding-bottom:5px;
    margin-bottom:20px;
    width:fit-content;
    border-image: linear-gradient(45deg, rgb(255 255 255), rgb(255 255 255)) 1;

    
}

.about-bussines-list ul li p {
    padding: 2px 0px 0 14px;
    text-align: justify;
    margin: 0;
}
.cor-principle-card h3{
    transition-duration: 500ms;
}
.cor-principle-card {
    background-color: #fff;
    padding: 13px;
    text-align: center;
    border-radius: 10px;
    height: 275px;
    -webkit-box-shadow: 7px 7px 15px -5px rgb(0 0 0 / 58%);
    -moz-box-shadow: 7px 7px 15px -5px rgba(0,0,0,0.75);
    box-shadow: 7px 7px 15px -5px rgb(0 0 0 / 58%);
    transition-duration: 500ms;
}

.cor-principle-card:hover {
      color: #fff;
      transform: translate(0, -10px);
      background-color: #193884 !important;
}
.cor-principle-card:hover h3{
    color: #fff !important;
}

.cor-principle-card:hover p{
    color: #fff !important;
}

 .accordion.story-tabs .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
    font-size: 16px;
}
.accordion.story-tabs .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    font-size: 16px;
}



    .accordion.story-tabs .card-header {
        padding: 12px 20px;
        background-color: #193884;
        color: #fff;
        margin-top: 10px;
        cursor: pointer;
        border-radius: 20px;
    }     
 
    .accordion.story-tabs .card-header a{
        color: #fff;
        font-size: 16px;
        font-weight: 500;
    }

    .accordion.story-tabs .card-body {
        padding: 10px;
        -webkit-box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 48%);
        -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.48);
        box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 18%);
        border-radius: 0 0 20px 20px;
        margin: 0 10px;
        background-color: #fff;
    }
 .about-help-img img{ 
    width: 40%;
 }
 .about-help-img {
    text-align: center ;
 }
 .about-bussines-list li{
    list-style: none;
 }
 .about-bussines-list{
         position: relative;
 }
 .about-bussines-list li::before {
    content: "\f0da";
    display: inline-block;
    position: absolute;
    font-size: 18px;
    line-height: 1.79;
    font-family: 'FontAwesome';
}
@media (max-width: 991px) {
    .cor-principle-card{
           margin: 15px;
           height: 200px;
    }
}
img.thumb{
    transition: 0.3s;
  }
img.thumb:hover{
    transform: scale(1.05);
}

.accordion.story-tabs{
    margin: 0 10px;
}

.about-form{
     position:absolute;

}


.about-form .form-control{
       height: 46px;
       padding: 0 15px 0 15px;
}

.about-form.contact-form-input {
    padding: 20px;
    box-shadow: 0 0 15px rgb(255 252 252 / 22%) !important;
    border-radius: 20px;
    background-color: #163d85 !important;
    z-index: 999;
    border: 1px solid #fff;
}

.about-form.contact-form-input .form-group textarea {
    height: 114px;
    border-color: #efedf29e;
}

.about-btn-white{
    background: #fff;
    color: #163d85;
    font-size: 12px !important;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    padding: 8px 0;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    border: 2px solid #fff;
}
.about-btn-white:hover{
     background-color: transparent;
     color: #fff;
     border: 2px solid #fff;
}

@media (max-width: 991px) {
.about-form {
    position: relative;
}
}

.about_after_before::after{
    content: '\f104\f104\f104 ';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 10px;
    color: #ffffff;
    text-decoration:none;

}


.about_after_before::before{
    content: '\f105\f105\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    margin:0px 0px 0px 10px;
    text-decoration:none;
}

@media (max-width: 768px){F
.desktrack_indexvideo_bottom {
background-image: none;
background-color: #e9e9e9;
background-color: #e9e9e9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.09' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}}

@media (max-width: 467px){
.desktrack_indexbanner h1 {
    line-height: 42px !important;
}}
.desktrack_indextop_business .wrapper , .desktrack_indextop_business .youtube{
    margin-bottom: 0px;
    width: 100%;
}


 /* feature page css  */


 .feature_backgroud{
    background-image: url( );
 }
 
/* time tracking page   */

.navbar-fixed-top .navbar {
 
    padding: 0 10px !important;
  }
  
  .trial-btn a {
    border-radius: 8px !important;
  }
  
  .trydemo {
    background-color: #ffffff;
    box-shadow: 4px 5px 10px -4px rgb(218 216 219 / 92%) !important;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75) !important;
    border-radius: 25px !important;
    box-shadow: 4px 5px 10px -4px rgb(218 216 219 / 92%) !important;
    /* box-shadow: 8px 9px 8px -5px rgb(151 150 150 / 50%); */
  }
  
  
  .waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    min-height:100px;
    max-height:150px;
  }
  
  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  
  /* Animation */
  
  .parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }

  @media (max-width: 768px) {
    .waves {
      height:40px;
      min-height:40px;
    }
    .content {
      height:30vh;
    }
    h1 {
      font-size:24px;
    }
  }
  
  @media (max-width: 525px) {
    .tel{ 
        width: 100%;
      }
  }

  .bg_wave{
    padding-bottom: 0px !important;
      position: relative;
      background: rgb(1,101,197) !important;
      background: linear-gradient(86deg, rgba(1,101,197,1) 0%, rgba(27,47,143,1) 100%) !important;
      color: white;
  }
  
  .bg_wave .employee_monitoring_softwaresub_heading_h1 , .bg_wave  ul li , .bg_wave  ul li i
  {
    color: #fff !important;
  }
  
  .buttons {
    
    color: #fff !important;
  }
  .tel{ 
    display: inline-block;
  }
  .tel a{
    padding-left: 10px;
    text-align: center;
    color: #143485;
  }
  .tel a:hover{
      color: #3c763d;
  }
  .m-auto{
    margin: auto;
    text-align: center;
  }
  
  
  .feature_box{
    padding: 17px;
    height: 296px;
    border-radius: 10px;
    background-color: #fff;
  
  }

.feature_box.hight{
    height: auto !important;
}
  
  .feature_box:hover {
   
    transition: all .5s;
    transform: translateY(-10px);
    background-color: #183884;
    color: #FFF !important;
  }

  .feature_box:hover .iconify ,   .feature_box:hover .workforce_p_center_p{
          color: #fff !important;
  }


  .trial-btn a{
    background-color: #143485 !important;
    padding: 12px 12px;
    font-size: 15px;
  }
  .trial-btn a:hover, .trial-btn a:active, .trial-btn a:focus {
    background: #144485 !important;
}
  .sub_box{
    background-color: blue;
 color: #fff;
 border: 2px solid #fff;
  padding: 20px;
  text-align: center; 
  }

  .employee_productivity_monitoring_software_section_b ul li.country{
    color:#000 !important;
  }

  .download-btn#buttondata{
    padding: 10px 10px;
    border-radius: 8px;
    font-weight: 600;

  }


@media screen and (max-width: 767px){
.navbar-toggle {
    background-color: #103291 !important;
    float: right;
}}
@media screen and (max-width: 767px){
.navbar-toggle .icon-bar {
    background: #fff;
}}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.employ-time-track-padd{
    padding-left: 90px !important;
}

.counter{
    background:linear-gradient(86deg, rgba(1,101,197,1) 0%, rgba(28,57,156,1) 99%) !important;
    padding: 20px 0;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
  }
  
  .counter .timer.count-title.count-number{
                  display: inline-block;
  }


  .counter:hover {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@media screen and (max-width: 991px){
    .employ-time-track-padd {
        padding-left: 20px !important; 
    }
    .desktrack_indexfree_demo.background_grey{

        padding: 20px !important;
       
    }
  .mob_responsive{
    display: none;
  }
}


.desktrack_indexfree_demo.background_grey{

    padding: 60px ;
   
}
@media screen and (max-width: 991px){
.mob_respon{
    display: none;
 }
}

.numberdata {
    padding-top: 138px !important;
}

@media (min-width: 991px){
.md-res {
    margin-bottom: 60px!important;
}}
.tel {
    border: 1px solid #000;
    padding: 11px 16px;
    border-radius: 7px;
    font-size: 20px;
    background: #fff;
    display: inline-block;
}

.tel a {
    padding-left: 10px;
    text-align: center;
    color: #143485;
}

.numberdata p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.employee_productivity_monitoring_software_section_n {
    padding-top: 60px;
    padding-bottom: 60px;
}

.employee_productivity_monitoring_software_section_b .img {
    background: #2c3d850f;
  
}
.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;
    font-display: swap;
}



.desktrack_indexfree_demo {
    text-align: center;
    padding: 60px;
    background: #f4f4f4;
    font-family: "Gotham", sans-serif !important;
    font-display: swap;
}

.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;
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}


.submit-button button {
    background: #1e3987;
    font-size: 16px;
}
.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;
}
.paddinglogo {
    padding: 20px;
}


.desktrack_indexfree_demo .desktrack_indexsub_heading h5 strong {
    color: #1e3a88;
    font-weight: 600;
}
.desktrack_indexfree_demo .desktrack_indexsub_heading h5 {
    color: #000;
    font-size: 18px;
    line-height: 35px;
   
}

.iti-mobile .intl-tel-input.iti-container {
    top: 60px;
 bottom: 20px;
    left: 30px;
    right: 30px;
    position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%;
    z-index: 99;
}
.rating svg.iconify.iconify--bxs {
    font-size: 23px;
    color: antiquewhite;
}



 

.desktrack_indexvideo_bottom ul li {
    margin-bottom: 13px;
    font-weight: 300;
    font-size: 16px;
    list-style: none;
}
@media screen and (max-width:413px) {
    .desktrack_indexvideo_bottom ul li i {
                    height: 41px !important;
    }}

    @media screen and (max-width:778px) {
        .desktrack_indexvideo_bottom ul li i {
                        height: 32px !important;
        }}   

.desktrack_indexvideo_bottom ul li i {
    font-size: 22px;
    margin-right: 10px;
    float: left;
    color: #1e3a88;
}

.desktrack_indexvideo_bottom {
    background-image: url(../images/index-update/adventure.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 60px 0;
    background-size: contain;
    background-position: 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;
  }
  

.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;
}

.card {
    font-size: 10px;
    font-family: "Gotham", sans-serif !important;
    margin-top: 10px;
    font-weight: 500 !important;
}
.desktrack_indexworkforce_anlaytics .desktrack_indexsub_heading p {
     font-size: 20px;
}
.desktrack_indexworkforce_anlaytics span {
    color: #f73859;
    font-weight: bold;
    font-size: 30px;
    margin-top: 30px;
}
#perg {
    font-size: 16px;
    line-height: 28px;
}

.desktrack_indexworkforce_anlaytics ul li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #1e3a88;
    font-weight:400;
    list-style: none;
}
.desktrack_indexworkforce_anlaytics ul li i {
    font-size: 22px;
    margin-right: 5px;
    float: left;
    height: 36px;
}
.desktrack_indexworkforce_anlaytics ul {
    padding-left: 0px;
}

.desktrack_indexworkforce_anlaytics img {
    margin-top: 30px;
}
.desktrack_indexos_devices .col-md-2 {
    width: 20%;
}
@media (min-width: 992px){
.col-md-2 {
    width: 16.66666667%;
}}
.col-md-2.col-12.cust-w {
    width: 14.9%;
}
.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_indexinsights .desktrack_indexsub_heading {
    padding: 60px 0;
    background: #f4f4f4;
}
.desktrack_indexinsights .desktrack_indexsub_heading h2 {
    line-height: 50px;
}
.desktrack_indexcounter_text {
    text-align: center;
    color: #FFF;
    font-style: italic;
}
.desktrack_indexcounter_text h6 {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 10px;
}
.desktrack_indexcounter_text p {
    font-size: 26px;
    color: #fff;
}
.desktrack_indexblue {
    background-image: url(../images/index-update/blue.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 70px 0;
}
.desktrack_indexsky {
    background-image: url(../images/index-update/sky.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 70px 0;
}
.desktrack_indexpink {
    background-image: url(../images/index-update/pink.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 70px 0;
}
.desktrack_indexpadding-ins {
    padding: 0;
}

.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_indexdata_security ul{
    padding-left: 0px;
}
.desktrack_indexdata_security ul li i {
    color: #1e3a88;
    font-size: 22px;
    margin-right: 15px;
    float: left;
    height: 36px;
}
.desktrack_indexdata_security img {
    width: 50%;
    text-align: center;
    margin: auto;
}
.desktrack_indexreviews {
    background: #f4f4f4;
    text-align: center;
}
.desktrack_indexreviews ul li {
    display: inline-block;
    margin-right: 10px;
}
.desktrack_indexreviews ul li i {
    font-size: 20px;
    color: #f6c358;
}

.owl-carousel .owl-item {
    float: left;
}
.curve-background-left {
 
    background: #224b75;
    text-align: center;
    overflow: hidden;

}
.rating-image img {
    width: 40%;
    margin: 28px 0 0 56px;
}
.rating ul {
    margin-left: 0px !important;
    padding-left: 0 !important; 
}.rating ul li {
    display: inline-block;
    color: #fff;
}
.rating ul li i {
    color: antiquewhite;
    font-size: 23px;
    padding: 0px 2px;
}
.rating-platform {
    font-weight: 400;
    line-height: 2.10;
    color: #fff;
}

.rating-platform a {
    color: #224b75;
    font-size: 14px;
    background: #ffffff;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 600;
    margin-left: 5px;
    transition: all 0.5s ease;
}
.rating-platform a:hover {
    background: rgba(255, 255, 255, 0.8);
}
.desktrack_indexfree_demo a {
    margin: 10px 0;
}
.social_icon{
    display: none;
}
@media screen and (max-width:992px) {
    .navbar-light .menu > .nav-item > .nav-link { 
    color: #224b75; 
    }
    .full-width, .slider-intro { 
    width: 100%; 
    }
    .select-countries { 
    margin-right: 10px; 
    }
    .select-countries .ddTitle.borderRadiusTp { 
    box-shadow: -1px 2px 24px 0px rgba(0, 11, 40, 0.1); 
    }
    .col-lg-9.col-md-9.col-sm-12.full-width {
     padding: 0; 
     }
     .nav>li>a {
      padding: 15.5px 8px;
       }
       .droplist { 
       padding: 16px 5px 
       }
    .navbar-expand-lg .navbar-toggler{
        display: block;
        background: -moz-linear-gradient(-45deg, #23b1fe 0%, #224b75 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, #23b1fe), color-stop(100%, #224b75));
        background: -webkit-linear-gradient(-45deg, #23b1fe 0%, #224b75 100%);
        border: 0;
        padding: 10px;
        border-radius: 7px;
        float: right;
    }
    .navbarcollapse{
        display: none;
        background: #fff;
        padding: 10px 0 20px 0;
        margin-top: 5px;
        width: 100%;
    }
    .menu{
        padding: 0px 25px;
        margin-top: 0px;
        width: 100%;
    }
    .navbar-nav li{
        display: block;
        float: none;
    }
    .menu > .nav-item + .nav-item { 
    margin-left: 0; 
    }}
    @media (max-width: 992px){
a.navbar-brand.sticky_logo {
    width: 150px;
}
    }
@media (max-width: 1200px){
a.navbar-brand.sticky_logo {
    width: 150px;
}}

@media (max-width: 768px){
.desktrack_indexworkforce .col-sm-3.col-12 {
    display: inline-block;
    width: 48%;
}}
@media (max-width: 992px){
.desktrack_indexos_devices img {
    width: 30%;
}}
@media (max-width: 992px){
.cust-w {
    display: none !important;
}}

@media (max-width: 768px){
.desktrack_indexreviews .col-md-3.col-12 {
    width: 49%;
    display: inline-block;
}}  
@media (max-width: 768px){
.desktrack_indexvideo_bottom ul {
    padding: 0 15px;
}
#indexbanner_back , .desktrack_indexvideo_bottom{
    background-image: none;
}
}
.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;
}
.slider-intro-content .subcribes .btn_submit {
    position: absolute;
    top: 0;
    background-color: #002d7e;
    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;
}





/* Desktop-activity-time-tracking */

.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;
}
.getmore {
    padding-left: 50px;
}
.list-group-get:hover {
    background: #1d3a88;
    color: white;
}
.employee_productivity_monitoring_software_h4 {
    font-size: 18px !important;
    font-family: "Gotham", sans-serif !important;
    font-weight: 600;
}
.employee_monitoring_softwareguides .employee_monitoring_softwaresub_heading {
    text-align: center;
    margin-bottom: 60px;
}.panel-group > .panel:first-child .panel-heading {
    border-radius: 15px 15px 0 0;
}.panel-heading {
    background-color: #1d3a881a;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
}.panel-title a {
    display: block;
    color: #1e3a88;
    padding: 20px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}.panel-group .panel+.panel {
    margin-top: 0px;
}.panel:last-child .panel-heading {
    border-radius: 0 0 15px 15px !important;
    transition: border-radius 0.3s linear 0.2s;
}#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;
}
.imagedata {
    height: auto;
    width: 100%;
}

.employee_productivity_monitoring_software_section_b {
    background: #2c3d850f;
    padding-top: 60px;
    padding-bottom: 60px;
}
.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 svg {
    color: #2c3d85;
    width: 70px !important;
}
.border-box:hover p, .border-box:hover svg {
    color: #fff;
}
.emp-auto-time-track img{
    width: 100%;
}
.automated {
    text-align: left;
    padding: 118px;
    padding-top: 85px;
}

.bg-perfect {
    background-image: url(https://desktrack.timentask.com/theme_v1/images/screenshot_monitoring/top-viewb.jpg);
    background-size: cover;
    background-position: right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.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: 60px;
}

.borderp:hover {
    background-color: #2c3d85;
    color: white;
}
.borderp:hover .workforce_p_center_p {
    color: #fff;
}
.free_demo .sub_heading h4 {
    line-height: 40px;
}
.free_demo .sub_heading h4 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-align: center;
   
}
.free_demo .sub_heading h5 {
    color: #000;
    font-size: 18px;
    font-size: 18px;
    padding: 10px;
}
.free_demo a {
    margin: 30px 0;
}
@media (max-width: 778px){
.automated {
    padding: 20px;
}}

@media (max-width: 991px){
.perfectfile {
    background-color: #ffffffba;
}}
.btn_blue_new.btn_color_new {    
    background: rgb(1 178 223);
    border-color:rgb(1 178 223);
}
.btn_blue_new.btn_color_new:hover{
        background-color: transparent;
}
.btn_blue_new.btn_color_new:hover {
    color: rgb(1 178 223) !important;
}



/* project time tracking  */

.show {
    box-shadow: 0 0 72px 16px rgb(0 0 0 / 8%);
    background: white;
}
.show:hover {
    background: #dfe4f0;
}





/* employee monitoring software  */

.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading p {
    margin-bottom: 50px;
}

.employee_monitoring_softwarehighlighter {
    text-align: center;
    background: #143485;
    color: #FFF;
}

.employee_monitoring_software_appuser_box.timesheet_active {
    background: #1e3a88;
}
.employee_monitoring_software_appuser_box:hover {
    background: #1e3a88;
}

.employee_monitoring_software_appuser_box {
    text-align: center;
    box-shadow: 10px 10px 7px -4px rgb(0 0 0 / 37%);
    padding: 20px 10px;
    min-height: 300px;
    cursor: pointer;
    background: #fff;
}
.employee_monitoring_software_appuser_box.timesheet_active .blue_img {
    display: none;
}.employee_monitoring_software_appuser_box img {
    margin-bottom: 20px;
}.employee_monitoring_software_appuser_box img {
    width: 15%;
}.blue_img {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}.employee_monitoring_software_appuser_box.timesheet_active .white_img {
    display: block;
}.employee_monitoring_software_appuser_box.timesheet_active .white_img {
    display: block;
}.employee_monitoring_software_appuser_box img {
    width: 15%;
}.white_img {
    display: none;
}.employee_monitoring_software_appuser_box.timesheet_active h3 {
    color: #fff;
}.employee_monitoring_software_appuser_box h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #1e3a88;
}.employee_monitoring_software_appuser_box.timesheet_active p {
    color: #fff;
}.employee_monitoring_software_appuser_box:hover h3 {
    color: #fff;
}.employee_monitoring_software_appuser_box.timesheet_active .white_img {
    display: block;
}.employee_monitoring_software_appuser_box:hover .white_img {
    display: block;
    text-align: center !important;
    margin: auto !important;
    margin-bottom: 20px !important;
}.timesheet_active .white_img {
    margin: auto;
    margin-bottom: 20px;
}.employee_monitoring_software_appuser_box.activity_active .blue_img {
    display: none;
}.employee_monitoring_software_appuser_box.activity_active {
    background: #1e3a88;
}.employee_monitoring_software_appuser_box.activity_active .white_img {
    display: block;
}.activity_active .white_img {
    margin: auto;
    margin-bottom: 20px;
}.employee_monitoring_software_appuser_box.activity_active h3 {
    color: #fff;
}.employee_monitoring_software_appuser_box.activity_active p {
    color: #fff;
}

.employee_monitoring_softwareproductive .media:first-child {
    margin-top: 0 !important;
    padding: 20px 15px;
}.employee_monitoring_softwareproductive .media {
    background: #fff;
    margin-bottom: 30px;
    min-height: 150px;
    cursor: pointer;
}.employee_monitoring_softwareproductive .media, .media-body {
    overflow: visible;
    zoom: 1;
}.images_hover_box {
    background-color: #fff;
    box-shadow: 0 0 72px 16px rgb(0 0 0 / 10%);
    border: 2px solid #1e3a88;
}.employee_monitoring_softwareproductive ul li i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    padding: 7px;
    background: linear-gradient(0deg, rgba(216,126,216,1) 0%, rgba(154,114,246,1) 100%);
}.employee_monitoring_softwareproductive h3 {
    font-size: 18px;
    line-height: 23px;
}.employee_monitoring_softwareproductive p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    margin-top: 7px;
}.employee_monitoring_softwareproductive ul {
    padding: 0;
    margin: 0;
    list-style: none;
}.employee_monitoring_softwarestoredata img {
    width: 15%;
    margin-bottom: 25px;
    position: relative;
}

.employee_monitoring_softwarereviews {
    padding: 60px 0;
    background: #1d3a881a;
    text-align: center;
}
@media (max-width: 991px){
.mob-res {
    display: block !important;
}}@media (max-width: 467px){
.mob-res {
    display: none;
}}@media (max-width: 991px){
.desk-res {
    display: none !important;
}}
@media (max-width: 467px){
.employee_monitoring_softwareproductive {
    background: #1d3a881a;
    padding: 30px 0;
}}@media (max-width: 991px){
.desk-res {
    display: none !important;
}}
.mob-res {
    display: none;
    text-align: center;
    background-color: transparent;
    color: #0d3281 !important;
}@media (max-width: 467px){
.employee_monitoring_softwarehigh {
    background-color: #fff;
    padding: 30px 0;
}}@media (max-width: 467px){
.employee_monitoring_tabs .nav-tabs>li {
    float: none !important;
    margin: auto !important;
    display: inline-block !important;
}}@media (max-width: 467px){
.employee_monitoring_tabs li a {
    background-color: #000080;
    color: #fff;
    padding: 9.5px 8px !important;
    margin: 3px 3px;
    font-size: 12px;
    border-radius: 10px;
}}@media (max-width: 467px){
.employee_monitoring_tabs .nav-tabs>li.active>a, .employee_monitoring_tabs .nav-tabs>li.active>a:focus, .employee_monitoring_tabs .nav-tabs>li.active>a:hover {
    color: #000;
    cursor: default;
    background-color: #f5f5f5;
    /* border: 1px solid #000080; */
    border-bottom-color: navy;
}}@media (max-width: 467px){
.employee_monitoring_tabs .tab-pane {
    margin: 24px 0 0 0;
    background: #ebebeb;
    padding: 5px;
}}



/* Time Tracking Software and Remote wrok monitoring */  
.backgroundcolor {
    background-color: #e8ebf3;
    padding: 30px;
}.btn_tips {
    background-color: #e8ebf3;
    padding: 35px;
    text-align: center;
    font-size: 15px;
    font-family: 'Gotham', sans-serif !important;
    transition: 0.5s;
    border-radius: 100%;
    height: 360px;
    width: auto;
    margin: 5px;
}#icon {
    color: #bd79e5;
    font-size: 130px;
    padding: 25px;
}.btn_tips:hover {
    background-color: #f8f8f8;
    color: #1e3a88;
    border-radius: 50%;
}


/* workforce  and Productivity monitoring software   */

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
    margin-top: 20px;
}.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}.blog-inner {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
    border-radius: 10px;
    background: #fff;
    margin: 10px 10px;
    min-height: 500px;
    position: relative;
}.post-thumb {
    margin-bottom: 30px;
    width: 100%;
}.entry-title h5 {
    padding: 0px 10px;
    line-height: 30px;
    margin: 0;
    font-size: 20px;
}.entry-title p {
    padding: 0px 10px;
}.top-meta {
    position: absolute;
    bottom: 0;
    width: 100%;
}ul.top-meta-list {
    padding: 0px 10px;
    list-style: none;
    margin: 20px 0px !important;
}.top-meta-list li, .top-meta-list li {
    display: inline-block;
    margin-right: 15px;
}.top-meta-list li:last-child, .top-meta-list li:last-child {
    float: right;
    margin-right: 0;
}.employee_productivity_monitoring_software_section_b ul li i {
    color: #1e3a88;
    font-size: 20px;
    margin-right: 15px;
}.indexbannerfile {
    background-image: url(../images/epm-softwara/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 0 !important;
   

}
.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;
}.epm_software {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    background: #1d3a88;
    color: white;
}.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;
}.paddingbox {
    padding: 15px 0px 15px 19px !important;
    font-family: "Gotham", sans-serif !important;
}.paddingbox h3{
    margin: 0 auto !important;
}#v-pills-profile-tab:hover h3 {
    color: #fff;
}


/* screenshort monitoring  */

.partner-block-three {
    position: relative;
    word-wrap: break-word;
}
.partner-block-three {
    margin: 40px 0;
}.partner-block-three > a {
    display: block;
    border-radius: 4px;
    text-align: center;
    height: 325px;
    background: #fff;
    padding: 0 18px;
    border: none !important;
    position: relative;
    margin-bottom: 30px;
}.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 {
    opacity: 1;
    border-color: #d5d5d5;
}.partner-block-three > a {
    border: none !important;
}.padding-15px-bottom {
    padding-bottom: 35px;
}.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 i {
    font-size: 32px;
}.partner-block-three > a:hover h3, .partner-block-three > a:hover p {
    color: #ffffff;
}.partner-block-three h3 {
    color: #1e3a88;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}.employee_productivity_monitoring_software_h4 {
    font-size: 18px !important;
    font-family: "Gotham", sans-serif !important;
    font-weight: 600;
}.partner-block-three p {
    margin-bottom: 0;
    color: #000;
}.boxdesgin {
    padding: 25px;
    box-shadow: 1px 1px 3px rgb(103 97 137 / 12%);
    border: 0px solid;
    height: 348px;
    border-radius: 8px;
    margin: 10px 0;
}.boxdesgin:hover {
    background: #1d3a881a;
    box-shadow: 0px 10px 5px -8px;
}.employee_productivity_monitoring_software_section_backgroundnone {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #1d3a881a;
}.track {
    padding-top: 70px;
}@media (max-width: 661px){
.getmore {
    padding-left: 10px;
    font-size: 14px !important;
}}


/* work form home  */

.flip-card-back p{
    color: #fff;
}

/* price page  */

.slider-intro {
    margin: auto;
    text-align: center;
    width: 73%;
}
.pricing-page-heading {
    width: 100% !important;
}.slider-intro.emp {
    width: 100% !important;
}   .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 rgb(113 109 109 / 20%);
}.pricing-select-button li {
    background: transparent !important;
    display: inline-block;
    line-height: normal;
    outline: none;
    list-style: none;
}.primary-gradient, .pricing-select-button .active, .social_icon ul li a:hover i {
    background: #1e3a88 !important;
}.pricing-select-button .active {
    color: #fff;
}.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;
}span.annual-discount {
    position: absolute;
    padding: 17px;
    color: #f63858 !important;
    font: 900 23px "Righteous", cursive;
    animation-name: bounce-1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}.plan-section {
    background: #fff;
    box-shadow: 0px -4px 7px rgb(204 201 201 / 10%);
    padding: 80px 0px;
}.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: 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 rgb(0 0 0 / 10%);
}.price-banner {
    position: absolute;
    left: auto;
    top: -10px;
    right: 4px;
    bottom: auto;
    width: 122px;
    height: 122px;
}.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 rgb(0 11 40 / 20%); */
    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;
}.switch--horizontal {
    width: 18rem;
    height: 3rem;
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 1rem;
}.switch {
    margin: 4rem auto;
    width: 24rem;
    position: relative;
}.switch input:checked {
    z-index: 1;
}.switch--horizontal input {
    height: 3rem;
    width: 6rem;
    left: 6rem;
}.switch input {
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}.switch--horizontal label {
    font-size: 1.5rem;
    line-height: 3rem;
    display: inline-block;
    width: 6rem;
    height: 100%;
    margin: 0;
    text-align: center;
}.switch--horizontal input {
    height: 3rem;
    width: 6rem;
    left: 6rem;
    margin: 0;
}.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 .toggle-outside {
    height: 100%;
    border-radius: 2rem;
    padding: 3px;
    overflow: hidden;
    transition: 0.25s ease all;
}.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
    left: 4px;
}.switch--horizontal .toggle-inside {
    height: 24px;
    width: 24px;
}.switch .toggle-inside {
    border-radius: 50px;
    background: #74c5f3;
    position: absolute;
    transition: 0.25s ease all;
}.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 3.25rem;
}.switch input:checked + label {
    opacity: 1;
    cursor: pointer;    
}.switch--horizontal {
    width: 18rem;
    height: 3rem;
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 1rem;
}.prize-user {
    font-size: 15px;
}.addon_area span {
    font-family: 'Lato', sans-serif;
    background: #1dafff2b;
    font-size: 21.5px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    color: #1e3a88;
    border-radius: 10px 10px 0 0;
}.addon_area_details {
    box-shadow: 0 8px 30px 0 rgb(0 0 0 / 10%);
    padding: 30px;
    border-radius: 10px;
}.addon_area_details ul li {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}
.addon_area_details ul {
    padding-left: 0px;
}.availableboxs {
    text-align: center;
    margin: auto;
    display: block;
}.availableboxs .circle {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 30%);
    height: 120px;
    padding: 25px;
    width: 120px;
    margin: auto auto 20px auto;
    transition: all 0.5s ease;
}.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}.featured-services .service-item {
    padding: 30px;
    transition: all ease-in-out 0.4s;
    background: white;
    height: 100%;
    text-align: center;
    margin-bottom: 50px;
}.featured-services .service-item h4 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 24px;
}.featured-services .service-item p {
    line-height: 24px;

    margin-bottom: 0;
}.desktrack_indexreviews_bottom {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}



/* partner-ship  page */

.innerpage-topspace {
    padding-top: 100px;
}.innerpage-background {
    background-image: url(../images/inner-bg.jpg);
}.partner-slideleft {
    padding: 55px 0;
}.partner-form {
    background: rgb(255 255 255);
    padding: 20px;
    box-shadow: 0 0 8px rgb(77 112 148 / 40%);
    border-radius: 10px;
    position: relative;
    top: 30px;
    background: #fff url(../images/bg-pattern-2.png) no-repeat;
}.partner-form h3 {
    font-size: 20px;
    margin: 0 0 20px;
    text-align: center;
    font-weight: 600;
    color: #224b75;
}.partner-form .form-group input, .partner-form .form-group select {
    border: 1px solid #a1a0a0;
    border-radius: 5px;
    padding: 9px 10px;
    height: 40px;
    margin-bottom: 15px;
    width: 100%;
}.form-control {
    box-shadow: none;
}.partner-form .contry-input {
    position: inherit;
    height: 39px;
    padding: 9px 4px 9px 15px !important;
    width: 85px !important;
}input#mobile, input#mobile1 {
    float: right;
    width: calc(100% - 100px);
}.partner-form .field-countrycode {
    float: left;
}.floatnone {
    float: none;
    clear: both;
    text-align: center;
    margin: auto;
}.desktrack-partner-outer {
    box-shadow: 0px -4px 7px rgb(204 201 201 / 10%);
    padding: 60px 0;
}.why-desk-track {
    background: #fff !important;
    display: inline-flex;
    margin: 30px 0px 20px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 14%);
    border-radius: 10px;
    min-height: 197px;
    transition: all 0.5s ease;
}.icon {
    display: inline-table;
    background: #e47038;
    width: 70px;
    border-bottom-right-radius: 98px;
    height: 77px;
    box-shadow: 0px 0px 8px 0 #aba9a9b1;
    line-height: 75px;
    transition: all 0.5s ease;
    text-align: center;
}.icon i {
    font-size: 29px;
    color: #fff;
    position: relative;
    left: -7px;
}.why-desk-details {
    padding: 12px 15px;
    width: 100%;
}.why-desk-details h3 {
    margin-top: 0px;
    font-size: 20px;
    line-height: 29px;
    font-weight: 600;
    color: #194169;
}.why-desk-track:hover .icon {
    background: rgb(34 75 117);
}.employee-monitoring {
    padding: 20px;
    box-shadow: 0 0 8px 0 #ccc;
    min-height: 328px;
    text-align: center;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all 0.5s ease;
}.client-services-icon {
    width: 60px;
    height: 60px;
    margin: auto auto 20px;
    background: #e47038;
    line-height: 50px;
    border-radius: 50px;
    transition: all 0.5s ease;
}.client-services-icon i {
    font-size: 30px;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 59px;
}.employee-monitoring h3 {
    font-size: 20px;
    margin: 0px 0 14px 0px;
    color: #194169;
    line-height: 20px;
    font-weight: 600;
}.employee-monitoring p {
    color: #656565;
    text-align: center;
}.employee-monitoring:hover .client-services-icon {
    background: rgba(34, 75, 117, 1);
}.contact-form .form-group, .submit-button input {
    margin-bottom: 20px;
}.contact-form .form-group input, .contact-form .form-group textarea {
    font-size: 16px;
    height: 54px;
    color: #72798e;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    padding: 5px 30px;
    font-weight: 300;
    width: 100%;
}.contact-form .form-group textarea {
    padding: 15px 30px;
    height: auto;
    width: 100%;
}.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;
}.modal-top-tab.clearfix {
    padding: 4px 0;
    clear: both;
    display: block;
}.login-content {
    width: 75%;
    margin: 30px auto auto;
}.form-group {
    margin-bottom: 1px;
}.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;
}.loginmodal-header img.img-responsive {
    margin: auto;
}.left-shape-content a, .right-shape-content a {
    padding: 15px 8px;
    text-align: center;
    margin: 0;
    color: #224b75;
    font-size: 16px;
    width: 170px;
    display: block;
    cursor: pointer;
    background-color: #9fdaf8;
    border-radius: 0  30px  30px 0;

}.for-information {
    text-align: right;
}.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;
}.dark-blue-button:hover, .primary-gradient:hover {
    background: #1e3a88 !important;
}.notyet-content p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 17px;
    text-align: center;
}.rememberbox .form-group.field-loginform-rememberme {
    float: left;
}.rememberbox label.rememberlabel {
    margin-left: 20px;
}.rememberbox .checkbox {
    margin-top: 0;
}.right-shape-content, .rememberbox a {
    float: right;
}.rememberbox input#loginform-rememberme {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0;
    height: auto;
}.form-group p.help-block.help-block-error {
    background: none;
    border: 0;
    height: auto;
    line-height: inherit;
    clear: both;
}

/* application and document & url tracking  */
.feature-heading p {
    text-align: center;  
    width: 83%;
    margin: auto;    
}.application-feature-content .feature-icon {
    border: 1px solid #cfcefe;
    border-radius: 50%;
    text-align: center;
    margin: 0 20px auto auto;
    background-color: #f3f3fe;
    position: relative;
}.application-feature-content .feature-icon i {
    font-size: 24px;
    color: #224b75;
    z-index: 1;
    position: relative;
    line-height: 50px;
    width: 50px;
    height: 50px;
}.application-feature-content ul li {
    list-style: none;
    display: flex;
    margin-bottom: 10px;
}
.app-back-color{
    background-color: #fff;
}.feature-right-content {
    padding: 70px 0 0;
}.feature-right-content h3 {
    margin: 0 0 20px 0;
    color: #224b75;  
}.feature-right-content p {
    line-height: 30px;
    font-size: 18px;
}.offset-lg-2 {
    margin-left: 16.666667%;
}.padding-none {
    padding: 0;
}.feature-left img.img-responsive {
    margin: auto;
}.inner-feature-listing img.shapes, .feature-gradient .features_content img.shapes {
    top: 0;
    position: absolute;
    left: 50%;
    height: 90%;
}.features_content {
    position: relative;
}.process-box-layout1 .process-item-bg .item-icon {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    transform: translateY(-50%);
    color: #1e3a88;
    font-size: 48px;
}.process-box-layout1 .process-item-bg {
    position: relative;
    margin-bottom: 1.6rem !important;
    width: 53%;
    margin: auto;
}.process-box-layout1 .item-content .item-title {
    padding-bottom: 10px;
    margin: 0;
    color: #1e3a88;
}@media screen and (max-width: 767px){
.inner-feature-listing img.shapes, .feature-gradient .features_content img.shapes {
    display: none;
}}


/* it pro  */
.site-index .header2{
    background: rgb(18,8,184);
background: linear-gradient(90deg, rgba(18,8,184,1) 0%, rgba(60,9,121,0.9248074229691877) 54%);
}
.solutions-innerpages .slider-intro h1 {
    margin-bottom: 30px;
}.usecase-category .iconWrapr {
    font-size: 57px;
    display: block;
    text-align: center;
    color: #43464b;
    padding-bottom: 20px;
}.usecase-category img {
    width: 50px;
}.recording, .time-management {
    background-color: #f7f6f6;
    padding: 50px 0 70px;
}.usecase-listing ul li {
  
    margin-bottom: 16px;
    font-size: 18px;
  list-style: disc;
}
@media screen and (max-width: 992px){
.slider-intro-content h1, .get-started-content h3 {
    font: 600 28px/50px 'Lato', sans-serif !important;
}}
@media screen and (max-width: 490px){
    .slider-intro-content h1, .get-started-content h3 {
        font: 600 24px/40px 'Lato', sans-serif !important;
    }}.slider-intro-content h1 {
    font: 600 35px/70px"Poppins", sans-serif;
    margin-bottom: 16px;
    color: #224b75;
}.header2 h1 {
    font: 500 31px/49px"Poppins", sans-serif;
    color: #fbfbfb !important;
}.steelmode.text-center {
    box-shadow: 0 0 17px rgb(204 204 204 / 50%);
    padding: 20px 8px;
    border-radius: 4px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
    background: #fff;
    
}.steelmode.text-center img {
    width: 15%;
}ul.download-links {
    padding: 6px 0;
    text-align: center;
    margin-bottom: 13px;
}.setupbox ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}   .download-links li a.nav-link {
    font-size: 17px;
    font-weight: 600;
    color: #224b75;
}.not-created a {
    color: #e47038;
}


.offer-modal-close {
    font-size: 28px;
    font-weight: normal;
    color: #135d85;
    text-shadow: none;
    opacity: 9999;
    background: #fff !important;
    position: absolute;
    right: -11px;
    top: -15px;
    border-radius: 50%;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 17px;
}

.offermodal-content {
    position: relative;
    width: 800px;
    margin: auto;
}

.modal-dialog.get-discount {
    top: 10%;
    left: 0;
    right: 0;
    width: 100%;
}
.getdiscount-modal .modal-content {
    background: none;
    box-shadow: none;
    border: 0;
}


/* .whatsapp_btn{
    padding: 10px 20px;
    margin: 10px 20px;
    position: fixed;
    border-radius: 20px;
    bottom: 0px;
    color: azure;
    font-weight: bold;
    font-size: 16px;
    overflow: visible;
    opacity: 1;
    border: 0px;
    background-color: #07c8ff !important;
    z-index: 999998;
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-property: opacity, top, bottom;
    right: 0px;
}   
    
.whatsapp_btn:hover{
    background-color: #0067b8 !important;
}
.whatsapp_btn a:focus{
         color:#002d7e;
}
.whatsapp_btn:hover a{
    color: #fff;
} */

.industries-benefites li.nav-item.text_white.active a {
    color: #0d3281 !important;
}




/* work-from-home */

.c-section {
    padding: 30px;
  }
.c-services {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }
  @media (min-width: 550px) {
    .c-services {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 800px) {
    .c-services {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  
  .c-services__item {
    padding: 16px;
    position: relative;
  }
  .c-services__item::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 20px solid rgba(0, 0, 0, 0.03);
    border-right: 20px solid rgba(0, 0, 0, 0.03);
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .c-services__item h3 {
    margin-top: 0;
  }
  .c-services__item p {
    margin-bottom: 0;
  }
  .c-services__item h3 {
    position: relative;
  }
  .c-services__item h3::after {
    content: "";
    display: block;
    background: orange;
    width: 30px;
    height: 5px;
    border-radius: 20px;
    margin-top: 12px;
  }
  
  .c-services__item {
    background: #f5f5f5;
    margin: 4px;
    list-style: none;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
}
  .c-services__item:nth-child(1) h3::after {
    background: #bce0ff;
  } 

  .c-services__item:nth-child(2) h3::after {
    background: #d2d2ff;
  }
  
  .c-services__item:nth-child(3) h3::after {
    background: #fedac0;
  }
  
  .c-services__item:nth-child(4) h3::after {
    background: #c9fec9;
  }
  
  .c-services__item:nth-child(5) h3::after {
    background: #fec4d7;
  }

  .c-services__item:nth-child(6) h3::after {
    background: #c7ffff;
  }

  li.c-services__item:hover  {
    background-color: #032f7d;
    color: #fff;
    }
    li.c-services__item:hover p , li.c-services__item:hover h3 , li.c-services__item:hover a {
        color: #fff;
    } 
    
li.c-services__item h3 , li.c-services__item p{ color: #193884;}
.active_time_traking_box.text-left.pt-30 h3, .active_time_traking_box.text-left.pt-30 p {
    padding-left: 20px;
}

.desktrack_indexos_devices span {
    background: #000;
    width: 20px;
    height: 5px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 50px;
}
.productivity_metrics .borderp{
     height: 260px;
     padding-top: 20px;
  
}
.productivity_metrics .borderp:hover{
    background-color: #002d7e;
}
.productivity_metrics .borderp h3{
    padding-bottom: 10px;
}


	/* fallback */
    @font-face {
        font-family: 'Material Icons';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
      }
      
      .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
      }

      @media (max-width: 467px){
.employee_monitoring_software_benefited_area h3{
    color: #fff !important;
}}





/* time-tracking-software */

.list-number{
    font-size: 29px;
    position: absolute;
    top: 17px;
    border: 1px solid #adadad;
    color: #193884;
    border-radius: 25px;
}
.use-time-track{
    text-align: justify;
    margin: 10px 0;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 27%);
    border-radius: 20px;
}

.text-left.use-time-track:hover {
    background-color: #193884;
    color: white;
}

.text-left.use-time-track:hover p{
    color: #fff;
}
.text-left.use-time-track:hover span{
    color: #fff;
    border-color: #fff;
}

.text-left.use-time-track:hover a{
    color: #fff;
 
}

.images-static{
    align-items: center;
    align-self: flex-start;
    display: inline-block;
    margin: 0;
    width: 40%;
    justify-content: center;
    top: 15rem;
}


@media screen and (min-width: 35rem) {
    .images-static {
      position: sticky;
    }
  }

  .morecontent span {
    display: none;
   
}
.morelink {
    display: block;
}

.time-tracking .borderp{
    height: 260px !important;
    padding-top: 20px !important;
}

.benefits-heading {
    margin: 10px 0;
    padding: 4px 10px;
    background-color: #e7ebf2;
}
.benefits-heading svg.iconify.iconify--fluent {
    font-size: 16px;
}
.workforce_p_center_p{
    color: #6e7076;
}
.benefits-heading:hover{
    border-left: 0.4rem solid #193884;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 25%);
    color: #193884;
}


.btn_tips { 
    border-radius: 4% !important;
    height: 300px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);margin-bottom: 20px;
    background-color: transparent;
    
}
.btn_tips h5{
    color: #002d7e;
}

.icon-left .iconify{
    float: left;
}
.icon-left{   
    padding-bottom: 35px;
}
.icon-left span{
    display: block;
    padding-top: 8px;
}


.time-tracking-bg {
    background: rgb(12,32,94);
    background: linear-gradient(90deg, rgba(12,32,94,1) 0%, rgba(72,131,182,1) 100%);
}

.business-mange-text p{
    padding-bottom: 19px;
    background-color: #193883;
    color: #fff;
    padding-top: 13px;
}


.time-track-soft .owl-theme .owl-controls .owl-page span {
    background: -webkit-linear-gradient(-48deg,#0d3281 0,#0d3281 46%,#0d3281 100%)!important;}

.time-track-soft .owl-next {
    position: absolute;
    top: 40%;
    right: -8%;
}
.time-track-soft .owl-prev {
    position: absolute;
    top: 40%;
    left: -8%;
}
.time-track-soft .owl-next, .time-track-soft .owl-prev{
    background: -webkit-linear-gradient(-48deg,#0d3281 0,#0d3281 46%,#0d3281 100%)!important;
}

@media screen and (max-width:1188px){   
.time-track-soft .owl-buttons, .time-track-soft .owl-buttons{
    display: none !important;
}
}



@media (min-width: 992px){
.col-md-4 {
    width: 33.33333333% !important;
}}
.employee_time_tracking_software_area {
    border-right: 1px solid #e1e1e1;
    padding-right: 20px;
}

.choose_time_box {
    background-color: #ffffff;
    border: 1px solid #ddd;
    transition: all 0.6s ease-in-out;
    padding: 10px;
    padding-top: 30px;
    height: 301px;
    border-radius: 10px;
}
.owl-theme .owl-controls {
    margin: 22px;
    text-align: center;
}

.choos-time-track{
     margin-top: 20px;
}
.choose_time_box h3{
    display: inline-block;
    position: relative;
    top: -4px;
}
.choose_icon{
    display: inline-block;
    margin-right: 5px;
}

.choose_icon #icon{
    color: #bd79e5;
    font-size: 30px;
    padding: 0;
}

.choose_time_box:hover .choose_icon #icon{
    color: #ffffff !important;
}
.choose_time_box:hover p , .choose_time_box:hover h3 {
    color: #fff !important;
}
.choose_time_box:hover{
    box-shadow: 0 0 40px rgb(51 51 51 / 30%);
    background-color: #193884;
   
}
  .emp_moni_mode {
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 20px;
}

.darkmode .emp_mode_steath  {
     background-color: #fff;
     color: #0d3281 !important;
} 
.darkmode .emp_mode_steath p{
    color: #000 !important;
}

.emp_mode_steath  {
    background-color: transparent;
    color: #fff !important;
} 
.emp_mode_steath  p{
    color: #fff !important;
}

@media screen and (max-width: 991px) {
    .mobile_view  .emp_moni_mode , .mobile_view .emp_mode_steath {
        padding: 20px;
        border: 1px solid #fff;
        border-radius: 20px;
        background-color: #fff;
        color: #0d3281 !important;
        margin: 20px 0;
    }
    .mobile_remove{
        display: none;
    }
    .emp_mode_steath p {
        color: #0d0d0e !important
    }
}

.darkmode .emp_mode_visible  {
    background-color: transparent;
    color: #fff;
} 

.darkmode .emp_mode_visible p{
    color: #fff !important;
}
.emp_mode_visible{
    background-color: #fff;
    color: #0d3281;
    
}
.emp_mode_visible p{
    color: #0d0d0e !important;
}

.toggle_mode {
    position: relative;
  }
  .toggle_mode * {
    --main-timing: .5s;
    box-sizing: border-box;
    transition: color var(--main-timing), background var(--main-timing), transform var(--main-timing);
  }
  .toggle_mode .box_mode {
    display: inline-block;
    background: #fff;
    height: 32px;
    width: 92px;
    border-radius: 18px;
    margin-top: 4px;
  }
  .toggle_mode .switch {
    position: absolute;
    top: -40px;
    left: 0px;
    display: inline-block;
    background: #0d3281;
    border: solid 3px #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
  .toggle_mode .off, .toggle_mode .on {
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  .toggle_mode input[type=checkbox] {
    display: none;
    margin-top: 10px;
  }
  .toggle_mode input[type=checkbox]:checked ~ .on, .toggle_mode input[type=checkbox]:not(:checked) ~ .off {
    display: none;
  }
  .toggle_mode input[type=checkbox]:checked ~ .switch {
    transform: translateX(52px);
    background: #0d3281;
  }

  .employee_time_tracking_software_box{
    background-color: #002d7e;
    border: 1px solid #333;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
  }
  .employee_time_tracking_software_box p ,   .employee_time_tracking_software_box h3{
      color: #fff;
  }

  .employee_time_tracking_software_box:hover{
       background-color: #fff;
       -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
border: none;
  }

  .employee_time_tracking_software_box:hover .hover_color p {
    color: #6e7076 !important;
  }
  .employee_time_tracking_software_box:hover .hover_color h3{
    color: #1e3a88;
  }

  .time-trck-soft .owl-theme .owl-controls .owl-page span, .time-trck-soft .rating-reviews .owl-next, .time-trck-soft .rating-reviews .owl-prev {
    background: #0a3080!important;
}
  
.time-trck-soft .owl-buttons{
           position: relative; 
           top: -270px;
           display: none;
           transition: all 2.8s ease;
          }
          .time-trck-soft:hover .owl-buttons{
                 display: block;
                 transition: all 2.8s ease;                 
          }
          .time-trck-soft .owl-buttons .owl-prev{
              position: absolute;              
              left: -80px;
          }
          .time-trck-soft .owl-buttons .owl-next{
            position: absolute;            
            right: -80px;
        }

        @media screen and (max-width: 1290px) {
            .time-trck-soft .owl-buttons .owl-prev{                             
                left: -30px;
            }
            .time-trck-soft .owl-buttons .owl-next{                       
                right: -30px;
            }
        }
        @media screen and (max-width: 991px) {
            .time-trck-soft .owl-buttons .owl-prev{                             
               display: none;
            }
            .time-trck-soft .owl-buttons .owl-next{                       
                display: none;
            }


            .productivity_metrics .borderp{
                height: auto;
            }
        }




/* Refer page */

.refer-back{
     background-color: #002d7e;
}
.refer-back ul li i{
    float: left;
    padding-bottom: 18px;
}

.refer-text-main{
    position: relative;
    top: -56px;
}

.refer-text-main .position-absulate {
    border-radius: 30px;
    background-color: #fff;
    padding: 40px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.eligi-participate .eligi li{
      list-style: disc;
}

.benchmarks_box-hover .bench_heading3:hover{
    background-color: #002d7e !important;
}

.benchmarks_box-hover .bench_heading3:hover h3,.benchmarks_box-hover .bench_heading3:hover p{
    color: #fff !important;
}
@media screen and (max-width: 991px) {
.img-center img{
    width: 100% !important;
}
}

@media screen and (max-width: 600px) {
    .formula-math-text-new p {
        width: 80px !important;
    }
    .math-mob p{
        width: 36px !important;
    }
    }

.formula-math-text p {
    display: inline-block;
    width: 60px;
    text-align: center;
}

.formula-math-text-new p{
    width: 124px;
}

.formula-heading h4{
       padding: 5px 10px;
       background-color: #bfbfbf;
       display: inline-block;
       border-radius: 5px;
       margin: 22px;
       font-size: 16px;
}




/* working hour tracker */

 .working-hour-back{
    background: linear-gradient(90deg, rgba(12,32,94,1) 0%, rgba(72,154,182,1) 100%);
    padding: 60px 0;
 }
@media screen and (max-width:991px){    
    .mobile-remove-img{
        display: none;
     }
}
.testi-box {
    background-color: #f3f3f3;
    margin: 5px;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
         
.testi-box:hover {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    animation-name: example;
    animation-duration: 0.25s;
    
    box-shadow: 0 0px 3px rgb(0 0 0), 0 10px 10px rgb(0 0 0 / 38%);
  }

.testi-box .review-image {
    position: relative;
}
.testi-box .review-image img {
    position: absolute;
    left: 0;
    top: -24px;
    margin-left: 10px;    
    border-radius: 5px;
}
.testi-box .review-text {
    padding-top: 35px;
    margin: 44px 0;
    padding-bottom: 10px;
}
.rev-box-bg{
    background-color: #035c97;
    padding: 11px;
    border-radius: 7px;
    margin-left: 10px;
}
.testi-box a{
    color: #f3f3f3;
    background-color: #005b94;
}

.testi-box .rating-platform a:hover {
    background: rgb(25 56 132);
}

.mar-top-botm{
    margin: 20px 0;
}



/* File Tracking System */

.track-heading h3{
     display: inline-block;
     margin-left: 0;
}
.track-heading svg{
    float: left;
    color: #193884;
}
.time-doc-track .track-time{
      margin: 20px 0;
      padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.time-doc-track .track-time:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    box-shadow: 0 0 40px rgb(51 51 51 / 10%);
}

.panel .panel-body li{
    list-style: disc;
    margin-left: 10px;
}






/* field employee tracking software */

.emp-moni-field-team.text-center {
    padding: 19px;
    box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 25%);
    border-radius: 5px;
}


.role_wise_box:hover p {
    color: #fff;
}

.role_wise_box:hover a.hover_text_color{
    font-weight: 600;
    color: #fff;
}

@media screen and (max-width:767px){    
.shapess{
   display: none ;
}}








   /* employee time clock app  */

.time-clock-bg{
    background: rgb(12 32 94);
    background: linear-gradient(307deg, rgb(148 80 202) 0%, rgb(43 15 199) 100%);
}


.time-clock-bg .emp .submit-demo{
    color: #fff;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.time-icon h3{
         display: inline-block;
}

.time-icon svg {
    font-size: 54px !important;
    color: #ffffff;
    background-color: chartreuse;
    padding: 8px;
    margin: 16px;
    background: linear-gradient(307deg, rgb(148 80 202) 0%, rgb(43 15 199) 100%);
    border-radius: 28px;
    float: left;
}



.role_wise_box_2.time-clock-box.box_border_left {
    margin-bottom: 25px;
}

.time-clock-box .time-icon svg {
               margin: 0;
}
.time-clock-box .time-icon  {
    text-align: left;
}
.time-clock-box .time-icon h3{
    padding-top: 0;
}
.time-clock-box p {
    padding-top: 5px;
    text-align: left;
}

.role_wise_box_2.time-clock-box{
      height: 300px !important;
      box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 25%);
      -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.role_wise_box_2.time-clock-box:hover{
    -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: linear-gradient(307deg, rgb(148 80 202) 0%, rgb(43 15 199) 100%);
}

.role_wise_box_2.time-clock-box:hover h3 ,.role_wise_box_2.time-clock-box:hover p{
    color: #fff !important;
} 


.btn_grey.btn-pink{
    background: #722fc3 !important;
    border-color: #722fc3 !important;
    color: #fff !important;   
}


.btn_grey.btn-pink:hover{
      background-color: transparent !important;
      color: #722fc3 !important;
}
.role_wise_box_2.time-clock-box.time-clock-hover{
    -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: linear-gradient(307deg, rgb(148 80 202) 0%, rgb(43 15 199) 100%);
}
.role_wise_box_2.time-clock-box.time-clock-hover h3, .role_wise_box_2.time-clock-box.time-clock-hover p {
    color: #fff !important;
}






/* Home page design */




.index-analytics .heading_h4{
    margin: 20px 20px;
}
.index-analytics iconify-icon{
   font-size: 40px;
}

.index-analytics .nav-item.active a , .index-analytics .nav-item.active p ,.index-analytics .nav-item.active h4{
    background-color: #143485;   
    color: #fff !important;   
}

.index-analytics #v-pills-profile-tab:hover iconify-icon{
    color: #fff;
}

.call-to-action-index{
    background-color: #efefef;
    height: 360px;
    width: 100%;
    background-size: cover;
}
.call-to-action-index img{
    position: absolute;
    top: -129px;
    left: 0;
    width: 84%;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.feature_desk{
    margin: auto;
    text-align: center;
    padding-top: 20px;
}

.feature_desk p{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
    color: #00258f;
    font-weight: 600;
}
.feature_desk p iconify-icon{
font-size: 27px;
    float: left;
    margin-left: 10px;
}