@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Black.eot'); src: url('../font/poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-Black.woff2') format('woff2'), url('../font/poppins/Poppins-Black.woff') format('woff'), url('../font/poppins/Poppins-Black.ttf') format('truetype'), url('../font/poppins/Poppins-Black.svg#Poppins-Black') format('svg'); font-weight: 900; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Bold.eot'); src: url('../font/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-Bold.woff2') format('woff2'), url('../font/poppins/Poppins-Bold.woff') format('woff'), url('../font/poppins/Poppins-Bold.ttf') format('truetype'), url('../font/poppins/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Light.eot'); src: url('../font/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-Light.woff2') format('woff2'), url('../font/poppins/Poppins-Light.woff') format('woff'), url('../font/poppins/Poppins-Light.ttf') format('truetype'), url('../font/poppins/Poppins-Light.svg#Poppins-Light') format('svg'); font-weight: 300; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Regular.eot'); src: url('../font/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-Regular.woff2') format('woff2'), url('../font/poppins/Poppins-Regular.woff') format('woff'), url('../font/poppins/Poppins-Regular.ttf') format('truetype'), url('../font/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Medium.eot'); src: url('../font/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-Medium.woff2') format('woff2'), url('../font/poppins/Poppins-Medium.woff') format('woff'), url('../font/poppins/Poppins-Medium.ttf') format('truetype'), url('../font/poppins/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-SemiBold.eot'); src: url('../font/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/poppins/Poppins-SemiBold.woff2') format('woff2'), url('../font/poppins/Poppins-SemiBold.woff') format('woff'), url('../font/poppins/Poppins-SemiBold.ttf') format('truetype'), url('../font/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-display: swap;
}

body { margin: 0; padding: 0; font-family: 'Poppins' !important; font-weight: normal; font-size: 16px; color: #000;}
.go-top button { background-color: #7413FC; border: 0; padding: 0; height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: fixed; right: 20px; bottom: 60px; cursor: pointer; opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 1;}
.go-top button img { max-width: 24px;}
.go-top button.show { opacity: 1; visibility: visible;}

/* ── SCROLL REVEAL ── */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease;}
.reveal.in-view { opacity: 1; transform: translateY(0);}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* common-classes */
.mobile {display: none;}
button:focus { outline: none !important; box-shadow: none !important;}
input[type="number"] { appearance: none; -webkit-appearance: none;}
.blue-btn { color: #fff; text-decoration: none; font-weight: 600; text-align: center; display: inline-block; padding: 13px 25px; border-radius: 10px; cursor: pointer; border: 1px solid #7413FC; overflow: hidden; transition: color 0.4s ease; font-size: 15px; position: relative; background: #7413FC; z-index: 1; padding-right: 45px;}
.blue-btn::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.5s ease, height 0.5s ease; z-index: -1;}
.blue-btn:hover {color: #7413FC;}
.blue-btn:hover::before { width: 350px; height: 350px;}
.blue-btn::after { content: ''; background: url('../img/link-redirect-arrow-white.svg') no-repeat; position: absolute; right: 18px; top: 50%; width: 19px; height: 9px; transform: translateY(-50%);}
.blue-btn:hover::after { background: url('../img/link-redirect-arrow.svg') no-repeat;}
.white-btn { color: #7413FC; text-decoration: none; font-weight: 600; text-align: center; display: inline-block; padding: 13px 25px; border-radius: 10px; cursor: pointer; border: 1px solid #7413FC; overflow: hidden; transition: color 0.4s ease; font-size: 15px; position: relative; background: #fff; z-index: 1; padding-right: 45px;}
.white-btn::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #7413FC; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.5s ease, height 0.5s ease; z-index: -1;}
.white-btn:hover { color: #fff;}
.white-btn:hover::before { width: 350px; height: 350px;}
.white-btn::after { content: ''; background: url('../img/link-redirect-arrow.svg') no-repeat; position: absolute; right: 18px; top: 50%; width: 19px; height: 9px; transform: translateY(-50%);}
.white-btn:hover::after { background: url('../img/link-redirect-arrow-white.svg') no-repeat;}
.common-h2 { color: #000; font-weight: 600; text-align: center; font-size: 36px; margin-bottom: 30px;}

/* header  */
.navbar { padding: 13px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 11;}
.navbar.sticky-header { background-color: #fff; box-shadow: 0 4px 16px -13px #000;}
.navbar ul { margin: 0; padding: 0;}
.navbar ul li { list-style: none;}
.navbar-collapse { justify-content: center;}
.navbar-nav { gap: 20px;}
.navbar-nav li a { color: #000; text-decoration: none; font-weight: 500; position: relative; transition: 0.4s ease-in-out;}
.navbar-nav li a:hover,
.navbar-nav .current-menu-item a { color: #7413FC;}
.navbar-nav li a::after { content: ''; background-color: #7413FC; height: 1px; width: 0; opacity: 0; visibility: hidden; position: absolute; bottom: -5px; left: 0; transition: 0.4s ease-in-out;}
.navbar-nav li a:hover::after,
.navbar-nav .current-menu-item a::after { opacity: 1; width: 100%; visibility: visible;}
.navbar-toggler.collapsed { border: 0; padding: 0; background: url('../img/toggle-open.png') no-repeat; height: 32px; width: 32px; background-size: cover;}
.navbar-toggler { background: url('../img/toggle-close.png') no-repeat; height: 32px; width: 32px; background-size: cover;}

/* footer  */
.footer { margin-top: 50px;}
.footer p { margin-bottom: 0; color: #000;}
.footer p a { color: #000; text-decoration: none;}
.footer p a:hover { color: #7413FC;}
.footer h3 { color: #000; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.footer ul { margin: 0; padding: 0;}
.footer ul li { list-style: none;}
.footer .footer-menu li a { color: #000; text-decoration: none; display: inline-block; margin-bottom: 10px; transition: 0.4s ease-in-out;}
.footer .footer-menu li a:hover { color: #7413FC; transform: translateX(5px);}
.footer .footer-logo a { display: inline-block; margin-bottom: 20px;}
.footer .footer-logo p { margin-bottom: 30px;  width: 95%; color: #000;}
.footer #footer-search { width: 100%; border: 1px solid #CCCCCC; padding: 10px 45px; border-radius: 5px; background: url('../img/Search.svg') no-repeat; background-position: 10px center; transition: 0.3s ease-in-out;}
.footer #footer-search::placeholder { color: #ddd;}
.footer #footer-search:focus { outline: none; border-color: #7413FC; background: #fff; padding: 10px 15px;}
.footer .social-media { display: flex; align-items: center; gap: 30px;}
.footer .social-media a { display: inline-block;}
.footer .social-media a img { max-width: 30px; height: auto; filter: brightness(0); transition: transform 0.3s ease;}
.footer .social-media a:hover img { filter: brightness(100%);  transform: translateY(-5px);}
.footer .copyright { align-items: center; margin-top: 10px; margin-bottom: 20px; border-top: 1px solid #CCCCCC; padding-top: 20px;}
.footer-stay-update p { margin-bottom: 15px; color: #000;}
.footer .copyright ul { display: flex; align-items: center; justify-content: flex-end; gap: 40px;}
.footer .copyright ul li { position: relative;}
.footer .copyright ul li a { color: #000; text-decoration: none; display: inline-block; transition: 0.4s ease-in-out;}
.footer .copyright ul li a:hover { color: #7413FC; transform: translateX(5px);}
.footer .copyright ul li::after { content: ''; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); background-color: #000; height: 60%; width: 2px;}
.footer .copyright ul li:last-child::after { display: none;}

/* home banner  */
.banner { background: url('../img/banner-img.png') no-repeat; background-size: cover; padding-top: 140px; padding-bottom: 70px;}
.banner .banner-img img { width: 100%;}
.banner .row { align-items: center;}
.banner h1 { font-size: 36px; font-weight: 600; margin-bottom: 20px;}
.banner p { margin-bottom: 20px;}
.banner .banner-buttons { display: flex; align-items: center; gap: 30px;}
.banner .bottom-list { margin: 0; padding: 0; display: flex; align-items: center; gap: 15px; margin-top: 25px;}
.banner .bottom-list li { list-style: none; font-size: 14px; display: flex; align-items: center; gap: 6px;}
.banner .bottom-list li span img{max-width: 20px;}

/* Trusted by growing businesses across India  */
.trusted-partners { padding-top: 50px;}
.trusted-logo-slider { visibility: hidden;}
.trusted-logo-slider.slick-initialized { visibility: visible;}
.trusted-logo-slider .slick-track { display: flex; align-items: center; justify-content: center;}
.trusted-logo-slider li { margin: 0 40px; width: 400px !important; text-align: center;}
.trusted-logo-slider li img { width: 100%;}
.trusted-partners p{margin-bottom: 30px;}

/* Everything Your Organization Needs to Operate */
.bg-color-1 { background: linear-gradient(to left, #F7F4FE, #eae3f9);}
.bg-color-2 { background: linear-gradient(to left, #F6FAF3, #f4ffec);}
.bg-color-3 { background: linear-gradient(to left, #FEF5F0, #fdeee6);}
.bg-color-4 { background: linear-gradient(to left, #F4FBFE, #e9f8fd);}
.bg-color-5 { background: linear-gradient(to left, #FAFAF3, #fbfbe2);}
.bg-color-6 { background: linear-gradient(to left, #F0FEF6, #e2fbed);}
.bg-color-7 { background: linear-gradient(to left, #FEF4FD, #f7e6f6);}
.bg-color-8 { background: linear-gradient(to left, #F7F3FA, #f4e5ff);}
.bg-color-9 { background: linear-gradient(to left, #F0F4FE, #e3eafb);}
.organization .main-column a { display: block; text-decoration: none;  position: relative; overflow: hidden; width: 100%;}
.organization { padding-top: 50px;}
.organization .main-column { display: flex; margin-bottom: 25px;}
.organize-box { border-radius: 5px; padding: 15px; height: 100%; width: 100%; padding-bottom: 0;}
.organization p{margin-bottom: 40px;}
.organize-box h3 { color: #000; font-size: 16px; font-weight: 600; margin-bottom: 0; max-width: 85%;}
.organize-box ul { margin: 0; width: 100%; padding-left: 15px; margin-bottom: 20px; min-height: 150px;}
.organize-box ul li { color: #000; font-size: 12px; font-weight: 500; margin-bottom: 8px; width: 48%; float: left;}
.organize-single-line ul li{ width: 100%;}
.organize-box .topbar-title { display: flex; align-items: center; margin-bottom: 20px;}
.organize-box .topbar-title .icon { width: 70px;}
.organize-box .topbar-title .text { width: 85%;}
.organize-box .corner-img { width: 100%; height: 130px;}
.organize-box .corner-img img { width: 100%; transition: 0.3s ease-in-out; height: 137px; object-fit: cover; object-position: top;}
.organization .main-column a:hover .corner-img img {  transform: scale(1.05);}
.organize-box .topbar-title .icon img { max-width: 50px; height: auto;}
.organize-box .top-fix-arrow { position: absolute; right: 15px; top: 15px; transform-origin: 0%; flex-flow: row; flex: none; justify-content: flex-end; align-items: center; width: 100%; height: 100%; transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); display: flex; height: 30px; width: 30px; border-radius: 50%;}
.organize-box .top-fix-arrow svg { max-width: 16px; height: auto;}
.organize-box .top-fix-arrow svg path { fill: #fff;}
.organize-box .top-fix-arrow .arrow { flex: none; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: .1em; font-size: 1.1em; transition: transform .8s cubic-bezier(.175, .885, .32, 1.275); transition-timing-function: linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1); display: flex; position: relative;}
.organize-box .top-fix-arrow .arrow:first-child{opacity: 0;}
.organization .main-column a:hover .top-fix-arrow .arrow { transform: translateX(100%);}
.organization .main-column a:hover .top-fix-arrow .arrow:first-child{ opacity: 1;}
.organization .main-column a:hover .top-fix-arrow .arrow:last-child{ opacity: 0;}
.organize-box.bg-color-1 .top-fix-arrow { background-color: #7413FC;}
.organize-box.bg-color-2 .top-fix-arrow { background-color: #37871B;}
.organize-box.bg-color-3 .top-fix-arrow { background-color: #F89E50;}
.organize-box.bg-color-4 .top-fix-arrow { background-color: #13B6FC;}
.organize-box.bg-color-5 .top-fix-arrow { background-color: #A6A614;}
.organize-box.bg-color-6 .top-fix-arrow { background-color: #25D5D5;}
.organize-box.bg-color-7 .top-fix-arrow { background-color: #F813FC;}
.organize-box.bg-color-8 .top-fix-arrow { background-color: #24179A;}
.organize-box.bg-color-9 .top-fix-arrow { background-color: #2563D5;}

/* From Hire to Grow - We've Got You Covered */
.hire-to-grow { padding-top: 40px;}
.hire-to-grow ul { margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hire-to-grow ul li { list-style: none; background-color: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 10px; width: 150px; position: relative; border-radius: 10px; transition: transform 0.3s ease;}
.hire-to-grow ul li:hover { transform: translateY(-5px);}
.hire-to-grow ul li::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -38px; background: url('../img/hire-to-grow-arrow.svg')no-repeat; height: 13px; width: 28px; background-size: 28px;}
.hire-to-grow ul li:last-child::before { display: none;}
.hire-to-grow ul li h3 { font-size: 18px; margin-bottom: 10px; font-weight: 600; color: #000; margin-top: 20px;}
.hire-to-grow ul li p { margin-bottom: 0; font-size: 14px; font-weight: 500;}
.hire-to-grow ul li img { max-width: 45px; height: auto;}

/* More Power with Integrated Solutions  */
.sub-title { text-align: center;}
.more-power-integrated { padding-top: 50px;}
.more-power-integrated h2 { margin-bottom: 10px;}
.more-power-integrated p{margin-bottom: 30px;}
.more-power-wordforce{background: url('../img/workforce-suite-bg.png') no-repeat; background-size: cover; padding: 50px 0;}
.more-power-wordforce .right-side img{width: 100%;}
.more-power-wordforce h3{font-size: 36px; color: #000; font-weight: 600; margin-bottom: 22px;}
.more-power-wordforce h3 span{font-size: 30px; display: block; background: linear-gradient( 90deg, #0177D5 0%, #763DDB 51%, #F3502A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.more-power-wordforce ul{margin: 0; padding: 0; margin-bottom: 30px;}
.more-power-wordforce ul li{list-style: none; margin-bottom: 12px; display: flex; align-items: flex-start; gap: 7px;}
.more-power-wordforce ul li .icon img{max-width: 16px; height: auto;}
.more-power-wordforce .bottom-btns{display: flex; gap: 20px; flex-wrap: wrap;}

/* Comprehensive Analytics  */
.comprehensive-analytics { padding-top: 50px;}
.analytic-box { background-color: #F7F3FA; border-radius: 10px; padding: 30px;}
.analytic-box img { width: 100%;}
.comprehensive-analytics p{margin-bottom: 30px;}

/* HRMS in Your Pocket  */
.hrms { padding-top: 50px;}
.hrms .row { align-items: center;}
.hrms h2 { text-align: left; margin-bottom: 10px;}
.hrms p { font-size: 20px; margin-bottom: 25px;}
.hrms ul li { margin-bottom: 10px;}
.hrms .play-store-buttons { display: flex; align-items: center; gap: 15px; margin-top: 35px;}
.hrms .play-store-buttons a { display: inline-block;}
.hrms .left-side { text-align: center;}
.hrms .left-side img { width: 100%; max-width: 75%;}
.hrms .play-store-buttons a img { transition: transform 0.3s ease;}
.hrms .play-store-buttons a:hover img { transform: translateY(-5px);}

/* Frequently Asked Questions  */
.faq { padding-top: 120px; padding-bottom: 40px;}
.accordion-item { border: 1px solid #999999 !important; border-radius: 8px !important; overflow: hidden; margin-bottom: 20px; box-shadow: none !important;}
.accordion-button { background: #fff !important; font-size: 18px; font-weight: 600; padding: 25px 20px; box-shadow: none !important; color: #000;}
.accordion-button:not(.collapsed) { color: #7413FC; background: #fff;}
.accordion-button:focus { box-shadow: none !important;}
.accordion-body { padding: 0 20px 25px; color: #000;}
.accordion-button::after { display: none;}
.accordion-button::before { content: "+"; position: absolute; right: 15px; font-size: 35px; font-weight: 300; line-height: 1;}
.accordion-button:not(.collapsed)::before { content: "−"; color: #7413FC;}

/* three-column-bottom-section  */
.three-column-bottom-section { padding-top: 50px;}
.three-column-bottom-section .column-box { padding: 20px; border-radius: 10px; background-color: #FDF4FF; flex-wrap: wrap; display: flex; align-items: flex-start;}
.three-column-bottom-section .column-box h2 { font-size: 16px; text-align: center; font-weight: 600; margin-bottom: 0; color: #592ECF; margin-top: 15px;}
.three-column-bottom-section .column-box h3 { font-size: 17px; font-weight: 600; margin-bottom: 15px;}
.three-column-bottom-section .column-box p {  font-size: 14px; margin-bottom: 10px;}
.three-column-bottom-section .column-box .left-icon { text-align: center; width: 28%;}
.three-column-bottom-section .column-box .left-icon img { max-width: 80px;}
.three-column-bottom-section .column-box .right-text { width: 72%; padding-left: 20px;}
.three-column-bottom-section .column-2 { background-color: #F1FFFA;}
.three-column-bottom-section .column-2 h2 { color: #47BD91;}
.three-column-bottom-section .column-3 { background-color: #FFF4ED;}
.three-column-bottom-section .column-3 h2 { color: #F56F1B;}
.three-column-bottom-section .col-lg-4 { display: flex;}
.three-column-bottom-section .bottom-box{width: 100%;}

/* Ready to Transform Your Workforce Management?  */
.workforce-management { padding-top: 50px;}
.wokforce-box { background-color: #4021B2; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; padding: 20px;}
.wokforce-box h2 { color: #fff; font-size: 30px; font-weight: 600; margin-bottom: 15px;}
.wokforce-box p { margin-bottom: 0; font-size: 15px; color: #fff;}
.wokforce-box .content-2 img { width: 100%;}
.wokforce-box .content-1 { width: 38%;}
.wokforce-box .content-2 { width: 38%;}
.wokforce-box .content-3 { width: 24%; text-align: center;}

/* common-banner  */
.common-banner h1, .feature-banner h1 { font-size: 36px; font-weight: 600; text-align: center; color: #000;}
.common-banner p, .feature-banner p { text-align: center;}
.inner-page-padding{padding-top: 120px;}

/* pricing  */
.pricing-module { padding-top: 50px;}
.pricing-module h2 { color: #000; font-size: 28px; font-weight: 600; text-align: center; max-width: 80%; margin: 0 auto; padding-bottom: 15px;}
.pricing-module .title-txt { color: #000; font-size: 15px; line-height: 20px; text-align: center; max-width: 85%; margin: 0 auto;}
.pricing-table { padding-top: 60px; overflow-y: auto;}
.pricing-table table { border: 0;}
.pricing-table table tr { border: 0;}
.pricing-table table td { border: 0; box-shadow: unset; padding: 10px 14px; min-width: 210px;}
.pricing-table table th { border: 0; padding: 10px 20px;}
.pricing-table table td h6 { color: #000; font-size: 15px; font-weight: 600;margin-bottom: 0;}
.pricing-table table td h6 span { color: #999999; font-weight: 400;}
.pricing-table table th h5 { font-size: 15px; color: #999999; margin-bottom: 0;}
.pricing-table table td h4 { font-size: 30px; color: #999999; margin-bottom: 0; position: relative;}
.pricing-table table td h4 span { font-size: 14px; position: absolute; top: 0; margin-left: 5px;}
.pricing-table table td h3 { font-size: 14px; color: #999999; margin-bottom: 0; font-weight: 600;}
.pricing-table table td p { font-size: 15px; color: #999999; margin-bottom: 0;}
.pricing-table table .active-plan { background-color: #7413FC}
.pricing-table table .active-plan p { color: #fff;}
.pricing-table table .active-plan h5,
.pricing-table table .active-plan h4 { color: #fff;}
.pricing-table table .active-plan svg path { fill: #fff;}
.pricing-table table .register-btn { font-size: 15px; text-decoration: none; font-weight: normal; color: #999999; border: 1px solid #999999; border-radius: 10px; display: block; width: 100%; text-align: center; padding: 9px 0;}
.pricing-table table .active-plan .register-btn { background-color: #fff; border-color: #fff; color: #000; font-weight: 600;}
.pricing-table table .register-btn:hover { background-color: #7413FC; color: #fff; border: 1px solid #7413FC}
.pricing-table table .active-plan .register-btn:hover { border-color: #fff; background-color: #fff; color: #000;}
.pricing-table table th.active-plan { border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pricing-table table .radius { border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}
.pricing-table table .pd-bottom { padding-top: 30px; padding-bottom: 30px;}
.pricing-table table .pd-top { padding-top: 30px; padding-bottom: 20px;}

/* contact page  */
.contact-page{ padding-top: 120px; padding-bottom: 40px;}
.contact-page h1{text-align: center; font-size: 36px; font-weight: 600; color: #000; text-align: center; margin-bottom: 20px;}
.contact-page p{text-align: center;}
.contact-box { display: flex; background: #fff; box-shadow: 0 0 33.3px #00000026; border-radius: 24px; margin-top: 50px;}
.contact-box .leftside {width: 32%;background: #7413FC; border-radius: 24px;padding-top: 50px;padding-left: 30px;padding-right: 30px;}
.contact-box .rightside {width: 68%;}
.contact-box ul{margin: 0; padding: 0;}
.contact-box ul li{list-style: none; margin-bottom: 15px;}
.contact-box ul li img { max-width: 20px; height: auto; position: relative; top: 4px;}
.contact-box h2{color: #fff; font-size: 26px; font-weight: 500;}
.contact-box h3{color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 40px;}
.contact-box ul li a{color: #fff; text-decoration: none; display: flex; align-items: flex-start;}
.contact-box ul li a span{margin-left: 10px;}
.contact-box .form-row p{margin-bottom: 30px;}
.contact-box .form-row input { background-color: #fff; border: 1px solid #000; border-radius: 5px; font-size: 16px; padding: 10px; width: 100%; margin-top: 5px;}
.contact-box .form-row textarea { background-color: #fff; max-height: 100px; border: 1px solid #000; border-radius: 5px; font-size: 16px; padding: 10px; width: 100%; margin-top: 5px; resize: none;}
.contact-box .form-row select { background-color: #fff; max-height: 100px; border: 1px solid #000; border-radius: 5px; font-size: 16px; padding: 10px; width: 100%; margin-top: 5px; resize: none;}
.contact-box .form-row .form-group {width: 48%;}
.contact-box .form-row .form-group.textarea{width: 100%;}
.contact-box .form-row {display: flex;flex-wrap: wrap; justify-content: space-between; position: relative;padding-top: 40px;padding-inline: 40px;}
.contact-box .captcha-box p img { max-width: 40px; cursor: pointer;}
.contact-box .form-row .submit { position: relative; width: 100%;}
.contact-box .form-row label{font-weight: 500; color: #000; text-align: left; width: 100%;}
.contact-box .captcha-box p {display: flex; align-items: center; gap: 15px;}
.contact-box .form-row input:focus, .contact-box .form-row textarea:focus,
.contact-box .form-row select:focus{outline: none; box-shadow: none; border-color: #7413FC;}
.contact-box .form-row br{display: none;}
.contact-box .form-row .iti { display: block; margin-top: 5px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.contact-box .form-row .submit p{text-align: left;}
.contact-box .form-row .submit input { color: #fff; font-weight: 600; text-align: center; display: inline-block; padding: 13px 25px; width: 150px; border-radius: 10px; cursor: pointer; border: 1px solid #7413FC; font-size: 15px; position: relative; background: #7413FC; z-index: 1; text-transform: uppercase; letter-spacing: 1px;}
.contact-box .form-row .submit input:hover {background-color: #fff; color: #7413FC;}
.contact-box .form-row .required-star {color: #d70909;}

/* blog page  */
.blog { padding-top: 50px;}
a.blog-items { text-decoration: none; display: flex; color: #000; margin-bottom: 50px;}
a.blog-items:hover { color: #000;}
.blog-img { max-width: 30%; padding: 0 15px;}
.blog-content { max-width: 70%; padding: 0 15px; display: flex; justify-content: center; flex-direction: column;}
.blog-content h2 { font-size: 28px; font-weight: 600; margin-bottom: 15px;}
.blog-content p { font-size: 15px; line-height: 20px;}
.blog-detail { padding-top: 140px; padding-bottom: 80px;}
.blog-detail h1 { color: #000; font-size: 50px; line-height: 60px; font-weight: 600; text-align: center; margin-bottom: 50px;}
.blog-detail img { width: 100%;}
.blog-detail p { font-size: 16px; margin-bottom: 0; margin-top: 20px;}
.blog .main-btn { text-align: center;}
.custom-btn { background-color: #7413FC; border-radius: 10px; text-decoration: none; color: #fff; padding: 10px 40px; display: inline-block; font-size: 15px; border: 1px solid #7413FC; transition: .2s ease-in-out; font-weight: 600;}
.custom-btn:hover { color: #7413FC; border: 1px solid #7413FC; background-color: transparent;}

/* Modules page  */
.innerpage-banner { background: url('../img/banner-img.png') no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 20px;}
.innerpage-banner .banner-img img { width: 100%;}
.innerpage-banner .row { align-items: center;}
.innerpage-banner h1{font-size: 20px; font-weight: 500; color: #7413FC; margin-bottom: 10px;}
.innerpage-banner h2 { font-size: 36px; font-weight: 600; margin-bottom: 20px;}
.innerpage-banner p { margin-bottom: 20px;}
.innerpage-banner .banner-buttons { display: flex; align-items: center; gap: 12px;}
.modules-blog-section{background:#F5F5F5; padding-bottom: 50px; padding-top: 50px;}
.modules-blog-section h2{text-align: left; margin-bottom: 0;}
.modules-blog-section .card-box{background-color: #fff; border-radius: 10px; padding: 15px; margin-top: 50px; transition: 0.4s ease-in-out;}
.modules-blog-section .card-box img{width: 100%;}
.modules-blog-section .card-box h3{font-size: 18px; margin-bottom: 15px; font-weight: 600; margin-top: 15px;}
.modules-blog-section .card-box p{font-size: 14px;}
.modules-blog-section .card-box:hover { box-shadow: 0 0px 8px -4px #000; transform: translateY(-10px);}
.modules-blog-section .card-box:hover h3{color: #7413FC;}
.modules-blog-section .col-lg-3.col-md-6{display: flex; flex-wrap: wrap}
.module-common-banner{padding-top: 30px;}
.page-template-module .go-top{display: none !important;}
.fixed-module-link { position: fixed; bottom: 20px; right: 20px;}
.fixed-module-link .module-menu {visibility: hidden; opacity: 0; transform: translateX(130%); transition: 0.2s ease-in-out; position: absolute; bottom: 50px; right: 20px; background: #fff; width: 336px; padding: 15px; padding-bottom: 7px; box-shadow: 0 0 7px -2px #7413FC; border-radius: 7px;}
.fixed-module-link .module-menu ul{margin: 0; padding: 0;}
.fixed-module-link .module-menu ul li{list-style: none;}
.fixed-module-link .module-menu ul li a{color: #000; text-decoration: none; font-size: 14px; font-weight: 500; display: inline-block; margin-bottom: 10px;}
.fixed-module-link .module-menu ul li a:hover{color: #7413FC;}
.fixed-module-link button{border: 0; border-radius: 50%; background-color: #7413FC; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}
.fixed-module-link button.open-module-menu img{max-width: 30px; height: auto;}
.fixed-module-link button.close-module-menu img{max-width: 20px; height: auto;}
.fixed-module-link button.close-module-menu{display: none;}
.fixed-module-link.module-menu-open .open-module-menu{display: none;}
.fixed-module-link.module-menu-open .close-module-menu{display: block;}
.fixed-module-link.module-menu-open .module-menu{visibility: visible; opacity: 1; transform: translateX(0);}
.fixed-module-link .module-tooltip { background-color: #000; color: #fff; font-size: 12px; text-align: center; border-radius: 4px; padding: 4px 8px;  min-width: 200px; position: absolute; right: 48px; bottom: 7px; visibility: hidden; opacity: 0; transition: 0.2s ease-in-out; z-index: 1000;}
.fixed-module-link .open-module-menu:hover .module-tooltip{visibility: visible; opacity: 1;}
.modules_feature .common-redirect{position: absolute; top: -90px}

/* ================ FEATURE / ACCORDION SECTION ================= */
.modules_feature .feature-inner{ display:flex; padding-bottom: 60px;}
.modules_feature .accordion-col{ width:34%; position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding-top: 100px;}
.modules_feature .accordion-viewport{ max-height:90vh;overflow:hidden; position:relative;}
.modules_feature .accordion-list{list-style:none; position:relative; will-change:transform;}
.modules_feature .content-col{ width:66%; padding-left:50px; }
.modules_feature .panel{ min-height:45vh; padding-top: 100px; box-sizing:border-box; display:flex; align-items:center;}
.modules_feature .panel-inner{ width:100%; background: #fff; padding: 20px; box-shadow: 0 0 7px -3px #000; border-radius: 8px;}
.modules_feature .panel-inner img{ width:100%;}
.modules_feature .common-h2{text-align: left; margin-bottom: 5px; font-size: 26px;}
.modules_feature .accordion-viewport ul{margin: 0; padding: 0;}
.modules_feature .accordion-viewport ul li{margin-bottom: 0;}
.modules_feature .accordion-viewport .tab-title img{max-width: 15px; margin-right: 5px;}
.modules_feature .accordion-viewport .tab-title{padding: 5px 15px; border-radius: 10px; display: inline-block; font-size: 13px; cursor: pointer;}
.modules_feature .accordion-viewport .tab-item.active .tab-title{background-color: #E4D0FF; }
.modules_feature .panel-inner h3{font-size: 20px; margin-bottom: 10px; margin-top: 15px; font-weight: 600;}
.modules_feature .panel-inner p{font-size: 14px; margin-bottom: 0;}
.modules_feature .accordion-viewport p{font-size: 14px;}

/* why surge  */
.banner .top-title{background-color: #E9E8FE; display: inline-block; color: #592ECF; text-transform: uppercase; font-size: 16px; font-weight: 500; border-radius: 5px; padding: 5px 15px; margin-bottom: 10px;}
.whysurge-counter{padding: 60px 0;}
.whysurge-counter .number-row{display: flex; flex-wrap: wrap; box-shadow: 0 0 7px -3px #000; border-radius: 10px; overflow: hidden; padding: 10px;}
.whysurge-counter h2{font-size: 22px; font-weight: 600; color: #7413FC;}
.whysurge-counter h3{font-size: 16px; font-weight: 600; color: #000; min-height: 40px;}
.whysurge-counter p{font-size: 14px; margin-bottom: 0;}
.whysurge-counter .counter-box{width: 16.66%; padding: 20px; border-right: 1px solid #eee;}
.whysurge-counter .counter-box img{max-width: 30px; margin-bottom: 10px;}
.whysurge-counter .counter-box:last-child{border-right: 0;}
.whysurge-counter .counter-box .dark-color{color: #25225F;}
.why-choose-surge .full-img{padding: 30px;}
.why-choose-surge .full-img img{width: 100%;}
.why-choose-surge .blue-box{background-color: #F7F5FE; border-radius: 10px;}
.why-choose-surge .orange-box{background-color: #FEF5F3; border-radius: 10px;}
.why-choose-surge .text ul{margin: 0; padding: 0;}
.why-choose-surge .text ul li{list-style: none;}
.why-choose-surge .text ul li img{max-width: 15px; margin-right: 10px;}
.why-choose-surge h3{font-size: 30px; font-weight: 600; margin-bottom: 20px; color: #000;}
.why-choose-surge .icon img{max-width: 50px;}
.why-choose-surge .rightbox{display: flex;}
.why-choose-surge .row{align-items: center; margin-bottom: 20px;}
.why-choose-surge .rightbox .icon{width: 12%;}
.why-choose-surge .rightbox .text{width: 88%;}
.why-choose-surge .orange-box .rightbox{padding-left: 50px;}
.why-switch-surge{padding: 60px 0;}
.why-switch-surge .switch-surge-row{background-color: #F7F7FD; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.why-switch-surge .switch-surge-row h3{font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.why-switch-surge .switch-surge-row ul{margin: 0; padding: 0;}
.why-switch-surge .switch-surge-row ul li{list-style: none; margin-bottom: 10px;}
.why-switch-surge .switch-surge-row ul li img{max-width: 15px; margin-right: 5px;}
.why-switch-surge .switch-surge-row ul li:last-child{margin-bottom: 0;}
.why-switch-surge .before-surge{padding: 50px;}
.why-switch-surge .after-surge{padding: 50px;}
.why-switch-surge .middle-circle{background-color: #fff; position: relative; border-radius: 50%; height: 301px; width: 301px; display: flex; align-items: center; justify-content: center;}
.why-switch-surge .middle-circle .middle-logo{z-index: 1; display: flex; align-items: center; justify-content: center; height: 75%; width: 75%; margin: 0 auto; background-color: #F6F3FE; border-radius: 50%;}
.why-switch-surge .middle-circle::before{content: ''; position: absolute; left: -88px; top: 50%; transform: translateY(-50%); width: 100%; height: 42px; background-image: url('../img/directional-right.svg'); background-repeat: no-repeat;}
.why-switch-surge .middle-circle::after{content: ''; position: absolute; left: 240px; top: 50%; transform: translateY(-50%); width: 100%; height: 42px; background-image: url('../img/directional-left.svg'); background-repeat: no-repeat;}
.whysurge-built .built-row{display: flex; align-items: center; flex-wrap: wrap; gap: 15px;}
.whysurge-built .built-box { background-color: #FCFBFF; border-radius: 10px; box-shadow: 0 0 7px -3px #939393; text-align: center; padding: 15px; width: 13.18%;}
.whysurge-built .built-box img{max-width: 50px;}
.whysurge-built .built-box h3{font-size: 18px; font-weight: 600; margin-bottom: 8px; margin-top: 14px; color: #25225F;}
.whysurge-built .built-box p{font-size: 14px; margin-bottom: 0;}

/* white label */
.whitelabel-banner h1 span{color: #592ECF;}
.whitelabel-banner .brand-list .list-box{display: flex; align-items: flex-start; margin-bottom: 20px;}
.whitelabel-banner .brand-list h4{font-size: 16px; font-weight: 600; color: #000; margin-bottom: 4px;}
.whitelabel-banner .brand-list h5{font-size: 15px; font-weight: 400; color: #000; margin-bottom: 0;}
.whitelabel-banner .brand-list .icon{width: 40px; margin-right: 10px;}
.whitelabel-banner .brand-list{margin-bottom: 30px;}
.white-labeling-process{padding: 60px 0;}
.white-labeling-process .common-h2{margin-bottom: 15px;}
.white-labeling-process p{text-align: center;}
.white-labeling-process .process-row{display: flex; flex-wrap: wrap; gap: 40px; margin-top: 35px;}
.white-labeling-process .process-box{width: 17.25%; box-shadow: 0 0 5px -3px #000; position: relative; border-radius: 10px; text-align: center; padding: 15px;}
.white-labeling-process .process-box h3{font-size: 18px; font-weight: 600; margin-top: 18px; margin-bottom: 10px;}
.white-labeling-process .process-box p{margin-bottom: 0;}
.white-labeling-process .process-box::before{content: ''; position: absolute; right: -28px; top: 50%; transform: translateY(-50%); background-image: url('../img/arrow2.svg'); background-repeat: no-repeat; height: 20px; width: 20px; background-size: cover;}
.white-labeling-process .process-box:last-child::before{display: none;}
.whitelabel-vs-saas{background-color: #F8F7FD; border-radius: 10px; padding: 30px;}
.whitelabel-vs-saas .common-h2{margin-bottom: 15px;}
.whitelabel-vs-saas p{text-align: center;}
.whitelabel-vs-saas .compare-row{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 40px;}
.whitelabel-vs-saas .compare-row .whitebox{transition: 0.4s ease-in-out; background-color: #fff; width: 30%;border-radius: 10px; box-shadow: 0 0 2px -2px #000;}
.whitelabel-vs-saas .compare-row .bluebox{transition: 0.4s ease-in-out; width: 39%; background-color: #592ECF; border-radius: 10px; overflow: hidden; box-shadow: 0 0 7px -3px #592ECF;}
.whitelabel-vs-saas .compare-row ul{margin: 0; padding: 0;}
.whitelabel-vs-saas .compare-row ul li{list-style: none; display: flex; padding: 12px 20px;}
.whitelabel-vs-saas .compare-row h3{max-width: 90%; margin: 0 auto; font-size: 18px; font-weight: 600; color: #25225F; padding: 15px 0;}
.whitelabel-vs-saas .compare-row .whitebox h3{border-bottom: 1px solid #eee;}
.whitelabel-vs-saas .compare-row .bluebox h3{ color: #fff;}
.whitelabel-vs-saas .compare-row .bluebox h3 span{margin-right: 5px;}
.whitelabel-vs-saas .compare-row .bluebox ul{background-color: #F9F7FE;}
.whitelabel-vs-saas .compare-row ul li span img{max-width: 22px; margin-right: 10px;}
.whitelabel-vs-saas .compare-row .bluebox li{border-bottom: 1px solid #eae7f3;}
.whitelabel-vs-saas .compare-row .whitebox:hover{transform: translateY(-10px);}
.whitelabel-vs-saas .compare-row .bluebox:hover{transform: translateY(-10px);}
.whitelabel-customize{padding: 60px 0;}
.whitelabel-customize .common-h2{margin-bottom: 15px;}
.whitelabel-customize p{text-align: center;}
.whitelabel-customize .customize-row{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.whitelabel-customize .customize-row .leftside{width: 25%;}
.whitelabel-customize .customize-row .rightside{width: 70%; box-shadow: 0 0 5px -3px #25225F; border-radius: 10px;}
.whitelabel-customize .single-box{display: flex; margin-bottom: 15px;}
.whitelabel-customize .single-box h3{font-size: 16px; font-weight: 600; color: #25225F; margin-bottom: 0;}
.whitelabel-customize .single-box .desc{font-size: 13px; margin-bottom: 0;}
.whitelabel-customize .single-box .icon img{max-width: 35px; margin-right: 10px;}
.whitelabel-customize .nav-link.active{background-color: #F4F1FE; color: #592ECF; font-weight: 600; }
.whitelabel-customize .nav-link{font-size: 14px; font-weight: 400; color: #25225F; text-align: left; padding: 5px 15px; margin-bottom: 10px;}
.whitelabel-customize .nav-link span svg{max-width: 20px; margin-right: 6px;}
.whitelabel-customize .nav-link.active svg path{fill: #592ECF;}
.whitelabel-customize .rightside .nav{padding: 20px; border-right: 2px solid #eee; width: 30%;}
.whitelabel-customize .tab-content{padding: 0 20px; width: 70%;}
.whitelabel-customize .tab-content h4{font-size: 20px; padding-top: 18px; padding-bottom: 15px; font-weight: 600; color: #25225F; border-bottom: 1px solid #eee;}
.whitelabel-testimonial{background-color: #F8F7FD; border-radius: 10px; padding: 30px; display: flex; flex-wrap: wrap; align-items: center;}
.whitelabel-testimonial h2{color: #25225F; font-size: 24px; font-weight: 600; margin-bottom: 5px;}
.whitelabel-testimonial p{font-size: 14px; color: #25225F; font-weight: 500;}
.whitelabel-testimonial .lefttext{width: 60%; padding-right: 50px;}
.whitelabel-testimonial .righttext{width: 40%;}
.whitelabel-testimonial .count-number{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.whitelabel-testimonial .count-number h3{font-size: 30px; color: #7413FC; font-weight: 700;}
.whitelabel-testimonial .count-number h4{font-size: 13px; font-weight: 500; margin-bottom: 0;}
.whitelabel-testimonial .testimonial-slider{background-color: #fff; border-radius: 10px; padding: 40px;}
.whitelabel-testimonial .testimonial-slider h5{font-size: 15px; color: #25225F; font-weight: 500; margin-top: 15px; margin-bottom: 15px;}
.whitelabel-testimonial .testimonial-slider h6{font-size: 13px; font-weight: 600; margin-bottom: 0;}
.whitelabel-testimonial .testimonial-slider .user{display: flex; align-items: center; justify-content: space-between;}
.whitelabel-testimonial .testimonial-slider .user img{height: 60px; width: 60px; border-radius: 50%;}
.whitelabel-testimonial .testimonial-slider .slick-arrow{display: none !important;}
.whitelabel-customize .tab-content p{text-align: left; font-size: 13px;}
.whitelabel-customize .tab-content img{width: 100%;}
.whitelabel-customize .tab-content .built-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 15px;}
.whitelabel-customize .tab-content .built-box { background-color: #FCFBFF; border-radius: 10px; box-shadow: 0 0 7px -3px #939393; text-align: center; padding: 10px; width: 23.5%;}
.whitelabel-customize .tab-content .built-box img { max-width: 35px;}
.whitelabel-customize .tab-content .built-box h3 { font-size: 14px; font-weight: 600; margin-bottom: 8px; margin-top: 12px; color: #25225F;}
.whitelabel-customize .tab-content .built-box p { font-size: 12px; margin-bottom: 0; text-align: center;}

/* Media Query */
@media(min-width: 1200px) { .container { max-width: 1200px !important; }}
@media (max-width: 1199px) {
    .navbar-nav { gap: 13px;}
    .blue-btn, .white-btn { padding: 10px 15px; font-size: 14px; padding-right: 40px;}
    .blue-btn::after, .white-btn::after { right: 14px; }
    .navbar-nav li a, .footer .footer-menu li a, .footer p, .footer .copyright ul li a { font-size: 14px;}
    .banner h1, .common-h2 { font-size: 30px;}
    .banner .bottom-list { flex-wrap: wrap; }
    .trusted-logo-slider li { margin: 0 25px;}
    .hire-to-grow ul { gap: 40px; }
    .hire-to-grow ul li { width: 230px;}
    .hire-to-grow ul li::before { right: -78px; height: 30px; width: 40px; background-size: 40px;background-position: center;}
    .hire-to-grow ul li:nth-child(3)::before {  display: none; }
    .pricing-table table td:first-child {min-width: 290px; position: sticky; left: 0px;  z-index: 1;  background-color: #fff;}
    .pricing-table table th:first-child { min-width: 290px; position: sticky; left: 0px; z-index: 1; background-color: #fff;}
    .innerpage-banner h1{font-size: 18px;}
    .innerpage-banner h2 {font-size: 30px;}
    .whysurge-counter h2{font-size: 18px;}
    .why-choose-surge .rightbox .text { width: 85%;}
    .why-choose-surge .rightbox .icon { width: 15%;}
    .why-switch-surge .before-surge { padding: 40px; width: 35%;}
    .why-switch-surge .after-surge { padding: 40px; width: 35%;}
    .why-switch-surge .middle-circle { height: 240px; width: 240px;}
    .why-switch-surge .middle-circle::before {left: -35px;}
    .why-switch-surge .middle-circle::after { left: 126px;}
    .whysurge-built .built-box { width: 23.75%;}
    .white-labeling-process .process-box { width: 16.55%;}
    .whitelabel-vs-saas .compare-row .bluebox { width: 38.7%;}
    .whitelabel-vs-saas .compare-row .bluebox li div{display: contents;}
    .whitelabel-customize .nav-link { padding: 5px 10px; display: flex; align-items: center;}
    .whitelabel-customize .rightside .nav { padding: 14px;}
    .whitelabel-testimonial .count-number .number-box { width: 25%;}
    .whitelabel-customize .tab-content .built-box{width: 31.7%;}
}
@media (max-width: 991px) {
    .mobile { display: block;}
    .desktop {  display: none;}
    .navbar { padding: 10px 0;}
    .navbar .schedule-demo { margin-top: 30px;}
    .navbar-collapse { position: fixed; top: 72px; left: 0; right: 0; z-index: 11; height: 100%; background: #fff; padding: 15px 40px; display: block !important; transform: translateX(100%); transition: 0.1s linear;}
    .navbar .navbar-collapse.show { transform: translateX(0) !important;}
    .navbar-nav li a { margin-bottom: 5px; display: inline-block;}
    .banner h1, .banner p { text-align: center;}
    .banner .banner-buttons,
    .banner .bottom-list {  justify-content: center;}
    .hire-to-grow ul li { width: 170px; }
    .hire-to-grow ul li::before { right: -64px; }
    .analytic-box { padding: 15px; }
    .hrms .left-side img { max-width: 90%;}
    .faq-wrapper { grid-template-columns: 1fr; gap: 0;}
    .three-column-bottom-section .row { gap: 20px;}
    .three-column-bottom-section .column-box .left-icon { width: 20%;}
    .three-column-bottom-section .column-box .right-text { width: 80%;}
    .wokforce-box .content-1,
    .wokforce-box .content-2,
    .wokforce-box .content-3 { width: 100%; text-align: center;}
    .wokforce-box h2 { font-size: 26px;}
    .wokforce-box { padding: 15px; gap: 15px;}
    .blog-content { max-width: 60%; }
    .blog-img { max-width: 40%;}
    .blog { padding-bottom: 60px; padding-top: 60px;}
    .blog-content h2 { font-size: 24px; line-height: 28px;}
    a.blog-items { margin-bottom: 25px; }
    .blog-detail h1 { font-size: 32px; line-height: 40px; }
    .blog-detail { padding-top: 110px;  padding-bottom: 60px; }
    .innerpage-banner .banner-buttons{margin-bottom: 15px;}
    .modules-blog-section .card-box { margin-top: 25px;}
    .modules-blog-section h2 { text-align: center; margin-bottom: 20px;}
    .modules-blog-section p:first-child{text-align: center;}
    .more-power-wordforce h3{font-size: 30px;}
    .more-power-wordforce h3 span{font-size: 22px;}
    .more-power-wordforce{background-position: right;}
    .contact-box .leftside{width: 100%; padding: 20px;}
    .contact-box .rightside{width: 100%;}
    .contact-box{display: block;}
    .contact-box ul li a br{display: none;}
    .contact-box h3 { margin-bottom: 30px;}
    .contact-box .form-row {padding-top: 30px; padding-inline: 20px;}
    .trusted-partners p br, .organization p br{display: none;}
    .modules_feature .feature-inner{ flex-direction:column; }
    .modules_feature .accordion-col{ width:100%; position:static; height:auto; display:block; padding-top: 75px; }
    .modules_feature .accordion-viewport{ max-height:none; }
    .modules_feature .accordion-viewport::-webkit-scrollbar{ display:none; }
    .modules_feature .content-col{ width:100%; padding-left:0; }
    .modules_feature .panel{ display:none; min-height:0; padding:28px 0;}
    .modules_feature .panel.is-visible{ display:flex; }
    .banner .top-title { margin-inline: auto; display: block; max-width: 130px; text-align: center;}
    .whysurge-counter .counter-box { width: 33.33%; margin-bottom: 15px;}
    .whysurge-counter .counter-box:nth-child(3){border-right: 0;}
    .why-choose-surge .full-img { padding: 20px;}
    .why-choose-surge .rightbox { padding: 25px 15px;}
    .why-choose-surge .rightbox .icon { width: 10%;}
    .why-choose-surge .rightbox .text { width: 90%;}
    .why-choose-surge .orange-box .row{flex-direction: column-reverse;}
    .why-switch-surge .before-surge, .why-switch-surge .after-surge { padding: 25px; width: 100%; text-align: center;}
    .whysurge-built .built-box { width: 31.80%;}
    .why-switch-surge .middle-circle { height: 200px; width: 200px; margin: 40px auto;}
    .why-switch-surge .middle-circle::before { left: 0; top: 30px; transform: rotate(90deg);}
    .why-switch-surge .middle-circle::after { left: 0; top: unset; transform: rotate(90deg); bottom: -24px;}
    .why-choose-surge .orange-box .rightbox { padding-left: 15px;}
    .why-switch-surge .middle-circle .middle-logo img {width: 100%; max-width: 70%;}
    .whitelabel-banner .brand-list{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 15px;}
    .whitelabel-banner .brand-list .list-box { width: 100%; justify-content: center;}
    .white-labeling-process .process-box { width: 29.4%;}
    .white-labeling-process .process-box:nth-child(3)::before{display: none;}
    .whitelabel-vs-saas .compare-row .whitebox{width: 100%;}
    .whitelabel-vs-saas .compare-row .bluebox{width: 100%; margin: 15px 0;}
    .whitelabel-vs-saas .compare-row .whitebox:hover,
    .whitelabel-vs-saas .compare-row .bluebox:hover { transform: translateY(0);}
    .whitelabel-customize .customize-row .leftside { width: 100%;}
    .whitelabel-customize .customize-row .rightside { width: 100%; margin-top: 20px;}
    .whitelabel-testimonial .lefttext { width: 100%; padding-right: 0;}
    .whitelabel-testimonial .righttext { width: 100%; margin-top: 20px;}
    .whitelabel-customize .tab-content .built-box p { min-height: 54px;}
}
@media (max-width: 767px) {
    .navbar-collapse { padding: 15px;}
    .footer .footer-logo p { width: 100%;}
    .footer #footer-search { font-size: 14px;}
    .footer .copyright p { text-align: center;}
    .footer .footer-menu .col-6 { margin-top: 10px;}
    .footer { margin-top: 35px;}
    .footer .footer-stay-update{ margin-top: 20px;}
    .footer h3 { font-size: 16px; margin-bottom: 10px;}
    .footer .copyright { margin-top: 30px;}
    .footer .copyright ul { justify-content: center; margin-top: 10px; }
    .banner h1, .common-h2 { font-size: 26px; }
    .banner { padding-top: 110px;  padding-bottom: 30px;}
    .banner .banner-buttons{gap: 12px; flex-wrap: wrap; margin-bottom: 10px;}
    .banner .bottom-list { margin-bottom: 10px;}
    .trusted-partners, .organization, .more-power-integrated, .comprehensive-analytics, .hrms, .three-column-bottom-section, .workforce-management { padding-top: 35px;}
    .trusted-logo-slider li { margin: 0 20px;}
    .hire-to-grow { padding-top: 20px;}
    .hire-to-grow ul {gap: 20px;}
    .hire-to-grow ul li::before { display: none;}
    .hire-to-grow ul li { width: 47%; }
    .hrms .left-side img { max-width: 100%;}
    .hrms h2 {  margin-top: 40px;}
    .hrms p { font-size: 18px;margin-bottom: 20px; }
    .accordion-button { padding: 20px; font-size: 16px; padding-right: 25px; }
    .accordion-button::before { right: 8px; font-size: 24px;}
    .three-column-bottom-section .column-box .left-icon img { max-width: 65px;}
    .pricing-table table td:first-child,.pricing-table table th:first-child { min-width: 200px; } .pricing-table table td h6, .pricing-table table td p, .pricing-table table td h3 {  font-size: 12px;}
    .pricing-table table td h4 span { font-size: 12px;margin-left: 4px;}
    .pricing-table table td h4 { font-size: 22px; }
    .pricing-module { padding-top: 35px;}
    .pricing-table table .register-btn { font-size: 14px;width: 80%; padding: 8px 0;}
    .blog-detail p { text-align: justify; }
    a.blog-items { flex-direction: column; }
    .blog-img { max-width: 100%; }
    .blog-content { max-width: 100%;}
    .blog-content h2 { font-size: 18px; margin-bottom: 8px; margin-top: 12px; line-height: 25px;}
    .blog-content p { text-align: justify; }
    .main-btn {  margin-top: 0; }
    .blog { padding-top: 50px; padding-bottom: 50px;}
    a.blog-items { margin-bottom: 30px;}
    .blog-detail h1 { font-size: 26px; line-height: 30px;}
    .vis-5-contect h2 { font-size: 26px;}
    .innerpage-banner h1{font-size: 16px;}
    .innerpage-banner h2 { font-size: 26px; text-align: center;}
    .organize-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .more-power-wordforce h3 { font-size: 26px;}
    .more-power-wordforce h3 span { font-size: 20px;}
    .more-power-wordforce .bottom-btns { margin-bottom: 30px;}
    .more-power-wordforce { padding: 30px 0;}
    .faq { padding-top: 100px; padding-bottom: 10px;}
    .contact-box .form-row .form-group { width: 100%;}
    .contact-box .captcha-box p { gap: 5px;}
    .banner .top-title{font-size: 14px;}
    .whysurge-counter .counter-box { width: 50%; }
    .whysurge-counter .counter-box:nth-child(even){border-right: 0;}
    .whysurge-counter .counter-box:nth-child(3) {border-right: 1px solid #eee;}
    .whysurge-counter { padding: 40px 0;}
    .why-choose-surge h3 { font-size: 26px;}
    .why-choose-surge .rightbox .icon { width: 20%;}
    .why-choose-surge .rightbox .text { width: 80%;}
    .why-switch-surge { padding: 40px 0;}
    .whysurge-built .built-box { width: 47.8%;}
    .whysurge-built .built-box p { min-height: 63px;}
    .white-labeling-process .process-box { width: 48%;}
    .white-labeling-process .process-box::before{display: none;}
    .white-labeling-process .process-box p { font-size: 14px;}
    .white-labeling-process .process-row { gap: 15px; margin-top: 25px;}
    .whitelabel-testimonial .testimonial-slider { padding: 15px;}
    .whitelabel-testimonial .count-number h3 { font-size: 22px;}
    .whitelabel-testimonial .count-number h4 { font-size: 12px; padding-right: 10px;}
    .whitelabel-customize .customize-row .rightside .d-flex{display: block !important;}
    .white-labeling-process, .whitelabel-customize { padding: 40px 0;}
    .whitelabel-vs-saas, .whitelabel-testimonial { padding: 20px;}
    .whitelabel-customize .rightside .nav{width: 100%;}
    .whitelabel-customize .tab-content { padding: 0px 15px; width: 100%;}
    .whitelabel-customize .tab-content .built-box { width: 31.33%;}
    .whitelabel-customize .tab-content .built-box p { min-height: 72px;}
    .whitelabel-customize .tab-content .built-box h3 { font-size: 13px;}
    .whitelabel-testimonial .testimonial-slider .user img { height: 50px; width: 50px;}
    .whitelabel-testimonial .testimonial-slider h5 { font-size: 14px; line-height: 22px;}
    .modules_feature .accordion-col,.module-common-banner { padding-top: 30px;}
    .modules_feature .feature-inner{padding-bottom: 0;}
    .modules-blog-section {padding-bottom: 30px; padding-top: 30px;}
}