/*new sign up popup form styles*/
/*form#user-register-form-popup .form-group {
    text-align: left;
}
#user-register-form-popup label.error {
    color: red;
}
.form-group label.error {
    font-size: 13px;
    color: #e13c3c;
    position: relative;
    top: -7px;
    left: 1px;
}

.form-group label {
    margin-bottom: 0;
    position: relative;
    bottom: -3px;
}
.get-started-submit-button {
    display: inline-block;
    padding: 3px 20px;
    font-size: 20px !important;
    border-radius: 2px;
}
a.disabled-atag {
  pointer-events: none;
  cursor: default;
}
.banner-getstarted {
    position: relative;
}
label#set_new_domain_email-error {
    position: absolute;
    top: -28px;
}
img#loading-image {
    width: 20px;
    display: none;
    margin-left: 10px;
    margin-bottom: 4px;
}*/

/*new sign up popup form styles*/




@font-face {
font-display:swap;
    font-family: 'urbanistbold';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
font-display:swap;
    font-family: 'urbanistregular';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
font-display:swap;
    font-family: 'urbanistsemibold';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-semibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/urbanist/urbanist-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
font-display:swap;
    font-family: 'mulishbold';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
font-display:swap;
    font-family: 'mulishregular';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
font-display:swap;
    font-family: 'mulishsemibold';
    src: url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-semibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/desklog/assets/css/../fonts/mulish/mulish-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

/*@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}*/

.nav-tabs-dropdown {
    display: block;
}
#nav-tabs-wrapper {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
}
.nav-tabs-horizontal {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.nav-tabs-horizontal  > li {
    float: none;
}
.nav-tabs-horizontal  > li + li {
    margin-left: 2px;
}
.nav-tabs-horizontal > li,
.nav-tabs-horizontal > li > a {
    background: transparent;
    width: 100%;
} 
.nav-tabs-horizontal  > li > a {
    border-radius: 4px;
}
.nav-tabs-horizontal  > li.active > a,
.nav-tabs-horizontal  > li.active > a:hover,
.nav-tabs-horizontal  > li.active > a:focus {
    color: #ffffff;
    background-color: #428bca;
}
.download-section-tab .fade:not(.show) {
     opacity: 1; 
}
form #popupform{ display:none; }
.main-sub-container .blog-container strong, .main-sub-container .blog-container strong b{
    font-weight: 900;
}
.captcha-image img{
  width: 100px;
}
.captcha-options{
  text-align: center !important;
  font-size: 0.85rem!important;
  font-weight: 400;
}


/*******Togggel button pricing *******/


.package_period_toggle_section{
	    width: 100%;
    height: auto;
    /* float: left; */
    display: inline-block;
    padding: 20px 0;
    margin-bottom: 0px;
}

.toggle_container{
	width:100%;
	height:auto;
	max-width:500px;
	 perspective: 800px;
   display: flex;
    justify-content: center;
    align-items: center;
        margin: auto;
    margin-bottom: 30px;
}
.toggle_container .toggle {
    position: relative;
    border: #ccc 3px solid;
    border-radius: 60px;
    transition: transform cubic-bezier(0, 0, 0.30, 2) .4s;
    transform-style: preserve-3d;
    perspective: 800px;
}

.toggle_container .toggle>input[type="radio"] {
    display: none;
}

.toggle_container .toggle>#choice1:checked~#flap1 {
    transform: rotateY(-180deg);
}

.toggle_container .toggle>#choice1:checked~#flap1>.content {
    transform: rotateY(-180deg);
}

.toggle_container .toggle>#choice2:checked~#flap1 {
    transform: rotateY(0deg);
}

.toggle_container .toggle>label {
    display: inline-block;
    min-width: 170px;
    padding: 0px;
    font-size: 20px;
    text-align: center;
    color: #666;
    cursor: pointer;
}

.toggle_container .toggle>label,
.toggle_container .toggle>#flap1 {
    font-weight: bold;
    text-transform: capitalize;
	    position: relative;
    top: 3px;
}

.toggle_container .toggle>#flap1 {
    position: absolute;
    top: -2px;
    left: 50%;
    height: 50px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-color: #77a507;
    border-top-right-radius: 60px;
    border-bottom-right-radius:60px;
    transform-style: preserve-3d;
    transform-origin: left;
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s;
}

.toggle_container .toggle>#flap1>.content {
    color: #fff;
    transition: transform 0s linear .25s;
    transform-style: preserve-3d;
	    position: relative;
    top: -2px;
}
.toggle_container input[type="radio"]:checked + label{color:transparent}

.hosted_section{
	padding-bottom:10px;
	display:none;
}
.cloud_section{
	padding-bottom:0px;
}
.hosted_form_section{
	width:100%;
	height:auto;
	float:left;
	padding:10px 40px;
	background-color:#fff;
	box-shadow:0px 0px 30px #ebebeb;
}
.hosted_form_section_head{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.hosted_form_section_head h3{
		width:100%;
	height:auto;
	float:left;
	font-size: 24px;
}
.hosted_form_section form{
	width:100%;
	height:auto;
	float:left;
	margin-top:0px;
}
.hostd_sec_frm_row{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:left;
}

.hsotd_sub_btn{
    float: left;
    border: none;
    padding: 6px 30px;
    border-radius: 50px;
    cursor: pointer;
    background: #77a507;
    color: #fff;
    margin-top: 10px;
    font-size: 1.2em;
}
.hsotd_sub_btn:hover{background-color:#28445a}
.hosted_featured_section{
	width:100%;
	height:auto;
	float:left;
	margin-top:20px
}
.hosted_featured_section h3{
	width:100%;
	height:auto;
	float:left;
	font-size:20px;
	margin-bottom:40px;
}
.hosted_featured_section .checklist{padding-left:0}
.hosted_featured_section .tip_trigger{position:absolute}
.hosted_featured_section .checklist li i{padding: 9px;padding-top:3px;}
.hosted_featured_section .checklist li{padding-left:0;list-style:none;display: inline-block;width: 100%;    margin-bottom: 11px;}
.hosted_featured_section .tip_trigger{
	 width: 31px;
    height: 31px;
    border-radius: 20px;
	padding-left: 3px;
}

.hstd_feature_row{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:30px;
	 margin-top: 40px;
}
.hstd_feature_box{
	width:100%;
	height:auto;
	float:left;
	padding:10px 30px;
	margin-bottom:20px
}
.hstd_feature_box_ico{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.hstd_feature_box_ico img{max-width:50px}
.hstd_feature_box_hd{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size: 16px;
	color:#28445a;
	    line-height: 26px;
}
.emplyee_mntr_1{
		width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:10px;
}

.hst_why_choose_sec{
	width:100%;
	height:auto;
	float:left;
	padding:20px 0; 
	margin-bottom:50px
}
.hst_why_choose_sec_head{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size: 30px;
	margin-bottom:40px
}
.hst_why_choose_sec_head h5{
	text-align:center;
	font-size: 30px;
}

.hst_why_choose_sec_box{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	border-radius:5px;
	border:solid 1px #e5e5e5;
	padding:20px 10px;
	margin-bottom:15px;
}
.pricing-latest .row{
	width:100%;
}

.desk_on_prms_harfreq_right{
	align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.desk_on_prms_harfreq_right .hst_why_choose_sec_head{margin-bottom:20px}
.desk_on_prms_harfreq_right .hst_why_choose_sec_head h5{
	text-align:left;
		    font-size: 30px;
}
.desk_on_prms_harfreq_right .hst_why_choose_sec_head p{
  font-size: 18px;
	text-align:left;
}
.hst_why_choose_sec_head p{
  font-size: 18px;
}
.on_prms_hardware_sec{
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;
}
.on_prms_hardware_sec_row h5{
	width:100%;
	height:auto;
	float:left;
	font-size: 18px;
    color: #28445a;
    line-height: 26px;
    font-weight: bold;
}
.on_prms_hardware_sec_row li{
	width:100%;
	height:auto;
	float:left;
	font-size: 16px;
    color: #555;
    line-height: 28px;
	list-style:disc;
}
.on_prms_hardware_sec_row{
		width:100%;
	height:auto;
	float:left;
	margin-bottom:15px;
}
.on_prms_hardware_sec_row p{
	width:100%;
	height:auto;
	float:left;
	font-size: 16px;
    color: #555;
    line-height: 25px;
}

.on_prms button.accordion {
  width: 100%;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-top: 0 solid #E1E1E1;
  outline: none;
  text-align: left;
  padding: 10px 20px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.on_prms button.accordion:first-child{
    border-top: 1px solid #E1E1E1 !important; 
}


.on_prms button.accordion:after {
  font-family: FontAwesome;
  content: "\f107";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}

.on_prms button.accordion.is-open:after {
  content: "\f106";
}

.on_prms button.accordion:hover,
.on_prms button.accordion.is-open {
  background-color: #f9ffea;
}

.on_prms .accordion-content {
  background-color: white;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.pricing-faq-section{margin-top:60px;}
.hst_licence_img{
	width:100%;
	height:auto;
	float:left;
}
.hst_licence_img img{max-width:100%}
.hosted_form_section_head h3{
	    text-align: left;
    margin-top: 10px;
}
.hosted_form_section_head p{text-align:left;font-size:15px;}
.hst_why_choose_sec_box_ico{
	width:100%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}
.hst_why_choose_sec_box_ico img{max-width:80px}
.qoute_message textarea{height:120px}
.hosted_section .pricing-new-head h1{text-align:left !important}
.hosted_section .pricing-new-head p{text-align:left !important}
.hosted_section .form-group{    margin-bottom: 6px;}
#cookie-notice {z-index:7;left:0;right:0;margin:auto;}
.onloadoffer{width:auto}
#cookie-notice .cookie-notice-container{
	display: block;
    position: fixed;
    bottom: 20px;
    z-index: 9;
    background-color: #002d50;
    max-width: 600px;
    width: 100%;
    padding-bottom: 20px !important;
    left: 0;
    right: 0;
    margin: auto;
}
.cn-close-icon{right: 10px;  top: 15px;}

.whatspp_float_ico {
    width: 60px;
    height: 60px;
    position: fixed;
    left: 20px;
    bottom: 60px;
    z-index:1;
}
.whatspp_float_ico img{width:100%}
.support_float_ico {
    width: 60px;
    height: 60px;
    position: fixed;
    left: 100px;
    bottom: 60px;
    z-index: 1;
}
.support_float_ico img{width:100%}
.new_tab_ftr{
    width: 40px;
    height: auto;
    position: absolute;
  	right: 60px;
    top: -3px;
}
.new_tab_ftr img{width: 100%;}
.employee_monitor_banner{
    background: url('https://desklog.io/wp-content/uploads/2022/07/employee-monitoring.jpg') no-repeat !important;
    background-size: cover !important; 

}




@media screen and (max-width: 769px) {
	.hosted_form_section{padding:10px}
}


/**************** New Theme ***********************/
h2.resp-accordion{font-family: inherit !important;font-size: 17px !important;}
.resp-easy-accordion .resp-tab-content p{margin: 0;}
#cssmenu .current-menu-item a{color: #fff !important;}
h2.resp-tab-active{color: #5e8300 !important;}
.front_page_new_thm{position: relative;}
.faq_full{display: inline-block; width: 100%;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a.active{background-color: transparent !important;color: #5e8300 !important;}
#cssmenu ul ul li a{background-color: transparent !important;color: #242424 !important;font-size: 16px !important;border: 0 !important;}
#cssmenu ul ul{background-color: #fff ;box-shadow: 0px 0px 10px #e5e5e5;padding: 2px;padding-bottom: 10px;}
#cssmenu > ul > li > a{font-family: 'mulishsemibold';color: #000 !important;    font-size: 17px !important;}
.shrink .logo-area{background-color: #fff !important;}
.front_page_new_thm h1,.front_page_new_thm h2,.front_page_new_thm h3,.front_page_new_thm h4,.front_page_new_thm h5{
    font-family: 'urbanistbold';

}
.front_page_new_thm p{
    font-family: 'mulishregular';
}
.logo-area {background-color: transparent !important;}
#cssmenu>ul>li:last-child>a:before {
    content: "\f105" !important;
    right: 15px !important;
    top: 8px !important;
}
.home-slider{position: relative;overflow: hidden;padding-bottom: 0;}
.banner_bg_svg{
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: auto;
}
.new_banner_section{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: 50px;
    min-height: 53vh;
}
#sub{font-size: 22px;
/*     font-weight: 600; */
    color: #000000;}
.banner_lft_sec{
    width: 100%;
    height: auto;
    float: left;    
}
.banner_lft_sec h1{
    width: 100%;
    height: auto;
    float: left;  
    color: #00487a;
    text-align: left;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    font-family: Poppins;
}
.banner_lft_sec h1 strong{
	 font-size: 23px;
    font-weight: bold;
    letter-spacing: 0px;
}
.banner_lft_sec h1 span{
    color: #343434;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
}

.banner_lft_sec p{
    width: 100%;
    height: auto;
    float: left; 
    color: #000;
    font-size: 18px; 
    text-align: left;
    letter-spacing: 1px;
    line-height: 33px;

}
/* .banner_lft_sec p a{
    color: #004073;
    font-family: 'mulishbold';
    font-size: 19px;
} */
.banner_lft_get_start_txtbox {
    width: 90%;
    height: auto;
    float: left; 
    border-radius: 50px;
    padding: 10px;
    position: relative;
    height: auto;
	  padding-left: 0;
}
.get-start-sec {float:left;margin-bottom: 12px;}
.button-sec{background: #FFFFFF;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.07);
border-radius: 30px;
	  height: 65px;
}
.sign-up-button{margin-top:30px;}
.banner_lft_get_start_txtbox h3{
  font-size: 22px;
  margin: auto;
  padding: 6px;
  color: #00487a;
  text-align: left!important;
  margin-left: 33px;
  display: contents;
  font-family: 'mulishregular';
  font-weight: 500;
}
.banner_get_start_input{
    width: 100%;
    height: 100%;
    float: left;
    background-color: transparent;
    border: 0;
    padding-left: 10px;
    padding-right: 150px;
    outline: none;
	border-radius:30px;
}
#start-trial-form{margin-top:13px}
.get_start_btn{
    width: auto;
    position: absolute;
    right: 7px;
    top: 8px;
    background: #77a507;
    box-shadow: 5px 5px 14px rgba(119, 165, 7, 0.3);
    border-radius: 50px;
    padding: 8px 20px;
    color: #fff;
    transition: 0.2s ease;
    border: 0;
	font-size:18px;
}
.get_start_btn:hover{
    background-color: #5e8300;
    color: #fff;
    right: 15px;;
}
.try_40dys_txt{
    margin-top: 20px;    
}
.banner_right_img_sc{
    width: 120%;
    height: auto;
    float: left;
    margin-top: -60px;
    position: relative;
}
.banner_right_img_sc img{width: 100%;}
#cssmenu>ul>li:last-child>a{
    border-radius: 30px !important;
    width: 130px !important;
    padding: 12px 30px 12px 16px !important;
    color: #fff !important;
    background: #00487a !important;
}
#cssmenu>ul>li:last-child>a:hover{background-color: #5e8300 !important;}
.trusted_partner_section{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    top: -50px;
    margin-bottom: 30px;
    

}
.trustd_partnr_logo{
    width: 100%;
    height: auto;
    float: left; 
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
}
.trustd_partnr_logo_bx{
    width: auto;
    float: left;
}
.trusted_partner_txt{
    width: 100%;
    float: left;
    position: relative;
    padding: 0 10px;
    color: #2C2C2C;
    font-family: 'mulishregular';

}
.trusted_partner_txt::before{
    position: absolute;
    right: 0;
    top: 14px;
    width: 70%;
    height: 1px;
    content: '';
    border-bottom: dashed 1px #ccc;
}

.menu_demo_btn {
    color: #fff !important;
    background: #77a507;
    position: relative !important;
    transition: all .25s ease;
    border-radius: 30px !important;
    width: 110px !important;
    padding: 0px 30px 0px 6px !important;
    display: inline-block !important;
    transition: 0.2s ease;
}
.menu_demo_btn:hover{background-color: #5e8300 !important;color: #fff !important}
#menu-top-menu .menu_demo_btn a{color: #fff !important;background-color: transparent !important;}
#menu-top-menu .menu_demo_btn a:hover{color: #fff !important}
#menu-top-menu .menu_demo_btn:hover a{color: #fff !important}
.menu_demo_btn a:before{
    content: "\f105" !important;
    right: -15px !important;
    top: 8px !important;
    font-family: FontAwesome;
    position: absolute;
    font-size: 22px;
}
.shrink #cssmenu > ul > li > a{padding-top: 12px !important;padding-bottom: 12px !important;}

.enhance_team_productivity_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 100px 0;
    margin: 40px 0;
    position: relative;
    background-color: #00487a;
}
.enhance_team_productivity_sec:after{
	width:100%;
	height:80px;
	position:absolute;
	left:0;
	top:0;
	content:'';
	background-image:url('/wp-content/themes/desklog/assets/css/../images/reltime_prodtivty_shape.png');
	background-size:cover;
}
.enhance_team_productivity_sec:before{
	width:100%;
	height:80px;
	position:absolute;
	left:0;
	bottom:0;
	transform:rotate(180deg);
	content:'';
	background-image:url('/wp-content/themes/desklog/assets/css/../images/reltime_prodtivty_shape.png');
	background-size:cover;
}

.enhance_team_prdvt_head{
    width: 100%;
    height: auto;
    float: left; 
    text-align: center;

}
.enhance_team_prdvt_head h2{
    width: 100%;
    height: auto;
    float: left;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
    color: #3a3a3a;
}
.enhance_team_prdvt_head h2 span{
    width: 100%;
    height: auto;
    float: left;
    font-size:35px;
    color: #77a507;
    font-family: 'urbanistregular';
}
.enhance_team_prdvt_head h3{
  width: 100%;
  height: auto;
  float: left;
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 20px;
  color: #3a3a3a;
}
.enhance_team_prdvt_head h3 span{
  width: 100%;
  height: auto;
  float: left;
  font-size:35px;
  color: #77a507;
  font-family: 'urbanistregular';
}
.enhance_team_prdvt_head h4{
  width: 100%;
  height: auto;
  float: left;
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 20px;
  color: #3a3a3a;
}
.enhance_team_prdvt_head h4 span{
  width: 100%;
  height: auto;
  float: left;
  font-size:35px;
  color: #77a507;
  font-family: 'urbanistregular';
}
.enhance_team_prdvt_head p{
    width: 100%;
    max-width: 800px;
    height: auto;
    margin: auto;
    margin-top: 20px;
    color: #565555;
    font-size: 19px;
    line-height: 33px;
}
.enhance_tm_right_shape{
    position: absolute;
    right: 0;
    top: 10%;
    z-index: -1;
}
.top_team_enhance_blue .enhance_team_prdvt_head h2{color:#fff}
.top_team_enhance_blue .enhance_team_prdvt_head p{color:#fff}
.enhance_team_prdvt_cnt{
    width: 100%;
    height: auto;
    float: left;
    margin-top:20px;
}
.enhance_team_lft_sec_row{
    width: 100%;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    margin-bottom: 20px;
}
.enhance_team_lft_sec_img{
    width: 90px;
    height: 90px;
    float: left;
    background-repeat: no-repeat;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog_icons.png');

}
.enhance_tm_lft_img1{
    background-position: -40px -35px;
}
.enhance_tm_lft_img2{
    background-position: -220px -30px;
}
.enhance_tm_lft_img3{
  background-position: -338px -32px;
}

.project_time_track_cnt .enhance_team_lft_sec_img{
  float: left;
  background-repeat: no-repeat;
  background-image: url('/wp-content/themes/desklog/assets/css/../images/icons_prj_2.png');
  width: 50px;
  height: 50px;

}
.project_time_Track_ico1{
  background-size: 251px;
  background-position: -3px -5px;
}
.project_time_Track_ico2{
  background-size: 251px;
  background-position:-76px -5px;
}
.project_time_Track_ico3{
  background-size: 251px;
  background-position:-145px -5px;
}
.project_time_Track_ico4{
  background-size: 291px;
  background-position: -237px -5px;
}




.enhance_team_lft_sec_txt{
    width: 100%;
    height: auto;
    float: left;
}
.enhance_team_lft_sec_txt h4{
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 30px;
    font-family: 'urbanistsemibold';
    margin-bottom: 0px;
}
.enhance_team_lft_sec_txt p{
    height: auto;
    float: left;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
}
.enhance_team_right_img{
    width: 100%;
    height: auto;
    float: left;
}
.enhance_team_right_img img{width: 100%;}


.project_time_track_cnt .enhance_team_lft_sec_row h4{
  font-size: 22px;
}
.project_time_track_cnt .enhance_team_lft_sec_row{
  align-items: center;
  grid-template-columns: 60px 1fr;

}


.desklog_feature_sec{
    width: 100%;
    height: auto;
    float: left;
}
.desklog_feature_box{
    width: 100%;
    height: auto;
    float: left;
    padding:15px 10px;
    background: #FFFFFF;
    box-shadow:-2px 2px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    position: relative;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    transition: 0.2s ease;
    padding-right: 25px;
    margin-bottom: 20px;
	  align-items: center;
}
.desklog_feature_box:hover{transform: translateY(-5px);box-shadow: -2px 30px 44px rgb(0 0 0 / 12%);}
.desklog_feature_box::before{
    width: 3px;
    height: 50%;
    border-left: 3px solid rgba(0, 64, 115, 0.3);
    content: '';
    position: absolute;
    left: 0;
    top: 25%;
}

.desklog_feature_box:after{
    width: 20px;
    position: absolute;
    right: 0px;
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 30%;
    color: #242424;
}
.desklog_feature_box_img{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url('https://desklog.io/wp-content/uploads/2023/03/icons-homepage.png');
    display: flex;
    align-items: center;
    justify-content: center;
}
.ftr_box_img1{
    background-position: -50px -147px;
}
.ftr_box_img2{
    background-position: -116px -147px;
}
.ftr_box_img-time{background-position: -763px -148px;}
.ftr_box_img-web{background-position: -716px -148px;}
.ftr_box_img-offline{background-position: -815px -148px;}
.ftr_box_time-req{background-position: -861px -147px;}
.ftr_box_img3{
    background-position: -178px -147px;
    opacity: 0.7;
}
.ftr_box_img4{
    background-position: -235px -147px;
    opacity: 0.6;
}
.ftr_box_img5{
    background-position: -295px -148px;
}
.ftr_box_img6{
    background-position: -353px -147px;
}
.ftr_box_img7{
    background-position: -403px -147px;
}
.ftr_box_img8{
    background-position: -454px -147px;
}
.ftr_box_img9{
  background-position: -514px -147px;
  opacity: 0.6;
}
.ftr_box_img10{
  background-position: -562px -147px;
  opacity: 0.8;
}
.ftr_box_img11{
  background-position: -612px -147px;
  opacity: 0.8;
}
.ftr_box_img12{
  background-position: -666px -147px;
  opacity: 0.8;
}

.desklog_feature_box h5{
    width: 100%;
    height: auto;
    float: left;
    font-size: 17px;
    color: #3a3a3a; 
    font-family: 'mulishsemibold'; 
    margin: 0;
}

.feature_cta_btn{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    text-align: center;
}
.feature_cta_btn p{
    width: 100%;
    height: auto;
    float: left;
}
.feature_cta_button{
    width: auto;
    display: inline-block;
    padding: 10px 40px ;
    background-color: #004073;
    color: #fff;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
}
.feature_cta_button i{position: relative;right: -10px;}
.feature_cta_button:hover{background-color: #77a507;}
.time_attendence_tracking_section{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0; 
    position: relative;
    min-height: 670px;
    overflow: hidden;
}
.automated_time_attendence_sec{
    position: absolute;
    z-index: -1;
    top: -20px;
    width: 110%;
    left: -2%;
}

.automated_time_attendence_lft_sec{
    width: 100%;
    height: auto;
    float: left;
}
.automated_time_attendence_lft_sec h2{
    width: 100%;
    height: auto;
    float: left;
    font-size: 35px;
    color: #3a3a3a;
    margin-bottom: 10px;
}
.automated_time_attendence_lft_sec h2 span{
    color: #77a407;
    font-family: 'urbanistregular';
    font-size: 35px;
}
.automated_time_attendence_lft_sec h3{
  width: 100%;
  height: auto;
  float: left;
  font-size: 35px;
  color: #3a3a3a;
  margin-bottom: 10px;
}
.automated_time_attendence_lft_sec h3 span{
  color: #77a507;
  font-family: 'urbanistregular';
  font-size: 35px;
}
.automated_time_attendence_lft_sec p{
    width: 100%;
    height: auto;
    float: left;
    font-size:17px;
    color: #111111;  
    margin-bottom: 10px;
    line-height: 33px;
}
.automated_time_attendence_lft_sec a{
    font-size:19px;
    color: #00487a;  
}

.automated_time_attendence_right_img{
    width: 100%;
    height: auto;
    float: left;
}
.automated_time_attendence_right_img img{width: 100%;}
.contant_btn_ftr_sec{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.contant_btn_ftr_box{
    width: 100%;
    height: auto;
    float: left; 
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
.contant_btn_ftr_box_ico{
    width: 30px;
    height: 30px !important;
    background-color: #77a507;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 10px 11px 23px rgba(0, 0, 0, 0.25);
}
.contant_btn_ftr_box_cnt{
    width: 100%;
    height: auto;
    float: left;
    color: #000000;
}
.contant_btn_ftr_box_cnt p{font-size: 17px;}

.screensot_snapshot_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0; 
    position: relative;
}
.screensot_snapshot_sec .contact_cta_btn_2 {
    margin-top: 50px;
}

.screensot_snapshot_img_sec{
    width: 100%;
    height: auto;
    display: inline-block;
}
.screensot_snapshot_img_sec img{width: 100%;}
.contact_cta_btn_2{
    width: 100%;
    max-width: 700px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 14px 54px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact_cta_btn_2 strong{
    width: auto;
    float: left;
    font-size: 20px;
    color: #000;
    font-weight: normal;
}
.contact_cta_btn_2_btn{
    width: auto;
    display: inline-block;
    padding: 10px 40px;
    min-width: 223px;
    height: 55px;
    background-color: #00487a;
    color: #fff;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
}
.contact_cta_btn_2_btn i {
    position: relative;
    right: -10px;
}
.contact_cta_btn_2_btn:hover{background-color: #77a507;}

.appurl_tracking_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    position: relative;
}

.appurl_tracking_lft_sc{
    width: 100%;
    height: auto;
    float: left;
}
.appurl_tracking_lft_sc img{width: 100%;padding:20px}
.appurl_bg_curve{
    width: auto;
    position: absolute;
    right: 0;
    top:-380px;
    z-index: -1;
}

.integrated_project_box_sec{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    position: relative;
}


.billing_invoice_sc{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
  position: relative;
}

.billing_invoice_svg{
  width: auto;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: -1;
  transform: rotateY(185deg);
}


.integrated_project_box_sc{
    width: 100%;
    height: auto;
    float: left;
    background-color: #F1FCF3;
    padding: 20px;
    border-radius: 40px;
}
.view_all_ftr_btn{
    width: auto;
    display: inline-block;
    padding: 10px 30px;
    height: 55px;
    background-color: #004073;
    color: #fff !important;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
}
.view_all_ftr_btn i{position: relative;right: -5px;}
.view_all_ftr_btn:hover{background-color: #77a507;color: #fff;}

.integrated_project_btm_ftrs{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px; 
    display: flex;
    padding: 0 20px;
    flex-wrap: wrap; 
}
.integrated_project_btm_ftrs .col-md-3{max-width: 100%;}
.integrated_project_btm_box{
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 0.56);
    box-shadow: 10px 8px 34px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px;
    height: 85%;
}
.integrated_project_btm_box_ico{
    width: 40px;
    height: 40px;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog_icons.png');
    float: left;
    background-size: 700px;
}
.pmt_ftr_ico1{
    background-position: 645px 233px;
}
.pmt_ftr_ico2{
    background-position: 569px 233px;
}
.pmt_ftr_ico3{
  background-position: 452px 220px;
  background-size: 644px;
}
.pmt_ftr_ico4{
  background-position: 406px 235px;
  background-size: 691px;
}
.pmt_ftr_ico5{
  background-position:648px 104px;
}
.pmt_ftr_ico6{
  background-position: 558px 102px;
  background-size: 676px;
}
.pmt_ftr_ico7{
  background-position: 510px 107px;
  background-size: 704px;
}
.pmt_ftr_ico8{
  background-position: 461px 107px;
  background-size: 704px;
}


.integrated_project_btm_box_txt{
    width: 100%;
    height: auto;
    float: left;
    font-size: 17px;
    color: #000;
    font-family: 'mulishregular';
}

.third_party_integration{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
    
}
.third_part_bxs{gap: 20px;}
.thid_prty_bx{
    width: 120px;
    height: auto;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    position: relative;
}   
.thid_prty_bx_txt{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
}
.thid_prty_bx_ico{
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog_icons.png');
    background-size: 700px;
    margin-bottom: 0px;
}
.thid_prty_ico_1{
    background-position: 318px 234px;
}
.thid_prty_ico_2{
    background-position: 248px 234px;
}
.thid_prty_ico_3{
    background-position: 177px 234px;
}
.thid_prty_ico_4{
    background-position: 118px 234px;
}
.thid_prty_ico_5{
    background-position: 58px 234px;
}
.third_part_select{
    width: 18px;
    height: 18px;
    border: solid 1px #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
}

.third_part_btm_get_start_btn_row{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
}
.third_part_btm_get_start_btn{
    width: auto;
    display: inline-block;
    padding: 10px 30px;
    height: 55px;
    background-color: #004073;
    color: #fff !important;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
}
.third_part_btm_get_start_btn:hover{
    background-color: #77a507;
    color: #fff;
}
.third_part_btm_get_start_btn i {
    position: relative;
    right: -5px;
}
.disabled{
    pointer-events: none;
    background-color: #ccc;
}
.faq_section_hm{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
	padding-top:0;
    position: relative;
}

.faq_section_right_obj{
    position: absolute;
    right: 0;
    top: -160px;
    z-index: -1;
    display: none;
}
.enhance_team_prdvt_cnt_sc{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.faq-heading {
    font-weight: 600;
    font-size: 19px;
     -webkit-transition: text-indent 0.2s;
    text-indent: 20px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  .faq-text {
    font-weight: 400;
    color: #000;
    width:95%;
    padding-left:20px;
    margin-bottom:30px;
  }
  
  .faq {
    width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 4px;
    position: relative;
    border: 1px solid #E1E1E1;
  }
  .faq label {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 56px;
    padding-top:1px;
    margin-bottom: -1px;
    border-bottom: 1px solid #E1E1E1;
  }
  
  .faq input[type="checkbox"] {
    display: none;
  }
  
  .faq .faq-arrow {
    width: 10px;
    height: 10px;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 2px solid rgba(0, 0, 0, 0.33);
    border-right: 2px solid rgba(0, 0, 0, 0.33);
    float: right;
    position: relative;
    top: -30px;
    right: 27px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
   .faq input[type="checkbox"]:checked + label > .faq-arrow {
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
   .faq input[type="checkbox"]:checked + label {
    display: block;
    background: rgba(255,255,255,255) !important;
    color: #4f7351;
    height: 225px;
    transition: height 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
   .faq input[type='checkbox']:not(:checked) + label {
    display: block;
    transition: height 0.8s;
    height: 60px;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
.view-more-btn{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
	text-align: left;
  }
.view-more-btn a{
      width: auto;
    display: inline-block;
    padding: 7px 17px;
    height: 50px;
    background: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(186, 186, 186, 0.44);
    box-shadow: 5px 5px 14px rgba(170, 170, 170, 0.3);
    color: #232323;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
    margin-top: 20px;
}
.view-more-btn a:hover{
    background-color: #77a507;
    color: #fff;
}
  .view_all_faq_btn{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    text-align: center;
  }
.view_all_faq_btn a{
    width: auto;
    display: inline-block;
    padding: 10px 30px;
    height: 55px;
    background: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(186, 186, 186, 0.44);
    box-shadow: 5px 5px 14px rgba(170, 170, 170, 0.3);
    color: #232323;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
    margin-top: 10px;
}
.view_all_faq_btn a:hover{
    background-color: #77a507;
    color: #fff;
}

.privacy_data_security_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.privacy_data_security_btm_objct{
    position: absolute;
    left: -70px;
    width: 107%;
}
.privacy_data_security_box{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px;
    background: #FFFFFF;
    border: 1px dashed #D1D1D1;
    box-shadow: 10px 10px 44px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    min-height: 400px;
    position: relative;
    z-index: 9;
}
.privacy_data_security_lft_sec{
    width: 100%;
    height: auto;
    float: left; 
}
.privacy_data_security_lft_sec h3{
    width: 100%;
    height: auto;
    float: left; 
    font-size: 35px;
    color: #3a3a3a;
    font-style: normal;
}
.privacy_data_security_lft_sec h3 span{color: #77a507;width: 100%;float: left;}
.privacy_data_security_lft_sec p{
    width: 100%;
    height: auto;
    float: left; 
    color: #111111;
    line-height: 35px; 
}
.privacy_data_security_right_sec{
    width: 100%;
    height: auto;
    float: left; 
}
.privacy_data_security_right_img{
    width: 300px;
    height: auto;
    float: left;
    margin-top: 10px;
    position: relative;
}
.privacy_data_security_right_img img{width: auto;}
.privacy_data_security_right_img_txt{
    width: 230px;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 10px;
    position: absolute;

}
.sec_ftr_1{right: -170px;top: -5px;}
.sec_ftr_2{right: -250px;top: 25%;}
.sec_ftr_3{right: -250px;top: 61%;}
.sec_ftr_4{right: -170px;top: 90%;}
.privacy_data_security_right_img_txt_ico{
    width: 40px;
    height: 40px;
    float: left;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog_icons.png');
    background-size: 600px;
    position: relative;
    top: 3px;
}
.privacy_data_security_right_img_txt_cnt{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #111111;
}

.sec_ico_1{
    background-position:1154px 146px;
}
.sec_ico_2{
    background-position:1087px 146px;
}
.sec_ico_3{
    background-position:1017px 146px;
}
.sec_ico_4{
    background-position:954px 146px;
}
.desklog_main_keyword_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding: 40px 0;
    padding-bottom: 0px;
    position: relative;
}

.desklog_main_keyword_sec .explore_ftr_view_ft{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.desklog_main_keyword_cnt_sc{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    position: relative;
    padding-bottom: 40px;
}

.desklog_main_keyword_img{
    width: 750px;
    height: auto;
    display: inline-block;
    border: 15px solid #FFFFFF;
    filter:drop-shadow(10px 14px 34px rgba(101, 103, 72, 0.35));
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
    position: relative;
    z-index: 9;
}
.desklog_main_keyword_img img{width: 100%;}
.desklog_main_keyword_img .owl-dots{display: none;}
.desklog_main_ftr_img1{
    width: 250px;
    height: 100px;
    position: absolute;
    left: -150px;
    top: 10%;
    z-index: 9;
    animation: hero-thumb-animation1 4s linear infinite alternate;
}
.testimonial .testimonial-content::after{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    bottom: -20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7BAMAAAA3C++AAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTH+0AH+1AX+1An6zAH+1AX+1AX21AH+1AX+1An+2AX+1AX+1AtnodewAAAAMdFJOUwAx8X8Kn98Zx2NKtdCvZYcAAAIrSURBVDjL7VS/SxxBFJ7N7uU8beQgRGSbYEKibHERkgjZQhJUEhsDKa8IRDgCU6wGQ4oUp9gYrhAjYnHFGQJpLEQsAtkme9y4uvNHZd7MvLezTZq0TrHs2+/9+N733ixjN+e/zp2WawXPFyvoVnTPReflvou+4tnIMadk9M4xvTQ/ySbJfCk/fLpy4KNsn6Vr5MyHiS9K1JfbjDWp+HcxYHVOxYN0qJ4TOTlfqGfcQXg1G6iMPSweg/OWnMXg9hy0kj3D4BZ08gCZLgn1NpW9sWY8CxEF9dG/BrKYy4tU8JIkDb1IcWzm6L2s5Al6pYRjhbL5Lppt9VZzJIIOfJFgLkCac4Tq/jevKZfOXU6vIdTo4jM0w0vIkJSlQYQeKdhWyvtFqXf4EJg9ttMPIlW6Vvwoma3BR/nVWOMgfE2KQ4RTpTf7dg4zAwRKeU+4GFjikaZRPzCt3jYtvEYRPYH7ooV6cWnnkJnwBrJczSFNeN9SjI2sNdzAgIMWYRe9i5KLPqfr8OjSoCar8Biw6ndJn1YV9ocV+PSsUtsoQrVZuK6Z5wQLK7E5Xzpmvotu9K0/VTigYTVGFSqh2Z8+rtHElRYxcUYFMuJd29R64k0LuFUV184ATevtC8up13HdfOuNbuyzHk4wP7Q3agbCxvkFrmpa/GQrx1kLr9hewjbaI/q3fJTi9w5dSPZUPvrF5Vvnp8SlfE+7W1+Qku6jmd70XdfcOElufuT/OH8BjRqfDyOjiw8AAAAASUVORK5CYII=');
    content: '';
    background-size: 100%;
}
@keyframes hero-thumb-animation1 {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.desklog_main_ftr_img2{
    width: 150px;
    height: 100px;
    position: absolute;
    left: -70px;
    bottom: 5%;
    z-index: 9;
    animation: hero-thumb-animation2 4s linear infinite alternate;
}
@keyframes hero-thumb-animation2 {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.desklog_main_ftr_img3{
    height: 130px;
    position: absolute;
    right: -150px;
    top: 15%;
    z-index: 9;
    animation: hero-thumb-animation3 4s linear infinite alternate;

}
@keyframes hero-thumb-animation3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.desklog_main_ftr_img4{
    width: 150px;
    height: 100px;
    position: absolute;
    right: -100px;
    bottom: 15%;
    z-index: 9;
    animation: hero-thumb-animation4 4s linear infinite alternate;

}
@keyframes hero-thumb-animation4 {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.line_lft{
    position: absolute;
    width: 30px;
    height: 80px;
    left: -2px;
    right: 0;
    margin: auto;
    top: -30px;
    z-index: -1;

}


.line_right{
    position: absolute;
    width: 30px;
    height: 80px;
    right: 105px;
    margin: auto;
    bottom: -100px;
    z-index: -1;
}

.desklog_main_keyword_obj_1{
    position: absolute;
    width: 76px;
    height: 76px;
    left: 0;
    top: 5%;
    background: #77a507;
    opacity: 0.1;
    border-radius: 50%;
    animation: award-sec-obgct1 4s linear infinite alternate;

}
@keyframes award-sec-obgct1 {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.desklog_main_keyword_obj_2{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0;
    bottom: 5%;
    border-radius: 50%;
    animation: award-sec-obgct2 4s  linear infinite;
}
@keyframes award-sec-obgct2 {
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.desklog_main_keyword_obj_3{
    position: absolute;
    width: 100px;
    height: 100px;
    right: 0;
    top: 8%;
    border-radius: 50%;
    animation: award-sec-obgct2 4s  linear infinite;

}
@keyframes award-sec-obgct3 {
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.desklog_main_keyword_obj_4{
    position: absolute;
    width: 70px;
    height: 70px;
    right: 0;
    opacity: 0.1;
    bottom: 5%;
    border-radius: 50%;
    border: solid 5px #77a507;
    animation: award-sec-obgct1 4s linear infinite alternate;

}
@keyframes award-sec-obgct4 {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.testimonial h3{
    font-size: 35px !important;
    font-family: 'urbanistregular';
    font-weight: bold !important;
    color: #444444 !important;
}
.testimonial .owl-carousel .owl-stage{display: flex;}
.testimonial .owl-carousel.owl-drag .owl-item{display: flex;}
.testimonial .owl-carousel.owl-drag .item{
/* 	height: 100%;    */
	padding-left: 5px;
    padding-right:5px;}

.testimonial .testimonial-content{
    background: #FFFFFF;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    height: 80% !important;
    margin: 35px 10px;
    margin-top: 30px;
    padding-left: 60px;
    padding-top: 30px;
    position: relative;
}
.testimonial .testimonial-content p{
    color: #111111;
    font-size: 17px;
    line-height: 33px;
}
.author-details{text-align: left;}
.author-details h4{font-family: 'mulishregular';font-size: 22px;}
.author-details h5{font-family: 'mulishregular';font-size:15px;color: #7a7a7a;}
.testimonial .author-image {
    background: transparent;
    width: 90px;
    height: 90px;
    padding: 10px;
    position: absolute;
    left: -30px;
    top: -30px;
}
.testimonial .author-image img{background-color: #fff;}

.awards_list_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 40px 0;
    position: relative;
}
.awards_header_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
}
.awards_header_cnt h5{
    font-size: 35px;
    font-family: 'urbanistregular';
    font-weight: bold;

}

.awards_header_cnt_scrl{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.award_lst_box{
    width: 100%;
    height: auto;
    float: left; 
    text-align: center;
}
.award_lst_box img{max-width: 140px;display: inline-block !important;}
.getstarted-section{
    background-image: none !important;
    width: 100%;
    display: inline-block;
}
.getstarted-capt{
    width: 100%;
    padding: 60px 40px;
    background-color: #00487a;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/get-start-patern.png');
    background-size: cover;
    border-radius: 30px;
    text-align: left;
    position: relative;
}
.getstarted-section .getstarted-form{text-align: left;}
.getstarted-section .get-started-submit{
    border-radius: 30px;
    background: #77a507;
box-shadow: 5px 5px 14px rgba(119, 165, 7, 0.3);
    margin-bottom: 20px;
    position: relative;
    padding-right: 50px;
}
.getstarted-section .get-started-submit:hover{
    background: #628a05;
}
.getstarted-section .getstarted-capt h2{font-size: 35px;}
.getstarted-section .getstarted-capt h4{font-size: 35px;}
.getstarted-capt h3{
    font-family: 'urbanistregular';
}
.getstarted-section .get-started-submit:before {
    content: "\f105" !important;
    right: 20px;
    top: 2px !important;
    font-family: FontAwesome;
    position: absolute;
    font-size: 22px;
}
.getstarted-section-desklog-demo{
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}
.getstarted-section-desklog-demo img{max-width: 70%;}

.get_start_obj{
    position: absolute;
    right: 10%;
    top: -1px;
}
footer{
    background:#e1eef9 !important;
    position: relative;

}
/* footer::before{
    width: 100%;
    height: 150px;
    position: absolute;
    top: -150px;
    left: 0;
    z-index: -1;
    background: rgba(128,176,221,0.1) !important;
    content: '';
} */
.aeard_sec_shape{
    position: absolute;
    right: 0;
    z-index: 0;
    height: 560px;
    width: 380px;
    z-index: -1;
    top: -160px;
}
.footer-li li a{
    color: #2D2D2D !important;
    font-family: 'mulishregular';
    font-size: 15px !important;
}
.footer-copy p, .footer-copy p a{
    color: #303030 !important;
    font-family: 'mulishregular';
}
.footer-copy{
    background: #E7F2FD !important;
}
.banner_right_box{
    width: 100%;
    height: auto;
    float: left;
    background: rgba(255, 255, 255, 0.56);
    border: 11px solid #FFFFFF;
    box-shadow: 0px 14px 31px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    position: relative;
    padding: 10px;
}
.banner_right_box_top_quick_dtl{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-top: -60px;
}
.task_time_chart{
  /* box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.09); */
  margin-top: -16px !important;
  margin-bottom: 10px;
  border-radius: 10px;
}
.banner_right_box_secnd_line{
    width: 100%;
    height: auto;
    float: left;
   
}
.banner_right_box_cnt{
    width:100%;
    height: 90%;
    float: left;
    background: #ffffff73;
    box-shadow: 0px 4px 31px rgb(0 0 0 / 7%);
    border-radius: 10px;
    min-height: 250px;
}
.banner_right_box_cnt_head{
    width: 100%;
    height: auto;
    float: left;
    color: #575757;
    text-align: left;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 15px;

}
.banner_right_box_cnt_grph{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.banner_right_box_cnt_grph img{max-width: 70%;}

.banner_right_box_btm_img{
    width: 100%;
    height: auto;
    float: left; 
    margin-top: -5px; 
}

.animated_round_cntr_txt{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    bottom: 33px;
    font-size: 0.7rem;
    letter-spacing: 1px;
    font-family: sans-serif;
    width: 100%;
    line-height: 22px;
}
.animated_round_cntr_txt strong{
    width: 100%;
    font-size: 22px;
    float: left;
    color: #719D07;
    font-weight: bold;

}


  
  .single-chart {
    width: 100%;
    justify-content: space-around ;
    position: relative;
  }
  
  .circular-chart {
    display: block;
    margin: 10px auto;
    max-width:120px;
    max-height: 250px;
  }
  
  .circle-bg {
    fill: none;
    stroke: #F4D41F;
    stroke-width: 2.8;
  }
  
  .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 18s ease-out ;
  }
  
  @keyframes progress {
    0% {
      stroke-dasharray: 0 100;
    }
  }

  
  .circular-chart.green .circle {
    stroke: #719D07;
  }
  

  .percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
    position:relative
  }

  .banner_btm_img_top{
    width: 250px;
    height: 230px;
    position: absolute;
    top: -80px;
    left: -120px;
    z-index:0;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/banner-_btm_effct.png');
    background-size: cover;
  }
  .banner_btm_img_bottom{
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -50px;
     left: -70px;
    z-index:0;
    background-image: url('/wp-content/themes/desklog/assets/css/../images/round-points.png');
    background-size: cover;
    mix-blend-mode: darken;
  }

  .view-all-faq .btn-dark{
    width: auto;
    display: inline-block;
    padding: 10px 30px;
    height: auto !important;
    background: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(186, 186, 186, 0.44);
    box-shadow: 5px 5px 14px rgb(170 170 170 / 30%);
    color: #232323;
    position: relative;
    font-size: 17px;
    border-radius: 30px !important;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
    margin-top: 10px;
  }



  /***************Project Sec*****************/

  .project-quick-view {
    margin-top: 30px;
  }
  .project-quick-view .white-box {
    width: 100%;
    height: auto;
    padding: 15px;
    background: #ffffff;
    box-shadow: 5px 5px 44px rgba(166, 184, 124, 0.12);
    border-radius: 50px;
  }
  .project-quick-view .project-view-inner {
    display: flex;
    align-items: center;
  }
  .project-quick-view .project-view-inner img{width: 50px;}
  .project-view-inner .project-text-view {
    padding-left: 20px;
  }
  .project-text-view h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212121;
    margin-bottom: 0;
  }
  .project-text-view h5 {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0;
  }
  .software-improve-sec {
    margin-top: 90px;
  }
  .software-improve-sec .software-img {
    filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.15));
  }
  .software-improve-sec .col-md-6 {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    
  }
  .software-improve-text .perorm-box {
    width: 100%;
    height: auto;
    padding: 15px;
    background: #ffffff;
    box-shadow: 5px 5px 44px rgba(136, 150, 101, 0.12);
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
  }
  .perorm-box h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0.04em;
    color: #000000;
  }
  .perorm-box img{
    padding-right: 15px;
    width:60px ;
  }
  .software-improve-text h2 {
    font-weight: 400;
    font-size: 35px;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #000000;
  }
  .software-improve-text p {
    color: #111111;
    line-height: 35px;
  }
  .software-improve-sec .img-parent {
    position: relative;
  }
  .img-parent .back-img {
    background-image: url('/wp-content/themes/desklog/assets/css/../images/backround-img.jpg');
    position: absolute;
    width: 311px;
    height: 348px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -33px;
    left: -27px;
    z-index: -1;
  }
  .desklog-project-plan .desklog-features {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }
  .desklog-project-plan .desklog-features .col-md-12{
    padding-top: 10px;

  }
  .desklog-project-plan .desklog-features .col-md-12:hover {
    box-shadow: 0px 0px 10px #f3f3f3;
  }
  .green-circle{
    transition: 0.2s ease;
  }
  .desklog-project-plan .desklog-features .col-md-12:hover .green-circle{
    transform: scale(1.1);
  }
  .desklog-project {
    margin-top: 80px;
  }
  .desklog-project .desklog-project-sec {
    text-align: center;
  }
  .desklog-project-sec p {
    max-width: 800px;
    margin: auto;
    color: #111111;
    line-height: 35px;
    text-align: center;
  
    margin-top: 20px;
  }
  .desklog-project-sec h2 {
    font-size: 35px;
    color: #3a3a3a;
    font-style: normal;
  }
  .desklog-project-plan h5 {
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #000000;
    text-align: center;
    margin-top: 15px;
  }
  .desklog-project-plan .green-circle {
    width: 64px;
    height: 64px;
    padding: 12px;
    background-color: #77a507;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .desklog-project-plan {
    margin-top: 30px;
  }
  .real-time-sec {
    position: relative;
    margin-top: 50px;
  }
  .real-time-sec::before {
    background-image: url('/wp-content/themes/desklog/assets/css/../images/real-time-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 610px;
    width: 100%;
    height: 510px;
    content: "";
    position: absolute;
    left: 0px;
    top: -140px;
    z-index: -1;
  }
  .real-time-sec .col-md-6 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .real-time-sec h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #000000;
  }
  .real-time-sec p {

    color: #111111;
  }
  .why-desklog-sec {
    margin-top: 90px;
  }
  .why-desklog-sec .head-text {
    text-align: center;
  }
  .head-text h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0.01em;
  
    color: #000000;
  }
  .why-desklog-sec .col-md-6 {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .why-desklog-sec h3 {
    font-weight: 400;
    font-size: 29px;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #000000;
  }
  .why-desklog-sec p {
    font-weight: 300;
    font-size: 19px;
    line-height: 38px;
    letter-spacing: 0.04em;
    color: #262626;
  }
  .back-deklog-img .desklog-back-img {
    background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog-back-img.png');
    position: absolute;
    width: 311px;
    height: 348px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -33px;
    left: -27px;
    z-index: -1;
  }
  .back-deklog-img {
    position: relative;
  }
  .bug-tracker-sec {
    margin-top: 80px;
  }
  .bug-tracker-sec .tracker-img {
    text-align: right;
  }
  .bug-tracker-sec .tracker-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .bug-tracker-sec img {
    width: 50%;
    margin-left: 80px;
  }
  .bug-tracker-sec .bug-tracker-features {
    margin-top: 50px;
  }
  .bug-tracker-features .stroke-box {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 20px;
    width: 100%;
    height: 95%;
    padding: 25px;
  }
  .stroke-box h5 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: #040404;
  }
  .stroke-box p {
    font-weight: 400;
    font-size: 17px;
    line-height: 37px;
    letter-spacing: 0.01em;
    color: #111111;
  }
  .section-project-sec {
    margin-top: 80px;
    position: relative;
  }
  .section-project-sec .col-md-6 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
  }
  .section-project-sec img {
    width: 80%;
  }
  .section-project-sec h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #000000;
  }
  .section-project-sec p {
    font-weight: 400;
    font-size: 19px;
    line-height: 46px;
    letter-spacing: 0.01em;
    color: #111111;
  }
  .section-project-sec .section-bg-img{
    background-image: url('/wp-content/themes/desklog/assets/css/../images/section-bg-img.png');
    position: absolute;
    width: 747px;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
  }
  
  
  
  
  .img-parent img{
    width: 100%;
  }
  
  .software-improve-wrapper .img-parent{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
 
  
  .real-time-sec img{
    width: 100%;
  }
  
  .real-time-sec .real-time-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .feature-sec{display: none;}


.feature-banner-sec{
	 width: 100%;
    height: auto;
    display: inline-block;
	position:relative;
	margin-top: -40px;
    padding-top: 20px;
}

/* .feature-banner-sec:before{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  background: aliceblue;
    background-size: cover;
    padding-top: 130px;
    background-repeat: no-repeat;
    background-position: right 0;
    content: '';
    mix-blend-mode: darken
  } */


.feature-banner-sec:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -30%;
    background-size: cover;
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: top right;
    content: '';
    mix-blend-mode: darken;
}




.feature-bannerbg-img {
    background: url('https://desklog.io/wp-content/uploads/2022/09/banner-bg-2-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: -300px;
  }

  .feature-banner-sec .bnrsec-wrapper {
    margin-top: 150px;
    min-height: 500px;
  }
  .feature-bnrsec-wrapper .bg-img img {
    width: 80%;
  }

.main-point-sec .bg-fluid-box {
  background: #fff;
  box-shadow: 3px 5px 13px rgba(186, 186, 186, 0.25);
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-top: 50px;
  padding: 30px;
}

  .main-point-sec .white-box {
  background: #ffffff;
  box-shadow: 3px 5px 13px rgba(186, 186, 186, 0.35);
  border-radius: 10px;
  width: 100%;
  height: 90%;
  padding: 20px;
}


.integration-registration-cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 34px;
}
.integration-registration-cnt form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.banner-getstarted {
  grid-template-columns: 1fr 180px;
  display: grid;
  height: 60px;
}
.integration-registration-cnt form input:first-child {
   width: 116%;
	padding-right: 60px;
  border: inherit;
}
.integration-registration-cnt form input:first-child:focus {
  border: 1px solid #77a507;
  outline: none !important;

}
.integration-registration-cnt form input {
  padding: 0px 15px;
  /* border: 0 !important; */
  max-width: 420px;
  width: 100%;
  border-radius: 40px;
}
.integration-registration-cnt span {
  font-size: 14px;
  font-weight: 500;
}


.white-box img{
width: 25px;}
.trail-box-container {
  align-items: center;
}
.time_track_img{top: -40px; position: relative;    width: 97%;}
.integration-registration-cnt form #SignupModalNew:hover{background-color:#466007}


.project_banner_view{
background: url('https://desklog.io/wp-content/themes/desklog/assets/images/project-banner-shape.jpg');
    background-position: right;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    padding-top: 140px;
  }

.download_bnn_txt{
	width:100%;
}
.download_bnn_txt h1 span{
	  font-size: 25px;
  font-weight: 500;
}
.download_bnn_txt h1{
	    width: 100%;
    height: auto;
    float: left;
    color: #00487a;
    font-size: 42px;
    text-align: left;
}

.download_bnn_txt .download-get-started{
	color: #fff !important;
    background: #77a507;
    position: relative !important;
    transition: all .25s ease;
    border-radius: 30px !important;
    width: auto !important;
    padding: 8px 30px !important;
    display: inline-block !important;
    transition: 0.2s ease;
}
.download_bnn_txt .download-get-started:hover{
	 background: #679104;
}
.cn-button.bootstrap{
	    background: #77a507;
}

.desklog_about_our_journy_section p{
  font-size: 19px;
  color: #111111;
  line-height: 33px;
  font-family: 'mulishregular';
}


/*** Feature page ***/

.feature-header-sec {
  margin-top: 130px;
}

.feature-header-sec h1 {

  line-height: 45px;
  letter-spacing: 0.01em;
  color: #00487a;
  text-align: center;
}

.feature-header-sec p {
  font-size: 19px;
  color: #111111;
  line-height: 33px;
  font-family: 'mulishregular';
  width: 50%;
  margin: auto;

}

.automated-feature-wrapper .feature-wrapper-bg {
  width: auto;
  height: auto;
  background: #eef5db;
  border-radius: 10px;
  padding: 10px;
  float: left;
  margin-bottom: 10px;

  margin-right: 2%;
}

.automated-feature-wrapper a {
  font-size: 14px;
  font-weight: 400;
  color: #676767;
  text-decoration: none !important;
}

.automated-feature-wrapper a:hover{
  color: green;
}

.automated-feature-wrapper .feature-list-wrapper {
  margin-top: 30px;
}

.automated-feature-wrapper h5 {
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  color: #303030;
}

.automated-feature-wrapper {
  margin-top: 50px;
}

.desklog-feature-wrapper h1 {

  line-height: 45px;
  letter-spacing: 0.01em;
  color: #00487a;
  text-align: center;
}

.desklog-feature-wrapper {
  margin-top: 30px;
}

.desklog_feature_sec {
     padding-top: 30px;
/*     border-top: 1px solid #f5f5f5; */
}

.feature-track-box {
  margin-top: 50px;
  display: inline-block;
  background: #eaf9ff;
  border: 3px solid #d9f4ff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 20px;
}

.feature-track-box h2 {
  font-weight: 500;
  font-size: 37px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
}

.feature-track-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #262626;
  margin-top: revert;
}
.feature-track-box img{max-width:500px}
.desklog_ftr_btm_lst_img{
	width:100%;
	height:auto;
	float:left;
}
.desklog_ftr_btm_lst_img img{max-width:70%}
.feature-cnt-image {
  margin-top: 50px;
}

.feature-cnt-image .col-md-6 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.feature-cnt-image h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #434343;
}

.feature-cnt-image p {
  font-weight: 400;
  font-size: 17px;
  line-height: 38px;
  letter-spacing: 0.04em;
  color: #262626;
}

.integeration-sec {
  margin-top: 50px;
}

.integeration-sec h2 {
  font-size: 37px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
}

.integeration-sec p {
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #262626;
  width: 70%;
  margin: auto;
}

.integeration-sec span{
  font-weight: 400;
font-size: 17px;
line-height: 38px;
letter-spacing: 0.04em;
color: #262626;
}

.leave-mngmt-sec .desklog_ftr_btm_lst_img{text-align:right}
.custom-report-sec .desklog_ftr_btm_lst_img img{max-width: 310px;}
.integeration-app-sec .desklog_ftr_btm_lst_img img{max-width:250px}


.integeration-sec .col-md-6{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.integeration-sec img{
  width: 70%;
}

.integeration-app-sec{
  margin-top: 50px;
}



.testimonial_section{
  width: 100%;
  display: inline-block;
  margin-top: 80px;
  padding: 40px 0;
  overflow: hidden;
}

.testimonial_section:before {
  background-image: url('/wp-content/themes/desklog/assets/css/../images/home5_img_02.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 500px;
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 500px;
  height: 1130px;
  z-index: -1;
}
.testimonial_section h1{
  width: 100%;
  display: inline-block;
  font-size: 30px;
  margin-bottom:50px ;
  text-align: center;
}
.testimonial_row_box{
  width: 100%;
  display: inline-block;
  padding:40px 20px;
  background-color: #fff;
  box-shadow: -10px 10px 30px #e9e9e9;
  position: relative;
  margin-bottom: 40px;
}
.testimonial_box_img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 5px #fff solid;
  box-shadow: -10px 10px 30px #e9e9e9;

}
.testimonial_box_img img{width: 100%;}
.testimonial_box_cnt{
  width: 100%;
  display: inline-block;
}
.testimonial_box_cnt p{
  width: 100%;
  display: inline-block;
  font-size: 19px;
  color: #242424;
  line-height: 30px;
  margin-top: 15px;
  font-family: 'mulishregular';
}
.project_banner_view .banner_lft_sec p{font-weight: normal !important; line-height: 33px !important;}
.testimonial_row{
  width: 100%;
  display: flex;
  gap: 20px;
}



.testimonial_box_img_ico{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 50px;
  top: -10px;
}

.getstarted-capt h4{color:#ffffff;font-weight:500;font-size:2.2em;margin-bottom:13px;/*text-transform:uppercase*/}
.getstarted-capt strong{color:#ffffff;font-weight:500;font-size:18px;margin-bottom:13px;/*text-transform:uppercase*/}

.banner_top_play_icon{
  width: 70px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 9;
  cursor: pointer;
  border: solid 3px #fff;
  color: #fff;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding-left: 8px;
  background-color: #93c909b0;
  overflow: hidden;
  box-shadow: 0px 10px 30px #ccc;
}
.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

.explore_ftr_view_ft{justify-content: center;}
.explore_ftr_view_ft .integrated_project_btm_box{
  max-width: 350px;
  text-align: left;
}
.free_of_desklgo_section{
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 20px 0;
}

.free_of_desklgo_img{
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
}
.free_of_desklgo_img img{
  max-width: 390px;  
}

.free_of_desklgo_cnt_sec{
  width: 100%;
  height: auto;
  display: inline-block;
}

.free_of_desklgo_cnt_sec h2{
  width: 100%;
  height: auto;
  float: left;
  font-size: 35px;
  color: #3a3a3a;
  margin-bottom: 20px;
  line-height: 42px;

}
.free_of_desklgo_cnt_sec h2 span{
  color: #77a407;
    font-size: 50px;
}
.free_of_desklgo_box{
  background-color: #fff;
  padding: 40px; 
  border-radius: 20px;
  box-shadow: 0px 0px 80px #e2ede3;
  width: 100%;
  max-width: 1230px;
}
.contant_btn_ftr_sec .contant_btn_ftr_box_cnt p{
  margin-bottom: 0px;
}

.learnore_btn_new{
  width: auto;
    float: left;
    padding: 10px 30px;
    height: 55px;
    background: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(186, 186, 186, 0.44);
    box-shadow: 5px 5px 14px rgb(170 170 170 / 30%);
    color: #fff;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 100;
    transition: 0.2s ease;
    margin-top: 10px;
    left: 17px;
    background-color: #00487a;
}

.learnore_btn_new:hover{   
   background-color: #77a507;
  color: #fff;
}

.tooltip-inner{background-color: #3c76a3}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{border-bottom-color: #3c76a3;}

.advanced_box_ico {
  width: 50px;
  height: 50px;
  background-image: url('/wp-content/themes/desklog/assets/css/../images/desklog_icons.png');
  float: left;
  background-size: 700px;
}
.advnce_ftr_ico1{
  background-position: 322px 171px;
}
.advnce_ftr_ico2{
  background-position: 242px 171px;
}
.advnce_ftr_ico3{
  background-position: 154px 171px;
}

.desklog_about_view_section{
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 40px 0;
}
.desklog_about_view_section_cnt{
  width: 100%;
  height: auto;
  display: inline-block;
}
.desklog_about_view_section_cnt h2{
  font-weight: 500;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 0.04em;
    color: #2e2e2e;
}
.desklog_about_view_section_cnt h3{
  font-weight: 500;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 0.04em;
    color: #2e2e2e;
}
.desklog_about_view_section_cnt p{
  width: 100%;
  height: auto;
  display: inline-block;
  font-size: 19px;
  color: #111111;
  line-height: 33px;
  font-family: 'mulishregular';
}

.desklog_about_our_story_sec{
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 120px 0;
  padding: 20px 0;
  position:relative;
  background-color: #f5f9fa;
}
.desklog_about_our_story_sec::before{
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  top: -100px;
  content: '';
  background-image: url('https://desklog.io/wp-content/uploads/2022/11/shape_about2.png');
  background-size: cover;
  transform: rotate(180deg);
}
.desklog_about_our_story_sec::after{
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: -100px;
  content: '';
  background-image: url('https://desklog.io/wp-content/uploads/2022/11/shape_about2.png');
  background-size: cover;
}


.our_story_img img{
  mix-blend-mode: luminosity;
  width: 160px;
}
.our_story_img{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95%;
}


.desklog_about_our_journy_section{
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 40px 0;
}

.desklog_about_our_journy_section .circle {
  padding: 8px 20px;
  border-radius: 50%;
  border: 3px solid #104279;
  background-color: #64a830;
  color: #fff;

  max-height: 53px;
  z-index: 2;
}
.desklog_about_our_journy_section .how-it-works.row .col-2 {
  align-self: stretch;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #104279;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {

  height: 51%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.fullLeft::after {
  height: 100%;
  left: calc(50% - 0px);
}
.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}
.desklog_about_our_journy_section .timeline div {
  padding: 0;
  height: 40px;
}
.desklog_about_our_journy_section .timeline hr {
  border-top: 3px solid #104279;
  margin: 0;
  top: 17px;
  position: relative;
}
.desklog_about_our_journy_section .timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.desklog_about_our_journy_section .timeline .corner {
  border: 3px solid #104279;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.desklog_about_our_journy_section .timeline .top-right {
  left: 50%;
  top: -50%;
}
.desklog_about_our_journy_section .timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.desklog_about_our_journy_section .timeline .top-left {
  left: -50%;
  top: -50%;
}
.desklog_about_our_journy_section .timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

.milestone {
  background-color:#fff;
  border-radius:7px;
  opacity:1;
  transition:1s;
}
.milestone.fade-in {
  background-color:rgba(200, 138, 18,.43);
  opacity:1;
}
.milestone h5 strong{color: #64a830;}

.about_why_choose_sec{
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 40px 0;
}
.about_why_choose_head{
  width: 100%;
  height: auto;
  display: inline-block;
}
.about_why_choose_head h4{
  width: 100%;
  height: auto;
  display: inline-block;
  font-weight: 500;
  font-size: 35px;
  line-height: 38px;
  letter-spacing: 0.04em;
  color: #2e2e2e;
  text-align: center;
}
.about_why_choose_box_section{
  width: 100%;
  height: auto;
  display: inline-block;
  margin-top: 40px;
}
.about_why_choose_box{
  width: 100%;
  height: 87%;
  display: inline-block;
  text-align: center;
  margin-bottom: 35px;
  box-shadow: 10px 10px 25px #e9e9e9;
  padding: 15px;
}
.about_why_choose_box h6{
  font-weight: 500;
  font-size: 22px;
  line-height: 38px; 
  letter-spacing: 0.04em;
  color: #242424;
}
.about_why_choose_box_ico{
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
}
.about_why_choose_box_ico img{max-width: 80px;}
.about_why_choose_box_cnt{
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  font-size: 19px;
  color: #111111;
  line-height: 33px;
  font-family: 'mulishregular';
}

.upgrade_btn{
  color: #00487a;
  text-decoration: underline;
  display: inline-block;
  margin-left: 40px;
  margin-top: 20px;
  font-size: 15px;
  text-underline-offset: 4px;
}

.desklog_ftr_pricing{
  width: 100%;
  height: auto;
  float: left;
  display: inline-block;
  padding: 60px 0;
  margin-top: 40px;
  margin-bottom: 60px;
}
.desklog_ftr_pricing h4{
  width: 100%;
  height: auto;
  float: left;
  display: inline-block;
  margin-bottom: 35px;
  color: #444;
  font-weight: 500;
  line-height: 1.4;
  font-size: 2.5rem;
  text-align: center;
}
.desklog_ftr_pricing_table{
  width: 100%;
  height: auto;
  /* float: left; */
  margin: auto;
  border: solid 10px #ffffff;
  max-width: 1000px;
  box-shadow: 0px 0px 20px #e5e5e5;
}
.desklog_ftr_pricing_table thead{
  background-color: #104279;

}
.desklog_ftr_pricing_table thead th{
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  padding: 8px;
}
.desklog_ftr_pricing_table tbody td{
  color: #000000;
  font-size: 16px;
  border: 0;
  padding: 8px;
  border-bottom: 1px #e3e3e3 dashed;
}
.desklog_ftr_pricing_table tbody th{
  color: #242424;
  font-weight: 500;
  font-size: 17px;
  padding: 8px;

}
.free_of_desklgo_section{margin-bottom:40px;}
.desklog_ftr_pricing_table tbody td .fa-check{color: #64a830;font-size: 18px;}
.desklog_ftr_pricing_table tbody td .fa-times{color: #f00;font-size: 18px;}
.enhance_with_cls{width: 100%;font-size: 12px;}
.footer-mail-social img{max-height: 35px;max-width: 209px;}
.cntry_timezone_main{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	width:100%;
}

.client_review_testimonial {
    transition: all 0.1s ease-in;
    display: inline-block;
    border-radius: 3px;
    margin: 10px 10px;
    box-shadow: 0 2px 6px 0 rgba(1, 87, 155, 0.2);
    padding: 10px 16px;
    min-height: 280px;
	    text-align: left;
	width:100%;
/* 	height:90%; */
	margin-bottom: 20px;
}

.client_review_testimonial__text {
    padding-top: 3px;
    color: #718191;
    font-size: 12px;
    line-height: 21px;
    font-weight: 300;
	    margin-bottom: 0;
}
.client_review_testimonial__author {
    padding-top: 4px;
    color: #77a507;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
}
.client_review_testimonial__author_deg {
    padding-top: 4px;
    color: #718191;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
}
.client_review_testimonial .author-image{position: static; margin: -10px;width: 80px; height: 70px;}
.client_review_testimonial .author-image img{height: 50px !important; width: 50px !important;}
.client_review_testimonial_authorBox{display:flex;align-items:center;gap:5px;margin-top: 10px;}
.client_review_testimonial_authorBox_txt{
	width:100%;
	display:inline-block;
}

.price_currency_selector{
	width:100px;
	height:auto;
	float:left;
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:space-between;
}
.price_currency_selector_btn{
	width:auto;
	display:inline-block;
	padding:5px 20px;
	font-size:15px;
	color:#666;
	background-color:#e4e7de;
	border-radius:5px;
	cursor:pointer;
	position:relative;
}
.price_currency_selector_btn:hover{background-color:#d2dbbe}
.price_currency_selector_btn.active{background-color:#77a507;color:#fff}
.price_currency_selector_btn input{
	width: 100%;
    left: 0;
    height: 100%;
    top: 0;
	cursor:pointer;
}
.USD:before{
	content:"$";
	font-size:35px;
	color:#666;
}
.INR:before{
	content:"₹";
	font-size:35px;
	color:#666;
}
#price_dlr_plan0{
	    text-align: center;
    font-size: 60px;
    color: #000;
	font-weight:normal;
}
.core_feature_baner_btm{
	width:100%;
	display:inline-block;
	padding:30px 0;
}
.core_feature_baner_btm .row{
	padding: 5px 10px;
/*     background: #faffed;
    box-shadow: -2px 10px 44px rgba(0, 0, 0, 0.08);
    border: 5px #fff solid; */
   
}
.core_feature_box{
width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right:solid 1px #e7e7e7;
    padding: 0px 0;
}
.core_feature_baner_btm .col-md-3:last-child .core_feature_box{border:0}
.core_feature_box_icon{
	width:40px;
	display:inline-block;
	height:45px;
	border-radius:5px;
	text-align:center;
/* 	background-color:#f9feeb; */
}
.core_feature_box_icon img{transition:0.2s ease-in-out}
.core_feature_box:hover .core_feature_box_icon img{transform: scale(1.1);}
.core_feature_box_text{
	width:100%;
	display:inline-block;
}
.core_feature_box_text h4{
	margin:0;
    font-size: 18px;
    color: #00487a;
	font-family: 'mulishsemibold';
}
.rating_box_section{
	width:100%;
	display:inline-block;
	padding-top:40px;
}
.rating_box_section_row{
	width:100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)) !important;
    align-items: center;
    justify-content: center;
	gap: 10px;
}
.rating_box_section_box{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    float: left;
    padding: 10px;
    background: #FFFFFF;
/*     box-shadow: 0px 0px 21px rgba(0,0,0,.05); */
/*     border-radius: 10px; */
    text-align: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    min-height: 95px;
	box-shadow: 0px 0px 20px #f3f3f3;
/*     border-right: dashed 1px #ccc; */
}
.rating_box_section_box .rating>label{margin-bottom:0}
.rating_box_section_box:last-child{border:0}
.rating_box_section_box:hover img {
    transform: scale(1.1);
    filter: inherit;
}

.rating_box_section_box img{
	width: 70%;
	max-width: 1000px;
    filter: inherit;
    transition: 0.2s ease-in-out;
    filter: grayscale(100%);
}
.rating_box_section_rating{
	    display: flex;
    align-items: center;
    justify-content: center;
}

.rating { 
    border: none;
    float: left;
    pointer-events: none;
  }
.star_rate_value {
    width: auto;
    float: right;
    font-size: 18px;
}
  
  .rating > input { display: none; } 
  .rating > label:before { 
    margin: 1px 2px;
    font-size: 17px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
  }
  
  .rating > .half:before { 
    content: "\f089";
    position: absolute;
  }
  
  .rating > label { 
    color: #ddd; 
   float: right;  
  }
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

.client_review_testimonial__star {
    color: #ffbf00;
    font-size: 19px;
	margin:0;
	line-height: 12px;
}
.client_review_testimonial__source_img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #5a6a7a;
	margin:5px 0;
}
.client_review_testimonial__source_img span img {
    max-height: 20px;
    width: auto!important;
}
.white-box-b .button-sec{height:auto}
.activity-tracking-hm-box{
  width: 100%;
  display: inline-block;
  padding: 30px 20px;
  box-shadow:inset #d6dde5 0px 0px 60px -12px;
  border-radius: 10px;
  background-color: #fff;
}

.track-prj-btn {
	width: auto;
    display: inline-block;
    padding: 5px 28px;
    height: auto;
    color: #232323;
    position: relative;
    font-size: 17px;
    border-radius: 30px;
    transition: .2s ease;
    margin-bottom: 20px;
    background-color: #fff;
}
.track-prj-btn:hover{
	    background-color: #77a507;
    color: #fff;
}
.prjSecBtnRow{
	width: 100%;
    display: inline-block;
}
section.sub-container .container.blog-text a{
	color: #253053 !important;
	border-bottom:2px #237ddf solid;
}
section.sub-container .container.blog-text a:hover{
	color: #237ddf !important;
}
.supporting_platform_ftr_url{display: flex;align-items: center;gap: 20px;}
.supporting_platform_ftr_url li{width: auto !important ;margin:0}
.careerHeadText h1{font-size: 2rem;color: #444444;}


@media screen and (max-width: 1600px) {
  .banner_right_img_sc{width: 110%;}
}
  @media screen and (max-width: 1399px) {
    .task_time_chart{margin-top: 4px !important;}
    .software-img {
  width: 100%;    
    }
    .section-project-sec .section-bg-img{
  width: 640px;
    }
    .img-parent .back-img{
      bottom: 0px;
    }
  }
  
  
  @media screen and (max-width: 1199px) {
    .img-parent .back-img {
  bottom: 45px;    
    }
    .back-deklog-img img{
      width: 100%;
    }
    .section-project-sec .section-bg-img{
      width: 543px;
      height: 249px;
      margin-top: 50px;
    }
	  .rating_box_section_box{min-height: 95px;}
	  .rating > label:before{font-size: 15px;margin: 0px 2px;}
	  .star_rate_value{font-size:14px;}
  }
  
  @media screen and (max-width: 991px) {
	  .rating_box_section_row{
		  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)) !important;
	  }
	  .time_track_img{top:0px}
    .img-parent .back-img {
      bottom: 0 !important;
      width: 228px;
      height: 252px;
    }
    .real-time-sec::before{
      display: none;
    }
    .back-deklog-img .desklog-back-img{
      bottom: 0;
    }
    .section-project-sec .section-bg-img{
      display: none;
    }
    .section-project-sec img{
      width: 100%;
    }
    .section-wrapper{
      flex-direction: column-reverse;
    }
    .banner_image_projct{margin-top: 50px;}
    .project-quick-view .box-wrapper{
        margin-bottom: 15px;
      }
  }
@media screen and (max-width: 1439px){
.banner_lft_get_start_txtbox{width: 90%;}	
}
@media screen and (max-width: 1199px){
.banner_lft_get_start_txtbox{width: 100%;}	
}
@media screen and (max-width: 991px){
.banner_lft_get_start_txtbox{width: 90%;}
	.banner_right_img_sc{margin-top:0px;width: 95%;}
	.banner_lft_get_start_txtbox h3{text-align:center;}
}
  @media screen and (max-width: 767px) {
    .banner_lft_get_start_txtbox{width: 100%;margin: 18px 0;}
    .banner_lft_get_start_txtbox.button-sec{margin: 0;}
    .view_all_ftr_btn{margin-top: 20px;}
    .integrated_project_btm_ftrs{padding:0 10px;gap: 10px;}
	 .banner_right_img_sc{margin-top:0px;}
    .get_start_btn{padding: 10px 10px;font-size: 13px;}
    .mob_hide_banner_txt{display: none;}
    .desklog-project-plan .desklog-features {
      grid-template-columns:1fr 1fr;
		
    }
    .project-quick-view .box-wrapper:last-child{margin: 0;}
    .bug-tracker-sec{margin-top: 0;}
    .desklog-project{margin-top: 0;}
	.rating_box_section_row{grid-template-columns: repeat(auto-fit, minmax(39%, 1fr)) !important;}
	  .rating_box_section_box{border: dashed 1px #ccc !important;padding:5px 0}
}
    @media screen and (max-width: 479px) {
      .desklog-back-img {
    display: none;    
      }
      .back-img{
        display: none;
      }
    }



  /***********end***********/






@media (max-width:1450px){
	.new_banner_section{min-height: 60vh;}
}

@media (max-width:1366px){
	.banner_lft_sec h1 { line-height: 39px !important; font-size: 34px !important; }
	.banner_lft_sec p{font-size: 16px !important;line-height: 25px !important;}
    .banner_bg_svg{width: 110%;height:100%}
	.feature-banner-sec .bnrsec-wrapper { margin-top: 110px; margin-bottom: 60px }
	#sub{font-size:15px !important;}
	.new_banner_section{min-height: 47vh;}
	.banner_lft_sec h1 strong {font-size: 23px;}
}
@media (max-width:1150px){
    .banner_bg_svg {width: 130%;height: auto;}
    .desklog_main_keyword_img {width: 550px;}
	
}
@media (max-width:990px){
  .faq_section_right_obj{display: none;}
  .testimonial_section:before{display: none;}
    .privacy_data_security_right_img img{display: none;}
    .home-slider{    background-color: #f7ffe6;}
    .banner_right_img_sc{margin-top: 0px;}
    .privacy_data_security_right_img_txt{position: static;float: left;margin-bottom: 10px;}
    .trusted_partner_txt::before{    width: 40%;}
    .row-reverse-mob{flex-direction: column-reverse;}
    .automated_time_attendence_lft_sec h2 span{display: inline-block;}
    .automated_time_attendence_lft_sec h3 span{display: inline-block;}
    .automated_time_attendence_lft_sec h4 span{display: inline-block;}
    .integrated_project_btm_ftrs{grid-template-columns: 1fr 1fr;  gap: 20px;display: grid;}
    .integrated_project_btm_ftrs .col-md-3{max-width: 100%;}
    .get_start_obj{display: none;}
    .getstarted-section-desklog-demo{text-align: center;}
    .signup-terms-link{text-align: left !important;}
    .desklog_main_ftr_img1 {width: 170px;height: 120px;left: -114px;top: 20%;}
    .desklog_main_ftr_img3{width: 150px;right: -100px;top: 15%;}
    .line_right{height: 200px;right: 55px}
    .desklog_main_ftr_img2{width: 110px;height: 100px;left: -55px;}
    .desklog_main_ftr_img4{right: -100px;width: 120px;bottom: 7%;}
    .contact_cta_btn_2{display: inline-block;}
    .contact_cta_btn_2{margin-top: 20px;    text-align: center;}
	.feature-banner-sec h1 {font-size: 28px;}
  .desklog_main_keyword_sec .explore_ftr_view_ft{grid-template-columns: 1fr 1fr;}
}
@media (max-width:768px){
  .desklog_main_keyword_sec .explore_ftr_view_ft{grid-template-columns: 1fr;}
  .explore_ftr_view_ft .integrated_project_btm_box{width: 100%;max-width: inherit;}
  .testimonial_row{display: inline-block;}
  .testimonial_box_img{margin-bottom: 15px;}
  .new_banner_section .signup-terms-link{font-size: 12px !important;    line-height: 7px !important;}
  .new_banner_section .try_40dys_txt{font-size: 12px !important;line-height:15px !important;}
  .new_banner_section .signup-terms-link a{font-size: 12px !important;}
  .banner_get_start_input{padding-right: 115px;font-size: 13px;}
	.integration-registration-cnt form{width:100%;}
	.banner-getstarted{grid-template-columns: 1fr 130px;width: 100%;}
	.integration-registration-cnt form input{font-size: 13px !important;}
	.integration-registration-cnt form input:first-child{width: 120%; padding-right: 60px;}
.trusted_partner_txt::before{display:none}
.trusted_partner_txt{padding: 0;}
.trusted_partner_section{    top: 20px;}
.desklog_main_keyword_img {width:70%;}
.desklog_main_ftr_img1 {width: 100px;height: 120px;left: -78px;}
.desklog_main_ftr_img3 { width: 140px; right: -50px;}
.desklog_main_ftr_img2 {  width: 60px;height: 60px;left: -35px;}
.home-slider { padding-top: 60px !important;}
.desklog_main_ftr_img4 {  right: -60px; width: 88px;  bottom: -40px;}
.enhance_team_productivity_sec{padding-bottom: 0;}
.faq input[type='checkbox']:not(:checked) + label{height: auto;}
.faq input[type='checkbox']:not(:checked) + label .faq-text{display: none;}
.faq input[type="checkbox"]:checked + label{height: auto;display: block;}
.banner_right_box_cnt {min-height: 283px;    margin-bottom: 10px;}
.bug-tracker-sec .tracker-img {text-align: center;}
.desklog_main_keyword_sec .explore_ftr_view_ft{grid-template-columns: 1fr;}
}


@media screen and (max-width: 767px) {
 .feature-header-sec p  {
width: 100%;
  }
  .feature-track-box img{
    width: 100%;
  }
  .integeration-app-sec .row{
    flex-direction: column-reverse;
  }
  .integeration-sec img{
    margin: auto;
  }
  .offline-time-track-sec .row{
    flex-direction: column-reverse;
  }
  .url-app-track-sec .row{
    flex-direction: column-reverse;
  }
  .auto-screen-sec .row{
    flex-direction: column-reverse;
  }
  .feature-cnt-image img{
    margin: auto;
    width: 100%;
  }
  .feature-cnt-image .col-md-6{
    margin-bottom: 25px;
  }
  .custom-report-sec .row{
    flex-direction: column-reverse;
  }
	.core_feature_box{
		margin-bottom: 10px;
		border: dashed 1px #ccc !important;
		background: #faffed;
		padding: 10px 0;
	}
	.banner_bg_svg{height:auto;}
	.core_feature_baner_btm .row{padding:0;background-color:transparent !important}
	.banner_lft_sec h1 {line-height: 39px !important;font-size: 33px !important;}
	.banner_lft_sec h1 strong {line-height: 30px !important; font-size: 20px !important;}
	.bannerHeadTextBtn h2{font-weight: 600  !important;line-height: 34px !important;font-size: 30px !important;}
	.bannerHeadTextBtn p{width:100%  !important}
	.mainFeatureBodySec{padding:0 !important}
	.automatedTimeSheet{padding:10px !important}
}



@media (max-width:600px){
.integrated_project_btm_ftrs {  grid-template-columns:  1fr;}
.award_lst_box img{margin: auto;}
.desklog_main_ftr_img3 {  width: 100px;}
.desklog_main_ftr_img1{width: 70px; left: -53px;}
.desklog_main_ftr_img2{bottom: -30px;}
.desklog_main_ftr_img3 { width: 90px; right: -50px; }
.front_page_new_thm p{text-indent: 0;  padding-left: 12px;font-size: 16px; line-height: 25px;margin-bottom:0}
.banner_lft_sec h1{font-size: 28px; line-height: 34px;}
.banner_lft_sec h1 span{font-size: 26px;}
.privacy_data_security_sec{overflow:hidden;padding-top:0}	
.desklog_main_keyword_sec{overflow:hidden}	
.testimonial {overflow:hidden}	
.faq_section_hm h2.resp-accordion{border: 1px solid #dfd8d8;}
.faq_section_hm h2.resp-tab-active {background: transparent !important;}
.faq_section_hm .resp-tab-content-active {background: #fff;}
.faq_section_hm h2.resp-accordion:first-child {border-top: 1px solid #dfdfdf !important;}
.enhance_team_productivity_sec{overflow:hidden;margin-bottom:0}
.screensot_snapshot_sec{overflow:hidden;padding-top:0}
.appurl_tracking_sec{overflow:hidden;padding-bottom:15px}
.enhance_team_lft_sec_row{ grid-template-columns: 60px 1fr;}
.enhance_tm_lft_img1 { background-position: -24px -25px; background-size: 470px; width: 60px; height: 60px; }
.enhance_tm_lft_img2 { background-position: -131px -10px; width: 60px; height: 60px; background-size: 460px; }
.enhance_tm_lft_img3 {background-position: -200px -10px;width: 60px;height: 60px;background-size: 460px; }

.privacy_data_security_lft_sec h3 span{width:auto;float:none}
.privacy_data_security_box{padding: 15px;}
.desklog_main_keyword_img{border: 8px solid #FFFFFF;border-radius: 10px;}
.testimonial .testimonial-content{padding-left: 10px;  padding-top: 50px;}
.new_banner_section{margin-top: 20px;}
.faq_section_hm{padding-top:0}
.privacy_data_security_lft_sec h3{font-size: 28px;}
.enhance_team_prdvt_head h2 span{font-size: 30px;}
.enhance_team_prdvt_head h3 span{font-size: 30px;}
.enhance_team_prdvt_head h4 span{font-size: 30px;}
.automated_time_attendence_lft_sec h2 span{font-size: 27px;}
.automated_time_attendence_lft_sec h3 span{font-size: 27px;}
.automated_time_attendence_lft_sec h4 span{font-size: 27px;}
.enhance_team_lft_sec_txt h4{font-size: 25px;}
.front_page_new_thm p{padding-left:0}
.banner_lft_sec p{padding-left:0;font-size: 17px !important;line-height: 28px !important;}
.testimonial h3 {font-size: 28px !important;}
.awards_header_cnt h5{font-size: 28px !important;}
.banner_right_img_sc { margin-top: 0px; }
.banner_right_img_sc img { width: 110%;  margin-left: -2%;}
.view-more-btn a{margin-top: 0px; margin-left: 15px; margin-bottom: 30px;font-size: 14px;height: auto;}
.projectTracking p{text-align:left !important;}
.projectTracking h2{text-align:left !important;}
.webTimeHeadSec p{text-align:left !important;}
.projectBillingHeadText {text-align: left  !important;}
.getstarted-capt{padding: 40px 20px  !important;}	
.remoteBgBox{padding: 12px  !important;}
.appUrlBgBox{padding: 12px  !important;}
.appurl_tracking_lft_sc img{padding:0}
.button-sec{border-radius: 5px; height: 55px;}
.get_start_btn { padding: 10px 20px; font-size: 13px; border-radius: 5px; top: 4px; }
.core_feature_box{border: 0  !important; background: #faffed; padding: 10px 0; height:100%;}
.core_feature_baner_btm .col-6{padding: 5px;}
.rating_box_section{padding-top: 10px;}
.rating_box_section_box{border:0 !important;min-height: 85px;}
.core_feature_box_text h4{font-size: 16px !important;}
.banner_lft_sec h1 strong{line-height: 25px !important; display: inline-block; width: 100%; margin-top: 19px;}
#cookie-notice .cookie-notice-container{padding-bottom: 50px !important;}
}
/************Beyond Time Tracking Link hover*****************/
.beyond-time-tracking{
	transition:all 0.25s ease-in-out;
}
.beyond-time-tracking:hover{
	transition:all 0.25s ease-in-out;
	color: #9dd713 !important;
}
/************** End ********************/


/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
#mega-menu-wrap-primary #mega-menu-primary{
    position:static
}
#mega-menu-wrap-primary{
    position:static
}
.logo-container{position:relative}
.mega-menu-link{
	    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #161616 !important;
}
ul.mega-sub-menu{
box-shadow: 0 5.56px 34.46px rgb(88, 114, 170, 19%) !important;
}