html,body{line-height:normal;outline:0!important}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;transition:all .3s ease 0s;outline:0!important;text-decoration:none!important}

::placeholder{color:#D2D2D2;opacity:1}
:-ms-input-placeholder{color:#D2D2D2}
::-ms-input-placeholder{color:#D2D2D2}
::-moz-selection{color:#fff;background:#F16522}
::selection{color:#fff;background:#F16522}

body{font-family:Poppins,serif !important;margin:0;padding:0;background:none;overflow-x: hidden}
.fixed {position: fixed;width: 100%;background: #fff;z-index: 99999;top: 0;}
.home-banner-container{background: url("../images/bg-banner.jpg") no-repeat 0 0 / cover;height: 100vh;position: relative;}
.home-banner-container .header-main {padding: 0 2%;display: grid;grid-template-columns: auto auto;justify-content: space-between;align-items: center;}
.home-banner-container .header-main .header-right {display: flex;align-items: center;justify-content: flex-end;}
.home-banner-container .header-main .menu .menu-close {display:none}
.home-banner-container .header-main .logo{}
.home-banner-container .header-main .logo a{}
.home-banner-container .header-main .logo a img{height: 38px;}
.home-banner-container .header-main .menu{text-align: right;margin-right: 14px;}
.home-banner-container .header-main .menu ul{list-style: none;margin: 0;padding: 0;}
.home-banner-container .header-main .menu ul li{display: inline-block;position: relative;}
.home-banner-container .header-main .menu ul li a{font-size: 14px;text-transform: uppercase;font-weight: 400;color: #000;display: inline-block;padding: 28px 8px;border-bottom:transparent 1px solid;display: inline-flex;justify-content: space-between;align-items: center;}
.home-banner-container .header-main .menu ul li a .material-icons-outlined {font-size: 16px;}

.home-banner-container .header-main .menu ul li a.active {border-color:#F16522;}
.home-banner-container .header-main .menu ul li a:hover, .home-banner-container .header-main .menu ul li a.active {border-bottom: #F16522 1px solid;/*background: #F16522;*/color: #F16522;}
.navbar-main ul li.has-child > a {background: #F26522;color:#fff !important}
.menu .level1, .menu .level2 {display:none}
.menu ul li:hover .level1 {display: block;position: absolute;text-align: left;background: #fff;width: 330px;top: 80px;box-shadow: 0 8px 7px 0 #0000001c;z-index: 9999;}
.menu ul li:hover .level1 li {width: 100%;}
.menu ul li:hover .level1 li a {padding: 8px 14px;text-transform: capitalize;display: block;width: 100%;display: inline-flex;justify-content: space-between;align-items: center;}
.menu ul li:hover .level1 li a .material-icons-outlined {font-size: 16px;}
.menu ul li:hover .level1 li a:hover {background: #F26522;color: #fff !important;}
.menu ul li:hover > a {/*background:#F16522;*/color:#F16522 !important}
.menu ul li:hover .level1 li:hover .level2 {display: block;position: absolute;top: 0;left: 330px;width: 330px;background: #fff;box-shadow: 0 8px 7px 0 #0000001c;}

.home-banner-container .header-main .get-quote-btn{text-align: right;}
.home-banner-container .header-main .get-quote-btn a {background: #37474F;font-size: 14px;text-transform: uppercase;color: #fff;font-weight: 400;letter-spacing: 0px;padding: 8px 28px;border-radius: 25px;border: #37474F 2px solid;margin-left: 10px;display: inline-block;}
.home-banner-container .header-main .get-quote-btn a:hover {background: #111111;color:#fff;border-color:#111111 !important}
.home-banner-container .banner-caption{position: absolute;left: 3%;top: 56%;transform: translateY(-50%);width: 38%;}
.home-banner-container .banner-caption .caption-title {font-size: 80px;font-weight: 700;line-height: 86px;margin-bottom: 20px;}
.home-banner-container .banner-caption .caption-title span{display: inline-block;width: 100%;color: #F16522;}
.home-banner-container .banner-caption p{font-size: 18px;line-height: 34px;margin-bottom: 24px;}
.home-banner-container .banner-caption a {}
.home-banner-container .banner-caption a .material-icons-outlined {position: relative;}
.btn-green {background: #37474F;font-size: 14px;text-transform: uppercase;color: #fff;font-weight: 400;letter-spacing: 0px;padding: 10px 30px;border-radius: 25px;border: #37474F 2px solid;margin-left: 10px;display: inline-block;}
.button-green {/*border: 0;border-bottom: #B94610 3px solid;*/display: inline-flex !important;align-items: center;}
.button-green .material-icons-outlined {margin-left:6px}
.btn-green:hover {background: #111111;color:#fff;border-color:#111111 !important}
.header-inner .header-main .menu ul li a {color:#000;display: inline-flex;align-items: center;}
.header-inner .header-main .menu ul li a .material-icons-outlined {font-size: 16px;}
.header-inner .banner-caption{display: none}
.inner-heading {/* background: url("../images/bg-heading.jpg") no-repeat center center / cover; */height: 100px;text-align: center;display: flex;align-items: center;justify-content: center;padding-top: 20px;margin-top: 80px;}
.inner-heading h1 {font-size: 40px;font-weight: 700;}

.btn-orange {background: #F26522;font-size: 14px;text-transform: uppercase;color: #fff;font-weight: 400;letter-spacing: 0px;padding: 10px 30px;border-radius: 25px;border: #F26522 2px solid;margin-left: 10px;display: inline-block;}
.btn-orange:hover {background: #FF7532;color:#fff;border-color:#FF7532 !important}

.pp-form-container h2 {text-align: center;font-size: 32px;font-weight: 700;margin-bottom: 20px;}
.pp-form {}
.pp-form .form-row {padding: 4px 0;}
.pp-form .form-row label {font-size: 14px;font-weight: 500;width: 100%;margin-bottom: 6px;}
.pp-form .form-row label span {color:#f00}
.pp-form .form-row input[type="text"],.pp-form .form-row input[type="email"], .pp-form .form-row select, .pp-form .form-row textarea, .pp-form .form-row input[type="tel"] {border: #CACACA 1px solid;padding: 12px 20px;width: 100%;border-radius: 6px;box-shadow: #eee 3px 1px 15px;font-size: 15px;}
.pp-form .form-button {}
.pp-form .form-button input[type="submit"] {width: 100%;text-transform: uppercase;font-size: 16px;font-weight: 600;}

.about-content {display: grid;grid-template-columns: 40% 60%;justify-content: space-between;padding: 3% 10%;align-items: center;}
.about-content .about-thumb {}
.about-content .about-thumb img {width: 100%;}
.about-content .about-text {padding-right: 10%;}
.about-content .about-text h1, .about-content .about-text h2 {font-size: 50px;font-weight: 600;margin-bottom: 15px;}
.about-content .about-text p {color: #333;font-size: 15px;line-height: 25px;}

.secabout {padding: 2% 10%;}
.secabout h1 {font-size: 50px;font-weight: 600;margin-bottom: 15px;}
.secabout h2 {font-size: 24px;font-weight: 400;margin-bottom: 15px;}
.secabout .secabout-content {}
.secabout .secabout-content p {color: #333;font-size: 15px;line-height: 25px;}
.secabout .secabout-content h3 {font-size: 26px;font-weight: 600;margin:30px 0 20px;}
.secabout .secabout-content ol {padding: 0 15px;margin-bottom: 0;}
.secabout .secabout-content ol li {color: #333;font-size: 15px;line-height: 25px;margin: 15px 0;}
.secabout .secabout-content ol li strong {}

.about-banner {background: #ddecc5 url("../images/banner-aboutus.jpg") no-repeat center center / contain;height: 400px;}
.sep-bg {background: url("../images/bg-about-01.png") no-repeat center center / contain;height: 500px;position: relative;margin-top: 80px;}
.c-1 {position: absolute;left: 21%;top: 33%;}
.c-2 {position: absolute;left: 35%;top: 4%;}
.c-3 {position: absolute;left: 48%;top: 30%;}
.c-4 {position: absolute;left: 65%;top: 28%;}
.c-5 {position: absolute;left: 72%;top: 20%;}
.c-6 {position: absolute;left: 85%;top: 4%;}
.bulb {position: absolute;right: 12%;top: 25%;}
.sep-bg .circle {-webkit-transition: all 0.5s ease-in;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    	
    	 transition: all 0.5s ease-in;
    animation-name:             rotate; 
    animation-duration:         2.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear; }
.spin-slow {-webkit-transition: all 0.5s ease-in;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         14.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    	
    	 transition: all 0.5s ease-in;
    animation-name:             rotate; 
    animation-duration:         14.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear; }

.typing-demo {
  width: 22ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes beatHeart {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
 

 @-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}
.contactpage-section .contact-thumb {position: sticky;position: -webkit-sticky;top: 100px;}
.contactpage-section .contact-thumb img {width: 100%;}

.mission-and-vision-container {margin: 40px 0;}
.mission-and-vision-container h2 {font-size: 50px;font-weight: 700;text-align: center;}
.mission-and-vision-container .mission-vision-row {padding: 0 10%;}
.mission-and-vision-container .mission-vision-row .mission-vision-col {display: grid;grid-template-columns: auto auto;align-items: center;}
.mission-and-vision-container .mission-vision-row .mission-vision-col .thumb {margin-right: 50px;}
.mission-and-vision-container .mission-vision-row .mission-vision-col .thumb img {}
.mission-and-vision-container .mission-vision-row .mission-vision-col .content {}
.mission-and-vision-container .mission-vision-row .mission-vision-col .content h3 {font-size: 30px;font-weight: 600;}
.mission-and-vision-container .mission-vision-row .mission-vision-col .content p {color: #333;font-size: 15px;line-height: 25px;}
.mission-and-vision-container .mission-vision-row .mission-vision-col:nth-child(2n) .thumb {order:2;margin-right:0;margin-left:50px}
.mission-and-vision-container .mission-vision-row .mission-vision-col:nth-child(2n) .content {order:1}

.hrms-intro-container{}
.hrms-intro-container .hrms-intro{padding: 1% 2%;}
.hrms-intro-container .hrms-intro .intro-thumb{}
.hrms-intro-container .hrms-intro .intro-thumb img {}
.hrms-intro-container .hrms-intro .intro-content {padding-left: 5%;}
.hrms-intro-container .hrms-intro .intro-content h2 {font-size: 42px;font-weight: 300;line-height: 60px;}
.hrms-intro-container .hrms-intro .intro-content h3 {font-size: 52px;line-height: 74px;color: #118AEF;font-weight: 600;}
.hrms-intro-container .hrms-intro .intro-content .client-logos {display: grid;grid-template-columns: auto auto auto auto;justify-content: space-between;grid-gap: 20px;margin-top: 30px;}
.hrms-intro-container .hrms-intro .intro-content .client-logos .logo-item {}
.hrms-intro-container .hrms-intro .intro-content .client-logos .logo-item img {}
.hrms-intro-container .hrms-intro .intro-content .client-button {margin-top: 40px;}
.hrms-intro-container .hrms-intro .intro-content .client-button a {padding: 6px 24px;margin-right: 1%;}

.features-container{margin: 40px 0;}
.features-container .features{display: grid;grid-template-columns: 66% 30%;justify-content: space-between;align-items: center;padding: 40px 0px;}
.features-container .features .features-thumb{box-shadow: 0 4px 53px #0000001A;border-radius: 0 30px 30px 0;}
.features-container .features .features-thumb img {width: 100%;border-radius: 0 30px 30px 0;}
.features-container .features .features-content{padding-right: 10%;}
.features-container .features .features-content .icon {height: 70px;width: 70px;border-radius: 50%;border: #eee 1px solid;text-align: center;display: flex;justify-content: center;align-items: center;background: #fff;box-shadow: 2px 4px 15px #00000014;}
.features-container .features .features-content .icon .material-icons-outlined {font-size: 36px;color: #118AEF;}
.features-container .features .features-content h2 {font-size: 26px;font-weight: 600;padding: 18px 0 10px;}
.features-container .features .features-content p {color: #868686;font-size: 16px;line-height: 28px;}
.features-container .features .features-content a {margin-top: 10px;padding: 6px 24px;}
.features-container .nav-button{text-align: right;margin-top: 20px;}
.features-container .nav-button a, #owl-features .owl-nav button {padding: 0;display: inline-block;height: 42px;width: 42px;background: #fff;box-shadow: 0 2px 10px #00000015;border-radius: 50%;text-align: center;line-height: 50px;color: #000;margin-left: 10px;}
#owl-features .owl-nav button span {font-size: 30px;line-height: 20px;}
#owl-features .owl-nav {position: absolute;right: 30px;bottom: 80px;}
#owl-features .owl-dots {display:none}
.features-container .nav-button a .material-icons-outlined {}
.features-container .nav-button a.leftarrow{}
.features-container .nav-button a.leftarrow .material-icons-outlined {transform: rotate(180deg);}
.features-container .nav-button a.righttarrow{}

.hrms-system-container {background: #F2FFF8;}
.hrms-system-container .hrms-system {display: grid;grid-template-columns: 60% 40%;justify-content: space-between;align-items: center;}
.hrms-system-container .hrms-system .hrms-thumb {}
.hrms-system-container .hrms-system .hrms-thumb img {width: 100%}
.hrms-system-container .hrms-system .hrms-content {padding-right: 14%;padding-left: 8%;}
.hrms-system-container .hrms-system .hrms-content .small-heading{font-size: 18px;}
.hrms-system-container .hrms-system .hrms-content h2{font-size: 32px;line-height: 40px;padding: 15px 0;margin-bottom: 0;font-weight: 700;}
.hrms-system-container .hrms-system .hrms-content p{font-size: 16px;color: #000000;line-height: 28px;}
.hrms-system-container .hrms-system .hrms-content a{padding: 6px 24px;margin-top: 15px;}

.mobile-apps-container{margin: 50px 0;}
.mobile-apps-container .mobile-apps{background: #f7f7f7;border-radius: 40px;}
.mobile-apps-container .mobile-apps-download{padding-left: 10%;}
.mobile-apps-container .mobile-apps-download h2{font-size: 50px;font-weight: 600;}
.mobile-apps-container .mobile-apps-download p{color: #5F5F5F;font-size: 16px;padding: 12px 0;}
.mobile-apps-container .mobile-apps-download a{margin-right: 10px;}
.mobile-apps-container .mobile-apps-download a img {}
.mobile-apps-container .mobile-apps-thumb{}
.mobile-apps-container .mobile-apps-thumb img{width: 100%;}

.footer-container {background: #010101;border-top: #5F5F5F 4px solid;padding: 1% 3% 5%;}
.footer-container .footer-intro{padding-right: 100px;}
.footer-container .footer-intro p {font-size: 14px;line-height: 24px;color: #fff;}
.footer-container h3 {padding-bottom: 10px;font-size: 20px;color: #fff;}
.footer-container ul{margin: 0;padding: 0;list-style: none;}
.footer-container ul li{font-size: 14px;line-height: 28px;}
.footer-container ul li a{color:#fff;display: flex;align-items: center;}
.footer-container ul li a .material-icons-outlined {margin-right:10px;font-size: 20px;}
.footer-container ul li a:hover {color:#F16522}
.footer-container .footer-intro a.btn-footer{padding: 6px 24px;}
.footer-container .subscribe{background: #fff;padding: 20px 24px;}
.footer-container .subscribe h4{font-size: 18px;padding-bottom: 8px;}
.footer-container .subscribe input[type="text"] {border: 0;border-bottom: #BDBDBD 1px solid;width: 100%;font-size: 13px;padding: 5px 0;}
.footer-container .subscribe button {border:0;border-bottom: #0F8849 3px solid;width: 100%;margin-top: 10px;padding: 6px 24px;
font-size: 14px;}
.btn-green:hover {/*background: #B94610;*/}
.footer-container .subscribe button .material-icons-outlined {position: relative;top: 8px;}
.footer-container .footer-bottom {padding: 15px 0 20px;border-bottom: #5F5F5F 1px solid;margin-top: 0;margin-bottom: 30px;}
.footer-container .footer-bottom p{font-size: 13px;margin: 0;}
.footer-container .footer-bottom p a {color:#ffffff;font-size: 20px;}
.footer-container .footer-bottom .social-flex{display: flex;justify-content: flex-end;align-items: center;align-content: center;}
.footer-container .footer-bottom .social-flex p{padding-right: 10px;font-weight: 500;}
.footer-container .footer-bottom .social-flex a {display: inline-block;margin-left: 6px;}
.footer-container .footer-bottom .social-flex a img{}

.mobile-menu-trigger {background: none !important;border: 0 !important;padding: 10px 0 10px 10px !important;}
.mobile-menu-trigger .material-icons-outlined {position: relative;top: 8px;color: #000;}
.mobile-menu {}
.mobile-menu a {}
.mobile-menu a .material-symbols-outlined {}
.mobile-menu-trigger {display: none !important;}
.app-features-container {padding: 40px 3%;}
.app-features-container .app-features-content {display: grid;grid-template-columns: 38% 50%;align-items: center;justify-content: space-between;}
.app-features-container .app-features-content .app-features-text {}
.app-features-container .app-features-content .app-features-text h2 {font-size: 40px;font-weight: 700;}
.app-features-container .app-features-content .app-features-text p {font-weight: 300;font-size: 15px;margin: 20px 0;line-height: 24px;}
.app-features-container .app-features-content .app-features-text .app-download {}
.app-features-container .app-features-content .app-features-text .app-download a {}
.app-features-container .app-features-content .app-features-text .app-download a img {height: 50px;}
.app-features-container .app-features-content .app-features-thumb {position: relative}
.app-features-container .app-features-content .app-features-thumb img {}
.app-features-container .app-features-content .app-features-thumb .features {background: #E7FFF2;padding: 10px;text-align: center;min-width: 280px;position: absolute;border-radius: 10px;border: #1EAE63 1px solid;font-size: 15px;}
.app-features-container .app-features-content .app-features-thumb .feature-1 {top: 60px;left: 340px;}
.app-features-container .app-features-content .app-features-thumb .feature-2 {top: 120px;left: 390px;}
.app-features-container .app-features-content .app-features-thumb .feature-3 {top: 180px;left: 430px;}
.app-features-container .app-features-content .app-features-thumb .feature-4 {top: 240px;left: 460px;}
.app-features-container .app-features-content .app-features-thumb .feature-5 {top: 300px;left: 430px;}
.app-features-container .app-features-content .app-features-thumb .feature-6 {top: 360px;left: 390px;}
.app-features-container .app-features-content .app-features-thumb .feature-7 {top: 420px;left: 340px;}

.header-inner {background: none;height: auto;/* border-bottom: #eee 1px solid; */box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);position: fixed;width: 100%;top: 0;z-index: 9999;background: #fff;}
.header-inner .get-quote-btn a {border: #37474F 1px solid !important;}
.main-content-container {padding: 30px 0 50px;}
.main-content-container h1 {font-size: 50px;margin-bottom: 30px;text-align: center;}
.main-content-container h2 {font-size: 24px;margin-bottom:10px;margin-top: 20px;}
.main-content-container h3 {font-size: 18px;margin-bottom:10px;margin-top: 20px;}
.main-content-container ul {}
.main-content-container ul li {font-size: 15px;line-height: 24px;margin: 8px 0;}
.main-content-container p {font-size: 15px;line-height: 24px;}
.inner-heading-new {}
.inner-heading-new h1 {}

.faq{padding: 0 4%;margin-top: 20px;}
.faq .accordion-faq{border:#E5E5E5 1px solid;border-radius:20px;padding:25px 35px;margin-bottom:15px;cursor:pointer}
.faq .active{background:#fff;box-shadow:2px 4px 14px #00000010}
.faq .active h3 img {/*transform: rotate(0deg) !important;*/}
.faq .active h3{margin-bottom:15px!important}
.faq .accordion-faq h3 {font-size: 22px;font-weight: 600;margin-bottom: 0;position: relative;}
.faq .accordion-faq h3 img {position: absolute;right: 0;top: -5px;transform: rotate(-180deg);}
.faq .accordion-faq p {color: #666;font-size: 16px;font-weight: 400;line-height: 28px;margin-bottom: 15px;}
.faq .accordion-faq ul{margin:15px}
.faq .accordion-faq ul li{color:#666;font-size:14px;font-weight:300;line-height:24px;margin-bottom:10px}
.faq .accordion-faq ul li strong,.faq-container .faq .accordion-faq p strong{font-weight:600;color:#000}
.faq .accordion-faq .faq-content{display:none}
.faq .accordion-faq .faq-content h4{font-weight:600;padding:15px 0}
.faq .accordion-faq h3 img.arrow-up{transform:rotate(0deg)}
.faq-container {padding: 70px 0;}
.faq-container .faqs {}
.faq-container .faqs h2 {font-size: 50px;font-weight: 700;text-align: center;margin-bottom: 30px;}
.faq .active img {}
.view-all-faqs {text-align: center;margin-top: 30px;}
.view-all-faqs a {}

.contact-section {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;}
.contact-section .contact-col {}
.contact-section .contact-col h2 {margin-bottom: 20px;font-size: 26px;}
.contact-section .contact-col h3 {margin: 20px 0 15px;}
.contact-section .contact-col .social {}
.contact-section .contact-col .social a {display: inline-block;padding: 8px;height: 32px;width: 32px;text-align: center;background: var(--green);line-height: 22px;margin-right: 2px;}
.contact-section .contact-col .social a img {/*filter: brightness(0);*/}
.contact-section .contact-col .addrs-row {display: flex;margin-bottom: 0;line-height: normal;}
.contact-section .contact-col .addrs-row .icon {margin-right: 15px;}
.contact-section .contact-col .addrs-row .icon img {width: 20px;}
.contact-section .contact-col .addrs-row .info {}
.contact-section .contact-col .addrs-row .info p {font-size: 15px;color: #000;line-height: 26px;}
.contact-section .contact-col .addrs-row .info p a {color: #000;}
.contact-section .contact-col .contact-form {}
.contact-section .contact-col .contact-form .form-row {margin-bottom: 10px;}
.contact-section .contact-col .contact-form .form-row-2-col {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;}
.contact-section .contact-col .contact-form .form-row label {font-size: 14px;display: inline-block;width: 100%;margin-bottom: 8px;}
.contact-section .contact-col .contact-form .form-row label span {color:#f00}
.contact-section .contact-col .contact-form .form-row input[type="text"], .contact-section .contact-col .contact-form .form-row input[type="email"], .contact-section .contact-col .contact-form .form-row textarea {padding: 14px;width: 100%;border: #eee 1px solid;font-size: 14px;}
.contact-section .contact-col .contact-form .form-row textarea {height: 100px;resize: none;}
.contact-section .contact-col .contact-form .form-row input[type="submit"] {background: #1EAE63;color: #fff;padding: 8px 18px;display: inline-block;border-radius: 4px;border-bottom: #0F8849 3px solid;font-size: 14px;font-weight: 500;line-height: 32px;}

.contact-form .form-control-container label{font-size:15px;display:inline-block;width:100%;padding-bottom:6px}
.contact-form .form-control-container label span{color:red}
.contact-form .form-control-container input[type="text"],.contact-form .form-control-container input[type="email"]{padding: 10px;width:100%;font-size:16px;border: #dedede 1px solid;height:40px}
.contact-form .form-control-container textarea{padding:4px 4px 4px 0;width:100%;font-size:16px;border: #dedede 1px solid;resize:none;height: 100px;padding: 10px;}

.contact-form .form-control-half{display:grid;grid-template-columns:49% 49%;justify-content:space-between;padding: 8px 0;}
.contact-form .form-control-full{display:grid;grid-template-columns:100%;justify-content:space-between;padding: 8px 0;}
.contact-form .form-control-button{text-align:center}
.contact-form .form-control-button input[type="submit"]{border:0;border-bottom:#4f9b8e 4px solid;font-size:16px;font-family:"Poppins",serif;min-width:160px;cursor:pointer;color: #fff;}

.all-your-needs-container {background:url("../images/bg-all-needs.png") no-repeat top center / cover;padding: 2% 3% 5%;background-size: 100%;}
.all-your-needs-container .heading {text-align: center;padding: 30px 0;}
.all-your-needs-container .heading h2 {font-size: 50px;font-weight: 700;}
.all-your-needs-container .heading p {font-weight: 300;font-size: 20px;margin: 20px 0;line-height: 24px;}
.all-your-needs-container .all-your-needs-row {display: grid;grid-template-columns: 30% 30% 30%;justify-content: space-between;grid-gap: 40px;}
.all-your-needs-container .all-your-needs-row .all-needs-col {text-align: center;border-radius: 20px;border: 1px solid #DDD;background: #FFF;box-shadow: 2px 4px 14px 10px rgba(0, 0, 0, 0.05);padding: 40px;}
.all-your-needs-container .all-your-needs-row .all-needs-col .icon {}
.all-your-needs-container .all-your-needs-row .all-needs-col .icon img {height: 60px;filter: invert(48%) sepia(70%) saturate(3523%) hue-rotate(351deg) brightness(102%) contrast(89%); }
.all-your-needs-container .all-your-needs-row .all-needs-col h3 {font-size: 24px;color: #000;font-weight: 600;padding: 12px 0;margin-bottom: 0;}
.all-your-needs-container .all-your-needs-row .all-needs-col p {color: #757575;font-size: 16px;line-height: 26px;}
.all-your-needs-container .all-your-needs-row .all-needs-col:hover {background:#37474F}
.all-your-needs-container .all-your-needs-row .all-needs-col:hover h3 {color:#ffffff}
.all-your-needs-container .all-your-needs-row .all-needs-col:hover p {color:#ffffff}
.all-your-needs-container .all-your-needs-row .all-needs-col:hover .icon img {filter:brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(0%) hue-rotate(286deg) brightness(102%) contrast(101%) !important}

.security-section-container {background: url("../images/bg-secure.jpg") fixed no-repeat center center / cover;height: 750px;position: relative;}
.security-section-container .security-content {width: 610px;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}
.security-section-container .security-content h2 {font-size: 50px;font-weight: 700;color:#ffffff;margin-bottom: 25px;}
.security-section-container .security-content p {color: #ffffff;font-size: 20px;line-height: 30px;}

.final-call-container {padding:0 3%;background:url("../images/bg-contact.png") no-repeat bottom center / cover;height: 350px;margin-bottom: 15px;}
.final-call-container .final-call-row {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;}
.final-call-container .final-call-row .final-call-col {text-align: center;}
.final-call-container .final-call-row .final-call-col h2 {font-size: 34px; font-weight: 600;margin-bottom: 15px;}
.final-call-container .final-call-row .final-call-col p {color: #5F5F5F;font-size: 18px;}
.final-call-container .final-call-row .final-call-col .button {margin-top: 30px;}
.final-call-container .final-call-row .final-call-col .button button {display: inline-block;}
.final-call-container .final-call-row .final-call-col .button a {display: inline-block;}
.copyright-container {text-align: center;padding: 15px;}
.copyright-container p {margin-bottom: 0;font-size: 14px;font-weight: 500;}
.copyright-container p a {color: #000;font-weight: 700;}

.howitworks-container {padding: 3% 16%;margin-bottom: 3%;}
.howitworks-container .howitworks-row {}
.howitworks-container .howitworks-row .howitworks-col {display: grid;grid-template-columns: 50% 50%;justify-content: space-between;align-items: center;}
.howitworks-container .howitworks-row .howitworks-col .content {padding-right: 10%;}
.howitworks-container .howitworks-row .howitworks-col .content h3 {font-size: 30px;font-weight: 600;position: relative}
.howitworks-container .howitworks-row .howitworks-col .content h3 span {background: #F16522;height: 60px;width: 60px;display: inline-block;text-align: center;line-height: 60px;color: #fff;border-radius: 50px;position: absolute;left: -80px;top: 50%;transform: translateY(-50%);}
.howitworks-container .howitworks-row .howitworks-col .content p {color: #757575;font-size: 16px;line-height: 26px;}
.howitworks-container .howitworks-row .howitworks-col .thumb {text-align: right;}
.howitworks-container .howitworks-row .howitworks-col .thumb img {}
.howitworks-container .howitworks-row .howitworks-col:nth-child(2n) .thumb {order:1;text-align: left;}
.howitworks-container .howitworks-row .howitworks-col:nth-child(2n) .content {order:2;padding-left: 20%;padding-right: 0;}

.form-w-full {grid-template-columns:100% !important}
.form-w-full .contact-form {margin: 0 auto;}
.contactpage-section {display: grid;grid-template-columns: 40% 60%;justify-content: center;padding: 3% 10%;grid-gap: 50px;margin-bottom: 50px;margin-top: 80px;/*align-items: flex-start;*/}
.contactpage-section .contact-form {border: #F4F4F4 1px solid;padding: 30px;border-radius: 20px;width: 100%;box-shadow: 0 0 20px 10px #f5f5f5;}
.contactpage-section .contact-form h2, .contactpage-section .contact-form h1 {margin-bottom: 10px;text-align: center;font-size: 28px;font-weight: 600;}
.contactpage-section .contact-form p {text-align:center;color: #f00;font-size: 14px;}
.contactpage-section .contact-form .form-control-row {padding: 5px 0;}
.contactpage-section .contact-form .form-control-row input[type="text"],.contactpage-section .contact-form .form-control-row input[type="email"], .contactpage-section .contact-form .form-control-row textarea, .contactpage-section .contact-form .form-control-row select, .contactpage-section .contact-form .form-control-row input[type="tel"] {border: #CACACA 1px solid; padding: 12px 20px; width: 100%; border-radius: 6px;box-shadow: #eee 3px 1px 15px;font-size: 15px;}

.contactpage-section .contact-form .form-control-row input[type="text"]:focus, .contactpage-section .contact-form .form-control-row input[type="email"]:focus, .contactpage-section .contact-form .form-control-row textarea:focus, .contactpage-section .contact-form .form-control-row select:focus, .contactpage-section .contact-form .form-control-row input[type="tel"]:focus {border-color:#1EAE63}
.contactpage-section .contact-form .form-control-row input[type="submit"] {padding: 8px 60px;border: 0;font-size: 16px;}
.contactpage-section .contact-form .form-half {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;}
.contactpage-section .contact-form label {font-size: 16px;font-weight: 600;padding-bottom: 6px;}
.contactpage-section .contact-form label span {color:#f00}
.contactpage-section .contact-form .form-full {}

.contactpage-section .contact-info {}
.contactpage-section .contact-info h1 {font-size: 30px;font-weight: 700;margin-bottom: 15px;}
.contactpage-section .contact-info .contact-row {}
.contactpage-section .contact-info .contact-row p {color: #000;}
.contactpage-section .contact-info .contact-row p a {color:#000}
.contactpage-section .contact-info .contact-row p strong {}

.static-content {padding: 3% 10%;margin-bottom: 50px;}
.static-content h2 {font-size: 30px;font-weight: 700;padding: 20px 0 10px;}
.static-content h3 {font-size: 22px;font-weight: 700;padding: 20px 0 10px;}
.static-content p {color: #757575;font-size: 15px;line-height: 25px;}
.static-content a {color: #1EAE63;}
.static-content ul {}
.static-content ul li {color: #757575;font-size: 15px;line-height: 25px;}
.map-container {margin-top: 80px;}
.map-container iframe {height: 400px;}
.contact-form button[type="submit"]{font-size: 18px;text-transform: uppercase;}
.w-80 {width:80% !important}

.animated-home-banner {position: absolute;right: 13%;bottom: 0;}
.animated-home-banner .animated-circle {bottom: 15%;position: absolute;}
.animated-home-banner .animated-circle img {height: 620px;}
.animated-home-banner .animated-icon-01 {position: absolute;top: 10%;left: 0;}
.animated-home-banner .animated-icon-01 img {}
.animated-home-banner .animated-icon-02 {position: absolute;left: 72%;top: 0;}
.animated-home-banner .animated-icon-02 img {}
.animated-home-banner .animated-icon-03 {position: absolute;top: 40%;left: 82%;}
.animated-home-banner .animated-icon-03 img {}
.animated-home-banner .static-hand {position: relative;z-index: 999;}
.animated-home-banner .static-hand img {height: 660px;}
.animated-home-banner .download-info {position: absolute;bottom: 18%;z-index: 1000;left: -10%;}
.animated-home-banner .download-info img {}
.header-inner .animated-home-banner {display:none}
.animated-icon-01 {animation: 3s infinite beatHeart;}
.animated-icon-02 {animation: 4s infinite beatHeart;}
.animated-icon-03 {animation: 6s infinite beatHeart;}

.features-page {display: grid;grid-template-columns: 30% 70%;margin: 80px 0 25px;justify-content: space-between;}
.features-page .features-listing {display: flex;flex-direction: column;}

.features-page .features-listing .fix-it, .fix-it {position: sticky;top: 0;}
.features-page .features-listing .features-tab {display: grid;padding: 15px 30px 15px 40px;grid-template-columns: 16% 84%;justify-content: start;border-right:transparent 4px solid;cursor: pointer;}
.features-page .features-listing .active, .features-page .features-listing .features-tab:hover {background: #FFF8F8;border-right: #F97853 4px solid;}

.features-page .features-listing .features-tab .icon {width: 70%;}
.features-page .features-listing .features-tab .icon img {}
.features-page .features-listing .features-tab .content {}
.features-page .features-listing .features-tab .content ul {padding: 0;margin: 8px 15px;}
.features-page .features-listing .features-tab .content ul li {font-size: 14px;color: #37474F;font-weight: 500;border-right: 0;} 
.features-page .features-listing .features-tab .content ul li.nolink {cursor:auto}
.features-page .features-listing .features-tab .content ul li a {font-size: 14px;color: #37474F;font-weight: 500;border-right: 0;}
.features-page .features-listing .features-tab .content ul li a:hover, .features-page .features-listing .features-tab .content ul li a.active {color: #F26522;}
.features-page .features-listing .features-tab .content .heading {font-size: 16px;font-weight: 600;margin-bottom: 5px;color:#37474F}
.features-page .features-listing .features-tab .content p {font-size: 13px;color: #757575;margin-bottom: 0;}

.features-page .features-content {border-left: #D9D9D9 1px solid;padding: 0 3% 0 2%;}
.features-page .features-content .features-main-banner {background:url("../images/banner-features.jpg") no-repeat top center / cover;padding: 28px 36px;}
.features-page .features-content .features-main-banner .sub-heading {font-weight: 600;color: #37474F;text-transform: uppercase;}
.features-page .features-content .features-main-banner h1 {padding: 15px 0;font-weight: 700;margin-bottom: 0;color: #37474F;}
.features-page .features-content .features-main-banner h1 span {color: #F26522;}
.features-page .features-content .features-main-banner p {font-size: 16px;line-height: 28px;color: #333;}
.features-page .features-content .features-main-banner .button {}
.features-page .features-content .features-main-banner .button a {display: inline-block;text-transform: uppercase;padding: 8px 26px;}

.features-zig-zag-container {}
.features-zig-zag-container .features-zig-zag {display: grid;grid-template-columns: 50% 48%;justify-content: space-between;padding: 20px;align-items: start;}
.features-zig-zag-container .features-zig-zag .content {}
.features-zig-zag-container .features-zig-zag .content h2 {font-size: 26px;font-weight: 600;padding: 6px 0;color: #37474F;}
.features-zig-zag-container .features-zig-zag .content h2 span {color: #F26522;}
.features-zig-zag-container .features-zig-zag .content p {color: #333;font-size: 15px;line-height: 25px;}
.features-zig-zag-container .features-zig-zag .content ul {}
.features-zig-zag-container .features-zig-zag .content ul li {color: #333;font-size: 15px;line-height: 25px;padding: 3px 0;}
.features-zig-zag-container .features-zig-zag .content {position: sticky;top: 0;}
.features-zig-zag-container .features-zig-zag .content h3 {font-size: 18px;font-weight: 600;padding: 6px 0;color: #37474F;margin-bottom: 0;}


.features-zig-zag-container .features-zig-zag .thumb {text-align: right;position: sticky;top: 0;}
.features-zig-zag-container .features-zig-zag .thumb img {}
.features-zig-zag-container .features-zig-zag:nth-child(2n) .thumb {order: 1;text-align: left;}
.features-zig-zag-container .features-zig-zag:nth-child(2n) .content {order: 2;}

.features-highlight {display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;background: #f7f7f7;padding: 10px 14px;border-radius: 10px;margin: 10px 0 20px;}
.features-highlight .f-box {text-align: center;border-right: #e8e8e8 1px solid;}
.features-highlight .f-box:last-child {border-right:0}
.features-highlight .f-box .icon {}
.features-highlight .f-box .icon .material-icons-outlined {color: #F16522;}
.features-highlight .f-box h3 {font-size: 14px !important;padding-top: 0 !important;line-height: 17px;}

.banner-hr-system {background:url("../images/banner-hr-system.jpg") no-repeat top center / cover;}
.banner-hr-system .banner-hr-system-row {display: grid;grid-template-columns: 48% 48%;justify-content: center;padding: 40px;align-items: center;}
.banner-hr-system .banner-hr-system-row .content {}
.banner-hr-system .banner-hr-system-row .content h2 {padding: 15px 0;font-weight: 700;margin-bottom: 0;color: #37474F;font-size: 36px;line-height: 48px;}
.banner-hr-system .banner-hr-system-row .content h2 span {color: #F26522;}
.banner-hr-system .banner-hr-system-row .content p {font-size: 16px;line-height: 28px;color: #333;}
.banner-hr-system .banner-hr-system-row .content .button {}
.banner-hr-system .banner-hr-system-row .content .button a {display: inline-block;text-transform: uppercase;padding: 8px 26px;}
.banner-hr-system .banner-hr-system-row .thumb {text-align: center;}
.banner-hr-system .banner-hr-system-row .thumb img {}

.banner-style {height: 250px;position: relative;margin-top: 80px;}
.banner-style .banner-content {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-style .banner-content h1 {font-weight: 700;padding-bottom: 10px;}
.banner-style .banner-content p {font-size: 18px;}
.banner-style-1 {background:url("../images/bg-pricing.jpg") no-repeat top center / cover;}
.banner-career {background:url("../images/bg-career.jpg") no-repeat top center / cover;}

.pricing-container {padding: 2%;margin-bottom: 30px;}
.pricing-container .pricing-data {}
.pricing-container .pricing-data .tbl-top {position: sticky;top: 0;background: #fff;z-index: 100;}
.pricing-container .pricing-data .tbl-top tr td {}
.pricing-container .pricing-plan {text-align: center;padding: 12px;border-radius: 15px 15px 0 0;margin: 0 10px;}
.pricing-container .pricing-plan h2 {font-size: 20px;font-weight: 600;color: #fff;margin-bottom: 4px;}
.pricing-container .pricing-plan p {font-size: 13px;color: #fff;display: inline-flex;align-items: center;width: 100%;justify-content: center;margin-bottom: 0;}
.pricing-container .pricing-plan p .material-icons-outlined {font-size: 14px;}
.pricing-container .pricing-plan a {background: #fff;color: #000;font-size: 13px;padding: 8px 18px;display: inline-block;border-radius: 50px;margin-top: 5px;font-weight: 600;}
.pricing-container .plan-foundational {background: #D54A41;}
.pricing-container .plan-professional {background: #264CBE}
.pricing-container .plan-advanced {background: #0F8849}
.pricing-container .pricing-data .tbl-bottom {box-shadow: 0px 4px 4px #00000025;position: relative;top: -7px;}
.pricing-container .pricing-data .tbl-bottom th {background: #37474F;color: #fff;padding: 14px 20px;border-radius: 15px 15px 0 0;top: 119px;position: sticky;border-left: #DDD 1px solid;border-right: #DDD 1px solid;}
.pricing-container .pricing-data .tbl-bottom td {padding: 14px 20px;background: #FEFEFE;}
.pricing-container .pricing-data .tbl-bottom tr td:nth-child(1) {/*border-left: #DDD 1px solid;*/}
.pricing-container .pricing-data .tbl-bottom tr td:nth-child(4) {/*border-right: #DDD 1px solid;*/}
.pricing-container .pricing-data .tbl-bottom tr:nth-child(2n) td {background:#F5F5F5}
.pricing-container .note {padding: 15px;}
.pricing-container .note p {text-align: center;font-size: 14px;}
.no-more-sticky {position:static !important}
.pricing-container .hideit {display:none}

.jobs-container {margin-bottom: 40px;}
.jobs-container .jobs-box-row {padding: 4%;display: flex;flex-wrap: wrap;justify-content: center;}
.jobs-container .jobs-box-row .jobs-box {padding: 20px 24px;border: #f2f2f2 1px solid;border-radius: 8px;box-shadow: 0 4px 24px 0 rgba(0,0,0,.1);width: 48%;display: grid;grid-template-columns: 78% 22%;align-items: center;margin: 0 10px 20px;}
.jobs-container .jobs-box-row .jobs-box .job-info {}
.jobs-container .jobs-box-row .jobs-box .job-info h2 {font-size: 22px;font-weight: 600;display: flex;align-items: flex-start;margin-bottom: 10px;}
.jobs-container .jobs-box-row .jobs-box .job-info h2 .material-icons-outlined {margin-right: 10px;}
.jobs-container .jobs-box-row .jobs-box .job-info .job-highlights {}
.jobs-container .jobs-box-row .jobs-box .job-info .job-highlights span {display: inline-block;margin-right: 5px;background: #F8FAFC;padding: 4px 14px;font-size: 13px;border-radius: 8px;border: #F0F2F4 1px solid;color: #666;}
.jobs-container .jobs-box-row .jobs-box .job-button {}
.jobs-container .jobs-box-row .jobs-box .job-button .button {text-align: right;}
.jobs-container .jobs-box-row .jobs-box .job-button .button a {padding: 4px 15px !important;border-bottom: 0;border-radius: 10px;display: inline-block;background: #000;}
.jobs-container .jobs-box-row .jobs-box .job-button .button a:hover {background: #F16522;}
.job-full {width: 100% !important;margin-bottom: 20px;}
.job-full .job-description {display:block}

.job-description {margin-top: 20px;margin-bottom: 10px;display:none}
.job-description h3 {font-size: 20px;font-weight: 600;}
.job-description p {font-size: 14px;line-height: 24px;}
.job-description a {color: #F16522;}
.job-description ul, .job-description ol {}
.job-description ul li, .job-description ol li {font-size: 14px;line-height: 24px;margin-bottom: 5px;}
.job-description .apply-button {}
.job-description .apply-button a {display: inline-block;border-bottom: 0;border-radius: 10px;padding: 6px 26px;}
.no-opening {text-align: center;padding: 40px 100px;}

.checkout-section {padding: 2% 4%;display: grid;grid-template-columns: 73% 25%;justify-content: space-between;margin-bottom: 50px;}
.checkout-section .checkout-left-col {}
.checkout-section .checkout-left-col .accordion-row {margin-bottom: 15px;}
.checkout-section .checkout-left-col .accordion-row .accordion-heading {background: #37474F;padding: 15px 20px;border-radius: 10px;font-family: "Poppins",serif;color: #fff;font-size: 20px;font-weight: 600;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.checkout-section .checkout-left-col .accordion-row.active .accordion-heading {border-radius: 10px 10px 0 0;}
.checkout-section .checkout-left-col .accordion-row.active .accordion-content {display: block !important}
.checkout-section .checkout-left-col .accordion-row .accordion-heading .icon {margin-right: 10px;}
.checkout-section .checkout-left-col .accordion-row .accordion-heading .icon img {}
.checkout-section .checkout-left-col .accordion-row .accordion-heading a {background: #fff;color: #000;font-family: "Poppins",serif;font-size: 16px;padding: 2px 24px;border-radius: 50px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content {border: #DBDBDB 1px solid;padding: 20px;box-shadow: #EEE 2px 4px 14px;display: none;border-radius: 0 0 10px 10px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form {}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row {padding: 5px 0;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row label {font-size: 16px;font-weight: 600;padding-bottom: 6px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row input, .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row textarea {border: #CACACA 1px solid;padding: 12px 20px;width: 100%;border-radius: 6px;box-shadow: #eee 3px 1px 15px;font-size: 15px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-half {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-full {}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .btn {display: inline-flex;align-items: center;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .btn .material-icons-outlined {margin-left: 5px;}

.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details {display: grid;grid-template-columns: 32% 48% 20%;justify-content: space-between;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info {border-right: #D9D9D9 1px solid !important;margin-right: 30px;padding-right: 30px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row {margin-bottom: 12px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row label {margin-bottom: 6px;font-size: 14px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row input[type="text"] {border-radius: 8px;border: #B1B1B1 1px solid;padding: 10px 14px;width: 100%;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row input[type="submit"] {background: #F26522;width: 100%;border: 0;border-radius: 8px;padding: 14px;color: #fff;text-transform: uppercase; font-weight: 600;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details {}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details h3 {font-weight: 700;margin-bottom: 15px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details p {margin-bottom: 8px;color: #6C6C6C;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details p strong {color: #000;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .qr-code {text-align: center;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .qr-code img {border: #F26522 2px solid;border-radius: 20px;}
.checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .qr-code p {line-height: 18px;margin-top: 10px;font-weight: 600;}

.checkout-section .checkout-right-col {}
.checkout-section .checkout-right-col .order-summary {box-shadow: #eee 2px 4px 14px 5px;border: #E4E4E4 1px solid;border-top: #F26522 6px solid;border-radius: 10px;padding: 14px 26px;position: sticky;top: 0;margin-bottom: 15px;}
.checkout-section .checkout-right-col .order-summary h2 {font-size: 26px;font-weight: 700;border-bottom: #D7D7D7 1px solid;padding: 10px 0 14px 0;}
.checkout-section .checkout-right-col .order-summary .order-details {display: flex;justify-content: space-between;}
.checkout-section .checkout-right-col .order-summary .order-details div:first-child {width: 180px;}
.checkout-section .checkout-right-col .order-summary .order-details .details {font-weight: 600;text-align: right;}
.checkout-section .checkout-right-col .order-summary .order-details .details span {display: inline-block;width: 100%;font-size: 14px;font-weight: normal;}
.checkout-section .checkout-right-col .order-summary .total-cost {display: flex;justify-content: space-between;border-top: #F26522 2px solid;margin-top: 15px;padding: 8px 0;font-size: 20px;font-weight: 700;}
.utr-info .btn {font-weight: 700;text-transform: uppercase;width:100% !important}
.select2-container--default .select2-selection--single {border: #CACACA 1px solid !important;padding: 9px 20px;width: 100%;border-radius: 6px !important;box-shadow: #eee 3px 1px 15px;font-size: 15px;height: auto !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 45px !important;right: 10px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0 !important;}
.note {font-size: 12px;padding: 4px !important;color: #fff;text-transform: capitalize;}
.highlight-banner {}
.highlight-banner h1 {font-size: 44px;}
.highlight-banner p {font-size: 24px !important;font-weight: 500;color: #4559E3;display: none;}

.our-clients-container {background: #f7f7f7;padding: 30px 0 40px;margin-bottom: 15px;}
.our-clients-container h2 {font-size: 50px;font-weight: 700;text-align: center;margin-bottom: 30px;}
.our-clients-container .our-clients {padding: 0 4%;display: flex;grid-gap: 20px;justify-content: center;align-items: center;}
.our-clients-container .our-clients .client-logo {text-align: center;background: #fff;padding: 15px;border: #eee 1px solid;display: flex;justify-content: center;}
.our-clients-container .our-clients .client-logo img {height: 80px;width: auto;}

.our-clients {}
.our-clients .owl-nav {text-align: center;margin-top: 12px;}
.our-clients .owl-nav button {height: 40px;width: 40px;background: #000 !important;border-radius: 50%;margin: 0 4px;}
.our-clients .owl-nav button span {font-size: 40px;display: inline-block;color: #fff;height: 40px;line-height: 34px;}
.our-clients .owl-nav .owl-prev {}
.our-clients .owl-nav .owl-prev span {}
.our-clients .owl-nav .owl-next {}
.our-clients .owl-nav .owl-next span {}

.awards-logo {display: flex;margin-top: 20px;}
.awards-logo .fa-logo {margin-right: 10px;}
.awards-logo .fa-logo img {border-radius: 10px;}

@media(max-width:1366px){
    .home-banner-container {height: 658px;}
    .checkout-section .checkout-right-col .order-summary .order-details div:first-child {width: 180px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row label {margin-bottom: 6px;font-size: 14px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row {margin-bottom: 8px;}
    .home-banner-container .banner-caption {width: 44%;}
    .home-banner-container .banner-caption .caption-title {font-size: 60px;font-weight: 700;line-height: 65px;color: #37474F;}
    .app-features-container .app-features-content {grid-template-columns: 45% 55%;}
    .all-your-needs-container .heading h2 {font-size: 40px;}
    .all-your-needs-container .heading p {font-size: 18px;}
    .all-your-needs-container .all-your-needs-row .all-needs-col .icon img {height: 42px;}
    .all-your-needs-container .all-your-needs-row .all-needs-col h3 {font-size: 20px;}
    .all-your-needs-container .all-your-needs-row {grid-template-columns: 31% 31% 31%;}
    .all-your-needs-container .all-your-needs-row .all-needs-col p {font-size: 15px;line-height: 24px;}
    .all-your-needs-container .all-your-needs-row .all-needs-col {padding: 25px;}
    .security-section-container {height: 650px;}
    .security-section-container .security-content h2 {font-size: 40px;margin-bottom: 20px;}
    .security-section-container .security-content {width: 550px;}
    .security-section-container .security-content p {font-size: 16px;line-height: 26px;}
    .faq-container .faqs h2, .our-clients-container h2 {font-size: 40px;}
    .faq .accordion-faq h3 {font-size: 20px;}
    .faq .active h3 {margin-bottom: 10px !important;}
    .final-call-container .final-call-row .final-call-col {padding: 0 15%}
    .final-call-container .final-call-row .final-call-col h2 {font-size: 30px;}
    .final-call-container .final-call-row .final-call-col p {font-size: 16px;}
    .final-call-container .final-call-row .final-call-col .button {margin-top: 20px;}
    .header-inner {height: auto !important;}
    .mission-and-vision-container h2 {font-size: 40px;}
    .about-content {padding: 3% 6%;}
    .mission-and-vision-container .mission-vision-row {padding: 0 6%;}
    .howitworks-container {padding: 3% 10%;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 {font-size: 28px;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 span {height: 50px;width: 50px;line-height: 50px;left: -60px;font-size: 24px;}
    .howitworks-container .howitworks-row .howitworks-col {padding: 20px 0;}
    .contactpage-section {/*grid-template-columns: 48% 48%;justify-content: space-between;*/}
    .contactpage-section .contact-info {padding-left: 5%;}
    .static-content {padding: 3% 6%;}
    .static-content h2 {font-size: 30px;padding: 10px 0 6px;}
    .static-content h3 {font-size: 26px;padding: 10px 0 6px;}
    .sep-bg {height: 400px;}
    .c-1 {left: 18%;top: 33%;}
    .c-2 {left: 32%;top: 5%;}
    .c-3 {left: 47%;top: 25%;}
    .c-4 {left: 64%;top: 18%;}
    .c-5 {left: 72%;top: 6%;}
    .c-6 {left: 90%;top: 2%;}
    .bulb {right: 10%;top: 20%;}
    .animated-home-banner {right: 10%;}
    .animated-home-banner .static-hand img {height: 520px;}
    .animated-home-banner .animated-circle img {height: 480px;}
    .animated-home-banner .animated-icon-01 img {height: 75px;}
    .animated-home-banner .animated-icon-02 img {height: 70px;}
    .animated-home-banner .animated-icon-03 img {height: 80px;}
    .animated-home-banner .download-info img {width: 200px;}
    .home-banner-container .banner-caption p {font-size: 16px;line-height: 30px;margin-bottom: 20px;}
    .features-page .features-listing .features-tab {grid-template-columns: 20% 80%;}
    .checkout-section {grid-template-columns: 70% 28%;}
    .checkout-section .checkout-right-col .order-summary .total-cost {padding: 6px 0;font-size: 18px;}
    .checkout-section .checkout-right-col .order-summary .order-details {font-size: 14px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details h3 {font-size: 24px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details p {font-size: 14px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details {grid-template-columns: 35% 40% 25%;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info {margin-right: 20px;padding-right: 20px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .qr-code img {height: 160px;}
	.secabout {padding: 2% 6%;}
}

@media(min-width:1025px) and (max-width:1181px){
    .home-banner-container .header-main .menu ul li a {padding: 28px 4px;}
    .home-banner-container .header-main .get-quote-btn a {font-size: 12px;padding: 8px 12px;margin-left: 4px;}
    .home-banner-container .header-main .logo a img {height: 30px;}
}

@media(min-width:768px) and (max-width:1024px){
    .home-banner-container {height: 450px;padding: 10px 0;}
    .home-banner-container .banner-caption .caption-title {font-size: 36px;line-height: 40px;margin-bottom: 10px;}
    .home-banner-container .banner-caption p {line-height: 24px;font-size: 14px;}
    .home-banner-container .banner-caption {top: 64%;}
    .hide-mobile {display:none}
    .home-banner-container .header-main .logo a img {height: 40px;}
    .home-banner-container .header-main .get-quote-btn a {font-size: 13px;border: 0 !important;}
    .home-banner-container .header-main .get-quote-btn a span {color:#fff}
    .hrms-intro-container .hrms-intro .intro-thumb img {width: 100%;}
    .hrms-intro-container .hrms-intro .intro-content h2 {font-size: 24px;line-height: 38px;}
    .hrms-intro-container .hrms-intro .intro-content h3 {font-size: 32px;line-height: 42px;}
    .hrms-intro-container .hrms-intro .intro-content .client-logos .logo-item img {width: 100%;}
    .hrms-intro-container {margin: 60px 0;}
    .features-container .features {grid-template-columns: 100%;padding-bottom: 0;}
    .features-container .features .features-thumb {margin-right: 60px;}
    .features-container .features .features-content {padding: 5%;}
    .features-container .features .features-content h2 {font-size: 20px;padding: 15px 0 5px;}
    .features-container .features .features-content p {font-size: 14px;line-height: 26px;}
    .features-container .features .features-content a {margin-top: 4px;}
    .features-container .features .features-content .icon {height: 60px;width: 60px;}
    .features-container .features .features-content .icon .material-icons-outlined {font-size: 28px;}
    .features-container .features .features-content .nav-button {text-align: center;margin-top: 10px;}
    .hrms-system-container .hrms-system {grid-template-columns: 100%;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 20px;line-height: 36px;padding: 12px 0 5px;}
    .hrms-system-container .hrms-system .hrms-content p {font-size: 16px;line-height: 26px;}
    .hrms-system-container .hrms-system .hrms-content a {margin-top: 0;}
    .hrms-system-container .hrms-system .hrms-content .small-heading {font-size: 16px;}
    .hrms-system-container .hrms-system .hrms-content {padding: 5%;}
    .features-container {margin: 20px 0;}
    .mobile-apps-container .mobile-apps-download h2 {font-size: 26px;}
    .mobile-apps-container .mobile-apps-download p {font-size: 14px;padding: 4px 0;line-height: 26px;}
    .mobile-apps-container .mobile-apps-download a img {width: 140px;}
    .mobile-apps-container .mobile-apps-download a {margin-right: 5px;}
    .mobile-apps-container {margin: 40px 0;}
    .footer-container {padding-top: 10px;}
    .footer-container h3 {margin-top: 30px;padding-bottom: 4px;}
    .footer-container .subscribe {margin-top: 30px;}
    .home-banner-container .header-main {grid-template-columns: auto auto;}
    .mobile-menu-trigger {display: inline-block;}
    
    .navbar-main {position: fixed;right: -120%;top: 0;width: 89.3%;background: #fff;height:100vh;z-index: 99999;}
    .mobile-menu-show {right: 0 !important;display: block !important;}
    /*.navbar-main .menu-close {position: absolute;left: -40px;background: #fff;display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;}*/
    .navbar-main .menu-close a {color: #000;text-decoration: none;font-family: montserrat,sans-serif;font-weight: 600;}
    .navbar-main ul {list-style: none;padding-top: 40px;padding-left: 0;}
    .navbar-main ul li {width: 100%;}
    .navbar-main ul li a {text-decoration: none;padding: 10px 26px;color: #000;font-weight: 500;text-transform: uppercase;display: inline-block;letter-spacing: 1px;width: 100%;}
    .navbar-main ul li a {color: #000 !important;font-size: 14px;font-weight: 400;}
    .navbar-main ul li a:hover {background: #F26522;color: #fff !important;}
    .menu-overlay {position: fixed;background: rgba(0,0,0,0.8);height: 100%;width: 100%;z-index: 998;left: 0;top: 0;display: none;}
    .body_overflow {overflow: hidden;}
    .app-features-container .app-features-content {grid-template-columns: 52% 45%;}
    .app-features-container .app-features-content .app-features-text h2 {font-size: 32px;}
    .app-features-container .app-features-content .app-features-thumb {margin-top: 10px;}
    .app-features-container .app-features-content .app-features-thumb img {width: 320px;}
    .app-features-container .app-features-content .app-features-thumb .feature-1 {top: 40px;left: 320px;}
    .app-features-container .app-features-content .app-features-thumb .feature-2 {top: 100px;left: 370px;}
    .app-features-container .app-features-content .app-features-thumb .feature-3 {top: 160px;left: 410px;}
    .app-features-container .app-features-content .app-features-thumb .feature-4 {top: 220px;left: 440px;}
    .app-features-container .app-features-content .app-features-thumb .feature-5 {top: 280px;left: 410px;}
    .app-features-container .app-features-content .app-features-thumb .feature-6 {top: 340px;left: 370px;}
    .app-features-container .app-features-content .app-features-thumb .feature-7 {top: 400px;left: 320px;}
    .app-features-container .app-features-content .app-features-thumb .features {font-size: 14px;}
    .app-features-container .app-features-content .app-features-text p {font-size: 14px;}
    .main-content-container h1 {font-size: 40px;}
    .contact-section {grid-template-columns: 100%;}
    .contact-section .contact-col .contact-form {margin-top: 40px;}
    .header-inner {height: auto !important;}
    .home-banner-container .header-main .menu {display: none;}
    .all-your-needs-container .heading h2 {font-size: 36px;}
    .all-your-needs-container .heading p {font-size: 16px;margin: 12px 0;}
    .all-your-needs-container .all-your-needs-row {grid-template-columns: 49% 49%;grid-gap: 20px;}
    .security-section-container {height: 400px;}
    .security-section-container .security-content h2 {font-size: 36px;margin-bottom: 15px;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 36px;line-height: 44px;padding: 12px 0 15px;}
    .faq-container .faqs h2, .our-clients-container h2 {font-size: 36px;}
    .our-clients-container .our-clients .client-logo img {height: auto;}
    .faq .active h3, .faq .accordion-faq h3 {padding-right: 45px;}
    .faq .accordion-faq p {font-size: 16px;line-height: 24px;}
    .final-call-container .final-call-row .final-call-col {padding: 0 4%;}
    .final-call-container .final-call-row .final-call-col h2 {font-size: 22px;}
    .final-call-container {height: 200px;}
    .footer-container .footer-bottom {margin-bottom: 0px;}
    .footer-container .footer-intro p {font-size: 14px;line-height: 20px;}
    .header-inner .mobile-menu-trigger .material-icons-outlined {color:#000 !important}
    .inner-heading h1 {font-size: 34px;font-weight: 700;}
    .inner-heading {height: 100px;}
    .about-content {grid-template-columns: 100%;}
    .about-content .about-thumb {margin-right: 0;text-align: center;order:2}
    .about-content .about-text p {font-size: 15px;line-height: 24px;}
    .about-content .about-thumb img {width: 100%;}
    .mission-and-vision-container h2 {font-size: 36px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col {grid-template-columns: 100%;text-align: center;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .thumb {margin-right: 0;}
    .mission-and-vision-container .mission-vision-row {margin-top: 40px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .content p {font-size: 15px;line-height: 24px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col:nth-child(2n) .thumb {order: 0;margin-left: 0;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .content h3 {margin-top: 20px}
    .howitworks-container .howitworks-row .howitworks-col {grid-template-columns: 48% 48%;}
    .howitworks-container .howitworks-row .howitworks-col .thumb img {width: 90%;}
    .howitworks-container .howitworks-row .howitworks-col .content p {font-size: 15px;line-height: 24px;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 {font-size: 20px;}
    .howitworks-container {padding: 3% 8%;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 span {height: 40px;width: 40px;line-height: 40px;left: -50px;font-size: 20px;}
    .contactpage-section {grid-template-columns: 100%;padding: 3% 6%;grid-gap: 20px;}
    .contactpage-section .contact-info {padding-left: 0;}
    .contactpage-section .contact-form {width: 100%;}
    .sep-bg .circle img, .sep-bg .bulb img {width:100%}
    .c-1 {left: 16%;top: 28%;width: 50px;}
    .c-2 {left: 30%;top: 5%;width: 70px;}
    .sep-bg {height: 250px;}
    .c-3 {left: 46%;top: 18%;width: 50px;}
    .c-4 {left: 64%;top: 25%;width: 60px;}
    .c-5 {left: 71%;top: 8%;width: 60px;}
    .c-6 {left: 90%;top: 5%;width: 50px;}
    .bulb {width: 80px;}
    .about-content .about-text h2 {font-size: 36px;}
    .about-content .about-text {padding-right: 0;}
    .pp-form-container h2 {font-size: 30px;}
    .animated-home-banner .static-hand img {height: 300px;}
    .animated-home-banner .animated-circle img {height: 300px;}
    .animated-home-banner .animated-icon-01 img, .animated-home-banner .animated-icon-02 img, .animated-home-banner .animated-icon-03 img {height: 50px}
    .animated-home-banner .animated-icon-01 {top: 0;}
    .animated-home-banner .animated-icon-02 {left: 75%;top: -8%;}
    .animated-home-banner .animated-icon-03 {left: 88%;}
    .animated-home-banner .download-info img {width: 150px;}
    .animated-home-banner {right: 6%;}
    .faq .accordion-faq h3 img {height: 28px;}
    .faq-container {padding: 50px 0;}
    
    .features-page .features-listing .fix-it {position: static;overflow: scroll;}
    .features-page {grid-template-columns: 100%;}
    .features-page .features-listing .fix-it {position: static;display: flex;}
    .features-page .features-listing .features-tab {grid-template-columns: 100%;width: 200px;text-align: center;border-bottom: transparent 4px solid;border-right: 0;height: 130px;padding: 10px;}
    .features-page .features-listing .active, .features-page .features-listing .features-tab:hover {border-bottom: #F97853 4px solid;border-right: 0;}
    .features-page .features-listing .features-tab .icon {width: 100%;}
    .features-page .features-listing .features-tab .icon img {display: inline-block;height: 40px;}
    .features-page .features-listing .features-tab .content .heading {font-size: 14px;margin-bottom: 0;line-height: 16px;}
    .features-page .features-listing .features-tab .content p {display: none;}
    .features-page .features-content {margin-top: 15px;}
    .features-zig-zag-container .features-zig-zag .content h2 {font-size: 26px;}
    .features-zig-zag-container .features-zig-zag .thumb img {width: 100%;}
    .features-zig-zag-container .features-zig-zag {align-items: start;}
    .banner-hr-system .banner-hr-system-row {grid-template-columns: 100%;padding: 30px;}
    .banner-hr-system .banner-hr-system-row .content {margin-bottom: 22px;}
    .banner-hr-system .banner-hr-system-row .content h2 {font-size: 30px;line-height: 42px;}
    .banner-style .banner-content {width: 80%;}
    .banner-style .banner-content h1 {padding-bottom: 0;}
    .banner-style {height: 200px;}
    .tbl-bottom td img {height: 22px;}
    .pricing-container .pricing-data {overflow: auto;}
    .pricing-container .pricing-plan h2 {font-size: 14px;}
    .pricing-container .pricing-plan p {font-size: 11px;padding: 4px 10px;}
    .pricing-container .pricing-plan a {font-size: 11px;line-height: 12px;padding: 8px 10px;}
    .pricing-container .pricing-plan {width: 125px;}
    .pricing-container .pricing-data .tbl-bottom td {font-size: 14px;}
    .pricing-container .btn-green {font-size: 12px;line-height: 16px;}
    .features-page .features-content .features-main-banner .sub-heading {font-size: 14px;}
    .jobs-container .jobs-box-row .jobs-box {width: 100%;margin-bottom: 15px;}
    .final-call-container .final-call-row .final-call-col p {font-size: 15px;}
    .navbar-main .level1, .menu .level2 {display:block}
    .navbar-main .level1 {padding-top: 0;}
    .navbar-main .level1 li {}
    .navbar-main .level1 li a {text-transform: capitalize;display: flex;justify-content: space-between;}
    .navbar-main .level1 li a .material-icons-outlined {}
    .navbar-main .level2 {padding-top: 0;border-left: #F26522 8px solid;}
    .no-opening {padding: 40px 60px;}
    .checkout-section {padding:4%;}
    .checkout-section {grid-template-columns: 100%;margin-bottom: 20px;}
    .awards-logo {flex-wrap: wrap;}
    .awards-logo .fa-logo img {height: 68px;}
    .awards-logo .fa-logo {margin-bottom: 10px;}
    
    .mobile-menu-trigger .material-icons-outlined {color: #000 !important;}
    .home-banner-container .header-main .get-quote-btn a {display: none;}
    .mobile-menu-trigger {display: block !important;}
    .navbar-main {position: fixed;right: -120%;top: 0;width: 89.3%;background: #fff;height:100vh;z-index: 9999;overflow: auto;}
    .mobile-menu-show {right: 0 !important;display: block !important;}
    .navbar-main .menu-close {position: absolute;right: 0;background: #fff;display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;}
    .navbar-main .menu-close a {color: #000;text-decoration: none;font-family: montserrat,sans-serif;font-weight: 600;}
    .navbar-main ul {list-style: none;padding-top: 40px;padding-left: 0;}
    .navbar-main ul li {width: 100%;}
    .navbar-main ul li a {text-decoration: none;padding: 10px 26px;color: #000;font-weight: 500;text-transform: uppercase;display: inline-block;letter-spacing: 1px;width: 100%;}
    .navbar-main ul li a {color: #000 !important;font-size: 14px;font-weight: 400;}
    .navbar-main ul li.has-button {text-align: center}
    .navbar-main ul li.has-button a {display: inline-block; width: 140px;color: #fff !important;}
    .navbar-main ul li a:hover {background: #F26522;color: #fff !important;}
    .menu-overlay {position: fixed;background: rgba(0,0,0,0.8);height: 100%;width: 100%;z-index: 998;left: 0;top: 0;display: none;}
    .body_overflow {overflow: hidden;}
	.secabout h1 {font-size: 36px;}
	.secabout h2 {font-size: 20px;}
	.secabout .secabout-content h3 {font-size: 22px;margin: 30px 0 15px;}
    
}
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .home-banner-container {height: 575px;}
    .home-banner-container .banner-caption .caption-title {font-size: 40px;line-height: 48px;margin-bottom: 15px;}
    .home-banner-container .banner-caption p {line-height: 26px;}
    .hrms-intro-container .hrms-intro .intro-content h2 {font-size: 28px;line-height: 44px;}
    .hrms-intro-container .hrms-intro .intro-content h3 {font-size: 38px;line-height: 50px;}
    .features-container .features {grid-template-columns: 70% 30%;}
    .features-container .features .features-thumb {margin-right: 25px;}
    .features-container .features .features-content, .hrms-system-container .hrms-system .hrms-content {padding: 8% 4%;}
    .features-container .features .features-content .nav-button {text-align: right;}
    .hrms-system-container .hrms-system {grid-template-columns: 56% 40%;}
    .home-banner-container {height: 500px;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 28px;line-height: 34px;}
    .faq .accordion-faq p {font-size: 15px;line-height: 24px;}
    .contactpage-section {grid-template-columns: 40% 60%;}
    .sep-bg {height: 300px;}
    .c-1 {top: 28%;width: 70px;left: 18%;}
    .c-2 {width: 90px;}
    .c-3 {left: 45%;top: 16%;width: 80px;}
    .c-4 {left: 60%;top: 20%;width: 80px;}
    .c-5 {left: 70%;top: 8%;width: 70px;}
    .c-6 {width: 60px;}
    .pricing-container .pricing-plan {width: auto;}
    .awards-logo .fa-logo img {height: 60px;}
    
    
}

@media(max-width:767px){
    .hide-mobile {display:none}
    .home-banner-container .header-main .logo a img {height: 40px;}
    .home-banner-container .header-main {grid-template-columns: auto auto;justify-content: space-between;padding: 2% 4%;}
    .home-banner-container {height: 230px;}
    .home-banner-container .banner-caption {top: 200px;width: 90%;}
    .home-banner-container .banner-caption .caption-title {font-size: 30px;line-height: 36px;margin-bottom: 5px;}
    .home-banner-container .banner-caption p {font-size: 14px;line-height: 24px;}
    .btn-green {font-size: 13px;}
    .home-banner-container .banner-caption a, .hrms-intro-container .hrms-intro .intro-content .client-button a {padding: 4px 18px;}
    .home-banner-container .header-main .get-quote-btn a {display: none;}
    .mobile-menu-trigger {display: block !important;}
    
    .hrms-intro-container .hrms-intro .intro-thumb img {width: 100%;}
    .hrms-intro-container .hrms-intro .intro-content {padding-left: 0;margin-top: 15px;}
    .hrms-intro-container .hrms-intro .intro-content h2 {font-size: 24px;line-height: 38px;}
    .hrms-intro-container .hrms-intro .intro-content h3 {font-size: 28px;line-height: 42px;}
    .hrms-intro-container .hrms-intro .intro-content .client-logos {grid-template-columns: auto auto;}
    .hrms-intro-container {margin-top: 150px;}
    
    .features-container .features {grid-template-columns: 100%;padding-bottom: 0;}
    .features-container .features .features-thumb {margin-right: 25px;}
    .features-container .features .features-content {padding: 5%;}
    .features-container .features .features-content h2 {font-size: 20px;padding: 15px 0 5px;}
    .features-container .features .features-content p {font-size: 14px;line-height: 26px;}
    .features-container .features .features-content a {margin-top: 4px;}
    .features-container .features .features-content .icon {height: 60px;width: 60px;}
    .features-container .features .features-content .icon .material-icons-outlined {font-size: 28px;}
    .features-container .features .features-content .nav-button {text-align: right;margin-top: 10px;}
    .features-container {margin: 10px 0 20px;}
    .features-container .features .features-thumb {border-radius: 0 20px 20px 0;}
    .hrms-system-container .hrms-system {grid-template-columns: 100%;}
    
    .hrms-system-container .hrms-system {grid-template-columns: 100%;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 20px;line-height: 30px;padding: 12px 0 5px;}
    .hrms-system-container .hrms-system .hrms-content p {font-size: 15px;line-height: 24px;margin-top: 10px;}
    .hrms-system-container .hrms-system .hrms-content a {margin-top: 0;}
    .hrms-system-container .hrms-system .hrms-content .small-heading {font-size: 14px;}
    .hrms-system-container .hrms-system .hrms-content {padding: 8% 5%;}
    
    .mobile-apps-container .mobile-apps-download h2 {font-size: 26px;}
    .mobile-apps-container .mobile-apps-download {padding: 30px;}
    .mobile-apps-container .mobile-apps-download p {font-size: 14px;padding: 5px 0;line-height: 24px;}
    .mobile-apps-container .mobile-apps-download a img {width: 136px;}
    .mobile-apps-container .mobile-apps-thumb img {border-radius: 40px;}
    .mobile-apps-container {margin: 30px 0;}
    .footer-container {padding-top: 0;}
    .footer-container h3 {padding-bottom: 4px;margin-top: 30px;}
    .footer-container .subscribe {margin-top: 30px;}
    .footer-container .footer-bottom {margin-top: 0px;margin-bottom: 0;}
    .footer-container .footer-bottom p {text-align: center;}
    .footer-container .footer-bottom .social-flex {justify-content: center;margin-top: 15px;}
    .footer-container .footer-bottom .social-flex p {display: none;}
    
    .navbar-main {position: fixed;right: -120%;top: 0;width: 89.3%;background: #fff;height:100vh;z-index: 9999;overflow: auto;}
    .mobile-menu-show {right: 0 !important;display: block !important;}
    .navbar-main .menu-close {position: absolute;right: 0;background: #fff;display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;}
    .navbar-main .menu-close a {color: #000;text-decoration: none;font-family: montserrat,sans-serif;font-weight: 600;}
    .navbar-main ul {list-style: none;padding-top: 40px;padding-left: 0;}
    .navbar-main ul li {width: 100%;}
    .navbar-main ul li a {text-decoration: none;padding: 10px 26px;color: #000;font-weight: 500;text-transform: uppercase;display: inline-block;letter-spacing: 1px;width: 100%;}
    .navbar-main ul li a {color: #000 !important;font-size: 14px;font-weight: 400;}
    .navbar-main ul li.has-button {text-align: center}
    .navbar-main ul li.has-button a {display: inline-block; width: 140px;color: #fff !important;}
    .navbar-main ul li a:hover {background: #F26522;color: #fff !important;}
    .menu-overlay {position: fixed;background: rgba(0,0,0,0.8);height: 100%;width: 100%;z-index: 998;left: 0;top: 0;display: none;}
    .body_overflow {overflow: hidden;}
    #owl-features .owl-nav {bottom: 20px;}
    .app-features-container .app-features-content {grid-template-columns: 100%;}
    .app-features-container {margin-top: 10px;}
    .app-features-container .app-features-content .app-features-text h2 {font-size: 26px;}
    .app-features-container .app-features-content .app-features-text p {font-size: 14px;margin: 10px 0 20px;}
    .app-features-container .app-features-content .app-features-thumb img {width: 240px;}
    .app-features-container .app-features-content .app-features-thumb {margin-top: 30px;text-align: center;}
    .app-features-container .app-features-content .app-features-thumb .features {padding: 8px;position: static;font-size: 14px;margin: 10px;}
    .header-inner {height: auto !important;}
    .header-inner .get-quote-btn a {border: 0 !important;}
    .header-inner .get-quote-btn a span {color:#000}
    .main-content-container h1 {font-size: 30px;margin-bottom: 20px;font-weight: 600;}
    .main-content-container {padding: 20px 0 30px;}
    .contact-section {grid-template-columns: 100%;}
    .contact-section .contact-col h2 {margin-bottom: 15px;font-size: 20px;}
    .contact-section .contact-col .addrs-row .info p {font-size: 14px;line-height: 24px;}
    .contact-section .contact-col .contact-form {margin-top: 30px;}
    .main-content-container p {font-size: 14px;line-height: 22px;}
    .faq .accordion-faq {padding: 20px 24px;}
    .faq .accordion-faq h3 {font-size: 16px;line-height: 22px;}
    .home-banner-container .header-main .menu {display: none;}
    .home-banner-container {height: 100vh;}
    .all-your-needs-container .heading h2 {font-size: 26px;}
    .all-your-needs-container .heading p {font-size: 16px;margin: 0;}
    .all-your-needs-container .all-your-needs-row {grid-template-columns: 100%;grid-gap: 20px;}
    .security-section-container .security-content {width: 100%;}
    .security-section-container .security-content h2 {font-size: 30px;margin-bottom: 10px;}
    .security-section-container .security-content p {line-height: 24px;}
    .security-section-container {height: 400px;overflow: hidden;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 26px;line-height: 34px;}
    .faq-container .faqs h2, .our-clients-container h2 {font-size: 30px;}
    .our-clients-container .our-clients {flex-wrap: wrap;grid-gap: 10px;}
    .our-clients-container .our-clients .client-logo {width: auto;}
    .our-clients-container .our-clients .client-logo img {height: auto;width: 100%;}
    .our-clients-container {padding-bottom:10px}
    .faq-container {padding: 40px 0;}
    .faq .accordion-faq h3 {font-size: 18px;line-height: 24px;padding-right: 40px;}
    .faq .accordion-faq h3 img {right: -5px;top: 0;width: 30px;}
    .faq .accordion-faq p {font-size: 15px;line-height: 24px;margin-bottom: 10px;}
    .view-all-faqs {margin-top: 20px;}
    .final-call-container .final-call-row {grid-template-columns: 100%;}
    .final-call-container .final-call-row .final-call-col h2 {font-size: 23px;}
    .final-call-container .final-call-row .final-call-col {padding: 0 6%;margin-bottom: 30px;}
    .final-call-container {height: auto;}
    .footer-container .footer-intro {padding-right: 0;}
    .inner-heading h1 {font-size: 30px;}
    .inner-heading {height: auto;padding: 4% 6%;}
    .about-content .about-thumb img {width: 100%;}
    .about-content {grid-template-columns: 100%;}
    .about-content .about-thumb {margin-right: 0;text-align: center;padding: 20px 0;order: 2;}
    .about-content .about-thumb img {width: 100%;}
    .about-content .about-text h2 {font-size: 30px;}
    .about-content .about-text {margin-top: 5px;padding-right: 0;}
    .about-content .about-text p {font-size: 14px;line-height: 24px;}
    .mission-and-vision-container h2 {font-size: 30px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col {grid-template-columns: 100%;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .thumb {margin-right: 0;text-align: center;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .thumb img {width: 200px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .content {text-align: center;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .content h3 {font-size: 26px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col .content p {font-size: 14px;line-height: 24px;}
    .mission-and-vision-container .mission-vision-row .mission-vision-col:nth-child(2n) .thumb {order: 0;margin-left: 0;margin-bottom: 20px;}
    .howitworks-container {padding: 2% 4%;}
    .howitworks-container .howitworks-row .howitworks-col {grid-template-columns: 100%;}
    .howitworks-container .howitworks-row .howitworks-col .content {padding-right: 0;padding-left: 50px;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 {font-size: 20px;}
    .howitworks-container .howitworks-row .howitworks-col .content p {font-size: 15px;line-height: 24px;}
    .howitworks-container .howitworks-row .howitworks-col .thumb img {width: 250px;}
    .howitworks-container .howitworks-row .howitworks-col .thumb {text-align: center;}
    .howitworks-container .howitworks-row .howitworks-col:nth-child(2n) .content {order: 1;padding-left: 50px;}
    .howitworks-container .howitworks-row .howitworks-col .content h3 span {height: 40px;width: 40px;line-height: 40px;left: -50px;font-size: 20px;}
    .map-container iframe {height: 280px;}
    .contactpage-section {grid-template-columns: 100%;padding: 4% 6%;}
    .contactpage-section .contact-info {padding-left: 0;order: 2;}
    .contactpage-section .contact-form {padding: 20px;width: 100%;}
    .contactpage-section .contact-form h2, .contactpage-section .contact-form h1 {font-size: 24px;}
    .contactpage-section .contact-form .form-control-row input[type="text"], .contactpage-section .contact-form .form-control-row input[type="email"], .contactpage-section .contact-form .form-control-row textarea {font-size: 14px;}
    .static-content p {font-size: 15px;line-height: 24px;}
    .static-content h2 {font-size: 24px;}
    .static-content h3 {font-size: 20px;padding: 10px 0 2px;}
    .static-content ul li {font-size: 15px;line-height: 24px;margin-bottom: 10px;}
    .contactpage-section .contact-form .form-half {grid-template-columns: 100%;}
    .contactpage-section .contact-form .form-half div:first-child {padding-bottom:10px}
    .contactpage-section .contact-form .form-control-row input[type="submit"] {width: 100%;}
    .sep-bg {height: 110px;}
    .sep-bg .circle img, .sep-bg .bulb img {width:100%}
    .c-1 {width: 22px;}
    .c-2 {left: 31%;top: 10%;width: 30px;}
    .c-3 {left: 45%;top: 12%;width: 30px;}
    .c-4 {left: 58%;top: 14%;width: 30px;}
    .c-5 {left: 68%;top: 5%;width: 28px;}
    .c-6 {left: 90%;top: 5%;width: 26px;}
    .bulb {right: 10%;top: 18%;width: 40px;}
    .mission-and-vision-container {margin: 20px 0;}
    .howitworks-container .howitworks-row .howitworks-col:nth-child(2n) .thumb {text-align: center;}
    .contact-form button[type="submit"] {width: 100%;}
    .animated-home-banner .static-hand img {height: 350px;}
    .animated-home-banner .animated-circle img {height: 340px;}
    .animated-home-banner .animated-icon-01 img,  .animated-home-banner .animated-icon-02 img,  .animated-home-banner .animated-icon-03 img {height: 50px;}
    .animated-home-banner .animated-icon-02 {left: 76%;}
    .animated-home-banner .animated-icon-03 {left: 86%;}
    .animated-home-banner {right: 4%;}
    .animated-home-banner .download-info img {width: 150px;}
    .animated-home-banner .download-info {bottom: 15%;left: -6%;}
    
    .features-page .features-listing .fix-it {position: static;overflow: scroll;}
    .features-page {grid-template-columns: 100%;margin: 15px 0;}
    .features-page .features-listing .fix-it {position: static;display: flex;}
    .features-page .features-listing .features-tab {grid-template-columns: 100%;width: 190px;text-align: center;border-bottom: transparent 4px solid;border-right: 0;height: 120px;padding: 10px;}
    .features-page .features-listing .active, .features-page .features-listing .features-tab:hover {border-bottom: #F97853 4px solid;border-right: 0;width: 190px;height: 120px;}
    .features-page .features-listing .features-tab .icon {width: 100%;}
    .features-page .features-listing .features-tab .icon img {display: inline-block;height: 40px;}
    .features-page .features-listing .features-tab .content .heading {font-size: 14px;margin-bottom: 0;line-height: 18px;}
    .features-page .features-listing .features-tab .content p {display: none;}
    .features-page .features-content {margin-top: 5px;border:0}
    .features-zig-zag-container .features-zig-zag .content h2 {font-size: 26px;}
    .features-zig-zag-container .features-zig-zag .thumb img {width: 100%;}
    .features-zig-zag-container .features-zig-zag {align-items: start;grid-template-columns: 100%;}
    .banner-hr-system .banner-hr-system-row {grid-template-columns: 100%;padding: 10px;}
    .banner-hr-system .banner-hr-system-row .content {margin-bottom: 22px;}
    .banner-hr-system .banner-hr-system-row .content h2 {font-size: 26px;line-height: 34px;}
    .features-page .features-content .features-main-banner {padding: 20px;}
    .features-page .features-content .features-main-banner h1 {font-size: 26px;line-height: 36px;}
    .features-page .features-content .features-main-banner p {font-size: 15px;line-height: 25px;}
    .features-zig-zag-container .features-zig-zag .content {order: 2;margin-top: 15px;position: static;}
    .features-zig-zag-container .features-zig-zag .thumb {text-align: center;order: 1;position: static;}
    .banner-hr-system .banner-hr-system-row .content p {font-size: 15px;line-height: 25px;}
    .banner-hr-system .banner-hr-system-row .thumb img {width: 100%;}
    .pricing-container .pricing-data .tbl-bottom td {padding: 10px 14px;font-size: 14px;}
    .pricing-container .pricing-data .tbl-bottom th {padding: 10px 14px;font-size: 14px;position: static !important;}
    .banner-style .banner-content h1 {font-size: 22px;padding-bottom: 0;}
    .banner-style .banner-content {width: 80%;}
    .banner-style .banner-content p {font-size: 14px;}
    .banner-style {height: 180px;}
    .tbl-bottom td img {height: 20px;}
    .pricing-container .pricing-data {overflow: auto;}
    .pricing-container .pricing-plan a {font-size: 12px;line-height: 12px;}
    .pricing-container .pricing-data .tbl-top {display: none !important;}
    .pricing-container .pricing-plan h2 {font-size: 14px;}
    .pricing-container .pricing-plan p {font-size: 11px;}
    .pricing-container .pricing-plan {width: 160px;}
    .tbl-bottom tr:first-child td {padding-bottom:0 !important}
    .pricing-container .btn-green {font-size: 13px;padding: 4px 14px;}
    .pricing-container .hideit {display:table-row !important}
    .features-highlight .f-box h3 {font-size: 13px !important;line-height: 16px;}
    .features-page .features-content .features-main-banner .sub-heading {font-size: 14px;}
    .jobs-container .jobs-box-row .jobs-box {width: 100%;margin-bottom: 15px;grid-template-columns: 100%;}
    .jobs-container .jobs-box-row .jobs-box .job-info .job-highlights span {margin-bottom: 7px;}
    .jobs-container .jobs-box-row .jobs-box .job-button .button {text-align: left;margin-top: 10px;border-top: #eee 1px solid;padding-top: 10px;}
    .jobs-container .jobs-box-row .jobs-box .job-info h2 {font-size: 20px;}
    .banner-career {background-position: top right;}
    .no-opening {font-size: 14px;padding: 30px 20px;}
    
    .navbar-main .level1, .menu .level2 {display:block}
    .navbar-main .level1 {padding-top: 0;}
    .navbar-main .level1 li {}
    .navbar-main .level1 li a {text-transform: capitalize;display: flex;justify-content: space-between;}
    .navbar-main .level1 li a .material-icons-outlined {}
    .navbar-main .level2 {padding-top: 0;border-left: #F26522 8px solid;}
    .checkout-section {padding:4%;margin-top: 10px;}
    .checkout-section {grid-template-columns: 100%;margin-bottom: 20px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-half {grid-template-columns: 100%;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row {padding: 0;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row div {margin: 4px 0;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .form-control-row label {font-size: 14px;padding-bottom: 4px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-heading {font-size: 18px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-heading .icon img {height: 24px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-heading .icon {margin-right: 6px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-heading a {font-size: 14px;padding: 2px 20px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content {padding: 10px 20px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .accordion-form .btn {margin-top: 10px;font-size: 15px;padding: 4px 20px;}
    .checkout-section .checkout-right-col .order-summary .total-cost {font-size: 16px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details {grid-template-columns: 100%;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info {margin-right: 0;padding-right: 0;border-right: 0 !important;margin-top: 5px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .bank-details {padding: 20px 0;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row label {margin-bottom: 5px;font-size: 15px;}
    .checkout-section .checkout-left-col .accordion-row .accordion-content .payment-details .utr-info .utr-form-row {margin-bottom: 8px;}
    .about-content .about-text h1 {font-size: 30px;}
    .home-banner-container .sticky {position:static}
    .banner-style, .map-container, .contactpage-section, .inner-heading, .sep-bg, .features-page  {margin-top: 65px;}
    .highlight-banner p {font-size: 16px !important;line-height: 20px;}
    .awards-logo {flex-wrap: wrap;justify-content: space-between;}
    .awards-logo .fa-logo {margin: 8px;}
	.secabout h1 {font-size: 30px;margin-bottom: 10px;}
	.secabout h2 {font-size: 18px;}
	.secabout .secabout-content h3 {font-size: 20px;}
    
}
@media(max-width:767px) and (orientation:landscape){
    .home-banner-container {height: 400px;}
    .hrms-intro-container {margin-top: 30px;}
    .hrms-intro-container .hrms-intro .intro-content .client-logos .logo-item img {width: 100%;}
    .hrms-intro-container .hrms-intro .intro-content .client-logos {grid-template-columns: auto auto auto;}
    .mobile-apps-container .mobile-apps-thumb img {width: 220px;}
    .mobile-apps-container .mobile-apps-thumb {text-align: center;}
    .app-features-container {margin-top: 30px;}
    .home-banner-container .banner-caption .caption-title {font-size: 30px;line-height: 36px;margin-bottom: 10px;}
    .home-banner-container .banner-caption p {line-height: 22px;font-size: 14px;}
    .home-banner-container .banner-caption {width: 50%;}
    .app-features-container .app-features-content .app-features-text h2 {font-size: 30px;}
    .app-features-container .app-features-content .app-features-thumb {display: none;}
    .all-your-needs-container .heading h2 {font-size: 30px;}
    .security-section-container .security-content {width: 50%;}
    .security-section-container {height: 350px;}
    .hrms-system-container .hrms-system .hrms-thumb img {width: 100%;height: 100%;object-fit: cover;}
    .hrms-system-container .hrms-system .hrms-thumb {height: 250px;}
    .hrms-system-container .hrms-system .hrms-content .small-heading {font-size: 16px;}
    .hrms-system-container .hrms-system .hrms-content h2 {font-size: 30px;line-height: 36px;}
    .sep-bg {height: 200px;}
    .c-1 {width: 40px;}
    .c-2 {width: 54px;}
    .c-3 {width: 58px;}
    .c-4 {width: 50px;}
    .c-5 {width: 44px;}
    .c-6 {width: 40px;}
    .bulb {width: 60px;}
    .about-content .about-text {margin-top: 0;}
    .animated-home-banner .animated-circle img {height: 190px;}
    .animated-home-banner .static-hand img {height: 200px;}
    .animated-home-banner .animated-icon-01 img, .animated-home-banner .animated-icon-02 img, .animated-home-banner .animated-icon-03 img {height: 30px;}
    .home-banner-container .banner-caption {top: 220px;}
    .awards-logo .fa-logo img {}
    .awards-logo .fa-logo {margin: 5px;}
}

@media(max-width:400px){
    .animated-home-banner .static-hand img {height: 280px;}
    .animated-home-banner {right: 12%;}
    .animated-home-banner .animated-circle img {height: 272px;}
    .animated-home-banner .animated-icon-01 {top: 0;}
}

@media(max-width:320px){
    .animated-home-banner .static-hand img {height: 180px;}
    .animated-home-banner {right:22%;}
    .animated-home-banner .animated-circle img {height: 180px;}
    .animated-home-banner .animated-icon-01 {top: 0;}
    .animated-home-banner .animated-icon-01 img, .animated-home-banner .animated-icon-02 img, .animated-home-banner .animated-icon-03 img {height: 32px;}
}
@media(max-width:320px) and (orientation:landscape){
    .animated-home-banner .animated-circle img {height: 190px;}
    .animated-home-banner .static-hand img {height: 200px;}
    .animated-home-banner .animated-icon-01 img, .animated-home-banner .animated-icon-02 img, .animated-home-banner .animated-icon-03 img {height: 30px;}
    
}