@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: 10px; bottom: 75px; 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;}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * { scrollbar-width: thin; scrollbar-color: #7413FC #ffffff;}
  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {width: 1px;}
  *::-webkit-scrollbar-track {background: #ffffff; border-radius: 10px;}
  *::-webkit-scrollbar-thumb {background-color: #7413FC; border-radius: 10px;}


/* 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; padding: 22px 0 !important;}
.navbar-nav li a:hover,
.navbar-nav .current-menu-item a,
.navbar-nav .parent-menu-item .nav-link { color: #7413FC;}
.navbar-nav li a::after,
.navbar-nav .parent-menu-item .nav-link::after { content: ''; background-color: #7413FC; height: 1px; width: 0; opacity: 0; visibility: hidden; position: absolute; bottom: 12px; left: 0; transition: 0.4s ease-in-out;}
.navbar-nav li a:hover::after,
.navbar-nav .current-menu-item a::after,
.navbar-nav .parent-menu-item .nav-link::after { opacity: 1; width: 100%; visibility: visible;}
.navbar-toggler.collapsed { border: 0; padding: 0; background: url('../img/menu.png') no-repeat; height: 50px; width: 50px; background-size: cover;}
.navbar-toggler { background: url('../img/close.png') no-repeat; height: 50px; width: 50px; background-size: 20px; background-position: center;}
.navbar-nav .sub-menu { display: flex; flex-wrap: wrap; background: #fff; width: 100%; position: absolute; left: 0; right: 0; top: 80px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 10; padding: 20px; gap: 10px; max-width: 1180px; margin-inline: auto; visibility: hidden; opacity: 0; transition: 0.3s ease-in-out;}
.navbar-nav .sub-menu li{ width: 32.15%; padding: 15px;}
.navbar-nav .sub-menu li a{ display: flex; gap: 15px; padding: 0 !important;}
.navbar-nav .sub-menu li .icon img { max-width: 40px; position: relative; top: 3px;}
.navbar-nav .sub-menu li p { font-size: 12px; margin: 0; font-weight: 400; color: #6a6a6a;}
.navbar-nav .sub-menu li span { font-size: 13px; font-weight: 600; margin-bottom: 4px; display: block;}
.navbar-nav .sub-menu a::after{display: none;}
.navbar-nav li:hover .sub-menu{ visibility: visible; opacity: 1;}

/* footer  */
.footer { margin-top: 50px;}
.footer p { margin-bottom: 0; color: #000; font-size: 15px;}
.footer p a { color: #000; text-decoration: none;}
.footer p a:hover { color: #7413FC;}
.footer h3 { color: #000; font-size: 17px; font-weight: 600; margin-bottom: 15px;}
.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: 15px; transition: 0.4s ease-in-out; font-size: 14px;}
.footer .footer-menu li a:hover { color: #7413FC; transform: translateX(5px);}
.footer .footer-logo a { display: inline-block; margin-bottom: 10px;}
.footer .footer-logo p { margin-bottom: 15px;  width: 100%; color: #000; font-size: 13px;}
.footer .social-media { display: flex; align-items: center; gap: 20px;}
.footer .social-media a { display: inline-block;}
.footer .social-media a img { max-width: 17px; 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 .copyright p{text-align: center;}
.footer-stay-update p { margin-bottom: 15px; color: #000; font-size: 13px;}
.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; font-size: 15px;}
.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;}
.footer-module-menu ul { display: flex; flex-wrap: wrap;}
.footer-module-menu ul li { width: 33.33%;}

/* 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; padding: 0;}
.trusted-logo-slider .slick-track { display: flex; align-items: center; justify-content: center;}
.trusted-logo-slider li { margin: 0 40px; width: 160px !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, #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;}
.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;}
.organize-box.bg-color-7 ul, .organize-box.bg-color-8 ul, .organize-box.bg-color-9 ul{ min-height: 90px;}

/* 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: 5px;}
.faq .accordion{margin-bottom: 35px;}
.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: 16px; font-weight: 600; padding: 14px 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; font-size: 15px;}
.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;}
.faq .faq-heading-title{text-align: center; font-size: 28px; font-weight: 600; margin-bottom: 10px;}

/* 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; padding: 20px;}
.wokforce-box .container{display: flex; flex-wrap: wrap; align-items: center; }
.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;}

/* 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 .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;}
.contact-box .captcha-box{display: flex; align-items: center; gap: 15px; margin-bottom: 15px;}
.contact-box .captcha-box p{margin-bottom: 0 !important;}
.contact-box .captcha-box .wpcf7-not-valid-tip{position: absolute;}
.contact-box .captcha-box input{width: 100% !important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
/* Firefox */
.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: 16px; margin-bottom: 10px; font-weight: 600; margin-top: 15px;}
.modules-blog-section .card-box p{font-size: 13px;}
.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}
.fixed-module-link { position: fixed; bottom: 20px; left: 20px; z-index: 1; width: fit-content;}
.fixed-module-link .module-menu {visibility: hidden; opacity: 0; transform: translateX(-110%); transition: 0.2s ease-in-out; position: absolute; bottom: 65px; left: 10px; 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: 50px; width: 50px; 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; left: 55px; bottom: 15px; 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}
.fixed-module-link .module-menu ul li.active{color: #7413FC; font-size: 14px; font-weight: 500; margin-bottom: 10px;}
/* .submenu-page .go-top{display: none !important;} */

/* ================ 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; font-weight: 600;}
.modules_feature .panel-inner p{font-size: 14px;}
.modules_feature .accordion-viewport p{font-size: 14px;}
.modules_feature .for-mobile{display: none;}

/* 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: 14px; font-weight: 600; color: #000; }
.whysurge-counter p{font-size: 13px; 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;}
.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; }
.why-switch-surge .switch-surge-row .container{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: -85px; top: 50%; transform: translateY(-50%); width: 40%; height: 42px; background-image: url('../img/directional-left.svg'); background-repeat: no-repeat; background-position: right;}
.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: 7px; width: 11.38%;}
.whysurge-built .built-box img{max-width: 35px;}
.whysurge-built .built-box h3{font-size: 16px; font-weight: 600; margin-bottom: 8px; margin-top: 14px; color: #25225F;}
.whysurge-built .built-box p{font-size: 12px; margin-bottom: 0; min-height: 90px;}

/* 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; 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: 20px; margin-right: 10px; position: relative; top: -1px;}
.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-top: 60px;}
.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: 100%; display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 40px;}
.whitelabel-customize .customize-row .rightside{width: 100%; box-shadow: 0 0 5px -3px #25225F; border-radius: 10px;}
.whitelabel-customize .single-box{width: 18.94%; box-shadow: 0 0 5px -3px #000; position: relative; border-radius: 10px; text-align: center; padding: 15px;}
.whitelabel-customize .single-box h3{font-size: 16px; font-weight: 600; color: #25225F; margin-bottom: 8px;}
.whitelabel-customize .single-box .desc{font-size: 13px; margin-bottom: 0;}
.whitelabel-customize .single-box .icon img{max-width: 40px; margin-bottom: 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 span svg path{fill: #000000;}
.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 h5{font-size: 15px; font-weight: 600; color: #000000; margin-top: 10px;}
.whitelabel-testimonial{background-color: #F8F7FD; padding: 30px; }
.whitelabel-testimonial .container{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: 12px;}
.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: 30px;}
.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: 11px; margin-bottom: 0; text-align: center; min-height: 50px;}

.viewdemo-modal .modal-dialog { max-width: 900px; margin: 0 auto; height: 100%;}
.viewdemo-modal .modal-content { position: absolute; top: 50%; transform: translateY(-50%);}
.viewdemo-modal h2 { font-size: 30px; margin-bottom: 0; color: #000; font-weight: 700;}
.viewdemo-modal .modal-body { padding: 20px 80px;}
.viewdemo-modal .btn-close { position: absolute; right: 20px; top: 20px; padding: 0; opacity: 1;}
.viewdemo-modal .input-box { position: relative; transition: all 0.3s ease-in-out; border-bottom: 1px solid #000000;}
.viewdemo-modal .input-box .wpcf7-form-control-wrap { transition: all 0.3s ease-in-out; position: relative; width: 100%; display: block}
.viewdemo-modal .input-box .wpcf7-form-control-wrap .form-control:first-child { margin-top: 0 !important;}
.viewdemo-modal p { margin: 0}
.viewdemo-modal br { display: none;}
.viewdemo-modal .input-box .wpcf7-form-control-wrap .form-control { font-weight: 500; border: 0; border-radius: 0; box-shadow: none; height: 40px; padding-left: 0; color: #000000; margin-top: 22px; appearance: auto; cursor: pointer;}
.viewdemo-modal label { font-size: 15px; font-weight: 500; color: #9b9b9b; position: absolute; top: -5px; left: 27px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0 !important;}
.viewdemo-modal .form-group { margin-left: 0; margin-right: 0; margin-bottom: 15px; margin-top: 15px;}
.viewdemo-modal .input-box label.control-label { position: absolute; left: 0px; top: 12px !important; cursor: pointer !important; color: #000000; font-size: 14px; margin-bottom: 0; transition: all 0.3s ease-in-out;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
.viewdemo-modal input#scheduled-demo-phone { margin-top: 10px !important; width: 100%; padding-bottom: 8px !important; font-size: 14px; font-weight: 500; border: 0;}
.viewdemo-modal .intl-tel-input { display: block;}
.viewdemo-modal input:focus { outline: none; box-shadow: none;}
.viewdemo-modal .intl-tel-input .selected-flag .iti-arrow { top: 52%;}
.viewdemo-modal .intl-tel-input .selected-flag .iti-flag { top: 2px;}
.viewdemo-modal input::placeholder { color: #000;}
.viewdemo-modal textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control { height: 70px !important;}
.viewdemo-modal .submit-btn input[type="submit"] { background-color: #7413FC; color: #fff; font-size: 16px; border: 1px solid #7413FC; border-radius: 8px; padding: 8px 20px; font-weight: 600;}
.viewdemo-modal .submit-btn input[type="submit"]:hover { background-color: #fff; color: #7413FC;}
.viewdemo-modal .read-privacy { font-size: 15px; text-align: center; font-weight: 500; margin-bottom: 15px;}
.viewdemo-modal .read-privacy a { text-decoration: none; color: #7413FC; font-weight: 500;}
.viewdemo-modal .input-box.focus label { font-size: 12px; top: -7px !important; color: #7413FC;}
.viewdemo-modal .form-control { font-size: 14px;}
.viewdemo-modal .wpcf7-not-valid-tip { font-weight: 500; position: absolute !important; font-size: 12px;}
.viewdemo-modal .wpcf7-spinner { position: absolute; margin: 11px 24px;}
.viewdemo-modal input#scheduled-demo-phone::placeholder{color: #c0bbbb;}
.viewdemo-modal .input-box.focus span.wpcf7-form-control-wrap[data-name="message"] ~ label{top: -12px !important;}
.viewdemo-modal span.error-estrick { color: #e11111;}

.footer .footer-menu li a img { max-width: 20px;}
.footer .footer-module-menu li a{display: flex; gap: 5px;}
.iti__country-list { overscroll-behavior: contain; overflow-y: auto;}

.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;}
/* Ask Mitoto */
.link-top { left: 32%; top: 0.1%; width: 36.3%; height: 22%;}
/* Employeve */
.link-left { left: 1.8%;top: 36%; width: 27%; height: 34.5%;}
/* Rever */
.link-right { left: 70.5%; top: 36%; width: 27.5%; height: 34.5%;}
.whitelabel-customize .image-link-wrapper img { width: 60%; margin: 0 auto;}
.whitelabel-customize .image-link-wrapper .link-top { left: 39%; width: 22.3%;}
.whitelabel-customize .image-link-wrapper .link-left { left: 20.8%; width: 17%;}
.whitelabel-customize .image-link-wrapper .link-right { left: 62.5%; width: 16.5%;}
.whitelabel-customize .image-link-wrapper{margin-bottom: 20px;}
.customization-row{display: flex; flex-wrap: wrap; gap: 10px;}
.customization-row .custom-box{width: 32%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 8px -4px #7413FC; padding: 10px; display: flex; align-items: center; gap: 10px;}
.customization-row .custom-box h6{font-size: 13px; font-weight: 700; color: #24179A;}
.customization-row .custom-box .description{font-size: 12px; font-weight: 400;}
.customization-row .custom-box .icon{width: 13%;}
.customization-row .custom-box .content{width: 82%;}
.custom-bottom-line {display: flex; align-items: center; background-color: #F3EEFD; text-align: center; font-size: 12px; font-weight: 400; color: #7739E6; padding: 7px; margin: 14px 0; border-radius: 8px;}
.custom-bottom-line .icon{width: 25px; background: #fff; border-radius: 50%; padding: 5px; height: 25px; display: flex; align-items: center; justify-content: center;}
.custom-bottom-line span{width: 90%;}

/* pricing  */
.pricing{background-color: #F7F5FE; padding-top: 30px; padding-bottom: 30px; margin-top: 90px;}
.pricing h1 {color: #000; font-weight: 600; text-align: center; font-size: 30px; margin-bottom: 45px;}
.pricing .pricing-row{display: flex; flex-wrap: wrap;}
.pricing .pricing-left{width: 60%; padding-right: 40px;}
.pricing .pricing-right{width: 40%;}
.pricing .nav-tabs{ background: #fff; width: max-content; border-radius: 50px; justify-content: center; margin: 0 auto; border: 0;}
.pricing .nav-tabs .nav-link{border: 0; color: #000; font-weight: 600; font-size: 15px; border-radius: 50px; padding: 7px 19px;}
.pricing .nav-tabs .nav-link.active{background-color: #7413FC; color: #fff;}
.pricing .tab-content{padding-top: 20px;}
.pricing .tab-content p{font-size: 14px;}
.pricing .tab-content p a{color: #7413FC;}
.pricing .white-box{background-color: #fff; border-radius: 20px; margin-bottom: 20px;}
.pricing .white-box ul{margin: 0; padding: 20px; display: flex; flex-wrap: wrap; gap: 15px;}
.pricing .white-box ul li{list-style: none; text-align: center; width: 23.2%; padding: 5px;}
.pricing .white-box h2{font-size: 13px; font-weight: 600; margin-bottom: 0; margin-top: 12px;}
.pricing .white-box a{color: #000; text-decoration: none;}
.pricing .white-box a:hover h2 , .pricing .white-box .click-modal:hover h2{color: #7413FC;}
.pricing .white-box .click-modal{cursor: pointer;}
.pricing .white-box ul li img{max-width: 40px;}
.pricing #platforms .white-box ul li{width: 31.7%;}
.pricing #coremodule .white-box ul li{width: 23%;}
.pricing #coremodule .white-box ul{justify-content: space-between;}

.core-module-modal .modal-dialog{max-width: 850px;}
.core-module-modal .modal-content{border: 0; border-radius: 10px;}
.core-module-modal .btn-close{ position: absolute; right: 5px; top: 5px; opacity: 1; z-index: 1;}
.core-module-modal h3{font-size: 20px; margin-bottom: 10px; font-weight: 600;}
.core-module-modal p { font-size: 14px;}
.core-module-modal img{width: 100%;}
.thank-you h1 { font-size: 45px; margin-bottom: 15px;}
.thank-you p{margin-bottom: 0;}
.thank-you p a{color: #7413FC;}
.thank-you { padding-top: 170px; padding-bottom: 90px;}

.pricing .white-box .tooltip-box{position: relative;}
.pricing .white-box .tooltip-content {margin-bottom: 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; border-radius: 4px; padding: 4px 8px; min-width: 220px; position: absolute; left: -34px; bottom: 75px; visibility: hidden; opacity: 0; transition: 0.2s ease-in-out; z-index: 1000;}
.pricing .white-box .tooltip-box:hover .tooltip-content{visibility: visible; opacity: 1;}

/* For captcha */
.contact-page .recaptcha p { text-align: left; margin-bottom: 15px;}
#refresh-captcha { background: none; border: none; cursor: pointer; padding: 4px; border-radius: 50%; transition: background 0.2s ease;}
#refresh-captcha img { display: block; transition: transform 0.2s ease;}
#refresh-captcha.spinning img { animation: spin 0.6s linear;}
.error-page{padding-top: 120px; padding-bottom: 30px;}
.error-page img{width: 100%;}
.employapp-modal .play-store-buttons { display: flex; align-items: center; gap: 15px;}
.employapp-modal .play-store-buttons img {width: auto;}
.employapp-modal ul li{font-size: 14px;}
.employapp-modal .common-h2 { text-align: left; font-size: 20px; margin-bottom: 10px;}
.employapp-modal .row{align-items: center;}
.employapp-modal .modal-body{padding: 35px;}

/* 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; }
    .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: -40px; width: 27%;}
    .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%;}
    .footer-module-menu{margin-top: 20px;}
    .whysurge-built .built-box p { min-height: 55px;}
    .customization-row .custom-box { width: 48%;}
    .whitelabel-customize .single-box{width: 18.7%;}
    .pricing .nav-tabs { overflow-x: auto; flex-wrap: nowrap; overflow-y: hidden; width: 100%; white-space: nowrap; justify-content: unset;}
    .pricing .white-box ul li { width: 22%;}
    .pricing #coremodule .white-box ul li { width: 22%;}
    .pricing #platforms .white-box ul li { width: 31%;}
}
@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 65px; 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; padding-bottom: 0;}
    .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: 23.33%;}
    .whysurge-built .built-box p { min-height: 72px;}
    .why-switch-surge .middle-circle { height: 200px; width: 200px; margin: 40px auto;}
    .why-switch-surge .middle-circle::before { left: 65px; top: -36px; transform: rotate(90deg); width: 37%;}
    .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; justify-content: center; margin-bottom: 15px;}
    .whitelabel-banner .brand-list .list-box { width: 100%; justify-content: center;}
    .whitelabel-banner .banner-buttons{margin-bottom: 20px;}
    .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 .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: 83px;}
    .footer-stay-update{margin-top: 15px;}
    .navbar-nav li:hover .sub-menu{ visibility: hidden; opacity: 0;}
    .navbar-nav li a{padding: 6px 0 !important; display: block; margin: 0;}
    .navbar-nav li a::after{display: none !important;}
    .navbar-nav li.modules-menu{position: relative; display: flex; justify-content: space-between; align-items: center;}
    .navbar-nav li.modules-menu .nav-link{width: 92%;}
    .navbar-nav li .module_mobile_menu{background: url(../img/dropdown-arrow.svg) no-repeat; width: 8%; height: 33px; border-left: 1px solid #7413FC; ; background-size: 20px; background-position: center;}
    .navbar-nav li .module_mobile_menu.submenu-open{transform: rotate(180deg); border-right: 1px solid #7413FC;border-left: 0;}
    .navbar-nav .sub-menu.submenu-active{visibility: visible !important; opacity: 1 !important; top: 40px;}
    .navbar-nav .sub-menu li a{align-items: center;}
    .navbar-nav li a.has-submenu:hover{ color: #000; }
    .navbar-nav li.parent-menu-item a.has-submenu:hover{ color: #7413FC; }
    .navbar-nav .sub-menu li { width: 32.2%; padding: 5px;}
    .navbar-nav .sub-menu li p{display: none;}
    .viewdemo-modal .modal-dialog { max-width: 600px;}
    .footer-module-menu{margin-top: 0;}
    .footer-menu{margin-top: 20px;}
    .footer-module-menu ul li { width: 50%;}
    .whitelabel-customize .single-box{width: 31.8%;}
    .wokforce-box p { margin-bottom: 20px;}
    .wokforce-box .content-3 { margin-top: 15px;}
    .pricing .pricing-left { width: 100%; padding-right: 0;}
    .pricing .pricing-right { width: 100%; margin-top: 20px;}
    .pricing .nav-tabs{width: max-content;}

    .modules_feature .for-mobile{display: block; padding-bottom: 20px;}
    .modules_feature .for-desktop, .modules_feature .accordion-list{display: none !important;}
    .modules_feature .for-mobile .panel{display: block;}
    .modules_feature .panel-inner { padding: 0; box-shadow: none; border-radius: 0;}
    .modules_feature .content-col .slick-arrow {z-index: 1; opacity: 1; position: absolute; top: 54%; transform: translateY(-50%); background-color: #7413FC; height: 30px; width: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 0;}
    .modules_feature .content-col .slick-prev::before {content: ''; background: url('../img/prev-arrow.svg') no-repeat; height: 24px; width: 24px; background-position: center; background-size: 24px; opacity: 1; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto;}
    .modules_feature .content-col .slick-next::before {content: ''; background: url('../img/next-arrow.svg') no-repeat; height: 24px; width: 24px; background-position: center; background-size: 24px; opacity: 1; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto;}
    .modules_feature .content-col .slick-prev{left: 0;}
    .modules_feature .content-col .slick-next{right: 0;}
    .modules_feature .slick-dots{bottom: 0;}
    .modules_feature .slick-dots li button {background-color: #7413FC; border-radius: 50%; opacity: .5;}
    .modules_feature .slick-dots li button::before{display: none;}
    .modules_feature .slick-dots li.slick-active button{opacity: 1;}
    .modules_feature .panel-inner img { width: 82%; margin: 0 auto;}
}
@media (max-width: 799px) {
    .navbar-collapse{padding: 15px 40px;}
}
@media (max-width: 767px) {
    .navbar-collapse { padding: 15px;}
    .footer .footer-logo p { width: 100%;}
    .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;}
    .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%;}
    .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: 72px;}
    .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{ padding: 40px 0;}
    .whitelabel-customize { padding-top: 40px;}
    .whitelabel-vs-saas, .whitelabel-testimonial { padding: 20px;}
    .whitelabel-customize .rightside .nav {overflow-x: auto; border: 0; flex-wrap: nowrap; overflow-y: hidden; width: 100%; white-space: nowrap; justify-content: unset; flex-direction: unset !important;}
    .whitelabel-customize .tab-content { padding: 0px 15px; width: 100%;}
    .whitelabel-customize .nav-link{margin-bottom: 0;}
    .whitelabel-customize .tab-content .built-box { width: 48.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{ padding-top: 30px;}
    .modules_feature .feature-inner{padding-bottom: 0;}
    .modules-blog-section {padding-bottom: 30px; padding-top: 30px;}
    .viewdemo-modal .modal-dialog { max-width: 96%; height: 90vh; top: 60px;}
    .viewdemo-modal h2 { font-size: 24px;}
    .viewdemo-modal .modal-body { padding: 15px;}
    .viewdemo-modal .submit-btn input[type="submit"] { font-size: 14px; padding: 7px 15px;}
    .viewdemo-modal .modal-content { top: 0px; transform: none;}
    .footer-module-menu { margin-top: 20px;}
    .why-switch-surge .switch-surge-row ul li{text-align: left;}
    .fixed-module-link button { height: 40px; width: 40px;}
    .fixed-module-link button.open-module-menu img { max-width: 25px;}
    .fixed-module-link { bottom: 45px; right: 10px;}
    .fixed-module-link .module-menu{ bottom: 45px; right: 10px;}
    .faq .faq-heading-title {font-size: 24px;}
    .organize-box.bg-color-7 ul, .organize-box.bg-color-8 ul, .organize-box.bg-color-9 ul { min-height: auto;}
    .whitelabel-banner .brand-list{flex-wrap: wrap;}
    .whitelabel-banner .brand-list .list-box{justify-content: flex-start;}
    .whitelabel-customize .single-box { width: 47.8%;}
    .pricing .nav-tabs{width: 100%;}
    .pricing h1 { font-size: 24px;}
    .pricing .nav-tabs .nav-link { font-size: 14px; padding: 6px 15px;}
    .pricing .white-box ul li { width: 30.25%;}
    .pricing #platforms .white-box ul li { width: 30.25%;}
    .pricing #coremodule .white-box ul li { width: 30%;}
    .pricing .white-box h2 { font-size: 12px;}
    .pricing .tab-content p { font-size: 13px;}
    .navbar-nav li.modules-menu .nav-link { width: 85%;}
    .navbar-nav li .module_mobile_menu { width: 15%;}
    .pricing #coremodule .white-box ul { justify-content: flex-start;}
    .modules-blog-section .card-box p{display: none;}
    .modules-blog-section .card-box h3 { font-size: 14px; margin-bottom: 5px;}
    .navbar-nav .sub-menu li { width: 48.4%; padding: 0px;}
    .navbar-nav .sub-menu li span { font-size: 12px; margin-bottom: 0;}
    .navbar-nav .sub-menu li .icon img { max-width: 32px;top: 0;}
    .navbar-nav .sub-menu li a { gap: 8px;}
    .navbar-nav .sub-menu{padding: 8px;}
    .modules_feature .slick-dots li button, .modules_feature .slick-dots li  { height: 7px; width: 7px;}
    .contact-box .captcha-box { gap: 10px;}
    .thank-you h1 { font-size: 36px;}
    .thank-you p { font-size: 14px;}
    .thank-you { padding-top: 120px; padding-bottom: 40px;}
    .pricing .nav-tabs{scrollbar-width: none;}
    .modules-blog-section .card-box:hover {box-shadow: none; transform: translateY(0);}
    .modules-blog-section .card-box:hover h3 { color: #000;}
    .contact-box .wpcf7-not-valid-tip{font-size: 13px;}
    .employapp-modal .modal-body{padding: 20px;}
    .employapp-modal .left-side{padding-top: 20px; padding-bottom: 20px;}
    .pricing { margin-top: 70px;}
}