.surge-banner p{max-width: 90%;}
.surge-banner .orange-btn{background-color: #fff; color: #000; border: 1px solid #7413FC; padding: 9.88px 40px; display: flex; align-items: center; width: fit-content;}
.surge-banner .orange-btn img{max-width: 92px; margin-left: 10px;}
.surge-banner .orange-btn svg path{fill: #000;}
.bg-color-1 { background: linear-gradient(to left, #eee7ff, #f4f2f9);}
.bg-color-2 { background: linear-gradient(to left, #d2e5c3, #e4f3db);}
.bg-color-3 { background: linear-gradient(to left, #ffe4d6, #efdddd);}
.bg-color-4 { background: linear-gradient(to left, #b6d3dde6, #cad8dde6);}
.bg-color-5 { background: linear-gradient(to left, #dfdfba, #e5e5ce);}
.bg-color-6 { background: linear-gradient(to left, #c4ddcf, #e2f1e9);}
.bg-color-7 { background: linear-gradient(to left, #d3b1d1, #e3cee2);}
.bg-color-8 { background: linear-gradient(to left, #c7b0d7, #e0d0eb);}
.bg-color-9 { background: linear-gradient(to left, #a5b5dd, #c7d2eb);}
.organization .main-column a { display: block; text-decoration: none; position: relative; overflow: hidden; width: 100%;}
.organization { padding-top: 50px;}
.common-h2 { color: #000; font-weight: 600; text-align: center; font-size: 36px; margin-bottom: 30px; font-family: 'Rubik';}
.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; font-family: 'Poppins';}
.organize-box h3 { color: #000; font-size: 16px; font-family: 'Poppins'; 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 {list-style: disc; color: #000; font-size: 12px; font-family: 'Poppins'; 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;}
.organize-box.bg-color-7 ul, .organize-box.bg-color-8 ul, .organize-box.bg-color-9 ul{ min-height: 90px;}
.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: 220px; 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: -40px; background: url('../fullsite/product/product-img/surge/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-family: 'Poppins'; font-weight: 600; color: #000; margin-top: 20px;}
.hire-to-grow ul li p { margin-bottom: 0; font-size: 14px; font-weight: 500; font-family: 'Poppins';}
.hire-to-grow ul li img { max-width: 45px; height: auto;}

.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; font-family: 'Poppins';}
.more-power-wordforce{background: url('../fullsite/product/product-img/surge/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; font-family: 'Poppins'; 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; font-family: 'Poppins';}
.more-power-wordforce ul li .icon img{max-width: 16px; height: auto;}
.more-power-wordforce .bottom-btns{display: flex; gap: 20px; flex-wrap: wrap;}
.image-link-wrapper { position: relative; width: 100%;}
.image-link-wrapper img { display: block; width: 100%; height: auto;}
.image-link { position: absolute; display: block; z-index: 2;}
.link-top { left: 32%; top: 0.1%; width: 36.3%; height: 22%;}
.link-left { left: 1.8%;top: 36%; width: 27%; height: 34.5%;}
.link-right { left: 70.5%; top: 36%; width: 27.5%; height: 34.5%;}
.link-center { left: 36.5%; top: 36%; width: 27.5%; height: 34.5%;}
.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; text-decoration: none;}
.blue-btn:hover::before { width: 350px; height: 350px;}
.blue-btn::after { content: ''; background: url('../fullsite/product/product-img/surge/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('../fullsite/product/product-img/surge/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; text-decoration: none;}
.white-btn:hover::before { width: 350px; height: 350px;}
.white-btn::after { content: ''; background: url('../fullsite/product/product-img/surge/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('../fullsite/product/product-img/surge/link-redirect-arrow-white.svg') no-repeat;}

/* 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; font-family: 'Poppins';}

/* HRMS in Your Pocket  */
.hrms { padding-top: 50px;}
.hrms .row { align-items: center;}
.hrms h2 { text-align: left; margin-bottom: 10px; font-family: 'Poppins';}
.hrms p { font-size: 20px; margin-bottom: 25px; font-family: 'Poppins';}
.hrms ul{padding-left: 32px;}
.hrms ul li { margin-bottom: 10px; font-family: 'Poppins'; list-style: disc;}
.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);}

/* three-column-bottom-section  */
.three-column-bottom-section { padding-top: 50px;}
.three-column-bottom-section .column-box { padding: 18px; 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; font-family: 'Poppins'; margin-bottom: 0; color: #592ECF; margin-top: 15px;}
.three-column-bottom-section .column-box h3 { font-size: 17px; font-weight: 600; font-family: 'Poppins'; margin-bottom: 15px;}
.three-column-bottom-section .column-box p {  font-size: 14px; margin-bottom: 10px; font-family: 'Poppins';}
.three-column-bottom-section .column-box .left-icon { text-align: center; width: 28%; position: unset;}
.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; padding: 20px;}
.wokforce-box .container{display: flex; flex-wrap: wrap; align-items: center; }
.wokforce-box h2 { color: #fff; font-size: 30px; font-family: 'Poppins'; font-weight: 600; margin-bottom: 15px;}
.wokforce-box p { margin-bottom: 0; font-size: 15px; font-family: 'Poppins'; 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;}

/* Frequently Asked Questions  */
.faq { padding-top: 70px; padding-bottom: 20px;}
.faq .accordion{margin-bottom: 35px;}
.faq .accordion-item { border: 1px solid #999999 !important; border-radius: 8px !important; overflow: hidden; margin-bottom: 20px; box-shadow: none !important;}
.faq .accordion-button { border: 0; font-family: 'Poppins'; width: 100%; text-align: left; position: relative; background: #fff !important; font-size: 16px; font-weight: 600; padding: 14px 20px; box-shadow: none !important; color: #000;}
.faq .accordion-button:not(.collapsed) { color: #7413FC; background: #fff;}
.faq .accordion-button:focus { box-shadow: none !important;}
.faq .accordion-body { padding: 0 20px 25px; color: #000; font-size: 15px;}
.faq .accordion-button::after { display: none;}
.faq .accordion-button::before { content: "+"; position: absolute; right: 10px; top: 7px; font-size: 35px; font-weight: 300; line-height: 1;}
.faq .accordion-button:not(.collapsed)::before { content: "-"; color: #7413FC;}
.faq .faq-heading-title{text-align: center; font-size: 26px; font-family: 'Poppins'; font-weight: 600; margin-bottom: 10px;}
.faq .accordion-item .accordion-header{margin: 0;}
.faq .accordion-item p{margin-bottom: 0; font-family: 'Poppins';}

@media(max-width: 1599px){
    .hire-to-grow ul li { width: 160px;}   
    .hire-to-grow ul li::before { right: -35px;}
}
@media(max-width: 1199px){
    .hire-to-grow ul li{width: 230px;}
    .hire-to-grow ul { gap: 40px;}
    .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;}
}
@media(max-width: 991px){
    .hire-to-grow ul li{width: 170px;}
    .hire-to-grow ul li::before { right: -64px;}
    .wokforce-box .content-1 { width: 100%; text-align: center;}
    .wokforce-box .content-2 { width: 100%; margin: 15px 0;}
    .wokforce-box .content-3 { width: 100%;}
    .faq .accordion-button { padding-right: 35px;}
}
@media(max-width: 767px){
    .common-h2, .more-power-wordforce h3 { font-size: 26px; margin-bottom: 20px;}
    .organize-box ul { min-height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .hire-to-grow ul li { width: 46%;}
    .hire-to-grow ul li::before{display: none;}
    .hire-to-grow ul { gap: 20px;}
    .more-power-wordforce h3 span{font-size: 26px;}
    .blue-btn, .white-btn { padding: 10px 12px; font-size: 14px; padding-right: 45px;}
    .more-power-wordforce .bottom-btns { margin-bottom: 20px;}
    .hrms h2 { margin-top: 40px;}
    .hrms p { font-size: 16px;}
    .wokforce-box h2 { font-size: 26px;}
    .faq { padding-top: 40px; padding-bottom: 10px;}
    .faq .faq-heading-title { font-size: 22px;}
    .faq .accordion-button::before { top: 11px; font-size: 26px;}
    .faq .accordion-button { font-size: 14px;}
    .surge-banner p { max-width: 100%;}
    .three-column-bottom-section .column-box .right-text { width: 82%; padding-left: 10px;}
    .three-column-bottom-section .column-box .left-icon { width: 18%;}
    .three-column-bottom-section .column-box .left-icon img { max-width: 50px;}
    .surge-banner .orange-btn { padding: 8.62px 25px !important; margin-inline: auto;}
    .surge-banner .orange-btn img { max-width: 70px;}
    .new-inner-first-section .mt-60 { margin-top: 0 !important;}
    .new-inner-banner-section {padding-bottom: 65px !important;}
    .new-inner-banner-section.product-innerpage-banner { height: 665px !important;}
}