.breadcumb{display:none}
.breadcumb .current{color:#944301}
.breadcumb a{color:#222}
.breadcumb a:hover{color:#944301}
.title-bread{display:grid}
.breadcumb ul{width:auto;margin-bottom:0;margin-top:3px}
.breadcumb ul li{display:inline-block}
.breadcumb ul li a{color:#222}
.breadcumb ul li a:hover,.breadcumb ul li.active{color:#944301}
.blog-breadcrumb{margin:0 auto}
.blog-breadcrumb ul li{font-size:14px;color:#ccc}
.blog-breadcrumb ul li a{font-size:14px}
.footer1{padding-top:50px}
.sub p{text-align:justify}
.sub h2{font-size:2rem}
.sub h3{font-size:1.7rem}
.sub h4{font-size:1.4rem}
.sub-banner{width:100%;height:auto;padding-bottom:10px;padding-top:10px;min-height:210px;display:grid;align-items:center;background-position:bottom center;background-size:cover;margin-top:80px;background:#00457c}
.sub-banner h1,.sub-banner h2,.sub-banner h3,.sub-banner h4,.sub-banner h5,.sub-banner p{text-align:center;color:#eee!important}
.sub-banner h1{color:#333;margin-bottom:5px}
.sub-banner h5{color:#333;font-size:1.1em;font-weight:400;line-height:2em}
.sub-banner p{color:#333}
.sub-banner a{display:inline-block;padding:5px 15px;color:#fff;border-radius:2px;background:#cd2524;margin-right:10px}
.sub-banner a:hover{background:#09457c;color:#fff}
.sub-banner a.btn-white{background:#fff;color:#cd2524}
.sub-banner a.btn-white:hover{background:#cd2524;color:#fff}
.read-btn{padding:7px 17px;border-radius:2px;background:#77a507;color:#fff;transition:all .25s ease;border:0}
.read-btn:hover{background:#00457c;color:#fff;transition:all .5s ease}
.pricing{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;text-align:left;margin-top:60px;margin-bottom:50px}
.pricing-cnt{border:1px solid #e9e9e9;padding:20px 15px 25px;margin-left:-1px;border-radius:2px;background:#fff;transition:all .3s ease}
.pricing-cnt:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);transition:all .5s ease;position:relative;z-index:1}
.download-steps p{color: #242424;}
@media(min-width:767px) {
.pricing-cnt:hover{transform:scale(1.1)}
}
.pricing-cnt-special{background:#00457c;border:1px solid #00457c}
.pricing-cnt-special .pricing-head h3,.pricing-cnt-special .pricing-head h4,.pricing-cnt-special .billed-mannu,.pricing-cnt-special .tic li,.pricing-cnt-special p.nocr-req{color:#fff}
.pricing-details h3{font-size:1rem;text-align:center}
.pricing-head{border-bottom:1px dotted #dedede;margin-bottom:20px;text-align:center}
.nocr-req{font-size:14px;margin-top:15px;text-align:center}
.pricing-head h3{font-weight:600;font-size:1.1rem;text-transform:uppercase}
.pricing-head h4{font-weight:600;font-size:2.2rem}
.pricing-details a{margin-left:auto;margin-right:auto;display:table;padding:2px 15px;margin-top:40px}
.pricing-details ul{margin-top:15px;margin-bottom:25px}
.pd-green{color:#77a507}
.right-tick{width:16px}
#pricingTab .resp-tabs-list{text-align:center;padding:0;margin-bottom:0;position:relative}
#pricingTab .resp-tabs-list:after{display:block;content:"";height:2px;width:400px;margin:-2px auto 0;position:relative;background:#77a507}
.pricingTab{margin-top:50px;margin-bottom:50px}
.pricingTab .resp-tabs-list li{padding:2px 30px!important;font-size:1.3em;position:relative;background:#eceeef}
.pricingTab li.resp-tab-active,li.resp-tab-item:hover{box-shadow:1px 3px 15px rgba(0,0,0,.06);background:#77a507;color:#fff!important;transition:all .35s ease}
.pricingTab .resp-tab-active:after{content:'';border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #77a507;display:block;position:absolute;left:0;right:0;bottom:-13px;margin:auto;width:0;height:0}
.pricingTab .resp-tab-content{padding:0}
.Self-Hosted-Plans{max-width:860px;margin:10px auto 80px;box-shadow:0 4px 15px rgba(0,0,0,0.3)}
.selfh-head{background:#00457c;padding:10px 0 7px}
.selfh-head h3{color:rgba(255,255,255,1);text-align:center;font-size:2.2rem}
.selfh-head h3 span{font-size:.9rem;margin-left:10px}
.Self-Hosted-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:10px;margin-top:25px}
.close_price{font-size:26px;line-height:30px;color:#999;font-weight:300;display:inline-block;vertical-align:middle;position:relative}
.close_price::before{content:'';position:absolute;left:0;right:0;top:15px;margin:auto;display:block;border-bottom:2px solid #999}
.priceShow{display:inline-block;font-size:3rem;line-height:1;vertical-align:middle}
.priceShow span{color:#77a507;font-weight:600}
.selfh-head-h4{text-align:center;margin-top:50px;font-size:1.4rem;margin-bottom:17px}
.SelfH-cnt1{text-align:center;border-right:1px solid #ccc;padding:5px 20px}
.SelfH-cnt2{padding:5px 20px}
.SelfH-cnt2 p{margin-bottom:3px;margin-top:3px}
.priceShow{width:100%;display:inline-block}
.close_price{text-align:center}
.Self-Hosted-Plans-btn{text-align:center;padding-bottom:30px;padding-top:20px}
.Self-Hosted-Plans-btn a{text-align:center;background:#77a507;color:#fff;padding:6px 25px;font-size:1.2em;border-radius:2px}
.Self-Hosted-Plans-btn a:hover{background:#00457c}
#domain-name-outer{position:relative}
#domain-name-outer i{position:absolute}
#domain-name-outer i.fa-check{color:#77a507;top:6px;right:-26px;font-size:18px}
#domain-name-outer i.fa-times{color:#e13c3c;top:6px;right:-19px}
@media(min-width:980px) {
table tr th.th-title1,table tr td.td-first{min-width:40%}
}
.table-title.grey-bg{font-size:1.3rem;background:#f5f5f5;font-weight:600}
.table-pricing td span.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#b4b8bc}
.compare-features-head{text-align:center;margin-bottom:10px;margin-top:20px}
.compare-features-head2{text-align:center;margin-bottom:35px;font-size:1.1em}
.price-head2 td{font-size:1em;font-weight:600}
.footer td{font-size:1.2em;font-weight:600;color:#00457c}
.table-pricing tr th{font-size:1.3rem;background:#f6f6f6}
.table td.th-title-sub,.table th.th-title-sub{padding:.4rem .75rem}
.font-green{color:#77a507}
.table-hover.table-pricing tbody tr:hover{background-color:rgba(0,0,0,.025)}
.compare-features-section{margin-bottom:25px}
@media (min-width: 769px) {
.get-started-section{margin-top:50px;margin-bottom:50px;background:rgba(232,235,237,1);background:-moz-linear-gradient(left,rgba(232,235,237,1) 0%,rgba(232,235,237,1) 48%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(232,235,237,1)),color-stop(48%,rgba(232,235,237,1)),color-stop(48%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(232,235,237,1) 0%,rgba(232,235,237,1) 48%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(232,235,237,1) 0%,rgba(232,235,237,1) 48%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(232,235,237,1) 0%,rgba(232,235,237,1) 48%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(232,235,237,1) 0%,rgba(232,235,237,1) 48%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f3f5',endColorstr='#ffffff',GradientType=1)}
.get-started-container{grid-template-columns:1fr 1fr}
.getstarted-img{padding-right:20%}
}
.getstarted-img{text-align:center;align-self:center}
.getstarted-img img{max-width:370px;width:auto}
.getstarted-img h2{padding:5px 0 0;font-size:2rem;color:#77a507;font-weight:600}
.getstarted-img h3{padding:0 0 20px;font-size:1.6rem;color:#555}
.get-started-grid{display:grid;grid-template-columns:1fr;grid-row-gap:0;grid-column-gap:30px}
.get-started{max-width:800px;padding:0 30px}
.get-started-container{display:grid}
.accordion .card-header:after{font-family:'FontAwesome';content:"\f068";float:right}
.accordion .card-header.collapsed:after{content:"\f067";font-size:13px}
.Features-container{display:grid;align-items:center;grid-gap:40px;padding-top:40px;padding-bottom:60px;}
.Features-wel p{text-align:center;font-size:1.2em;max-width:980px;margin:auto}
.Features-wel p span{font-size:1.6em;width:100%;display:inline-block;color:#77a507;font-weight:600;line-height:1.6}
.Features-wel p:after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px;position:relative;background:#77a507}
.Agile-Scrum-head{color:#77a507;font-size:2.2em;width:100%;text-align:center}
.why-choose-container{padding-left:35%}
.ben-tmanagement .why-choose-container{padding-left:0}
.why-choose-container .grid2{grid-row-gap:30px;grid-column-gap:20px}
.grid2{display:grid;grid-row-gap:50px;grid-column-gap:50px;padding-bottom:10px;padding-top:10px}
.section-why-choose{background-color:#f2f5f5;background-image:url('https://desklog.io/wp-content/uploads/2022/02/about.webp');background-size:35%;background-position:left;background-repeat:no-repeat;padding:30px 0}
.section-why-choose.ben-tmanagement{background-color:#f0feff;background-image:url('/wp-content/themes/desklog/assets/css/../images/ben-tmanagement.png');background-size:cover;background-position:center;background-attachment:fixed;}
.about-wel{display:inline-block;padding-top:40px;padding-bottom:60px;width:100%}
.support-wel{padding-bottom:25px;padding-top:15px}
.about-wel2 img{float:right;max-width:350px;margin-left:60px}
.about-wel2 p{text-align:justify}
.about-wel1{padding-top:15px}
.about-wel1 span{font-size:1.1em;font-weight:600}
.support-wel h2,.support-wel h3{text-align:center}
.support-wel p{text-align:center;font-size:1.2em}
.feedback{padding-top:40px;padding-bottom:40px;text-align:center}
.feedback h3{text-align:center}
.feedback p{text-align:center}
.feedback img{max-width:200px;margin-bottom:10px}
.why-chose-img{float:left;width:60px;margin-right:12px;margin-bottom:7px}
.gird-why h3,.gird-why p,.gird-why{text-align:left;float:left}
.gird-why h3{margin-top:14px}
.why-choose-container .grid2{grid-row-gap:30px;grid-column-gap:20px}
.company{border-top:1px solid #eee;margin-top:-10px}
.grid3 h3,.grid2 h3{font-size:1.5em}
.billed-mannu{font-size:14px;color:#888}
.pricing-cnt h4 small{font-size:50%;margin-left:5px;letter-spacing:1px}
.pricing-cnt h4 sup{top:-6px;font-size:70%;margin-right:5px}
.tic{padding-left:25px}
.tic li{position:relative;list-style:none;margin-bottom:6px}
.pricing-details .tic li{font-size:14px}
.tic li::before{transform:scale(0.7);content:'';background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAMAAABPqWaPAAAAb1BMVEUCGgwCIA4NMhwDLxUXSSsNSyUeYzoFUSMie0UTbzcMcTQWjEQIgTcXm0sQlEMTrlALkEAbp1ISl0cWslQIlD8Lv1EOsU8NoEctsGEtdElmpX8NDQ1SUlIpKSlgYGAAAADOzs7AwMCzs7OlpaUKvlHztuV/AAAAIHRSTlMACAsMCg0QFBogIzQ2PkJPVmxqm4Tuy9L1uf0Pr0/PAMtTTNQAAACBSURBVHjaddBNC4AwCAbgDjGkERJDr178/7+xTBsst12EPe7Dd5svpDaHS5VWoDiD9kCTBfBkfzegkqGwQc0ABoqSgQy+Uc6jQ3WQ/pNWo+cFhujzNhBLROP1fsYNrfjsI5GXS4aUYuVQkD7g/TfGwQ4EP9ikOJ2L5CmFEjcijHADDVsTb5DehFIAAAAASUVORK5CYII=');height:20px;width:25px;left:-25px;top:5px;position:absolute}
.pricing-details .tic li::before{transform:scale(0.5)}
.Agile-Features-section{background:#f5f5f5;padding-top:1px;padding-bottom:75px;border:1px solid #eee}
.Scrum-Works-section h3{font-size:1.8em;margin-top:10px;margin-bottom:15px}
.Scrum-Works-section{padding-top:50px;padding-bottom:50px}
.task-Works-section{padding-top:65px;padding-bottom:60px}
.Scrum-Works{display:grid;grid-template-columns:2fr 3fr;grid-gap:30px;align-items:center}
.task-Works{display:grid;grid-template-columns:4fr 3fr;grid-gap:30px;align-items:center}
.task-Works img{margin-top:-35px}
.tsk-manage-head{text-align:center}
.ben-tmanagement-h3{margin-top:25px;margin-bottom:25px}
.faq-accor h2.resp-accordion,.faq-accor h6.resp-accordion{font-size:18px;padding:15px}
.faq-accor h2.resp-tab-active,.faq-accor h6.resp-tab-active{font-size:18px;padding:15px!important;background-color:rgba(0,0,0,.03)!important}
.faq-accor h2.resp-tab-active,.faq-accor h6.resp-tab-item:hover{color:#00457c!important}
.more{display:table;padding:0 15px;margin:10px 0;border:0 solid #77a507;font-weight:300;font-size:1em;letter-spacing:.02em;color:#fff;background:#77a507;border-radius:1px}
.more:hover{color:#fff;background:#00457c}
.Features-Agile-Scrum-section .more{margin:0 auto 60px}
@media only screen and (max-width:1024px) {
.sub-banner{margin-top:57px}
#menu-button{margin-top:-30px!important}
#menu-button.menu-opened{margin-top:-54px!important}
.section-why-choose{background-blend-mode:soft-light;background-size:contain;background-color:#f6f8f8}
.why-choose-container{padding-left:0}
.cd-timeline__img span{font-size:.7em;font-weight:600;top:5px;left:8px;position:relative}
.about-wel1{padding-top:0}
.about-wel{padding-top:60px;padding-bottom:40px}
}
.accordion .card-title{font-size:1.3em}
.faq-cnt{padding:20px}
.faq-cnt p{margin-bottom:3px;margin-top:3px}
.accordion .card-header.collapsed:nth-child(1),.accordion .card-header:nth-child(1){border-top:0 solid rgba(0,0,0,.125)}
.accordion .card-header.collapsed{border-top:1px solid rgba(0,0,0,.125);border-bottom:0 solid rgba(0,0,0,.125)}
.accordion .card-header{border-top:1px solid rgba(0,0,0,.125);border-bottom:1px solid rgba(0,0,0,0.05)}
.faq-page-head{margin-bottom:25px;text-align:center;margin-top:50px}
.faq-accor{max-width:980px;margin:auto;margin-bottom:60px;border-bottom:1px solid rgba(0,0,0,.125)}
.Agile{display:grid;grid-gap:0;align-items:center}
.Agile-Features-section h3{font-size:1.8em;text-align:center;margin-top:50px;margin-bottom:40px}
.Agile h4{font-size:1.3em;text-align:center}
.Agile p{text-align:center}
.Agile div{border:1px solid #e0e0e0;background:#f8f8f8;padding:20px;margin-left:-1px}
.grid2.grid1{grid-template-columns:1fr}
h3.Features-Agile-Scrumh3{font-size:1.7em}
.Features-Agile-Scrum-section h2{text-align:center;margin-top:60px;margin-bottom:15px}
.Features-Agile-Scrum-section h5{text-align:center;font-size:1.3rem}
.Features-Agile-Scrum-section h6{text-align:center;margin-top:30px;margin-bottom:42px}
.Features-Agile-Scrum-section h5::after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px;position:relative;background:#77a507}
.Features-Agile-Scrumh3::after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px 0;position:relative;background:#00457c}
.form-group label{margin-bottom:0;position:relative;bottom:-3px}
.get-started-grid .form-group{margin-bottom:0;min-height:85px}
.form-group label.error{font-size:13px;color:#e13c3c;position:relative;top:-7px;left:1px}
.form-control{border-radius:.15rem}
.getstar-check .form-group{margin-bottom:0;min-height:45px}
.getstar-check{margin-top:5px;margin-bottom:5px}
.check-input{width:20px;display:inline-block;position:relative;bottom:-2px}
.check-text{display:inline-block}
.check-input label.error{position:absolute;top:13px;white-space:nowrap}
.SelfH-cnt1 .form-control{max-width:200px;margin:10px auto 30px}
.SelfH-cnt2-check{display:flex}
.prcing-terms-check{text-align:center;margin-bottom:0;margin-top:20px}
.SelfH-cnt2-check div{margin-left:5px}
.SelfH-cnt2-checkinput{width:20px;bottom:-4px;position:relative;right:4px}
input[type="checkbox"],input.form-control[type="checkbox"]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background:#77a507;background-color:#77a507;height:18px;width:18px;border:0 solid #77a507}
input[type="checkbox"]:checked{background:#00457c}
input[type="checkbox"]:hover{filter:brightness(90%)}
input[type="checkbox"]:disabled{background:#e6e6e6;opacity:.6;pointer-events:none}
input[type="checkbox"]:after{content:'';position:relative;left:40%;top:17%;width:25%;height:53%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);display:none}
input[type="checkbox"]:checked:after{display:block}
input[type="checkbox"]:disabled:after{border-color:#7b7b7b}
.get-started-grid #domain-name{bottom:0;top:-5px;font-size:15px}
.terms-service{padding-top:40px;padding-bottom:20px}
.terms-service h3{padding-top:30px;padding-bottom:0;font-size:1.6rem;font-weight:600;color:#555}
.termslist ul li h4{padding-top:7px;padding-bottom:0;font-size:1.2rem}
.support-free{font-size:.9em;font-weight:700;color:#fff;background:#00457c;margin-left:5px;padding:0 10px;border-radius:2px}
@media (min-width: 767px) {
.grid2{grid-template-columns:1fr 1fr}
.Agile{grid-template-columns:1fr 1fr 1fr}
}
@media only screen and (max-width:1024px) {
.getstarted-img h2{font-size:1.7rem}
.getstarted-img h3{font-size:1.3rem}
}
@media only screen and (max-width:768px) {
.pricing{grid-template-columns:1fr 1fr}
.pricingTab .resp-tab-active:after{display:none}
.Scrum-Works{grid-template-columns:1fr}
.Scrum-Works img{max-width:400px}
.resp-tab-content-active{background:#fff}
h2.resp-accordion,h6.resp-accordion,h2.resp-accordion:first-child,h6.resp-accordion:first-child{border:1px solid #ccc!important}
.pricingTab h2,.pricingTab h6{padding:12px 10px 11px;font-size:20px}
.pricingTab h2.resp-tab-active,.pricingTab h6.resp-tab-active{background:#eee!important;box-shadow:none!important;color:#00457c!important}
.pricing{margin-top:0}
.selfh-head-h4{margin-top:0;padding-top:25px}
.pricingTab .resp-tab-content-active{background:#fff;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.Self-Hosted-Plans{margin:10px 25px 40px}
.get-started{padding:15px}
.getstarted-img{margin-top:40px;margin-bottom:50px;display:none}
}
@media(min-width:767px) {
.Features-container{grid-template-columns:6fr 6fr}
.Features .Features-container:nth-child(even) .Features-cnt{order:2}
}
@media(max-width:767px) {
.sub-banner{min-height:100px}
.Features-cnt{text-align:center}
.Features-container{grid-gap:0}
.Features-img{text-align:center;padding-left:20px;padding-right:20px}
.Features-img img{max-width:400px}
.about-wel2 img{display:none}
.Features-wel p span{line-height:1.4}
.task-Works{grid-template-columns:1fr}
.work-order2{order:2}
.Features-container{padding-top:25px}
.about-wel{padding-top:30px;padding-bottom:15px}
}
@media only screen and (max-width:440px) {
.pricing{grid-template-columns:1fr}
.Self-Hosted-container{grid-template-columns:1fr}
.SelfH-cnt1{border-right:0 solid #ccc}
.SelfH-cnt2 p{text-align:center}
.get-started-grid{grid-template-columns:1fr}
.check-text{display:block;line-height:23px;margin-bottom:15px}
.check-input{float:left;width:23px;bottom:-2px}
#domain-name-outer i.fa-check{top:5px;right:auto;left:-18px}
#domain-name-outer i.fa-times{top:6px;right:auto;left:-17px}
}
.pricing-details input{margin-left:auto;margin-right:auto;display:table;padding:2px 15px;margin-top:40px}
.launch-offer{margin-bottom:-87px;text-align:center;background:#dfe1e3;padding:10px 2px 50px;border-radius:2px;border:1px solid #d8dce0}
.launch-offer h5{font-size:1.3em;margin-bottom:7px;color:#000;font-weight:400}
.launch-offer h6{font-size:.85em;color:#333;font-weight:400}
.launch-offer h6 span{font-weight:600}
.pricing-details input{padding:2px 20px;font-size:1em;margin-bottom:22px}
.pricing-cnt-special .launch-offer{border:1px solid rgba(255,255,255,0.3);background:#014377}
.pricing-cnt-special .launch-offer h5{color:#eee}
.pricing-cnt-special .launch-offer h6{color:#eee}
.download-section .container{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;grid-gap:10px;text-align:center}
@media(max-width:767px) {
.download-section .container{grid-template-columns:repeat(1,1fr);grid-gap:40px}
}
.download-section-wel{text-align:left;padding:50px 0 20px}
.download-section{padding:10px 0 60px}
.download-section-wel h2{font-size:2.2em;width:100%;display:inline-block;color:#77a507;font-weight:400;line-height:1.6;margin-bottom:10px}
.download-section-wel p{text-align:left;font-size:1.1em}
.download-container h3{font-size:1.5rem;margin-bottom:7px}
.download-container i{font-size:2.5rem;color:#00457c;margin-top:10px}
.buttonDownload{    font-weight: 400;
    background: #77a507;
    font-size: 18px;
    color: #fff;
    padding: 10px 35px;
    margin: 25px 0 5px 52px;
    display: table;
    width: auto;
    border-radius: 4px;
    position: relative;}
.buttonDownload:hover{background:#00457c;color:#fff}
.dow-ver{margin-bottom:0}
.dow-ver a{color:#a2a2a2;font-size:.8rem}
.dow-ver a:hover{color:#77a507}
.buttonDownload i{color:#fff;font-size:.8rem}
.download-list ul{width:auto;display:inline-block;padding:0 0 5px 15px;margin:-5px auto auto}
.download-list ul li{list-style:none;position:relative}
.download-list ul li:before{content:"";width:7px;height:7px;border-radius:50%;background:#77a507;left:-15px;position:absolute;top:11px}
.view-all-faq{text-align:center;margin:30px}
.view-all-faq .btn-dark{padding:6px 20px;border-radius:2px}
.btn-dark{background:#2e3034;color:#fff;border-color:#343a40}
#faqTab h2.resp-accordion{font-size:18px;padding:15px}
#downloadTab h2.resp-accordion{font-size:18px;padding:15px}
.alert{margin:8px 0;padding:.2rem 1.25rem}
.alert strong span{font-size:11px}
#domain-name-outer{margin-bottom:20px}
#input_domain_name-error{position:absolute;top:32px;left:120px;font-size:13px;line-height:20px;font-weight:400;font-style:normal}
#input_domain_name{color:#333}
.automatic-time{margin-top:0;padding-top:50px;padding-bottom:30px;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);margin-top:-40px}
.time-tracking-con{padding-top:40px;padding-bottom:40px;box-shadow:0 15px 25px -30px rgba(0,0,0,0.25);position:relative}
.automatic-time h2::after{display:block;content:"";height:2px;width:30%;margin:5px 0 10px;position:relative;background:#77a507}
.time_tracking_benefits h3{font-size:1.6em}
.why-time-tracking{padding-top:40px;padding-bottom:40px}
.why-time-tracking-cont{box-shadow:0 1px 5px 0 rgba(0,0,0,0.12);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.12)}
.time-tracking-img img{width:100%;margin-bottom:3rem;margin-top:3rem}
.url-tracking-img img{width:100%;margin-bottom:1.5rem;margin-top:1.5rem}
.why-time-tracking-cont:before{position:absolute;content:"";background-color:#77a50714;height:140px;width:140px;left:0;border-radius:100%;opacity:1;transition:.7s;overflow:hidden;transform:translate(-15%,-30%);z-index:-1}
.time-tracking-cont-icon{height:60px;width:60px;box-shadow:0 4px 25px rgba(0,0,0,.1);border-radius:100%;margin-bottom:1rem}
.border-dashed{border-bottom:1px dashed #d4dde2;margin-bottom:1rem}
.url-tracking{padding:88px 0 135px;background-color:#fff;background-image:url('https://desklog.io/wp-content/uploads/2020/02/url-tracking.png');background-repeat:no-repeat;background-position:left top;background-size:35%;position:relative;margin-top:-40px}
.url-tracking-content{background:#f6f6f6;padding-top:50px;padding-bottom:50px;border-bottom:1px solid #eee;box-shadow:inset 0 54px 143px rgba(0,0,0,0.04);margin-top:5px}
.url-tracking-para{padding:30px}
.url-tracking-feature{padding-top:50px;padding-bottom:50px}
.url-tracking-feature h2::after{display:block;content:"";height:2px;width:200px;margin:10px auto 20px;position:relative;background:#77a507}
.url-features{padding:30px 20px;border-radius:5px;min-height:285px;margin-top:2rem}
.url-features p{font-size:1.1rem;margin-top:1rem}
.url-features span{background:#77a507;color:#fff;padding:8px 15px;border-radius:100%;font-weight:800}
.url-features span:before{position:absolute;top:50%;left:0;width:100%;height:0;content:'';border-bottom:2px dotted #d8d8d8}
.url-features span:nth-child(odd):after{position:absolute;top:50%;width:15px;height:calc(100% - 24px);right:-15px;content:'';border:2px dotted #d8d8d8;border-radius:0 20px 20px 0;border-left:none}
.process-group{position:relative}
.card-line{position:relative}
.card-line:before{position:absolute;top:75px;left:0;width:100%;height:0;content:'';border-bottom:2px dotted #d8d8d8}
.process-group{position:relative}
.card-line{position:relative}
.card-line:before{position:absolute;top:30px;left:0;width:100%;height:0;content:'';border-bottom:2px dotted #d8d8d8}
.card-img{width:55px;text-align:center;height:55px;color:#fff;background:#77a507;border:3px solid #fff;border-radius:100%;position:relative}
.card-img p{font-size:25px;font-weight:600}
.card-body{flex:1 1 auto;padding:1.25rem}
.process-group:nth-child(even):after{position:absolute;top:30px;width:15px;height:calc(100% - 22px);right:-15px;content:'';border:2px dotted #d8d8d8;border-radius:0 20px 20px 0;border-left:none}
.process-group+div:before{position:absolute;top:-42px;left:-1px;width:100%;height:0;content:'';border-bottom:2px dotted #d8d8d8}
.process-group:nth-child(odd):after{position:absolute;top:-42px;width:15px;height:74px;left:-17px;content:'';border:2px dotted #d8d8d8;border-radius:20px 0 0 20px;border-right:none}
.process-group:last-child .card-line:last-child:before{width:50%!important}
@media only screen and (max-width: 768px) {
.url-tracking{background-image:none;padding:10px 0}
.card-line:before{display:none}
.process-group+div:before{display:none}
.process-group:nth-child(odd):after{display:none}
.process-group:nth-child(even):after{display:none}
.card-line:before{display:none}
.url-tracking-feature .card-body{text-align:center;padding:0 1.25rem 1rem}
.process-group+div:before{display:none}
.why-time-tracking-cont:before{top:10%;transform:translate(-10%,-50%)}
}
@media only screen and (max-width: 767px) {
.image-order{order:2}
.cont-order{order:1}
.last-image-order{order:4}
.last-cont-order{order:3}
}
.pricing-latest{position:relative;top:20px;padding:0 0 60px}
.plan.solo{margin:0 0 40px}
.plan{background-color:#fff;border-radius:3px;-webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.1);box-shadow:0 8px 30px 0 rgba(0,0,0,.1);margin:20px 0 0;position:relative}
.plan .header{border-top-left-radius:3px;border-top-right-radius:3px;padding:40px 30px 0;text-align:center}
.margin-bottom-30{margin-bottom:30px!important}
.plan .header h2{font-size:32px;font-weight:400;margin:0;text-align:center}
.plan .header p{color:#9b9ea2;    margin: 0 0 2px;
    text-align: center;
    font-weight: 100;
    letter-spacing: 0.05rem;
    opacity: 0.9;
    font-size: 1.2rem;}
.plan a.button{display:block;font-size:20px;padding:4px 17px}
.plan.solo .content .price{margin:5px -30px 24px;font-weight: 600}
.plan .content{padding:0 20px 40px}
.plan .content .price{color:#77a507;margin:0 -30px 24px;text-align:center;white-space:nowrap; font-size:30px}
.plan .content ul.checklist{margin:0 0 24px}
.plan .content ul.checklist li{color:#484848;line-height:1.72;list-style:none}
.checklist li{color:#6b7179;padding:0 0 0 36px;position:relative}
.button{background-color:#00457c;border-radius:3px;color:#fff;display:inline-block;padding:9px 17px;outline:none;text-align:center;text-decoration:none;white-space:nowrap}
.button:hover{color:#fff}
.checklist li i{color:#0dd125;margin-right:15px}
.plan.pro{margin:0}
.plan.pro .header{background-color:#00457c;padding:15px 30px}
.plan.pro .header p{color:#fff}
.plan.pro .header h2{color:#fff}
.plan .header em{
    font-size: 0.9rem;
    margin-top: 5px;}
.plan.pro .header em{color: #fff;
    font-size: 0.9rem;
    font-weight: 100;
    margin-top: 5px;
    opacity: 0.9;}
.plan a.button.inverse{color:#77a507}
.plan.pro .content{padding-top:20px}
.plan.pro .content .price{color:#404751;line-height:normal}
.price-em{font-size:15px;opacity:.8;font-weight:400;font-style:normal;display:block;margin-top:-8px}
.plan.pro .content .price span{color:#252d33;display:inline-block;font-size:60px;line-height:1;position:relative}
/* .plan.pro .content .price span:before{color:#a2a2a2;content:"$";display:block;font:400 40px/normal Geogrotesque,sans-serif;position:absolute;top:0;left:-26px} */
.plan.pro .content .price span:after{color:#9b9ea2;content:attr(discount);display:block;font:400 26px/normal Geogrotesque,sans-serif;position:absolute;left:103%;bottom:5px;text-decoration:line-through;-webkit-text-decoration-color:#ff1919;text-decoration-color:#ff1919}
.plan.pro .content .price small{color:#9b9ea2;display:block;font:400 16px/normal Geogrotesque,sans-serif;margin:-6px 0 4px}
.plan.pro .content .price p{color:#252d33;margin:0}
.margin-bottom-10{margin-bottom:10px!important}
.pricing-switcher{text-align:center}
.fieldset{display:inline-block;position:relative;padding:0;border-radius:50em;background-color:#e5e7eb}
input[type="radio"]{position:absolute;opacity:0}
.pricing-switcher .fieldset label{position:relative;z-index:1;display:inline-block;float:left;width:150px;height:40px;line-height:40px;cursor:pointer;color:#333;text-transform:uppercase;text-decoration:none;font-weight:700;transition-delay:.1s;transition:color .3s ease;margin-bottom:0}
input[type="radio"]:checked + label{color:#fff;text-decoration:none}
.switch{position:absolute;top:0;left:0;height:40px;width:150px;background-color:#77a507;border-radius:50em;transition:transform .3s}
input[type="radio"]:checked + label + .switch,input[type="radio"]:checked + label:nth-of-type(n) + .switch{-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);-o-transform:translateX(150px);transform:translateX(150px)}
.pricing-details ul{margin-top:15px;margin-bottom:25px}
.tic li{font-size:18px;text-align:left}
ul.tic i{font-size:14px;color:#0bbd52}
.range{position:relative;width:840px;height:5px;left:-20px}
.range input{width:100%;position:absolute;top:2px;height:0;-webkit-appearance:none}
.range input::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:40px;margin:-18px 0 0;border-radius:50%;background:#77a507;cursor:col-resize;border:0!important}
.range input::-moz-range-thumb{width:40px;height:40px;margin:-8px 0 0;border-radius:50%;background:#77a507;cursor:col-resize;border:0!important}
.range input::-ms-thumb{width:40px;height:40px;margin:-8px 0 0;border-radius:50%;background:#77a507;cursor:col-resize;border:0!important}
.range input::-webkit-slider-runnable-track{width:100%;height:10px;cursor:col-resize;background:#e9ebee}
.range input::-moz-range-track{width:100%;height:10px;cursor:col-resize;background:#e9ebee}
.range input::-ms-track{width:100%;height:10px;cursor:col-resize;background:#e9ebee}
.range input:focus{background:none;outline:none}
.range input::-ms-track{width:100%;cursor:col-resize;background:transparent;border-color:transparent;color:transparent}
.range-labels{margin:18px -28px 0;padding:0;list-style:none}
.range-labels li{position:relative;display:inline-block;width:53px;text-align:center;color:#333;font-size:14px;cursor:pointer}
.range-labels li::before{position:absolute;top:-17px;right:0;left:0;content:"";margin:0 auto;width:1px;height:15px;background:#cfd2d5}
.range-labels li.active.selected:before{display:none}
.range-labels .active{color:#77a507}
.scroll-bar{width:75%;margin:0 auto;padding-bottom:10px;padding-top:15px}
ul.range-labels li:nth-child(2n):before{position:absolute;top:-36px;right:0;left:0;content:"";margin:0 auto;width:1px;height:10px;background:#cfd2d5}
.scroll-bar p{color:#333;font-size:22px}
.number-new{color:#77a507;font-size:35px}
.row.details{margin-bottom:30px}
.scroll-bar .col-sm-6:last-child{text-align:right}
.monthly-v span{display:block}
.monthly-v strong{font-size:22px;color:#333}
.head p{text-align:center;margin-bottom:35px}
.head h1{text-align:center;margin-bottom:15px}
.bg-light-gray .row{margin-top:-137px}
.bg-light-gray{background-color:#f3f4f5}
.bg-white{padding:0 0 180px;position:relative}
.scroll-bar .range-labels li:nth-child(2n) span{display:none}
.content-prifcing .plan ul.checklist{padding:0;width:auto;display:table;margin:auto}
.content-prifcing .plan .content ul.checklist li{margin-left:-25px}
.get-started-section-new{padding-top:125px;padding-bottom:30px}
.get-started-container-new{max-width:1024px}
.get-started-cnt-new{text-align:center}
.get-started-cnt-new h1{font-weight:600;font-size:2.3rem}
.get-started-cnt-new h3{font-weight:500;font-size:1.3rem;color:#666;margin-bottom:35px;margin-top:15px}
.get-started-form-new .form-control{padding:.6rem .75rem;border-radius:.1rem}
.get-started-form-new button.get-started-submit{padding:.4rem .75rem;border-radius:.1rem;font-size:1.2em;width:100%;margin-left:0}
.get-started-form-new .no-card{text-align:center;font-size:1rem;margin-bottom:0}
.get-started-form-new .no-card span{font-weight:500}
.get-started-form-cnt{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;align-items:center;box-shadow:0 0 15px rgba(0,0,0,.15);padding:25px;border-radius:.1rem;margin-top:50px;background:#fdfdfd}
.login-content ul{padding-left:25px}
.login-content ul li{list-style:none;font-size:1.05rem;font-weight:400;margin-top:1px;position:relative;margin-bottom:7px;color:#eee}
.login-content ul li:before{content:"\f046";font-family:FontAwesome;left:-23px;position:absolute;top:0;color:#9ad804}
.login-content h4{font-size:1.8rem;font-weight:300;color:#eee;line-height:1.3}
.login-content h4 span{font-size:1.6rem;font-weight:600;color:#eee;display:inline-block;width:100%}
.login-content p{font-size:1rem;font-weight:400;color:#eee;line-height:1.4;margin-top:-5px}
.get-started-cnt{background:#00457c;padding:35px 15px 25px 30px;border-radius:.1rem;position:relative}
.get-started-form-new.form-group{margin-bottom:1.3rem}
.get-started-cnt img{max-width:120px;position:absolute;right:36px;bottom:74px}
@media (max-width:440px) {
.get-started-form-cnt{grid-template-columns:1fr;box-shadow:none;padding:0;margin-top:20px;background:#fff}
.get-started-cnt{display:none}
}
@media (min-width:1400px) {
.plan .content{padding:0 50px 40px}
.scroll-bar{width:60%}
.img-autoHD, img.img-autoHD{ width: auto; max-width: 800px;}
}
@media (max-width:767px) {
.scroll-bar .col-sm-6:last-child{text-align:center}
}
@media (max-width:1024px) {
.range{width:715px}
.range-labels li{width:44px}
.range-labels li::before{position:absolute;top:-19px}
.range input::-webkit-slider-thumb{width:30px;height:30px;left:-10px;margin:-9px 0 0}
.plan .content{padding:0 50px 40px}
.checklist li{padding:0}
.plan .content ul.checklist{margin:0;padding:0}
.checklist li i{color:#77a507;margin-right:6px}
.plan .content ul.checklist li{font-size:14px}
.plan a.button{display:block;font-size:15px}
.plan .header h2{font-size:25px}
.plan .content .price{font:600 45px/1 Geogrotesque,sans-serif}
.plan.pro .content .price span{color:#252d33;display:inline-block;font-size:62px}
}
@media (max-width:980px) {
.get-started-cnt img{display:none}
}
@media (max-width:768px) {
.range{width:565px}
.range-labels li{width:34px}
.range-labels li::before{position:absolute;top:-19px}
.range input::-webkit-slider-thumb{width:30px;height:30px;left:-10px;margin:-9px 0 0}
.checklist li{padding:0}
.plan .content ul.checklist{margin:0;padding:0}
.checklist li i{color:#0dd125;margin-right:6px}
.plan .content ul.checklist li{font-size:14px}
.plan a.button{display:block;font-size:15px}
.plan .header h2{font-size:25px}
.plan .content .price{font:600 45px/1 Geogrotesque,sans-serif}
.plan.pro .content .price span{color:#252d33;display:inline-block;font-size:62px}
}
@media (max-width:767px) {
.scroll-bar .col-sm-6:last-child{text-align:center}
.range-labels li{width:20px}
.scroll-bar{width:90%}
.range{position:relative;width:357px;left:-26px}
.range-labels li::before{position:absolute;top:-23px}
.range-labels li{font-size:11px}
.range input::-webkit-slider-thumb{width:25px;height:25px;left:-10px;margin:-9px 0 0}
.scroll-bar p{text-align:center}
.get-started-section-new{padding-top:80px;padding-bottom:25px}
.get-started-cnt-new h2{font-size:1.2rem}
.get-started-cnt-new h3{font-weight:500;font-size:1.1rem;color:#666;margin-bottom:30px;margin-top:9px}
}
.demo{width:100%;background:#eee;margin:0 auto;border-radius:2px;margin-bottom:40px;padding:2rem 4rem}
.demo-img{padding:.5rem;margin-top:.5rem}
.demo-login{padding:0 0 .5rem}
.demo h3{color:#00457c;font-weight:400;font-size:1.6em;margin-bottom:10px}
.demo h5{margin-bottom:5px;color:#77a507;font-size:1.1rem}
.demo p{padding:0;border-radius:4px;margin-bottom:0}
.demo span{margin-left:.5rem}
.demo a{display:inline-block;background:#00457c;color:#fff;padding:3px 20px;border-radius:4px;margin-top:12px}
.download-steps{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;text-align:center;padding:40px 0;margin-top: 35px;}
.download-steps p{line-height:1.3;margin-top:10px}
.btn-container-idle{text-align:center}
.os-downloads .btn-container{margin-bottom:10px}
.os-downloads .download-container{margin:10px auto;display:table;width:auto}
.os-downloads .btn-container .buttonDownload{font-size:20px;padding:4px 25px;top:-6px}
.os-downloads .btn-container-idle .buttonDownload{font-size:16px;background:transparent;padding:0 5px;top:0;color:#77a507;margin-left:0}
.os-downloads .btn-container-idle .buttonDownload:hover{color:#00457c}
.download-container .btn-container-idle i{font-size:.9rem;color:#00457c;margin-top:11px;margin-right:3px}
.download-section-wel .container{text-align:center;max-width:1111px}
.download-section-wel .container p{text-align:center}
.act-i{width:60px;height:60px;border-radius:100%;border:1px solid #e2e2e2;margin:40px auto 15px;text-align:center;align-items:center;vertical-align:middle;display:grid;line-height:1}
.act-i i{margin-top:0}
.windows,.linux,.mac{display:none}
.windows.active,.linux.active,.mac.active{display:block}
.download-drop-btn{width:100%;max-width:210px;display:inline-block;margin:10px 0 9px 67px;}
.os-seletion{background: #ffffff;
    color: #828282;
    border-radius: 3px;
    width: 100%;
    position: relative;
    padding: 6px 15px 6px 15px;
    font-size: 0.90rem;
    text-align: left;
    border: 1px solid #dadada;}
.os-seletion:hover{background:#045ba0;color:#fff}
.nav-tabs-dropdown.os-seletion:before{font-family: FontAwesome;
    content: "\f107";
    display: inline-block;
    vertical-align: middle;
    right: 0;
    top: 0;
    background: #fff;
    padding: 6px 12px;
    position: absolute;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;}
.nav-tabs-dropdown.os-seletion:hover:before{background:#00457c}
.download-drop-btn ul li a{padding:7px 10px;border:1px solid #dcdcdc;width:100%;display:inline-block;margin-top:-1px;background:#fff;color:#6d6d6d;font-size: 0.85rem;}
.download-drop-btn ul li a i{color:#045ba0;margin-left:5px}
.download-drop-btn ul li a:hover,.download-drop-btn ul li.active a:hover{background:#f3f3f3;color:#77a507}
.download-drop-btn ul li.active a{background:#fff}
.download-drop-btn ul li a.active{display:none}
.download-drop-btn .nav-tabs{border-bottom:0 solid #dee2e6}
.screenshots-head{text-align:center;margin-top:50px}
.screenshots-head span{width:100%;display:inline-block;font-size:2.5rem;font-weight:300;margin-top:5px;margin-bottom:10px}
.screenshots-head-cnt p{margin-bottom:5px;font-size: 1.15rem;}
.screenshots-head-cnt p span{font-size: 1.5em;
    line-height: 0px;
    padding-left: 5px;
    font-weight: 600;
    opacity: 0.8;}
.screenshots-head-cnt{display:grid;grid-template-columns:10fr 8fr;align-items:center;grid-gap:30px;padding-top:30px;padding-bottom:50px}
.screenshots-section2{background:#f9f9f9;padding:40px 0 30px}
.screenshots2{display:inline-block}
.screenshots-section .Features .screenshots2:nth-child(even){background:#eee}
.screenshot-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}
.screenshot-features li{padding-right:15px}
.maintain-limits{padding-bottom:40px;padding-top:20px;text-align:center}
.screen-features{background:#f9f9f9;padding:40px 0 30px}
.Screw-Up{padding-top:30px;padding-bottom:30px}
.screenshots-section3{padding-bottom:30px}
.screenshots-section3 .Features-container{grid-gap:40px;padding-top:25px;padding-bottom:25px}
.screenshots-section4{padding-top:50px;padding-bottom:50px;background:#f9f9f9}
.screenshots-section4 .container{display:grid;grid-template-columns:10fr 8fr;align-items:center;grid-gap:30px}
.screenshots-section4 img{max-width:450px}
.Attendance-Management{text-align:center}
.Attendance-Management1 .container{max-width:1111px}
.Attendance-Management h2{line-height:1.4}
.Attendance-Management h2 span{width:100%;display:inline-block;color:#00457c;font-size:1.8rem}
.Attendance-Management p{text-align:center;font-size:1.2em;max-width:980px;margin:auto}
.Attendance-Management p:after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px;position:relative;background:#77a507}
.Attendance-Management1 .Features-container{box-shadow:none}
.Attendance-Management21 p:after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px;position:relative;background:#77a507}
.Offline-Time-Tracking{padding-bottom:10px}
/*.Offline-Time-Tracking p:after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px 0;position:relative;background:#77a507}*/
.Attendance-Management2{background:#f3f4f5;padding:50px 0 40px}
.Attendance-Management21{text-align:center;padding-bottom:30px}
.Attendance-Management22{display:grid;align-items:center;grid-gap:20px}
.Attendance-Management3{padding:50px 0 35px}
.Attendance-Management4{padding:50px 0 45px;}
.Employee-Attnd-Trck{display:grid;align-items:start;grid-row-gap:30px;grid-column-gap:30px}
.Employee-Attnd-Trck2{text-align:center;padding-bottom:30px}
.Employee-Attnd-Trck2 p:after{display:block;content:"";height:2px;width:200px;margin:15px auto 20px;position:relative;background:#77a507}
.Employee-Attnd-Trck div p{margin-bottom:0}
.Employee-Attnd-Trck div h5{border-left:5px solid #77a507;padding-left:6px}
.feature2{grid-column:1/3;display:grid;grid-gap:25px}
.feature2 h4{margin-bottom:3px;font-size:1.4rem}
.more-btn{display:inline-block;border:none;padding:5px 18px;background:#77a507;color:#fff;font-size:1em;border-radius:30px}
.more-btn:hover{background:#00457c;color:#fff}
.timeline-grph{max-width:1049px;margin:-10px auto 30px}
.zigz-section{margin-top:-20px}
.zigz-section .zigz-container .container{display:grid;grid-column-gap:30px;align-items:center;padding-top:20px;padding-bottom:20px}
.Attendance-Reports1{display:grid;padding:20px 0}
.Attendance-Reports1-img{background:#f3f4f5;border-radius:2px}
.contact-page{display:grid}
.faq-search .form-group{    max-width: 360px;
    margin: 20px auto;
    position: relative;}
.faq-search .form-group:before{
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f002";
    position: absolute;
    right: 3px;
    top: 0px;
    font-size: 1.2rem;
    color: #656565;
}
h2.resp-tab-active {background: #f3f4f5!important;}
.resp-tab-active, .resp-tab-item:hover {color: #3a3a3a!important;}
.pricing-faq-section{padding-top: 20px;}
@media only screen and (min-width: 769px) {
.contact-page{grid-template-columns:10fr 7fr;grid-gap:60px;align-items:start}
.Attendance-Reports1{grid-template-columns:10fr 10fr;grid-column-gap:30px;padding:40px 0;align-items:center}
.zigz-section{margin-top:-30px}
.zigz-section .zigz-container .container{grid-template-columns:10fr 8fr;padding-top:50px;padding-bottom:50px}
.zigz-section .zigz-container:nth-child(even) .container{grid-template-columns:8fr 10fr}
.zigz-section .zigz-container:nth-child(even) .container .zigz-one{order:2}
.zigz-section .zigz-container:nth-child(even){background-color:#f3f4f5}
.feature2{grid-template-columns:1fr 1fr}
.Attendance-Management1 .Features-container{grid-template-columns:1fr 1fr}
.Offline-Time-Tracking2 .Features-container{grid-template-columns:1fr 290px;max-width:900px;margin:auto}
.Employee-Attnd-Trck{grid-template-columns:1fr 1fr}
.Attendance-Management22{grid-template-columns:1fr 1fr}
.pricing-new-head h1{margin-bottom:10px}
.pricing-new-head p{margin-bottom:20px}
.Screenshots-desklog{display:grid;grid-template-columns:3fr 2fr;grid-gap:30px;align-items:center}
.Screw-Up .container{display:grid;grid-template-columns:10fr 5fr;grid-gap:30px;align-items:center}
.maintain-limits-imp{background:#f3f4f5;padding:.5rem 1.2rem;border-radius:.3rem;width:auto;display:inline-block}
}
@media only screen and (max-width: 768px) {
.demo{width:100%;padding:0}
.demo-login{padding:1rem}
.Screenshots-desklog img{display:none}
.Screw-Up img{display:none}
}
@media only screen and (max-width: 767px) {
.sub-banner h1{font-size: 1.8rem;}
.pricing-latest{padding-top: 50px!important;}
.pricing-latest .bg-white {padding: 0 0 135px;}
.pricing-new-head h1{font-size: 2rem;}
.getstarted-section .getstarted-capt h2 {font-size: 2em;}
.pricing-faq-section{padding-top: 20px;}
.Attendance-Reports1-img{margin-bottom:30px}
.demo{width:100%;padding:0}
.demo-img{display:none}
.demo h3{font-size:1.5em}
.buttonDownload{margin-top:5px;background:#77a507}
.buttonDownload:hover{background:#00457c}
.Screw-Up{padding-top:30px;padding-bottom:10px;text-align:center}
.screenshots-section2{text-align:center}
.screenshots-head-cnt{grid-template-columns:1fr}
.screenshots-head-cnt p{text-align:center}
.screenshots-head span{font-size:2.2rem}
.screenshots-section4 .container{grid-template-columns:1fr;grid-gap:20px}
}
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.demo-img{display:none}
.demo h3{font-size:1.5em}
}
.about1{display:grid;grid-gap:25px;margin-top:50px;margin-bottom:50px}
.about1-head{font-size:20px!important;line-height:30px!important}
.about2{margin-top:10px;margin-bottom:50px}
.about3-grid{display:grid;grid-gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.about3-grid a{border:1px solid #ccc;text-align:center;padding:10px;margin-bottom:50px}
.about3-grid a img{max-width:125px;max-height:40px;width:auto}
.about3-grid a span{width:100%;clear:both;display:inline-block}
@media (min-width: 440px) {
.about1{grid-template-columns:1fr 1fr}
.grid2{grid-template-columns:1fr 1fr}
.why-head{grid-column:1/3}
}
@media (max-width: 440px) {
.grid2{grid-template-columns:1fr}
.why-head{grid-column:1/2}
.download-steps{grid-template-columns:1fr}
.download-section-wel h2{font-size:1.8em}
}
.productivity{display:grid;grid-gap:25px;margin-bottom:35px}
.productivity-container{border:1px solid #ccc;background:#eee;border-radius:2px;padding:10px}
@media (min-width: 440px) {
.productivity{grid-template-columns:1fr 1fr}
}
.getstarted-section{background-image:url('/wp-content/themes/desklog/assets/css/../images/product-bg.jpg');background-position:center center;background-size:cover;position:relative;padding:50px 0}
.getstarted-section .container{text-align:center}
.getstarted-capt{margin-top:0;display:inline-block}
.getstarted-capt h2{color:#fff;font-weight:500;font-size:2.2em;margin-bottom:13px}
.getstarted-capt h3{color:#fff;font-weight:500;font-size:1.3em;line-height:1.6}
.getstarted-form{text-align:center;margin-top:40px}
.contact-flag img{width:28px;margin-right:5px;padding:5px 0}
.contact-page .box-icon i{font-size:1.4rem;margin-right:5px;color:#77a507}
.contact-page .box-icon h4{display:inline-block;font-size:1.3rem}
.contact-sub-head{font-size:1.6rem;margin-bottom:20px;padding-bottom:0;line-height:1}
.contact-sub-head:after{display:block;content:"";height:2px;width:170px;margin:10px auto 20px 0;position:relative;background:#77a507}
.contact_address{margin-top:25px}
.contat-adrs-section{margin-bottom:50px}
.contat-form h3{margin-bottom: 20px;}
.custom-form{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:20px;margin-bottom:30px}
.custom-form-group span,.custom-form-group-textarea label,.custom-form-group-textarea textarea{width:100%!important}
.custom-form-group input,.custom-form-group select{height:41px;width:100%!important}
.custom-form-group input,.custom-form-group select,.custom-form-group-textarea textarea{border-radius:2px;border:1px solid #d2d2d2}
.custom-form-btn input{display:inline-block;border:none;padding:3px 20px;background:#77a507;color:#fff;font-size:1.2em;border-radius:2px}
.custom-form-btn input:hover{background:#00457c}
.contat-form span.wpcf7-not-valid-tip{font-size:.9em}
.contact-banner{/*width:100%;height:200px;*/background-image:url('https://desklog.io/wp-content/uploads/2020/09/Contact-banner.jpg');background-repeat:no-repeat;background-size:cover; background-position: bottom;    margin-top: 80px;    background: #ededed;}
.sub-banner.contact-banner h1{color: #242424 !important;}
.sub-banner.contact-banner li a{background-color: transparent;color: #242424 !important;}
@media only screen and (min-width: 769px) {
.custom-form{grid-template-columns:1fr 1fr}
.plan.pro.promotion-plan .header{     padding-top: 25px;
    margin-top: -67px;
    padding-bottom: 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;
}
.pricing-new-head{ margin-bottom: 45px; }
.promotion-plan .button{padding: 5px 17px;}
}

.content-prifcing .plan .content ul.checklist li { margin-bottom: 8px;margin-left: 0px; padding-left: 32px;position: relative;position: relative;
display: grid;
    grid-template-columns: 1fr 21px;
    grid-column-gap: 2px;
}
.content-prifcing .plan .content ul.checklist li:hover {color: #666666;}
.content-prifcing .plan .content ul.checklist li i{position: absolute; left: 0px; top: 6px;}
.plan.pro.promotion-plan{box-shadow: 0 8px 30px 0 rgba(0,0,0,.4);border: 10px solid #77a507; border-bottom: 0px;    border-radius: 8px;}
.tip_trigger{position: relative;cursor: pointer;    position: relative;
    right: -5px;
    border:1px solid #eaeaea;
    width: 21px;
    height: 21px;
    border-radius: 10px;
    top: 6px;}
.content-prifcing .plan .content ul.checklist li .tip_trigger i{    font-size: 12px;
        left: 8px;
    top: 4px;
    color: #555;
 }
 .content-prifcing .plan .content ul.checklist li .tip_trigger:hover i{color: #1791f3;}
.tip {
	min-width: 200px;
	color: #555;
	background:#fff;
	/*border:1px solid #eee;*/
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.4);
	font-size: 14px; line-height:18px;
	display:none; /*--Hides by default--*/
	padding:7px 12px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	    bottom: 24px;
    right: 10px;
}
/* Freelance Time Management Software */
.ftm_software{
	/* background: url('https://desklog.io/wp-content/uploads/2021/01/ftm_sw.jpg') no-repeat; */
    background-size: cover;
    padding: 125px 0 70px;
    margin-top: 80px;
}
.ftm_software h1{
    color: #fff;
    font-size: 2.3em;
    line-height: 1.4;
}

.ftm_software h2{
    color: #fff;
    font-size: 2.4em;
    line-height: 1.4;
}
.ftm_software span{
    display: inline-block;
    font-weight: 300;
    width: 100%;
}
.ftm_software h4{
    font-size: 1.1em;
    line-height: 1.7;
    font-weight: 400;
    max-width: 1024px;
    margin: 20px auto 25px;
    color: #fff;
}
.green_line{
    background: #77a514;
    padding: 2px;
}    
.ftm_sw_cont{
    background-color: #fff;
    color: #fff;
    padding: 90px 0 60px;
}
.ftm-cnt2{
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 0px 15px 0px #bfbfbfa3;
}
.ftm-cnt2 img {
    width: 75px;
    border: 5px solid #f3f4f5;
    margin-top: -70px;
    border-radius: 100%;
}
.ftm-cnt2 h3{
    font-size: 1.4rem;
    font-weight: 500;
}
.ftm-cnt2 p{
margin-bottom: 0;
font-weight: 400;
line-height: 1.5;
font-size: 1rem;
color: #444;
}

.ftm_desklog{
    background-color: #fff;
    color: #fff;
    padding: 70px 0 60px;
}
.ftm_desklog p{
    color: #555;
    font-size: 1.1rem;
    line-height: 1.9;
}
.ftm_desklog img{
/* box-shadow: 0px 0px 17px rgba(0,0,0,.2); */
}
.item_center{
    align-items: center;
}
.d_inflex{
    display: inline-flex;
}
.ftm_features{
    background-color: #f3f4f5;
    color: #fff;
    padding: 90px 0 60px;
    overflow: hidden;
    position: relative;
}
.ftm_features p{
color: #555;
font-size: 17px;
margin-top: 5px;
}
.ftm_features_box{
    background: #ffffff;
    padding: 20px;
    border-radius: 4px;
    text-align: left;
    min-height: 100%;
}
.ftm_features span{
display: inline-block;
font-weight: 300;
width: 100%;
line-height: 1.4;
}
.ftm_features:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 0;
    top: 0%;
    left: 0%;
    width: 0;
    height: 0;
    border-top: 150px solid #77a514;
    border-right: 150px solid transparent;
}

.round_shape {
    width: 55px;
    height: 55px;
    background-image: -webkit-linear-gradient(30deg,#77a514 50%,#77a514 50%);
    display: block;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 0px;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px;
}
.round_shape img {
    width: 55px;
    text-align: center;
    padding: 8px;
}
.ftm_footer{
padding: 60px 0 45px;
background-color: #00457c;
text-align: center;
}
.ftm_footer h3{
    color: #fff;
    font-weight: 400;
    margin-bottom: 60px;
}
.ftm_footer_box{
    background: #0e5186;
    padding: 20px;
    border-radius: 2px;
    min-height: 100%;
}
.ftm_footer h4{
    font-size: 21px;
    color: #fff;
    padding-bottom: 0px;
    padding-top: 10px;
    font-weight: 400;
}
.ftm_footer p{
    color: #b0c4d4;
}

.white_round{
    width: 75px;
    height: 75px;
    margin: -62px auto auto auto;
    background: #0e5186;
    display: block;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 0;
    border: 3px solid #00457c;
}
.white_round img {
    width: 55px;
    text-align: center;
    padding: 16px 10px;
}
.mea-banner, span.mea-banner{ font-size: 1.5em;
    font-weight: 300;
    color: #fff;}
.mea-tag1{
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.2rem;
    margin-bottom: 20px;
    background: #f3f4f5;
    padding: 15px 20px 15px 25px;
    border-radius: 2px;
}
@media only screen and (max-width: 768px) {
    .ftm_software span {
        font-size: 25px;
}
.ftm-cnt2 {
    margin-bottom: 60px;
}
.d_inflex h4 {
font-size: 21px;
}
.ftm_sw_cont {
    padding: 90px 0 20px;
}
.ftm_features {
    padding: 70px 0 45px;
}
.ftm_features:before {
display: none;
}
.ftm_footer {
    padding: 60px 0 0px;
}

.ftm_footer_box {
    min-height: 200px;
    margin-bottom: 30px;
}
.ftm_software {
    margin-top: 57px;
    padding: 60px 0 60px;      
}

}


.OfflTime-Tracking-img img{max-width: 511px; margin: auto;display: table;}
.Oft-Tracking-cnt{margin-bottom: 20px;}
.OfflTime-Tracking1 img{max-width: 644px; }
.OfflTime-Tracking1{padding: 25px 0 10px 0;}
.OfflTime-Tracking1-cnt h5{color: #333;}

.OfflTime-Tracking1-cnt h4, .OfflTime-Tracking h4, .OfflTime-Tracking1-cnt h5, .OfflTime-Tracking h5{
	    font-size: 1.35rem;
    font-weight: 600;
}
.Attendance-Reports1-cnt h5{
	font-size: 1.35rem;
    font-weight: 600;
}
.screenshots-head-cnt h5{
line-height: 1.5;
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
}

.screenshots-head-cnt h5 span{
   font-weight: 600;
    color: #77a507;
    font-size: 2.2rem;
    width: 100%;
    display: inline-block;
}
p.or {
    font-size: 2.2rem;
    font-weight: 600;
    color: #ccc;
    line-height: 1.1;
}

.dowload-cnt-top{display: table;
    margin: 15px auto 25px auto;text-align: center;
    width: auto;}
.dowload-cnt-top div{display: inline-block;    margin: 25px; text-align: center; }
.dowload-cnt-top img{width: 70px; }
.dowload-cnt-top h2 {font-size: 1.6rem;
    color: #333;
    margin-top: 5px;}

.dowload-cnt2 div{float: left;}
.dowload-cnt2 div img{ width: 175px;  margin-right: 30px; }
.dowload-cnt2 div noscript{ display: none; }

.ftm_software.download-baner{
	padding: 70px 0 70px;
}

.download-baner .mea-banner {
    margin-bottom: 35px;
}

.download-baner .get-started-submit:hover, .download-baner a.get-started-submit:hover{
	border: 1px solid #00457c;
    background: #00457c;
}

.download-baner
{
padding-top: 80px;
padding-bottom: 35px;
}
.download-baner h1 {
    font-size: 2.4rem;
    color: #333;
        font-weight: 600;
}
.download-baner h2 {
        font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 25px;
}

.download-baner h4 {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 7px;
}

.download-get-started{
	color: #77a507;
    font-weight: 500;
    font-size: 1.1rem;
}

.dowload-cnt02 h3{font-weight: 500;
 font-weight: 700;
    font-size: 31px;
    padding: 0;
    margin-bottom: 25px;
    color: #00457c;
    line-height: 45px;
}

.download-baner a.get-started-submit {
    padding: 4px 20px;
    margin-left: auto;
    font-size: 1.0em;
}
.dowload-cnt02{     display: grid;
    grid-template-columns: 1fr 579px;
    grid-gap: 20px;
    margin: 25px auto 20px auto;
    max-width: 100%; }

    .download-section-tab{margin-top:-90px;}
.download_bnn_view{padding-bottom:40px}

.price-offer{text-align:center;margin-bottom:10px;margin-top:-50px; }
.price-offer h4{font-size:2.3rem;font-weight:300;-webkit-animation: mover 3s infinite  alternate;animation: mover 3s infinite  alternate;}
.price-offer .green-text{color:#77a507;font-weight:700;}
.price-offer h5{font-size:1.3rem;font-weight:400;word-spacing:4px;-webkit-animation: mover2 3s infinite  alternate;animation: mover2 3s infinite  alternate;}
.price-offer h5 span{font-weight:600}
@keyframes mover {
  0% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
   50% {
    -webkit-transform: translatey(-4px);
            transform: translatey(-4px);
  }
  100% {
    -webkit-transform: translatey(-4px);
            transform: translatey(-4px);
  }
}

@keyframes mover2 {
  0% {
    -webkit-transform: translatey(0);
            transform: translatey(0);
  }
50% {
    -webkit-transform: translatey(3px);
            transform: translatey(3px);
  }
  100% {
    -webkit-transform: translatey(3px);
            transform: translatey(3px);
  }
}



@media only screen and (max-width:1366px){
    .dowload-cnt02{display: grid;grid-template-columns:600px 1fr;}
    .download-section-tab {margin-top: -30px;}
    .download-drop-btn {margin-left: 15px;}
    .buttonDownload {margin-left: 0px;}
}
@media only screen and (max-width:1024px){
	.download-baner h1 {
    font-size: 2.0rem;
}
.dowload-cnt02 {
    width: auto;
    display: table;
    margin: 0px auto 35px auto;
    background: #f3f3f3;
    padding: 30px 90px;
}

.download-container .buttonDownload {
    margin-left: auto;
    margin-right: auto;
}
.dowload-cnt02-img{display: none;  }
.dowload-cnt02 h3 {
    font-weight: 500;
    font-size: 1.4em;
    max-width: 100%;
    background: transparent;
    padding: 0px;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.7;
}
.download-baner {
    padding-top: 70px;
    padding-bottom: 50px;
}
}
@media only screen and (max-width: 768px){
.dowload-cnt02 {
    margin: 0 auto 35px auto;
    padding: 30px 30px;
}
.price-offer{margin-bottom:4rem;margin-top:0px}
}
@media only screen and (max-width:600px){
.dowload-cnt02 {
    margin: 0 auto 35px auto;
    padding: 10px;
    
}

}
@media only screen and (min-width:1025px){
.offline-time-tracking-baner{
    padding: 125px 0 115px;
    margin-bottom: 60px;
}
}

@media only screen and (min-width: 769px){
.OfflTime-Tracking1-cnt>div{ border-bottom: 1px solid #ccc;  border-top: 1px solid #ccc; margin-top: -1px;    padding: 25px 0 10px 0;}
.OfflTime-Tracking {display: grid;
    grid-template-columns: 1fr 1fr;
}
.OfflTime-Tracking1{display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 20px;}
.Oft-Tracking-cnt{
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 0;
    margin-bottom: 20px;}

}


@media only screen and (max-width:1024px){
.offline-time-tracking-baner{ margin-bottom:30px;}
}

@media only screen and (max-width: 769px){
	.dowload-cnt2 div img{ display: none;}
	.OfflTime-Tracking1-cnt{
		padding: 30px 0px 0px 0px;
	}

	.OfflTime-Tracking1-cnt>div{ margin-top: 5px; }
	.OfflTime-Tracking1-cnt{display: grid;
    grid-gap: 10px;}
    .screenshots-head-cnt h5 {
    	text-align: center;
}
}

@media only screen and (max-width:767px){
	.price-offer h4{font-size:1.8rem;}
.price-offer h5{font-size:1.1rem;font-weight:400;word-spacing:2px}

	.dowload-cnt-top h2 {
    font-size: 1.0rem;
    margin-top: 5px;
}
.dowload-cnt-top img {
    width: 60px;
}
.dowload-cnt2 {
    margin-top: 0px;
}
.dowload-cnt-top {
    margin: 15px auto 15px auto;
   
}
}

@media only screen and (max-width:440px){

	.download-baner h1 {
    font-size: 1.8em;

}

.download-baner .mea-banner {
    font-size: 1.2em;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dowload-cnt-top div {
    margin: 5px;
}
.ftm_software h2 {
    font-size: 2.0em;

}
.Attendance-Management h2 {
    font-size: 1.7rem;
}
.Attendance-Management h2 span {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.7rem;
}
}
/* computer-usage */
.Features-wel p {
    font-size: 1.1em;
    }
    .computer-usage{
    padding-top: 45px;
    padding-bottom: 45px;
    background: #fff;
    margin-top: 60px;
    margin-bottom: 0px;
    position: relative;
    }
    .computer-usage:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    background-color: #fff;
    display: block;
    z-index: 0;
    border-radius: 0;
    top: 0;
    right: 0;
    opacity: 1;
    }
    .computer-usage2{
    padding-top: 45px;
    padding-bottom: 45px;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    }
    .computer-usage2:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    background-color: #fff;
    display: block;
    z-index: 0;
    border-radius: 0;
    top: 0;
    left: 0;
    opacity: 1;
    }
    .computer-usage3{
    padding-top: 45px;
    padding-bottom: 45px;
    background: #f3f4f5;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    }
    .computer-usage3:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    background-color: #fff;
    display: block;
    z-index: 0;
    border-radius: 0;
    top: 0;
    right: 0;
    opacity: 1;
    }
    .mt-45{
        margin-top: 45px;
    }
    .url-tracking-feature {
        background: #f8f9f9;
    }
    @media only screen and (max-width: 768px) {
       .dis-none{
          display: none;
       }
       .computer-usage:before {
        width: 0%;
       }
       .computer-usage3:before {
          width: 0%;
       }
    }



/* Desklog Integrations Page starts */


.main-intgrt-container .header-section{
margin-top: 50px;
padding: 80px 0 40px;
}
.main-intgrt-container .header-section-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-intgrt-container .header-section-img img{
    width: 60%;
    animation: deskint-ftr-sm-2-animation 8s linear infinite alternate;
}
.main-intgrt-container .header-sec-content h1{
font-style: normal;
font-size: 45px;
line-height: 66px;
}
.main-intgrt-container .header-sec-content h1 span{
font-weight: 500;
font-size: 52px;
line-height: 53px;
color: #183f7a;
}
.main-intgrt-container .header-sec-content .header-main-cnt{
font-style: normal;
/*letter-spacing: .26px;*/
/*color: #313131;*/
/*line-height: 32px;*/
/*word-spacing: 1px;*/
font-size: 16px;
text-align: justify;
padding-top: 20px;
}
.main-intgrt-container .integration-registration-cnt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:20px}
.main-intgrt-container .integration-registration-cnt form{display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.main-intgrt-container .banner-getstarted{grid-template-columns:1fr 180px;display:grid;height:54px}
.main-intgrt-container .integration-registration-cnt form input:first-child{width:150%;border:1px solid #d3d3d3cc;}
.main-intgrt-container .integration-registration-cnt form input:first-child:focus{border:1px solid #77a507;outline:none!important}
.main-intgrt-container .integration-registration-cnt form input{padding:0 15px;border:1px solid #599e1e;max-width:420px;width:100%;border-radius:40px}
.main-intgrt-container .integration-registration-cnt span{font-size:14px;color: #747474;}
.main-intgrt-container .trail-box-container{align-items:center}
.main-intgrt-container .img-sec{align-items:center}
.main-intgrt-container .integration-registration-cnt .tcagree-cnt{font-weight: 400 !important;font-size: 14px;color: #747474;}
.main-intgrt-container .tcagree-cnt a span{color: #77a507;}
.main-intgrt-container .tcagree-cnt a span:hover{color: #5e8500;font-weight: 500;}

.main-intgrt-container .int-part{margin-bottom:28px;}
.main-intgrt-container .int-part-id {
    padding: 20px;
    border: 1px solid #ebebeb;
    text-align: center;
    border-radius: 10px;
}
.int-part-id-image{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 10px 0;
    background-color: aliceblue;
    padding: 10px 0;
    min-height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.int-part-id-image img{max-width: 150px;    mix-blend-mode: darken;}
.main-intgrt-container .int-part-id h4{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #242424;
    margin-top: 20px;
}
.main-intgrt-container .int-part-id p{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #242424;
    line-height: 24px;
}
.main-intgrt-container .int-part-id:hover{border-color:#599e1f;}

.main-intgrt-container .benefit-section{
background-color: #77a50714;
    padding: 80px 0;
}
.main-intgrt-container .benefit-section h2{text-align:center;}
.main-intgrt-container .benefit-section p{text-align:center;}
.main-intgrt-container .benefit-contents img{
width: 40%;
}
.main-intgrt-container .benefit-contents{margin-top: 45px;}
.main-intgrt-container .benefit-content-points h3{
font-style: normal;
/* font-weight: bold; */
font-size: 22px;
line-height: 30px;
color: black; 
}
.main-intgrt-container .benefit-content-points p{
line-height: 31px;
word-spacing: 0.8px;
font-size: 16px;
text-align: left;
}
.main-intgrt-container .benefit-content-points{
/* background: #77a50726; */ 
background: #fff;
 /* border: 1px solid #77a507;*/
border-radius: 10px;
padding: 45px 20px;
margin-top: 10px;
text-align: left;
height: 90%;
}
.main-intgrt-container .benefit-content-points:hover{
background: #77a50726;
}
.main-intgrt-container .benefit-content-points:hover p{
color: #1f1e1e;
}
.main-intgrt-container .benefit-content-points img{
width: 55px;
margin-bottom: 20px;

}

.main-intgrt-container .how-to-use-section{padding-top: 50px;}
.main-intgrt-container .how-to-use-section h2{text-align: center;}
.main-intgrt-container .how-to-use-section h2 span, .benefit-section h2 span{color: #183f7a;}

.main-intgrt-container .how-to-use-head{
/* padding-top: 30px; */
margin-top: 72px;
}
.main-intgrt-container .how-to-use-head{
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 45px;
/* letter-spacing: .1em; */
color: #004073;
text-align: center;
}
.main-intgrt-container .how-to-use-head h2{padding-bottom: 25px;}
.main-intgrt-container .how-to-use-point-head{
padding-top: 30px;  
}
.main-intgrt-container .how-to-use-point-head-wrapper{
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
}
.main-intgrt-container .how-to-use-point-head-wrapper h3{font-size:1.7rem;margin-bottom: inherit;}
.main-intgrt-container .how-to-use-point-head-wrapper img{width:100px;}
.main-intgrt-container .how-to-use-point-head h3{
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 30px;
/* letter-spacing: .1em; */
color: black;
}

.main-intgrt-container .how-to-use-point{
padding-top: 25px; 
}
.main-intgrt-container .how-to-use-point li{
line-height: 30px;
word-spacing: 1px;
}
.main-intgrt-container .how-to-use-point ul{
list-style: square;

}
.main-intgrt-container .how-to-use-point li{
/*color: #004073;*/
}
.main-intgrt-container .how-to-use-point span{
/*color: #313131;*/
    font-size: 16px;
    text-align: justify;
    padding-top: 20px;
}
.main-intgrt-container .how-to-generate-api{
margin-left: 20px;
}
.main-intgrt-container .how-to-generate-api-head{margin-top: 45px;}
.main-intgrt-container .how-to-generate-api-head h4{
    font-size: 22px;
    color: #004073;
padding-bottom: 8px;
}
.main-intgrt-container .how-to-generate-api-points{
 font-style: normal;
letter-spacing: .26px;
color: #313131;
line-height: 30px;
word-spacing: 1px;
font-size: 18px;
text-align: justify;  
}
.main-intgrt-container .screen-shots{
    width: 100%;
    text-align: center;
    margin: auto;
}
.main-intgrt-container .screen-shots img{
    width: 50%;
}

@-webkit-keyframes deskint-ftr-sm-2-animation{0%{transform:translateY(-50px);}to{transform:translateY(0);}}
@keyframes deskint-ftr-sm-2-animation{0%{transform:translateY(-50px);}to{transform:translateY(0);}}


@media screen and (max-width:991px){
.main-intgrt-container .header-section-img img{margin-top: 15px;}
.main-intgrt-container .screen-shots img{width:70%;}
}
@media screen and (max-width:768px){
.main-intgrt-container .int-part-id{margin-bottom: 16px;}
}
@media screen and (max-width:600px){
.main-intgrt-container .screen-shots img{width:80%;}
.main-intgrt-container .header-section{padding: 70px 0 40px;}
.main-intgrt-container .header-section-img img{margin-top: 22px;}
.main-intgrt-container .how-to-use-point-head-wrapper{flex-wrap: wrap;}
}

/*accordion strats*/
.main-intgrt-container .myaccordion {
max-width: 870px;
margin: 50px auto;
box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.main-intgrt-container .myaccordion .card,
.main-intgrt-container .myaccordion .card:last-child .card-header {
border: none;
}

.main-intgrt-container .myaccordion .card-header {
border-bottom-color: #EDEFF0;
background: transparent;
scroll-margin-top: 80px;
}

.main-intgrt-container .myaccordion .fa-stack {
font-size: 18px;
}

.main-intgrt-container .myaccordion .btn {
width: 100%;
font-weight: bold;
color: #004987;
padding: 0;
}

.main-intgrt-container .myaccordion .btn-link:hover,
.main-intgrt-container .myaccordion .btn-link:focus {
text-decoration: none;
}

.main-intgrt-container .myaccordion li + li {
margin-top: 10px;
}

/*accordion ends*/

/* Desklog Integrations Page ends */

/* time tracking with screenshots page starts */
.time-track-scrsht-container .feature-banner-sec{margin-top:80px;}
.time-track-scrsht-container .integration-registration-cnt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
margin-top: 34px;
}
.time-track-scrsht-container .integration-registration-cnt form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.time-track-scrsht-container .banner-getstarted {
    grid-template-columns: 1fr 180px;
    display: grid;
height: 60px;
}
.time-track-scrsht-container .integration-registration-cnt form input:first-child{
    width: 150%;
border: 1px solid lightgray;
}
.time-track-scrsht-container .integration-registration-cnt form input:first-child:focus{
border: 1px solid #77a507;
outline: none !important;
}
.time-track-scrsht-container .integration-registration-cnt form input {
    padding: 0px 15px;
    border: 1px solid #599e1e;
    max-width: 420px;
    width: 100%;
border-radius: 40px;
}
.time-track-scrsht-container .integration-registration-cnt span {
    font-size: 14px;
font-weight: 500;
}
.time-track-scrsht-container .trail-box-container {
    align-items: center;
}
.time-track-scrsht-container .feature-sec {margin: 60px 0;}
.time-track-scrsht-container .feature-sec h4{text-align: center;padding-bottom: 30px;font-weight: 500;font-size: 27px;}
.time-track-scrsht-container .active-ftr-box{height: auto;padding: 10px;background: #80b103 !important;border-radius: 5px;user-select: none;}
.time-track-scrsht-container .active-ftr-box a{color: #fff !important;}
.time-track-scrsht-container .feature-sec .col-md-4 span {color: white !important;}
.time-track-scrsht-container .ftr-box-wrapper {width: 100%;height: 100%;padding: 22px;background: #f9f8f8;border-radius: 5px;display: flex;justify-content: center;font-size: 16px;font-weight: 600;}
.time-track-scrsht-container .ftr-box-wrapper span {color: #000;}
.time-track-scrsht-container .ftr-box-wrapper:hover {background: #80b103;color: #fff;}
.time-track-scrsht-container .ftr-box-wrapper:hover > a{color: #fff !important;}
.time-track-scrsht-container .feature-sec .col-md-4 {margin-bottom: 25px;}

.time-track-scrsht-container .main-point-sec .col-md-6 {
  margin: 15px 0px;
}
.time-track-scrsht-container .white-box img {
    width: 25px;
    margin-right: 6px;
}
.time-track-scrsht-container .main-point-sec .white-box {
    background: #ffffff;
    box-shadow: 3px 5px 13px rgb(186 186 186 / 35%);
    border-radius: 10px;
    width: 100%;
    height: 90%;
    padding: 20px;
}

.time-track-scrsht-container .lists-sec{
    margin-top: 40px;
}
.time-track-scrsht-container .lists-sec li{
    list-style: none;
    margin-bottom: 15px;
}
.time-track-scrsht-container .lists-sec img{
    margin-right: 7px;
}


.time-track-scrsht-container .main-body-sec{
    margin-top: 50px;
}


.time-track-scrsht-container .main-body-sec .column-style{
    display:  flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
}

.time-track-scrsht-container .main-body-sec img{
width:70%;}

.time-track-scrsht-container .bg-fluid-box{
margin-top:80px;}

.download-drop-btn{width: 100%;display: inline-block;max-width: 100%;margin-left:10px;}
.buttonDownload{margin: 0 !important;}
.download-drop-btn .nav-tabs{gap: 10px;}
.download-drop-btn ul li a.active.show{background-color: #00457c !important; color: #fff}
.download-drop-btn ul li a.active.show I{color: #fff;}

@media screen and (max-width: 1526px) {
   .time-track-scrsht-container .bannerbg-img {
      top: -200px;
    }
  }
  
  @media screen and (max-width: 1433px) {
    .time-track-scrsht-container .bannerbg-img {
      top: -150px;
    }
    .time-track-scrsht-container .bg-img img {
      width: 100% !important;
    }
  }
@media screen and (max-width: 1199px) {
    .time-track-scrsht-container .ftr-box-wrapper {
     min-height: 104px;
    text-align: center;
    align-items: center;
    }
  }
  @media screen and (max-width: 991px) {
    .time-track-scrsht-container .bg-img img {
      margin-top: 0;
    }
.time-track-scrsht-container .feature-banner-sec{margin-top:120px;}
.time-track-scrsht-container .screen-sec, .blur-screen-sec, .productive-sec, .screen-setting-sec{margin-top: 50px;}
.time-track-scrsht-container .ftr-box-wrapper{
 min-height: 133px;
    text-align: center;
    align-items: center;
}
.time-track-scrsht-container .productive-sec .row{
flex-direction: column-reverse;}
.time-track-scrsht-container .screen-sec .row{
flex-direction: column-reverse;}
.time-track-scrsht-container .screen-setting-sec .row{
flex-direction: column-reverse;}
.time-track-scrsht-container .main-body-sec img{
margin: auto;}
}
@media screen and (max-width: 767px) {
    .time-track-scrsht-container .ftr-box-wrapper {
     min-height: 70px;
    text-align: center;
    align-items: center;
    }
  }
@media screen and (max-width: 580px) {
.time-track-scrsht-container h2{font-size: 1.8rem;}
}
/* time tracking with screenshots page ends */

/* Automated Time Tracking Software For Architects page starts*/
.timetrack-archt-container .offline-time-tracking-banner{    margin-top: 80px;background-color: #f3f3f3 !important;padding: 50px 0 80px;}
.timetrack-archt-container .ftm_sw_cont{padding:60px 0 15px;margin-bottom:0;background-color:#fff}
.timetrack-archt-container .ftm_sw_cont h5{font-size:1.6rem;max-width:1060px;margin:auto;line-height:2.4rem;margin-bottom:30px;font-weight:400}
.timetrack-archt-container .features-section{padding-top:15px}
.timetrack-archt-container .features-cnt{padding:20px;border-radius:4px;background:#fff;text-align:center;box-shadow: 0px 0px 30px #f1f1f1;}
.timetrack-archt-container .features-cnt img{width:75px;border:5px solid #f3f4f5;margin-top:-70px;border-radius:100%}
.timetrack-archt-container .features-container{box-shadow:none;align-items:stretch}
.timetrack-archt-container .integrate-payroll{display:grid;grid-template-columns:150px 1fr;grid-gap:15px}
.timetrack-archt-container .integrate-payroll img{width:150px;background:#f3f4f5;padding:10px;border-radius:4px}
.timetrack-archt-container .ftm_features{padding:70px 0 60px}
.timetrack-archt-container mark.green{padding:inherit;background-color:transparent;color:#77a514}
@media (max-width: 768px) {
.timetrack-archt-container .integrate-payroll{grid-template-columns:1fr}
.timetrack-archt-container .integrate-payroll img{display:none}
.timetrack-archt-container .task-works{grid-template-columns:1fr}
}
@media (max-width: 767px) {
.timetrack-archt-container .features-container{padding-bottom:15px}
.timetrack-archt-container .features-cnt{margin-bottom:50px}
}
@media (max-width:440px) {
.timetrack-archt-container .task-3orks-section{padding-top:30px;padding-bottom:20px}
.timetrack-archt-container .ftm_sw_cont h5{font-size:1.3rem}
.timetrack-archt-container .ftm_features{padding:40px 0 30px}
}


/* Automated Time Tracking Software For Architects page ends*/