#clientele .swiper-slide, #hrmsformbottomul input.inputbox, #manageworkforce .left_section .feature_desc, #manageworkforce ul li.parent > a, .awards_div img, .clientlist .col5, .flexbox .col3, .right_section .feature_screen, .testimonials .client-details .content, .testimonials .client-details .display-flex img, .youtube, .youtube-modal.active{box-sizing:border-box;box-sizing:border-box;} *, body{font-family:Rubik, sans-serif;} #headerleft, #logo{float:left;} .button, a, button{text-decoration:none;} #clientele .swiper-slide, .count-no, .swiper-slide img, .whyhrfail-container .count-no{vertical-align:middle;} .swiper, ul li{list-style:none;} @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nMrXyi0A.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nMrXyi0A.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nMrXyi0A.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nMrXyi0A.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nMrXyi0A.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v26/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} body{color:#333;font-weight:400;line-height:24px;} .divinner{max-width:1100px;margin:0 auto;} img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;} #mob_buydemo{display:none;float:right;} #mob_buydemo .button, #topmenu ul li a.free_trial, #topmenu ul li.menu_trial a.active{color:#fff;background:#188de8;border-radius:50px;line-height:20px;padding:10px 20px;margin:12px 0 15px 10px;border:2px solid #188de8;font-weight:500;font-size:14px;} #header.fixed{background:#fff;box-shadow:-1px 1px 5px #00000029;} .fixedheader #header{top:0;z-index:99999;width:100%;} #logo{width:200px;padding:10px 0;} #logo img, #manageworkforce .left_section ul.nav-child.active, #manageworkforce .right_section .feature_screen.active{display:block;} #mob_buydemo .button{padding:5px 10px;font-size:14px;} a{color:#188de8;} .button:hover, button:hover{background:#fff;border:2px solid #188de8;color:#188de8;} .button, button{box-shadow:0 3px 6px #00000029;background:#188de8;border:2px solid #188de8;border-radius:50px;padding:10px 20px;text-align:center;outline:0;cursor:pointer;color:#fff;-webkit-transition:0.2s ease-in;-o-transition:0.2s ease-in;-moz-transition:0.2s ease-in;line-height:17px;font-weight:500;font-size:14px;} #header, #landingbanner, #topmenu ul li.menu_trial, #topmenu ul li.menu_trial:hover, .award-sec .bold-text{background:0 0;} #header{padding:0;position:fixed;top:0;left:0;z-index:999;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:100%;} #headerright{margin-left:150px;text-align:right;padding:13px 0;} #topmenu, .landing-location-img{float:right;} #topmenu ul, .whyhrfail-container .flexbox ul{margin:0;} #topmenu li{float:left;margin-left:1px;text-align:left;position:relative;margin-top:15px;} #landingbanner .divinner.form-section, .tackle-middle img, body.laptop.how-hrms-work-youtube{width:100%;} #landingbanner{width:100%;height:100%;padding-top:80px;padding-bottom:80px;position:relative;} .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;-webkit-align-items:start;-ms-flex-align:start;align-items:start;justify-content:space-around;} .flexbox .col2{width:calc(50% - 20px);} .flexbox .col3{width:calc(33.33% - 30px);padding:20px 0;margin:15px 0;} .landingbannertop{position:relative;z-index:99;} body .about-sec{padding:20px 0 40px;} .stats{text-align:center;position:relative;z-index:99;} .stats .width-50{margin-left:0;justify-content:space-between;padding-top:15px;} .stats .width-50 .col3, body.stats .flexbox .col3{width:auto;} .stats .col3{position:relative;padding:15px 0;margin:0;} .stats .width-50 .blueband:after, .stats .width-50 .greenband:after, .stats .width-50 .orangeband:after{content:"";background:url(../images/sprite.png) no-repeat;background-position-x:100%;display:block;right:-65px;top:13px;width:25px;height:50px;position:absolute;} .stats .width-50 .blueband:after{background-position:-167px 0;} .stats .width-50 .orangeband:after{background-position:-125px 0;} .stats .width-50 .greenband:after{background-position:-90px 0;} .stats .value{font-size:35px;padding-bottom:5px;color:#fff;} .stats .data{font-size:17px;line-height:24px;color:#fff;font-weight:200;} .award-sec{max-width:350px;position:relative;margin:0 auto;} .maturity-text, .whyhr{margin:30px 0 0;} .award-sec .bold-text{font-weight:600;font-size:26px;color:#fff;} .award-sec .blue-back{color:#fff;background:#084e81;padding:5px;letter-spacing:3px;} .award-sec > div{color:#084e81;font-weight:400;font-size:18px;line-height:25px;background:#fff;padding:5px;} .award-sec .frost-img{width:350px;margin-top:10px;float:right;} #landingbanner .flexbox:before{content:"";background:url(../images/line-arrow.png) 0 0/90% no-repeat;height:720px;width:1100px;display:block;position:absolute;left:-245px;z-index:-220;} body .about-sec p{font-weight:400;font-size:16px;line-height:25px;} a, abbr, acronym, address, applet, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, span, table, tbody, td, tfoot, th, thead, tr, tt, ul, var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;} #landingbanner .landingbannertop h1{margin:60px 0 0;text-align:left;font-size:40px;color:#002b56;font-weight:400;line-height:45px;} #landingbanner .landingbannertop h1, body .about-sec{box-sizing:border-box;padding-right:60px;box-sizing:border-box;} .feature_inner h4, .homepage .moduletable h3, .page-header h1, .page-header h2, h1, h2{font-size:40px;line-height:38px;font-weight:300;text-align:center;margin:0 0 15px;} h4, p{line-height:24px;} h1, h2, h3, h4, h5, h6{font-weight:400;color:#222;} .hr-maturity.mainrow{padding:40px 0 30px;} .mainrow{padding:40px 0 60px;} .mainrow .row{padding:70px 0 60px;} #home_testimonials .moduletable h2, #landingbanner h2{line-height:38px;text-align:center;font-size:42px;color:#333;font-weight:300;margin-top:0;margin-bottom:15px;} .subhead{color:#333;text-align:center;} #home_awards, .clientlist, .form-text p, .text-center{text-align:center;} p{font-weight:300;margin:0 0 15px;} .font-lg{font-size:30px;font-weight:200;} h2.section-head{color:#002b56;font-weight:300;font-size:42px;line-height:52px;} .count-no{width:65px;text-align:center;border-radius:50px;line-height:65px;font-size:30px;color:#fff;} .question{width:calc(100% - 100px);padding:0 15px;font-size:18px;line-height:26px;font-weight:300;} .bluetext, h4{font-weight:400;} .question-list ul li{padding:10px;min-height:180px;} #home_testimonials, #tackle-hrms{position:relative;padding-top:340px;margin-top:-380px;} #tackle-hrms{height:1180px;z-index:-1;} #home_testimonials{height:1140px;} .about-uknowa-hrms-sec .details .image-block img{max-width:80px;} .about-uknowa-hrms-sec .details h4{margin:30px 0 20px;} .bluetext{font-size:24px;color:#303030c7;} h4{font-size:22px;margin-bottom:10px;} #manageworkforce h2, #tackle-hrms .font-lg, #tackle-hrms h2{color:#fff;} #about .button{border:3px solid #fff;} .bluebg{background-color:#0090e7;} .hr-maturity-container.bluebg{width:80%;margin:0 auto;position:relative;height:225px;background-color:#008de7;} .hr-maturity-container.greenbg{width:80%;margin:0 auto;position:relative;height:225px;background-color:#00edce;} .hr-maturity-container.bluebg:after{content:"";background:url(../images/cloud.png) no-repeat;position:absolute;width:500px;height:223px;top:0;right:0;z-index:2;} .hr-maturity-container.greenbg:after{content:"";background:url(../images/green-cloud.png) no-repeat;position:absolute;width:500px;height:223px;top:0;right:0;z-index:2;} .maturity-img{width:300px;} .maturity-img img, li.whyhr.topmg{margin-top:-35px;} .maturity-text{width:calc(100% - 560px);z-index:999;} .maturity-text h4{font-weight:500;color:#fff;font-size:35px;line-height:42px;text-align:left;margin-bottom:20px;} .greenbg .maturity-text h4{font-weight:600;color:#00508c;} .maturity-text a{float:left;border:2px solid #fff;} .greenbg .maturity-text .button{border:2px solid #00508c;color:#00508c;background:0 0;} .greenbg .maturity-text .button:hover, .landing-btn .button:hover{background:#fff;} .accordion-panel:before{content:"";border:40px solid #e4f5ff;position:absolute;height:130px;width:130px;border-radius:120px;z-index:-1;bottom:-55px;left:-60px;} #checkbox-answer, #clientele, #digital-hrms, #home_testimonials .divinner, .customappformdiv, .list-of-hrms, .product-video, .tackle-hrms-container ul li{position:relative;} .checkbox-container .flex-desc{width:calc(100% - 60px);} .checkbox-container .flex-check{width:12px;position:relative;} li.flexbox.boxbg{box-shadow:0 0 50px 25px #eaecee;margin:25px;border-radius:5px;} .whyhrfail-container .count-no{width:40px;text-align:center;border-radius:50px;line-height:40px;font-size:18px;color:#fff;} .whyhrfail-container .flex-desc{width:calc(100% - 70px);} .tackle-hrms-container ul li{padding:0 120px 0 0;margin:-10px 0 65px;} .tackle-hrms-container{background:url(../images/world.png) 0 0/contain no-repeat;} .tackle-hrms-container li p{line-height:24px;color:#fff;font-size:14px;} .tackle-middle{width:645px;margin-left:-155px;} .tackle-hrms-container ul li.tackle-right{padding:0 0 0 140px;} .list-item{background:url(../images/dot-lines.png) 130px 50px/75% no-repeat;height:370px;width:1100px;} .hrms-team p{padding:0 15px 15px;margin-top:-15px;font-size:16px;font-weight:400;} .hrms-team{box-shadow:0 0 20px 0 #ede6e6f0;width:130px;text-align:center;box-shadow:0 0 60px 0 #c5c5c596;border-radius:20px;background:#fff;position:absolute;} .hrms-team.team2{top:80px;left:225px;} .hrms-team.team3{top:235px;left:45px;} .hrms-team.team4{left:440px;} .hrms-team.team5{right:310px;top:30px;} .hrms-team.team6{right:280px;top:295px;} .hrms-team.team7{top:-40px;right:85px;} .hrms-team.team8{right:60px;top:205px;} .dots{text-align:center;margin-bottom:40px;} .dots span{margin:0 5px;border-radius:50px;font-size:1px;padding:3px;} .dot1{background-color:#008ce4;} .bluebg .dot1{background-color:#d6f0fd;} .dot2{background-color:#00d38d;} .dot3{background-color:#fdd209;} #clientele .swiper-slide{border:1px solid #cccccc94;text-align:center;} #clientele{padding:0;margin-top:-375px;} #digital-hrms{padding:0 0 125px;z-index:9;} #clientele .swiper-button-prev:after, #clientele .swiper-rtl .swiper-button-next:after{content:"prev";margin-right:20px;margin-top:45px;} #clientele .swiper-button-next:after, #clientele .swiper-rtl .swiper-button-prev:after{content:"next";margin-left:120px;margin-top:-40px;} #home_testimonials .swiper-button-next:after{margin-left:25px;} #clientele .swiper-button-next:after, #clientele .swiper-button-prev:after, #home_testimonials .swiper-button-next:after, #home_testimonials .swiper-button-prev:after{font-size:24px;font-weight:700;} #clientele .swiper-button-next, #clientele .swiper-button-prev{top:unset;width:unset;position:unset;height:unset;margin:0;} input[type="checkbox"]{position:absolute;cursor:pointer;width:24px;height:24px;margin-top:15px;z-index:1;} input[type="checkbox"]:checked:before{content:"";display:block;position:absolute;width:20px;height:20px;border:2px solid #0091e7;border-radius:0;transition:0.2s linear;background:#fff;} input[type="checkbox"]:checked:after{content:"";display:block;width:10px;height:25px;border:solid #0091e7;border-width:0 5px 5px 0;-webkit-transform:rotate(40deg);-ms-transform:rotate(45deg);transform:rotate(40deg);position:absolute;top:-12px;left:7px;} /*#footer{float:left;width:100%;background:#ddeefe;padding:25px 0;}*/ #checkbox-answer{padding:0;margin:-5px 0 -10px;z-index:9;} #stiky-popup-btn{position:fixed;bottom:12px;right:0;z-index:9999;box-shadow:3px 3px 15px 5px rgb(0 0 0/50%);border-radius:10px;} a.popup-btn{background-color:#188de8;padding:10px 20px;color:#fff;border-radius:20px 0 0 20px;} #box-overlay.active{z-index:99999;visibility:visible;zoom:1;opacity:1;width:100%;height:100%;display:block;background-color:#363535;opacity:0.9 !important;position:fixed;left:0;right:0;top:0;bottom:0;} #manageworkforce .accordian, #manageworkforce .accordian .accordian-head, #manageworkforce .feature_screen, #manageworkforce .left_section .feature_desc, #manageworkforce .left_section ul.nav-child, #manageworkforce .right_section .feature_screen, #menu-line, .landing-hrms-banner .box-widget img, .landing-hrms-banner .box-widget p.sub-headline, .show-in-mob, .tackle-hrms-container ul li .flex-img, .youtube-modal{display:none;} .landing-btn .button{background:#005a94;} ul#hrmsformbottomul span.error{width:75%;display:block;color:#d32e2e;background-color:#ffffff38;font-size:14px;border-radius:0 0 20px 20px;margin:0 auto;padding:5px 0 5px 5px;} #hrmsformbottomul li.col2{margin-bottom:30px;} li.landing-btn{margin-bottom:-10px;} .top-l{width:0;height:0;border-top:20px solid #fff;border-right:660px solid transparent;} .bottom-l{width:0;height:0;border-bottom:20px solid #fff;border-right:700px solid transparent;z-index:-999999;position:relative;} .swiper-slide{padding:15px 0;} .swiper-slide .client-delhivery{margin:20px 0;} .swiper-slide .client-mahindra{margin:15px 0;} #home_awards .dots, #tackle-hrms .dots, #whyhrfail .dots, .about-uknowa-hrms-sec .dots{margin-bottom:5px;} #home_testimonials .dots{margin-bottom:20px;} .question input[type="radio"]{opacity:0;position:fixed;width:0;} .question label{background:0 0;border:1px solid #c8c9cb;padding:8px 20px;border-radius:5px;font-size:16px;margin:5px;} .awards_div img, div#ajaxmsg{padding:10px;} .question label:hover{background-color:#dfd;} .question input[type="radio"]:checked + label{background-color:#00ce8a;border-color:#4c4;color:#fff;font-weight:500;} #landingbanner .divinner{z-index:2;position:relative;} .landing-hrms-banner img.laptop{margin:0 auto;display:inherit;} .how-hrms-work-youtube{right:-122px;top:180px;position:static;margin:25px auto 0;display:block;cursor:pointer;box-shadow:5px 3px 8px 1px rgb(0 0 0/16%);border-radius:30px;} .how-hrms-work-youtube.pause-btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin:0;} .yellobox-shadow{width:80%;height:180px;background:#eee3b5;position:absolute;right:-13px;bottom:-17px;border-radius:30px;z-index:-1;} .landing-hrms-banner .leave-management{position:absolute;left:-65px;top:97px;} .landing-hrms-banner .attendance-tracking{position:absolute;left:54px;bottom:123px;} .landing-hrms-banner .salary-slip-management{position:absolute;left:-80px;top:190px;} .landing-hrms-banner .virtual-biometric{position:absolute;right:0;top:40px;} .landing-hrms-banner .employe-mangment{position:absolute;right:-50px;top:335px;} .landing-hrms-banner a{cursor:default;} .landing-hrms-banner .box-widget .box-wrapper{animation-name:left-right;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;transition:transform 0.2s 0;transform:scaleX(0);transform-origin:left center;transform:translateX(0) rotate(0);box-shadow:1px 2px 20px #00000017;border:1px solid #ecefff;border-radius:20px;background:#fff;padding:5px 15px;box-shadow:rgb(36 50 66/20%) 0 3px 5px;} .landing-hrms-banner .box-widget .box-wrapper .details{justify-content:center;} .align-items-center{align-items:center;} .landing-hrms-banner .box-widget img{width:40px;margin:0;padding-right:11px;} .landing-hrms-banner .box-widget p.heading, .landing-hrms-banner .box-widget p.sub-headline{line-height:normal;} .landing-hrms-banner .box-widget p.heading{font-size:14px;color:#252525;font-weight:400;} .mb-0, .testimonials .client-details .display-flex p, .youtube-modal .youtube{margin-bottom:0;} .landing-hrms-banner .box-widget p.sub-headline span{font-size:12px;color:#888e95;} .landing-hrms-banner .box-widget span.dot{width:3px;height:3px;background:#9fa3a3;display:inline-block;border-radius:50%;vertical-align:middle;margin:0 4px;} .bluebackground, .landing_hrms #manageworkforce{background:#dcedfd;} .dotimage-b, .dotimage-t{background:url(../images/dots-1.png) no-repeat;height:200px;position:absolute;width:300px;} #home_testimonials, #home_testimonials #testi_slideshow, #home_testimonials .rsSlide{background-color:#ddeefe;} #home_testimonials .testimonials{overflow-x:hidden;} #home_testimonials .client-details{text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:70%;margin:auto;border-radius:20px;padding:50px 40px;} .testimonials .client-details .content h3{font-size:24px;line-height:30px;font-weight:400;text-align:left;color:#fff;display:block;margin-bottom:5px;} .happy-customer .custom h3{display:block;text-align:center;} .testimonials .client-details .content{display:inline-block;vertical-align:bottom;width:80%;margin-right:40px;padding:40px 32px;position:relative;left:1px;border-radius:12px;color:#fff;} .testimonials .client-details .content p{font-size:14px;line-height:24px;text-align:left;} .testimonials .client-details .content:after{content:"";width:75px;height:60px;position:absolute;right:-50px;bottom:45px;background:url(../images/sprite.png) no-repeat;background-position:-105px -65px;} .testimonials .client-details .content:before{content:"";position:absolute;height:70px;width:80px;background:url(../images/sprite.png) no-repeat;left:-70px;top:-20px;background-position:-10px -65px;} .dotimage-t{top:105px;} .dotimage-b{bottom:15px;right:0;} .testimonials .client-details .display-flex img{width:130px;background:#fff;border-radius:50%;padding:3px;border:2px solid #1bcb83;} .testimonials .client-details .display-flex p.name{font-size:18px;font-weight:500;} .testimonials .swiper-navs{display:block;width:100%;text-align:center;} .testimonials .swiper-button-next, .testimonials .swiper-button-prev{position:relative;display:inline-block;left:unset;right:unset;width:50px;margin:0 5px;top:unset;bottom:7px;} .swiper-button-next:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-weight:700;font-size:18px;background:#fff;width:40px;height:40px;text-align:center;border-radius:50px;display:flex;align-items:center;justify-content:center;align-items:center;color:#1189e7;} #clientele .swiper-button-next:after, #clientele .swiper-button-prev:after, #clientele .swiper-rtl .swiper-button-next:after, #clientele .swiper-rtl .swiper-button-prev:after{background:#f0f8ff;color:#008de7;} .awards_div .featured{padding:10px 0;} .awards_div .other img{width:auto;max-height:70px;} .about-uknowa-hrms-sec .row{padding:60px 0 15px;} .about-uknowa-hrms-sec.mainrow{padding:0 0 40px;position:relative;z-index:999;} .tip-box .flex-img:before, .tip-box:after, .tip-box:before{position:absolute;content:"";} #home_awards.mainrow{padding:0;position:relative;} .tip-box{width:70%;margin:0 auto;position:relative;height:125px;border-radius:15px;background-color:#a5fdec;background-image:linear-gradient(#a5fdec, #43eaca);} .tip-box .flex-img img{margin-top:-89px;width:175px;} .tip-box .flex-text{width:calc(100% - 160px);} .tip-box .flex-img{width:160px;text-align:right;} .tip-box .flex-text h3{font-size:32px;line-height:40px;text-align:right;margin-top:20px;color:#000;font-weight:300;} .flex-text h3 span{font-size:25px;font-weight:300;} .tip-box:after{background-color:#118ae7;height:45px;width:45px;border-radius:10px;top:-65px;left:15px;} .tip-box:before{background-color:#ffd203;height:70px;width:70px;border-radius:10px;top:-40px;left:70px;} .tip-box .flex-img:before{background:url(../images/sprite.png) 9px -135px no-repeat;height:80px;width:165px;top:-90px;right:210px;} .youtube-modal.active{display:block;position:fixed;z-index:999999;left:50%;top:45%;transform:translate(-50%, -50%);max-width:80%;height:auto;overflow:auto;background-color:#fff;right:0;box-shadow:0 2px 4px #000;padding:40px;} .youtube-modal .close.active{cursor:pointer;display:block;color:#aaa;float:right;font-size:28px;font-weight:700;position:fixed;right:2%;top:2%;z-index:999999;} .youtube .play-button, .youtube .play-button:before, .youtube img{top:50%;transform:translate3d(-50%, -50%, 0);left:50%;} .yt-wrp{max-width:900px;margin:auto;} .youtube{background-color:transparent;margin-bottom:30px;position:relative;padding-top:56.25%;width:100%;overflow:hidden;cursor:pointer;} .youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img{position:absolute;} .youtube .play-button, .youtube img{cursor:pointer;} .youtube .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgb(0 0 0/60%);z-index:1;opacity:0.8;border-radius:6px;} .youtube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;} .youtube img{width:100%;height:auto;opacity:1;display:block;} .youtube iframe{height:100%;width:100%;top:0;left:0;} .checkbox-container .flex-desc label{cursor:pointer;padding:10px 5px;display:inline-block;} .flexbox .col3.disc-uknowva{border-radius:10px;box-shadow:0 0 48px 20px #00000012;padding:65px 35px;width:calc(33.33% - 45px);} .landing_hrms #manageworkforce h2{line-height:normal;text-align:center;font-size:42px;color:#333;font-weight:300;margin-bottom:50px;} #manageworkforce ul.als-wrapper.nav.menu{display:flex;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;align-items:stretch;} #manageworkforce ul li.parent.active{background-color:#73ffe4;} #menu-line{position:absolute;bottom:0;left:0;height:3px;-webkit-transition:0.25s ease-out;-moz-transition:0.25s ease-out;-ms-transition:0.25s ease-out;-o-transition:0.25s ease-out;transition:0.25s ease-out;background:#188de8;} #manageworkforce ul li.parent{min-width:13%;text-align:center;position:relative;background-color:#fff;margin:10px;border-radius:10px;} #manageworkforce ul li.parent > a{padding:65px 15px 10px;display:block;height:100%;font-size:14px;line-height:18px;font-weight:500;cursor:pointer;color:#000;} #manageworkforce ul li.parent a:before{content:"";position:absolute;left:50px;top:10px;width:50px;display:block;height:50px;background-repeat:no-repeat;background-image:url(../images/sprite.png);} #manageworkforce ul li.parent a.core-hr::before{background-position:-265px -70px;} #manageworkforce ul li.parent.active a span:before{content:"";width:0;position:absolute;left:45%;margin-left:-7px;bottom:-25px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid #69ecd2;} #manageworkforce .accordian.payroll:before, #manageworkforce ul li.parent a.payroll:before{background-position:-450px -70px;} #manageworkforce .accordian.recruitment:before, #manageworkforce ul li.parent a.recruitment:before{background-position:-200px -70px;} #manageworkforce .accordian.performance:before, #manageworkforce ul li.parent a.performance:before{background-position:-387px -70px;} #manageworkforce .accordian.collaboaration:before, #manageworkforce ul li.parent a.collaboaration:before{left:84px;background-position:-323px -95px;background-size:415px;} #manageworkforce .accordian.timesheet:before, #manageworkforce ul li.parent a.timesheet:before{background-position:-328px -70px;} #manageworkforce .left_section{width:30%;} #manageworkforce .left_section .feature_desc.active, #manageworkforce .left_section ul.nav-child.active{animation-duration:1.5s;animation-name:fadeInLeft;} #manageworkforce .feature_screen.active, #manageworkforce .left_section .feature_desc.active, #manageworkforce ul li.parent.active img.feature_screen.active{display:block;color:#fff;font-weight:400;font-size:14px;line-height:25px;} #manageworkforce .left_section .feature_desc{font-size:13px;font-weight:500;padding:30px 15px 20px 0;} #manageworkforce .left_section .nav-child.unstyled.small li{margin-bottom:5px;color:#fff;padding:5px 15px 5px 35px;border-radius:5px;position:relative;font-weight:400;font-size:14px;} #manageworkforce .left_section .nav-child.unstyled.small li::before{content:"";background-image:url(../images/sprite.png);width:28px;height:28px;display:block;position:absolute;left:0;background-repeat:no-repeat;background-position:-60px -15px;} #manageworkforce .right_section{width:calc(70% - 20px);margin-left:15px;position:relative;} .right_section .feature_screen{padding:15px 0 15px 15px;} #manageworkforce{margin-top:-320px;padding-top:327px;position:relative;height:1330px;z-index:1;} #home_testimonials .row:before, #manageworkforce:before, #tackle-hrms:before{content:"";padding:0 0 60px;background-color:#fff;border-bottom-left-radius:25%;border-bottom-right-radius:25%;clip-path:ellipse(60% 100% at 41% 0%);height:300px;width:100%;position:absolute;top:0;} #home_testimonials .row:after, #manageworkforce:after, #tackle-hrms:after{content:"";padding:0 0 60px;background-color:#fff;border-bottom-left-radius:25%;border-bottom-right-radius:25%;clip-path:ellipse(60% 100% at 55% 0%);height:300px;width:100%;position:absolute;bottom:0;transform:rotate(180deg);} .next-toblue-box{margin-top:-420px;z-index:999;position:relative;} #manageworkforce .right_section:after{content:"";height:150px;width:150px;border:40px solid #349ae5;border-radius:50%;position:absolute;bottom:-75px;z-index:-1;left:-50px;} ul.als-wrapper.web:before{content:"";height:150px;width:150px;border:70px solid #349ae5;border-radius:50%;position:absolute;z-index:-1;right:0;top:-170px;} #hr-maturity1 .hr-maturity-container.greenbg:before{content:"";position:absolute;height:60px;width:60px;border:20px solid #e4e4e424;left:330px;border-radius:50%;top:-135px;z-index:111;} #hr-maturity1:before{content:"";position:absolute;height:40px;width:40px;border:12px solid #e4e4e424;right:660px;border-radius:50%;top:-135px;z-index:111;} .client-details .content p.name{font-size:18px;font-weight:400;} .client-details .content p.name span{font-size:14px;font-weight:300;} .flexbox .col4{width:calc(25% - 30px);} #home_awards .inner-padding{box-shadow:0 0 60px 60px #c0baba12;margin-top:80px;margin-bottom:60px;padding:30px 0 40px;} #digital-hrms .inner-padding{box-shadow:0 0 60px 60px #c0baba12;padding:30px 0 145px;} .clientlist .col5{width:20%;border-top:1px solid #00000036;border-left:1px solid #00000036;min-height:100px;justify-content:center;align-items:center;-webkit-align-items:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flexbox;display:flex;} .clientlist ul li:nth-child(5n + 1){border-left:0;} .clientlist ul li:nth-child(-n + 5){border-top:0;} #hr-maturity-bottom:before{content:"";background:linear-gradient(to top, #fdfcfc 100%, #fbfbfb 100%);clip-path:ellipse(60% 65% at 41% 0%);height:300px;width:100%;position:absolute;top:0;} #whyhrfail{margin-top:-40px;} .clientele{padding:15px 0 50px;} #hr-maturity-bottom{position:relative;background:#fff;height:237px;} .team1{left:40px;} .clientlist ul li img{width:150px;} body.contentpane.modal{background:url(//uknowva.com/templates/conv_template/images/freetrial_bg.jpg) 50% 0/cover no-repeat #e3e2e4;} .rec_max{max-width:320px;margin:0 auto;position:relative;padding-bottom:10px;} #hrmsformbottomul .recaptchadiv, #hrmsformbottomul .recaptchadiv > div > div, #hrmsformbottomul .recaptchadiv > div > div > div{margin:0 auto;text-align:center;} #hrmsformbottomul input#websecure{opacity:0;height:1px;margin:0;padding:0;width:0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} input[type="number"]{-moz-appearance:textfield;} .hranalytics #landingbanner .form-section{width:calc(100% - 40px);margin-left:0;} .bluebox, .yellowbox{position:absolute;width:200px;height:68px;border-radius:10px;right:-25px;top:-25px;background:#fbd103;} .moduletable.form_singlet{position:relative;z-index:1;} ul#hrmsformbottomul{margin-left:0;text-align:center;background:#118ae7;padding:30px 20px 40px;border-radius:20px;box-shadow:5px 3px 5px 3px rgb(0 0 0/16%);} #landingbanner ul.hrms li{width:calc(50% - 10px);vertical-align:top;margin:0;} #hrmsformbottomul li, #landingbanner ul.hrms li{display:inline-block;position:relative;} #landingbanner ul.hrms li input.inputbox{border-radius:20px;width:calc(100% - 12px);padding:5px 8px;margin:0 6px;font-size:14px;} #hrmsformbottomul input.inputbox{padding:7px 10px;background:#fff;border:1px solid #188de8;margin:10px auto;color:#111;max-width:100%;} .clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} #landingbanner ul.hrms li.landing-btn{text-align:-webkit-center;} #hrmsformbottomul.hrms li.landing-btn{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);} ul#hrmsformbottomul .button{position:relative;background:#1aca82;border-color:#1aca82;color:#fff;font-size:15px;font-weight:400;line-height:16px;border-radius:20px;padding:10px 25px;display:inline-block;} .bluebox{background:#e4f2fd;right:unset;top:unset;left:-60px;bottom:-45px;z-index:-1;} .moduletable.form_singlet:before{content:"";display:block;width:30px;height:30px;border-radius:5px;position:absolute;left:-15px;top:-15px;background:#fbd103;z-index:9;} .moduletable.form_singlet:after{content:"";display:block;width:20px;height:20px;border-radius:4px;position:absolute;left:-35px;top:-35px;background:#1bcb84;z-index:9;} div#ajaxmsg{text-align:center;background:#fff;color:red;max-width:700px;margin:0 auto 10px;border:1px solid red;} /*//// start Footer //////////////*/ #footer{float: left;width: 100%;background: #FFF;padding: 15px 0;} #bottom {padding: 50px 0 0;float: left;width: 100%;background: #fff;color: #eee;z-index: 3;border-top: 5px solid #e7e7e7;} #bottom, #bottom2 li, #bottom3 li, #bottom4 li {position: relative;} #bottom1 {width: 34%;float: left;} #bottom2, #bottom3, #bottom4 {float: left;width: 22%;} #bottom1>.module, #bottom2>.module, #bottom3>.module {margin-right: 40px;} #bottom h3 {font-size: 19px;line-height: 28px;margin: 0 auto 20px;font-weight: 700;} #bottom h3, #footer_l li, .award_list a, div#brainchild span {display: inline-block;} #bottom h3 {background: 0 0;width: 100%;border-bottom: 2px solid #0000000d;padding-bottom: 10px;} #bottom1 ul.newsflash-vert li {margin-bottom: 20px;} ul.newsflash-vert li {margin-bottom: 15px;} h4.newsflash-title {font-size: 13px;line-height: 16px;} .feedcontent a {display: block;color: #1f2536;} #bottom1>.module, #bottom2>.module, #bottom3>.module {margin-right: 40px;} #bottom #bottom1 .custom .bottom-android-store, #bottom #bottom1 .custom .bottom-apple-store {width: 147px;height: 51px;} .bottom-android-store, .bottom-apple-store {display: inline-block;margin: 0 2% 10px 0;max-width: 47%;} #bottom #bottom1 .custom .bottom-android-store img, #bottom #bottom1 .custom .bottom-apple-store img {width: 100%;height: 100%;} .sprite {height: 70px;object-fit: none;object-position: 0 0;} .sprite.sprite-applestore {object-position: -325px -188px;min-width: 157px;} .sprite.sprite-googlestore {object-position: -487px -188px;min-width: 157px;} p.social.certification {box-sizing: border-box;background: #d9d9d9;border: 0;border-radius: 5px;max-width: 310px;} #bottom #bottom1 .social img#ascb-img {margin-right: -30px;width: 88px;margin-left: 10px;margin-bottom: 10px;} #bottom #bottom1 .social img {margin-right: 10px;} .certification .iso-text, .certification img {margin-top: 10px;} .bottom-ascb img, .bottom-iec img, .bottom-irqao img, .bottom-iso img {width: 50px;} a.iso-text {max-width: 80px;display: inline-block;vertical-align: middle;font-size: 11px;line-height: 13px;color: #000;font-weight: 600;} #bottom2 li:before, #bottom3 li:before, #bottom4 li:before {content: '';background: #188de8;width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top: 4px;} #bottom2 li, #bottom3 li, #bottom4 li {padding-left: 25px;font-size: 12px;margin-bottom: 10px;line-height: 18px;} #bottom2 li a, #bottom3 li a, #bottom4 li a {color: #333;font-size: 13px;display: block;line-height: 15px;} #awardtabs li a:hover, #awardtabs li.active a, #bottom a:hover, .bluetext, a {color: #188de8;} .ico-social {width: 30px;height: 30px;margin: 0 5px 10px;font-size: 0;display: inline-block!important;background-image: url(../images/social_icons.png);text-align: left!important;-webkit-transition: background .25s ease-out!important;-moz-transition: background .25s ease-out!important;-o-transition: background .25s ease-out!important;transition: background .25s ease-out!important;opacity: .6;background-repeat: no-repeat;text-decoration: none;} .ico-social, img {vertical-align: middle;} .ico-facebooks {background-position: -43px 0;} .ico-facebooks:hover {background-position: -43px -40px;} .ico-twitters {background-position: -87px 0;} .ico-twitters:hover {background-position: -87px -40px;} .ico-linkedin {background-position: -130px 0;} .ico-linkedin:hover {background-position: -130px -40px;} .ico-google {background-position: -173px 0;} .ico-google:hover {background-position: -173px -40px;} #bottom5 {margin-top: 10px;border-top: 1px solid #ddd;} .clr {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} #footer_l {float: left;width: 68%;} #footer_l ul {float: left;width: 100%;padding: 0;margin: 10px 0;} #footer_l li {color: #333;float: none;} #footer_l li:first-child a {padding-left: 0;} #footer_l a {padding: 0 10px;border-right: 1px solid #888e95;font-size: 12px;color: #888e95;} #footer_r {float: right;width: 30%;text-align: right;margin: 10px 0;font-size: 12px;} #footer_r a {color: #888e95;font-size: 14px;} #alternativefooter {padding: 10px 0;float: left;width: 100%;background: #eee;} #bottom #bottom1-down {width: 34%;} #bottom1-down, #bottom2-down, #bottom3-down, #bottom4-down {width: 22%;float: left;} #bottom1-down>.module, #bottom2-down>.module, #bottom3-down>.module {margin-right: 40px;} #bottom2-down li, #bottom3-down li, #bottom4-down li {padding-left: 25px;font-size: 12px;margin-bottom: 10px;line-height: 18px;position: relative;} #bottom2-down li:before, #bottom3-down li:before, #bottom4-down li:before {content: '';background: #188de8;width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top: 4px;} #bottom2-down li a, #bottom3-down li a, #bottom4-down li a {color: #333;font-size: 13px;display: block;line-height: 15px;} #bottom #bottom1-down .custom .bottom-android-store, #bottom #bottom1-down .custom .bottom-apple-store {width: 147px;height: 51px;} #bottom #bottom1-down .custom .bottom-android-store img, #bottom #bottom1-down .custom .bottom-apple-store img {width: 100%;height: 100%;} #bottom #bottom1-down .social img#ascb-img {margin-right: -30px;width: 88px;margin-left: 10px;margin-bottom: 10px;} #bottom #bottom1-down .social img {margin-right: 10px;} .ico-instagram {background-position: -215px 0;} .ico-instagram:hover {background-position: -215px -40px;} #bottom #bottom1-down .social img#nasscom-img {width: 165px;margin-left: 10px;} #bottom #bottom1-down .social img#soc-img {margin-right: 15px;width: 85px;margin-left: 17px;} .make-flex { display: flex; } .flex-column { flex-direction: column; } #social-media { justify-content: space-between; box-sizing: border-box; gap: 30px; } .right-social-media-inner { align-items: center; gap: 12px; padding: 16px; box-sizing: border-box; } .social-media-certificates { align-items: center; gap: 12px; } .social-media-certificates-1-img-1 { width: 75px; } .social-media-certificates-1-img-2 { width: 70px; } .social-media-certificates-1-img-3 { width: 70px; } .social-media-certificates-2 { align-items: center; } .social-media-certificates { align-items: center; gap: 12px; } .irqao-img { width: 50px; } .ascb-img { width: 48px; } .left-social-media { gap: 30px; flex-direction: column; } .social-media-link-container { gap: 12px; justify-content: space-around; } .social-media-links { gap: 10px; } .play-app-store-container { gap: 20px; justify-content: space-around; } #contact-us-landing-page { color: #333; gap: 10px; font-size: 13px; } .contact-location-img { background-image: url(../images/contact-us-img.png); background-repeat: no-repeat; background-position: left center; background-size: 14px; padding: 10px 25px 10px 0px; } /*mobile tab*/ @media screen and (max-width: 767px) { #bottom {padding: 30px 0 0;margin-top: 50px;} #bottom1, #bottom2, #bottom3, #bottom4 {width: 100%;margin-bottom: 20px;} #bottom1>.module, #bottom2>.module, #bottom3>.module {margin-right: 0;} #bottom h3 {margin-bottom: 10px;} .feedcontent {min-height: 20px;} #bottom2 li, #bottom3 li, #bottom4 li {padding-left: 15px;width: 45%;float: left;} #bottom3 {clear: both;} .ico-social {margin: 0 2px 10px;} #footer_l, #footer_r {width: 100%;} #footer_l ul, #footer_r {text-align: center;} #footer_l li {display: inline-block;} } @media screen and (min-width: 768px) and (max-width: 940px) {#bottom1, #bottom2, #bottom3, #bottom4 {width: 48%;float: left;}#bottom3 {clear: left;}} @media screen and (max-width: 400px) {#bottom2-down .nav, #bottom3-down .nav, #bottom4-down .nav{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}div#bottom2-down li, div#bottom3-down li, div#bottom4-down li {width: 90%;}} @media screen and (max-width: 600px) {#bottom #bottom1-down, #bottom2-down, #bottom3-down, #bottom4-down {width: 100%;margin-bottom: 20px;}.feedcontent {min-height: 20px;}#bottom1-down>.module, #bottom2-down>.module, #bottom3-down>.module {margin-right: 0;}#bottom2-down li, #bottom3-down li, #bottom4-down li {padding-left: 14px;width: 45%;float: left;padding-right: 5px}} @media screen and (min-width: 768px) and (max-width: 940px) {#bottom #bottom1-down, #bottom2-down, #bottom3-down, #bottom4-down {width: 48%;float: left;}#bottom2-down, #bottom3-down {clear: right;}} /*//// end Footer //////////////*/ @media screen and (max-width:600px){.bluebox, .yellowbox{right:0;} .moduletable.form_singlet:before{width:25px;height:25px;left:-5px;top:3px;} .moduletable.form_singlet:after{left:-10px;top:-13px;width:15px;height:15px;} ul#hrmsformbottomul{padding:20px 20px 15px;} #landingbanner ul.hrms li{text-align:-webkit-center;width:100%;} #landingbanner ul.hrms li input.inputbox#contactnos, #landingbanner ul.hrms li input.inputbox#emailid{border-radius:20px;width:95%;margin:10px 0;} .bluebox{left:0;bottom:-20px;} .hranalytics #landingbanner .divinner.form-section{width:95%;} ul#hrmsformbottomul span.error{margin:-10px auto 0;} } @media screen and (min-width:444px) and (max-width:600px){li.tackle-left.lineblock:after{height:80px;} } @media screen and (max-width:700px){#header, .hr-maturity-container.bluebg:after, .hr-maturity-container.greenbg:after, .landing-hrms-banner .divinner > div:before, .list-item{background:0 0;} #digital-hrms, #header .divinner, #tackle-hrms.mainrow, .tackle-hrms-container ul li.tackle-right{padding:0;} .divinner{padding:0 10px;} .flexbox .col2, .flexbox .col3{width:calc(100% - 10px);padding:0;max-width:100%;} #hr-maturity1 .hr-maturity-container.greenbg:before, #hr-maturity1:before, #manageworkforce:before, #tackle-hrms:before, #topmenu ul li.menu_trial, .hide-in-mob, .lleft, .lright, .tackle-hrms-container .flexbox .col3 + div.col3, .tackle-middle, .testimonials .client-details .content:after, .testimonials .client-details .content:before, .tip-box .flex-img, ul.als-wrapper.web:before{display:none;} .bottom-l, .top-l{border:0;} .demo-form.bluebg:before{bottom:-15px;} ul.flexbox:before{bottom:-10px;} .award-sec .frost-img{width:auto;float:unset;} .whyhr-middle img{width:50%;} #landingbanner .flexbox:before{content:"";background:0 0;width:unset;} .list-item{height:690px;width: 92%;padding: 0 15px;} #header{position:relative;top:0;} #headerleft{width:100%;position:fixed;background:#fff;z-index:9;} #logo{float:left;width:130px;padding:15px 0 10px 10px;} #mob_buydemo, #mobnav-btn{display:block;margin-top:20px;} #mob_buydemo .button{margin:10px 15px 0 0;} #headerright{padding:3px 0;width:210px;margin:0 -240px 0 0;position:fixed;right:0;background:#dcedfd;height:100%;z-index:8;overflow-y:auto;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;} #topmenu{float:right;margin-top:67px;width:100%;} #topmenu ul li{float:none;display:block;width:100%;border-bottom:1px solid #fff;position:relative;} #topmenu ul li a.free_trial{padding:5px;margin:15px 10px 0 0;} .whyhrfail-container .col3 + .col3 + .col3{margin:0;} #checkbox-answer{padding:0;margin:5px 0 15px;} #landingbanner{padding-bottom:70px;} .tackle-middle{width:270px;height:270px;margin:0 auto;} #about, #hr-maturity-bottom, #tackle-hrms, .tip-box{height:auto;} #about .button, .landing-hrms-banner{margin-top:45px;} .stats .width-50 .blueband:after, .stats .width-50 .greenband:after, .stats .width-50 .orangeband:after{left:100px;top:0;} #landingbanner .landingbannertop h1, .mainrow h2.section-head, .maturity-text h4{margin:0;font-size:26px;padding-right:0;line-height:40px;} body .about-sec{padding:20px 0;} .stats .width-50 .col3, body.landing_ukv .stats .flexbox .col3{width:calc(33.333% - 20px);margin:10px;} .stats .value{font-size:30px;} .stats{padding:10px;} #levelup-section, #whyhrfail, #workflow{padding:0;clip-path:unset;margin:0;} #tackle-hrms{margin-top:0;position:unset;margin-bottom:70px;} .about-uknowa-hrms-sec.mainrow{padding-bottom:25px;} .count-no{width:50px;line-height:50px;font-size:22px;} .question{width:calc(100% - 80px);padding:0 0 0 15px;font-size:16px;} .mainrow .row{padding:40px 0;} #about .flexbox .col3{width:calc(100% - 10px);padding:50px 40px;max-width:100%;margin:10px 30px;} #about .button{display:inline-block;} #about.mainrow .row{padding:40px 0 0;} .hr-maturity.mainrow{padding:35px 0 0;} .hr-maturity-container.bluebg, .hr-maturity-container.greenbg{height:auto;width:100%;} .tip-box{width:85%;} .tip-box .flex-text h3{text-align:left;} .maturity-img{width:auto;} .maturity-text, .tip-box .flex-text{width:auto;margin:0;padding:30px;} .accordion-panel:before{border:none;height:unset;} li.flexbox.boxbg{margin:25px 0;} .whyhr{margin:0 0 20px;line-height:24px;} .whyhr-middle{text-align:center;} .hrms-team p{padding:0 20px;margin:auto 0;} .hrms-team{position:unset;display:inline-flex;width:100%;margin:10px 0;} img.image-icon{width:70px;height:70px;} .stats .data{font-size:15px;line-height:20px;} .accordion-panel, .acordion-ul{width:100%;} .demo-form{width:90%;} .checkbox-container ul li + li.flexbox.boxbg{margin:25px 0 0;} .dots{margin-bottom:20px;} #whyhrfail .dots{margin-bottom:40px;} li.whyhr.topmg{margin-top:0;} .question-list ul li{min-height:unset;} .about-uknowa-hrms-sec .details{margin-bottom:5px;} .landing-hrms-banner .employe-mangment{right:5px;top:180px;} .landing-hrms-banner .leave-management{left:0;top:40px;} .landing-hrms-banner .salary-slip-management{left:0;top:230px;} .how-hrms-work-youtube.pause-btn{z-index:999;} #home_testimonials .client-details{display:block;padding:30px 0;width:80%;} .testimonials .client-details .content{width:100%;padding:15px;} .testimonials .client-details .content h3{font-size:20px;} .happy-customer .custom h3{margin-bottom:10px;} .testimonials .client-details .content:after{border-top:0 solid transparent;border-bottom:35px solid transparent;border-left:45px solid #1189e7;right:50%;margin-right:-17px;top:99%;} .awards_div img{max-width:45%;} .awards_div .other img{max-height:50px;width:auto;} img.sprite.sprite-peoplematter, img.sprite.sprite-yourstory{zoom:0.6;max-height:none;} li.tackle-left:after, li.tackle-right:after{border-radius:45px;width:10px;} .youtube-modal.active{width:100%;padding:25px;} .tackle-hrms-container li a{background-color:#188de845;} li.tackle-right:after{left:unset;right:0;} .maturity-text h4{margin-bottom:15px;} #manageworkforce .als-wrapper .flexbox.show-in-mob.active, #manageworkforce ul.als-wrapper.nav.menu{display:block;} #manageworkforce ul li.parent > a{padding:15px 0 15px 50px;text-align:left;} #manageworkforce ul li.parent a:before{left:15px;top:-3px;background-size:25px;background-position:left;} #manageworkforce ul li.parent a.core-hr::before{left:10px;top:7px;background-size:30px;background-position:0;height:35px;width:35px;background-image:url(../images/core-hr-icon.png);} #manageworkforce .accordian.payroll:before, #manageworkforce ul li.parent a.payroll:before{left:10px;top:7px;background-size:30px;background-position:0;height:35px;background-image:url(../images/payroll-expenses-icon.png);} #manageworkforce .accordian.recruitment:before, #manageworkforce ul li.parent a.recruitment:before{left:10px;top:7px;background-size:30px;background-position:0;height:35px;background-image:url(../images/recruitment-icon.png);} #manageworkforce .accordian.performance:before, #manageworkforce ul li.parent a.performance:before{left:10px;top:7px;background-size:30px;background-position:0;height:35px;background-image:url(../images/performance-icon.png);} #manageworkforce .accordian.timesheet:before, #manageworkforce ul li.parent a.timesheet:before{left:10px;top:7px;background-size:30px;background-position:0;height:35px;background-image:url(../images/projects-icon.png);} #manageworkforce .accordian.collaboaration:before, #manageworkforce ul li.parent a.collaboaration:before{left:10px;top:7px;background-size:25px;background-position:0;height:35px;background-image:url(../images/employee-management-icon.png);} #manageworkforce .left_section{width:90%;padding:0 0 0 15px;} #clientele, #home_testimonials.mainrow{padding:unset;margin:unset;} #about{clip-path:unset;} #manageworkforce{margin:0;padding:0;position:unset;height:unset;} #manageworkforce .left_section ul.nav-child.active{padding-bottom:10px;} #manageworkforce .left_section .feature_desc{padding:20px 11px 5px 0;} #manageworkforce ul li.parent.active a span:before{bottom:-11px;border-top:11px solid #69ecd2;} .tackle-hrms-container ul li{padding:0;margin:15px 0 0;} p.flex-text{width:calc(100% - 105px);align-self: center;margin: 0;} .tackle-hrms-container ul li:last-child {margin-bottom: 0;} .tackle-hrms-container ul li .flex-img{width:78px;display:block;background:#fff;text-align:center;padding:15px 0 10px;border-radius:5px;margin:5px;} .clientlist .col5, .clientlist ul li:nth-child(-n + 5), .clientlist ul li:nth-child(5n + 1){border:1px solid #ccc;} .flex-img img{width:45px;} .next-toblue-box{margin-top:50px;} .tackle-hrms-container .flexbox > ul.leftside{margin-bottom:-15px;} .tackle-hrms-container{background-size:cover;} #home_testimonials.mainrow{position:unset;height:unset;} .flexbox .col5{width:calc(50% - 15px);padding:0;max-width:100%;} .clientlist .col5{box-sizing:border-box;margin:7px;min-height:100px;} #footer{margin-top:40px;} #digital-hrms .inner-padding{padding:30px 0 60px;} .clientlist ul li img{width:140px;} .landing-hrms-banner .attendance-tracking {left: 0;} } @media screen and (min-width:701px) and (max-width:1140px){.bottom-l, .top-l{border-right:500px solid transparent;} .count-no, .flex-text h3 span{font-size:22px;} .divinner{padding:0 15px;box-sizing:border-box;} #landingbanner .flexbox:before{width:950px;} #hr-maturity1 .hr-maturity-container.greenbg:before, #hr-maturity1:before, .lleft, ul.als-wrapper.web:before{display:none;} .lright{right:50px;top:-40px;} #landingbanner:before{width:750px;background-size:100%;} .tackle-middle{width:380px;margin:30px 0 0 -90px;} .stats .width-50 .blueband:after, .stats .width-50 .greenband:after, .stats .width-50 .orangeband:after{left:100px;top:0;} .landing-hrms-banner{margin-top:35px;} .landing-hrms-banner .divinner > div:before{left:0;top:90px;background-size:70%;} .stats .width-50 .col3, body.landing_ukv .stats .flexbox .col3{width:calc(33.333% - 20px);margin:10px;} .stats .value{font-size:30px;} .stats{padding:10px;} #levelup-section, #whyhrfail, #workflow{padding:25px 0 0;clip-path:unset;margin:0;} .about-uknowa-hrms-sec{margin-top:0;padding-top:0;height:auto;} .count-no{width:50px;line-height:50px;} .question{width:calc(100% - 80px);padding:0 0 0 15px;font-size:16px;} .mainrow .row{padding:40px 0;} #about .button{display:inline-block;} #about.mainrow .row{padding:40px 0 0;} .mainrow{padding:20px 0 30px;} #clientele{margin-top:-335px;} #checkbox-answer{margin:20px 0;z-index:999;position:relative;} .maturity-img{width:280px;} .maturity-text{width:calc(100% - 330px);margin:35px 0;padding:0;} .hr-maturity-container.bluebg:after, .hr-maturity-container.greenbg:after{width:360px;} .accordion-panel:before{border:none;height:unset;} li.flexbox.boxbg{margin:25px 0;} .whyhr{margin:0 0 20px;line-height:24px;} .tackle-hrms-container ul li{margin:5px 0;padding:0 40px 0 0;} .tackle-middle img{margin:40px 0;} #tackle-hrms{margin-bottom:70px;height:1010px;} .whyhr-middle{text-align:center;} .hrms-team p{padding:0 20px;margin:auto 0;} img.image-icon{width:70px;height:70px;} .stats .data{font-size:15px;line-height:20px;} .list-item{width:700px;} .hrms-team.team2{top:80px;left:155px;} .hrms-team.team3{top:235px;left:45px;} .hrms-team.team4{left:310px;bottom:85px;} .hrms-team.team5{right:200px;top:30px;} .hrms-team.team6{right:165px;top:220px;} .hrms-team.team7{top:0;right:20px;} .hrms-team.team8{right:10px;top:205px;} .top-l{top:-2px;left:-2px;position:relative;} .bottom-l{top:1px;} .landing-hrms-banner .employe-mangment{right:5px;top:235px;} .how-hrms-work-youtube.pause-btn{z-index:999;} .tip-box{height:auto;width:85%;} .tip-box .flex-img{width:160px;} .tip-box .flex-text{width:calc(100% - 160px);} .tip-box .flex-text h3{font-size:26px;margin-top:35px;} .tackle-hrms-container ul li.tackle-right{padding:0 0 0 45px;} .tackle-hrms-container li p{font-size:12px;} #manageworkforce{height:1430px;} #manageworkforce:after, #tackle-hrms:after{bottom:-1px;} #manageworkforce:before, #tackle-hrms:before{top:-1px;} .next-toblue-box{margin-top:-485px;} .clientlist ul li img.client-delhivery{padding:53px;} .clientlist ul li img.client-mahindra{padding:48px;} #home_testimonials.mainrow{height:1280px;} .clientlist ul li:nth-child(-n + 5){border-top:0;} .clientlist ul li img{width:120px;} } @media screen and (min-width:840px) and (max-width:1000px){.tackle-middle{margin:-10px 0 0 -70px;} } @media screen and (min-width:1000px) and (max-width:1130px){.lleft, .lright{display:none;} .tackle-middle{margin:-25px 0 0 -90px;} } .swiper-slide, .swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform;} @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal;} .swiper-pointer-events{touch-action:pan-y;} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;padding:0;z-index:1;} .swiper-android .swiper-slide, .swiper-wrapper{transform:translate3d(0, 0, 0);} .swiper-wrapper{z-index:1;display:flex;box-sizing:content-box;} .swiper-slide{flex-shrink:0;} .swiper-button-prev, .swiper-rtl .swiper-button-next{left:10px;right:auto;} .swiper-button-next, .swiper-button-prev{z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));} .swiper-button-next:after, .swiper-button-prev:after{font-family:swiper-icons;text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right:10px;left:auto;} .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:"prev";} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:"next";} .awards_div .featured img{width:150px;} .sprite{height:70px;object-fit:none;object-position:0 0;} .sprite.sprite-comprehensive{object-position:-203px 5px;} .sprite.sprite-assignrole{object-position:-393px 5px;} .sprite.sprite-insightful{object-position:-325px 5px;width:52px;} .sprite.sprite-intellectual{object-position:-523px 5px;width:45px;} .sprite.sprite-realtime{object-position:-458px 5px;width:45px;} .sprite.sprite-smintegration{object-position:-265px 5px;} .sprite.sprite-peoplematter{object-position:-320px -145px;} .sprite.sprite-yourstory{object-position:-165px -141px;width:160px;min-height:75px;zoom:0.9;} @media screen and (min-width:720px) and (max-width:840px){#manageworkforce ul li.parent a:before{left:30px;} #manageworkforce ul li.parent > a{padding:65px 0 10px;} #manageworkforce .accordian.collaboaration:before, #manageworkforce ul li.parent a.collaboaration:before{left:58px;background-position:0;background-size:35px;background-image:url(../images/employee-management-icon.png);} .landing-hrms-banner .leave-management {left: -65px;top: 30px;} .landing-hrms-banner .attendance-tracking {left: -50px;bottom: 145px;} .awards_div .featured img {width: 160px;} } .landing_ukv #landingbanner .landingbannertop h1 { margin: 40px 0 10px; } .landing_ukv #landingbanner .landingbannertop h1 { margin: 80px 0 50px; text-align: left; font-size: 38px; color: #002b56; font-weight: 400; line-height: 45px; } .landing_ukv #landingbanner .landingbannertop h1 { padding-right: 100px; box-sizing: border-box; } .scoll_box { display: inline-block; height: 43px; overflow: hidden; vertical-align: middle; text-align: left; margin-top: -4px; } .scoll_box ul { animation: scrollUp 6s infinite; } .bluecolor { color: #108ae6; } .greencolor { color: #1bcb84; } .yellowcolor { color: #fed203; } .orangecolor { color: #ff6767; } @keyframes scrollUp { 5%, 30% { transform: translateY(-26%) } 35%, 65% { transform: translateY(-50%) } 70%, 100% { transform: translateY(-76%) } } @media screen and (max-width:700px){ .scoll_box {height: 35px;} }