.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--primary-color: #2583E9;
--color-muted: rgb(103 103 103 / 80%);
--color-white: #ffffff;
--color-white-light: rgba(255,255,255,0.8);
--color-light-black: #202932;
--color-orange: #FCB41A;
}
* {
font-family: 'Graphik' !important;
font-weight: 400 !important;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500 !important;
}
img {
max-width: 100%;
}
.text-bg-warning {
background-color: var(--color-orange) !important;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
font-size: 16px;
border-radius: 28px;
padding: 6px 20px;
}
.btn-primary:hover {
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: var(--color-white) !important;
box-shadow: 0 14px 26px -12px rgb(0 122 255 / 42%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 122 255 / 42%);
}
.btn-primary:hover img {
filter: brightness(0);
}
.btn-outline-primary {
border-color: var(--primary-color);    
font-size: 16px;
border-radius: 28px;
padding: 6px 20px;
}
.btn-outline-primary:hover {
background-color: var(--color-white) !important;
border-color: var(--primary-color) !important;
color: var(--primary-color) !important;
box-shadow: 0 14px 26px -12px rgb(0 122 255 / 42%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 122 255 / 42%);
}
.btn-warning {
background-color: var(--color-orange) !important;
color: var(--color-white) !important;
font-size: 18px;
border-radius: 28px;
padding: 10px 30px;
}
.btn-warning:hover {
background-color: var(--color-white) !important;
color: var(--color-orange) !important;
}
h2 {
font-size: 38px;
}
.text-muted {
color: #3B3B3B !important;
}
.text-primary {
color: var(--primary-color) !important;
}  header.sticky {
background-color: #ffffff;
box-shadow: 0 0 5px 1px #ccc;
transition: 0.5s ease;
}  
header {
position: fixed;
width: 100%;
background-color: #fff;
top: 0;
z-index: 999;
transition: 0.5s ease;
}
.navbar ul.navbar-nav > li > a {
color: var(--color-muted) !important;
font-weight: 500 !important;
font-size: 16px;
}
.navbar ul.navbar-nav > li > a.active, .navbar ul.navbar-nav > li:hover > a {
color: var(--primary-color) !important;
}
.dropdown ul.dropdown-menu li {
width: 50%;
}
.dropdown ul.dropdown-menu li a small {
white-space: normal;
font-size: 12px;
display: inline-block;
line-height: 18px;
}
.dropdown ul.dropdown-menu li a h6 {
font-size: 14px;
margin-bottom: 0;
}
.dropdown ul.dropdown-menu li a {
padding: 8px 10px;
border-radius: 8px;
}
.dropdown ul.dropdown-menu li a:active {
background-color: #2f83e92b !important;
}
.dropdown ul.dropdown-menu li a:active h6 {
color: rgba(0,0,0,0.8) !important;
}
.dropdown ul.dropdown-menu li a:active small {
color: rgba(0,0,0,0.6) !important;
}
.dropdown-menu {
background-color: var(--color-white);
box-shadow: 0px 24px 56px rgba(167, 174, 186, 0.16);
padding: 10px !important;
border-radius: 16px;
border: 0;
width: 670px;
flex-wrap: wrap;
padding-top: 40px;
}
li.nav-item.dropdown .dropdown-menu:after {
content: '';
display: block;
position: absolute;
left: -135px;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 100%;
width: 0;
top: -20px;
height: 0;
border-bottom: 10px solid #00000038;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
transition: 0.5s ease;
}
header li.nav-item.dropdown a::after {
border: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljk0MDEgNy4yMTI1TDEwLjA1MDEgMTIuMTAyNUM5LjQ3MjU2IDEyLjY4IDguNTI3NTYgMTIuNjggNy45NTAwNiAxMi4xMDI1TDMuMDYwMDYgNy4yMTI1IiBzdHJva2U9IiM2NzY3NjciIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
width: 11px;
height: 11px;
background-size: cover;
background-position: center center;
vertical-align: middle;
}  footer .top_footer {
background-color: var(--color-light-black);
color: var(--color-white-light);
}
footer .bottom_footer {
background-color: #1B232B;
color: var(--color-white-light);
}
footer a {
color: var(--color-white-light);
text-decoration: none;
display: inline-block;
font-size: 14px;
}
footer h6 {
color: var(--color-white);
}
.fs-7 {
font-size: 14px;
}
.fs-16 {
font-size: 16px;
}
.top_footer .btn-primary:hover img {
filter: brightness(1);
}  @keyframes megamenu {
from {
transform: translate(0px, 50px);
}
to {
transform: translate(0px, 0px);
}
}
h6 {
font-size: 20px;
}
.light_bg input {
background: transparent !important;
box-shadow: none !important;
outline: none !important;
border: 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
border-radius: 0;
color: #fff !important;
}
.inner-hero-section p {
color: rgb(59 59 59 / 90%);
}
.light_bg input:focus {
border-color: #fff;
}
.light_bg input::placeholder {
color: rgba(255,255,255,0.3);
}
.email_icon input {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0OV81MDEzNikiPgo8cGF0aCBkPSJNMTQuNjMzOCAyLjk3MzE0SDEuNDQ2MjlDMC42NzI0NzcgMi45NzMxNCAwLjA0MDAzOTEgMy42MDI4IDAuMDQwMDM5MSA0LjM3OTM5VjEyLjgxNjlDMC4wNDAwMzkxIDEzLjU5MzggMC42NzI4ODMgMTQuMjIzMSAxLjQ0NjI5IDE0LjIyMzFIMTQuNjMzOEMxNS40MDc2IDE0LjIyMzEgMTYuMDQgMTMuNTkzNSAxNi4wNCAxMi44MTY5VjQuMzc5MzlDMTYuMDQgMy42MDI2MSAxNS40MDczIDIuOTczMTQgMTQuNjMzOCAyLjk3MzE0Wk0xNC40MTc5IDMuOTEwNjRDMTMuOTYzMiA0LjM2NjggOC42MjI2OSA5LjcyNDcxIDguNDAzMjkgOS45NDQ4M0M4LjIyMDA0IDEwLjEyODYgNy44NjAxMyAxMC4xMjg4IDcuNjc2NzkgOS45NDQ4M0wxLjY2MjIzIDMuOTEwNjRIMTQuNDE3OVpNMC45Nzc1MzkgMTIuNjQ0NlY0LjU1MTc0TDUuMDEwODIgOC41OTgxNEwwLjk3NzUzOSAxMi42NDQ2Wk0xLjY2MjIzIDEzLjI4NTZMNS42NzI2NiA5LjI2MjE0TDcuMDEyODIgMTAuNjA2N0M3LjU2MjAxIDExLjE1NzYgOC41MTgyOSAxMS4xNTc0IDkuMDY3MjkgMTAuNjA2N0wxMC40MDc0IDkuMjYyMThMMTQuNDE3OSAxMy4yODU2SDEuNjYyMjNaTTE1LjEwMjUgMTIuNjQ0NkwxMS4wNjkzIDguNTk4MTRMMTUuMTAyNSA0LjU1MTc0VjEyLjY0NDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0OV81MDEzNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDQwMDM5MSAwLjU5ODE0NSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) !important;
background-size: 18px !important;
background-repeat: no-repeat !important;
background-position: 0 !important;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 130px;
}
.email_icon .btn {
border-radius: 21px !important;
padding: 5px 15px !important;
position: absolute;
right: 0;
display: inline-block;
height: 36px;
top: 0;
bottom: 0;
margin: auto;
z-index: 555;
}  .top_header {
margin-top: 75px;
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/hero-banner-background.svg);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.top_header_min {
min-height: 720px;
}
.top_header h1 {
font-size: 50px;
}
.top_header p {
color: var(--color-white-light);
font-size: 18px;
line-height: 36px;
display: inline-block;
}
.top_header .hero-banner img {
width: 100%;
}
.top_header .container > .row {
margin-right: calc(-50vw + 50% - 24px);
}
.top_space_header {
margin-top: 75px;
min-height: inherit;
}
.inner-hero-section {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/inner-banner.svg);
background-size: cover;
background-repeat: no-repeat;
}  .offer-section {
background-color: #1B232B;
color: var(--color-white-light);
}
.offer-section h5 {
background: linear-gradient(90deg, #D0D0D0 0%, #FFFFFF 50%, #D0D0D0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
}  #feture-section {
padding: 40px;
border-radius: 40px;
}
#feture-section .nav-pills {
white-space: nowrap;
}
#feture-section .nav-pills .nav-item button {
border-radius: 30px;
color: #56779D;
background-color: transparent;
padding: 10px 20px;
font-weight: 500 !important;
}
.pills-project-1 {
background-color: #F4F9FF;
}
.pills-project-2 {
background-color: #FFF9EA;
}
.pills-project-3 {
background-color: #E4F7F7;
}
.pills-project-4 {
background-color: #F1F2FF;
}
.pills-project-5 {
background-color: #F3FFEA;
}
.pills-project-6 {
background-color: #FCF2FF;
}
.pills-project-7 {
background-color: #FFF9EA;
}
.pills-project-1 .nav-pills .nav-item button.active {
background-color: #DFEEFF !important;
color: #003F84 !important;
}
.pills-project-2 .nav-pills .nav-item button.active {
background-color: #FBE9C8 !important;
color: #8A6300 !important;
}
.pills-project-3 .nav-pills .nav-item button.active {
background-color: #C0DFED !important;
color: #085274 !important;
}
.pills-project-4 .nav-pills .nav-item button.active {
background-color: #CFD2F9 !important;
color: #19218C !important;
}
.pills-project-5 .nav-pills .nav-item button.active {
background-color: #BDF9A8 !important;
color: #1A5007 !important;
}
.pills-project-6 .nav-pills .nav-item button.active {
background-color: #F7E1FE !important;
color: #750998 !important;
}
.pills-project-7 .nav-pills .nav-item button.active {
background-color: #FBE9C8 !important;
color: #8A6300 !important;
}
#feture-section h4 {
color: #1F1F1F;
}
#feture-section p {
font-size: 16px;
line-height: 28px;
color: #3B3B3B;
}
.icon_list {
list-style: none;
padding-left: 25px;
gap: 20px;
display: flex;
flex-direction: column;
}
.icon_list li {
position: relative;
font-size: 16px;
line-height: 26px;
color: #3b3b3b;
}
.icon_list li:after {
content: "";
position: absolute;
top: 3px;
left: -30px;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjQ0MDEgNy42MjMyNkwxOC42MzAzIDUuODAxNjFDMTguNjgwMyA1LjMyMzA0IDE4LjQxNjUgNC44NjY3IDE3Ljk3NjkgNC42NzEwOEwxNi4zMDMxIDMuOTI2M0MxNi4yMjQ0IDMuODkxMzMgMTYuMTYxNCAzLjgyODM1IDE2LjEyNjQgMy43NDk3NkwxNS4zODIgMi4wNzYyQzE1LjE4NjQgMS42MzY0OCAxNC43Mjk5IDEuMzcyNjggMTQuMjUxMyAxLjQyMjdMMTIuNDI5MyAxLjYxMzEyQzEyLjM0NDEgMS42MjE2MSAxMi4yNTg3IDEuNTk4NTMgMTIuMTg5NSAxLjU0ODQ1TDEwLjcwNDggMC40NzI1MjhDMTAuMzE1OSAwLjE5MDYzMSA5Ljc4OTc4IDAuMTkwNjMyIDkuNDAwOCAwLjQ3MjUyOEw3LjkxNjE5IDEuNTQ4NDVDNy44NDY3NiAxLjU5ODUzIDcuNzYxMzggMS42MjE2MSA3LjY3NjMzIDEuNjEzMTJMNS44NTQxOCAxLjQyMjdDNS4zNzU1MyAxLjM3MjY3IDQuOTE5MDkgMS42MzY0OCA0LjcyMzQ5IDIuMDc2MTlMMy45NzkwMyAzLjc0OTc2QzMuOTQ0MjMgMy44MjgzNSAzLjg4MTI1IDMuODkxMzMgMy44MDI0OSAzLjkyNTk2TDIuMTI4NTkgNC42NzEwNEMxLjY4OTA1IDQuODY2NjggMS40MjUzNiA1LjMyMjk5IDEuNDc1MzIgNS44MDE1MUwxLjY2NTUyIDcuNjIzMjZDMS42NzQzNSA3LjcwODQ3IDEuNjUxNDMgNy43OTQwMyAxLjYwMTE4IDcuODYzNDVMMC41MjUyNjMgOS4zNDgwN0MwLjI0MzM2NiA5LjczNzA0IDAuMjQzMzY2IDEwLjI2MzEgMC41MjUyNjMgMTAuNjUyMUwxLjYwMTE4IDEyLjEzNjdDMS42NTE0MyAxMi4yMDYxIDEuNjc0MzUgMTIuMjkxNyAxLjY2NTUyIDEyLjM3NjlMMS40NzUzNCAxNC4xOTg0QzEuNDI1MzcgMTQuNjc3IDEuNjg5MTEgMTUuMTMzMyAyLjEyODcyIDE1LjMyODlMMy44MDI0OSAxNi4wNzM3QzMuODgxMDggMTYuMTA4NyAzLjk0NDA2IDE2LjE3MTYgMy45NzkwMyAxNi4yNTA0TDQuNzIzNDkgMTcuOTI0QzQuOTE5MDkgMTguMzYzNyA1LjM3NTUzIDE4LjYyNzUgNS44NTQxOCAxOC41Nzc1TDcuNjc2MzMgMTguMzg3QzcuNjg4MDUgMTguMzg3IDcuNzAwMjcgMTguMzg1MiA3LjcxMDk2IDE4LjM4NTJDNy43ODQyOSAxOC4zODUyIDcuODU1NTkgMTguNDA4NCA3LjkxNDgzIDE4LjQ1MTdMOS40MDA5MSAxOS41Mjc5QzkuNzg5ODUgMTkuODA5NiAxMC4zMTU3IDE5LjgwOTUgMTAuNzA0NiAxOS41Mjc3TDEyLjE4OTUgMTguNDUxN0MxMi4yNTg3IDE4LjQwMTMgMTIuMzQ0MSAxOC4zNzgyIDEyLjQyOTMgMTguMzg3TDE0LjI1MTMgMTguNTc3NUMxNC43Mjk5IDE4LjYyNzUgMTUuMTg2NCAxOC4zNjM3IDE1LjM4MiAxNy45MjRMMTYuMTI2NCAxNi4yNTA0QzE2LjE2MTQgMTYuMTcxNiAxNi4yMjQ0IDE2LjEwODggMTYuMzAzMSAxNi4wNzRMMTcuOTc3IDE1LjMyOUMxOC40MTY2IDE1LjEzMzMgMTguNjgwMyAxNC42NzcgMTguNjMwMyAxNC4xOTg1TDE4LjQ0MDEgMTIuMzc2OUMxOC40MzExIDEyLjI5MTcgMTguNDU0IDEyLjIwNjEgMTguNTA0NSAxMi4xMzY3TDE5LjU4MDMgMTAuNjUyMUMxOS44NjIxIDEwLjI2MzEgMTkuODYyMSA5LjczNzA3IDE5LjU4MDMgOS4zNDgxMUwxOC41MDQ1IDcuODYzNDVDMTguNDU0IDcuNzk0MDMgMTguNDMxMSA3LjcwODQ3IDE4LjQ0MDEgNy42MjMyNloiIGZpbGw9IiMyNTgzRTkiLz4KPHBhdGggZD0iTTguNjQ4OTQgMTIuNzc3OEM4LjQzMDQ4IDEyLjc3NzkgOC4yMjA5NyAxMi42OTExIDguMDY2NjMgMTIuNTM2NUw2LjMwNjE0IDEwLjc3NjZDNi4xMTY3IDEwLjU4NzEgNi4xMTY3IDEwLjI4IDYuMzA2MTQgMTAuMDkwNUM2LjQ5NTYzIDkuOTAxMDUgNi44MDI3OSA5LjkwMTA1IDYuOTkyMjggMTAuMDkwNUw4LjY0ODk0IDExLjc0NzFMMTMuMDMxNyA3LjM2NDMzQzEzLjIyMTIgNy4xNzQ5IDEzLjUyODQgNy4xNzQ5IDEzLjcxNzkgNy4zNjQzM0MxMy45MDczIDcuNTUzODIgMTMuOTA3MyA3Ljg2MDk5IDEzLjcxNzkgOC4wNTA0OEw5LjIzMTI0IDEyLjUzNjVDOS4wNzY5IDEyLjY5MTEgOC44NjczOSAxMi43Nzc5IDguNjQ4OTQgMTIuNzc3OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}
.key-feature {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/key-feture-banner.svg);
background-size: cover;
background-repeat: no-repeat;
}
.key-feature p {
color: #355182;
margin-bottom: 0;
}
.slider_grident {
background: #FFFFFF;
box-shadow: 0px 6px 20px rgba(149, 157, 165, 0.15);
border-radius: 30px;
border: 0;
margin: 15px;
}
.avatar-img img {
max-width: 80px;
max-height: 80px;
border-radius: 100%;
}
.review-carousel {
position: relative;
}
.review-carousel:after {
content: '';
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
width: 50%;
position: absolute;
right: 0;
height: 100%;
top: 0;
}
.app-download {
min-height: 700px;
border-radius: 40px;
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/app-banner.png);
background-size: cover;
background-repeat: no-repeat;
}
.app-download {
padding: 60px 0 0 60px;
}
.max-400 {
max-width: 470px;
gap: 20px;
display: flex;
flex-wrap: wrap;
}
.card-review {
border: 0;
border-radius: 20px;
height: 100%;
}
.card-review .card-body {
padding: 40px 10px;
}
.card-wraning {
background-color: #FFF9EA;
}
.card-wraning h4 {
color: #FFB800;
}
.card-primary {
background-color: #F4F9FF;
}
.card-primary h4 {
color: #2583E9;
}
.card-sucess {
background-color: #F3FFEA;
}
.card-sucess h4 {
color: #6BC342;
}
.faq .accordion-item {
border: 0;
}
.faq .accordion {
display: flex;
flex-direction: column;
gap: 20px;
}
.faq .accordion-item {
border: 1px solid #DFEEFF !important;
border-radius: 30px;
}
.faq .accordion-button {
background-color: transparent;
box-shadow: none;
padding: 25px 30px;
font-size: 22px;
font-weight: 600 !important;
color: #3b3b3b;
}
.faq .accordion-item:has(.show) {
background-color: #F4F9FF;
border-color: #F4F9FF !important;
}
.faq .accordion-body {
padding: 0 30px 20px;
}
.faq .accordion-button::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDYuMDAwOThMMTUgMjQuMDAxTTI0IDE1LjAwMUw2IDE1LjAwMSIgc3Ryb2tlPSIjMjU4M0U5IiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.faq .accordion-button:not(.collapsed)::after {
transform: rotate(45deg) !important;
}
section {
overflow: hidden;
}  #OfferModal .max-width-400 {
max-width: 500px;
width: 100%;
min-height: 200px;
}
#OfferModal .modal-content {
border: 0;
border-radius: 20px;
padding: 40px;
position: relative;
}
#OfferModal h5 {
font-weight: 400 !important;
font-size: 30px;
margin-bottom: 20px;
color: #212A33;
}
#OfferModal h3 {
font-size: 52px;
font-weight: 600 !important;
color: var(--primary-color);
margin-bottom: 20px;
position: relative;
display: inline-block;
}
#OfferModal h3:after {
content: '';
display: block;
width: 105px;
height: 106px;
position: absolute;
right: -77px;
background: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/offer-vector.svg) center no-repeat;
top: -61px;
}
#OfferModal p {
font-size: 28px;
font-weight: 600 !important;
color: #212A33;
margin-bottom: 0;
}
#OfferModal h6 {
font-size: 34px;
color: #212A33;
font-weight: 400 !important;
margin-bottom: 20px;
}
#OfferModal span.small-text {
display: inline-block;
font-size: 19px;
color: #212A33;
margin-top: 20px;
}
.timer-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
justify-content: space-between;
}
.dot-box {
height: 100%;
margin-top: 11px;
color: rgb(189, 189, 189, 0.75);
font-size: 63px;
line-height: 0.7;
flex-grow: 1;
}
.timer-count {
width: 60px;
height: 70px;
display: inline-flex;
border: 2px solid #DDDDDD;
border-radius: 5px;
align-items: center;
justify-content: center;
font-weight: 500 !important;
font-size: 32px;
letter-spacing: 0.02em;
color: #212A33;
margin: 5px;
}
.smalltext {
color: #D6D6D6;
letter-spacing: 0.02em;
text-transform: capitalize;
font-size: 19px;
font-weight: 500 !important;
}
.close_popup {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
background-color: transparent;
border: none;
width: 30px;
height: 30px;
padding: 0;
line-height: 30px;
border-radius: 50%;
z-index: 1;
background: none !important;
}
.close_popup:hover {
background-color: #ddd;
background: none !important;
}  .inner-pricing {
min-height: 230px;
background-size: cover;
display: flex;
align-items: center;
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/price-banner-update.svg);
color: #fff;
}
.inner-pricing h1 {
font-size: 50px;
font-weight: 600!important;
}
.inner-pricing p {
font-size: 26px;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.8)
}
.money-back-div {
position: relative;
}
.money-back-div img {
position: absolute;
right: -100px;
top: 50%;
transform: translate(0, -50%);
}
.plan_switch .switch input {
display: none;
}
.plan_switch .switch {
display: inline-block;
width: 54px;
height: 30px;
position: relative;
margin: 0;
}
.plan_switch .slider {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 30px;
cursor: pointer;
border: 4px solid rgba(0, 122, 255, 0.2);
overflow: hidden;
transition: 0.2s;
}
.plan_switch .slider:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background: #007aff;
border-radius: 30px;
transform: translateX(-21px) translateY(3px);
transition: 0.2s;
}
.plan_switch input:checked+.slider:before {
transform: translateX(1px) translateY(3px);
}
.plan_switch .slider:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
background: #007aff;
border-radius: 30px;
transform: translateX(-21px) translateY(3px);
transition: 0.2s;
}
[type="checkbox"]+span:not(.lever) {
padding-left: 25px;
font-size: 16px;
line-height: 20px;
}
.plan_switch .label {
display: inline;
margin-right: 17px;
font-size: 75%;
line-height: 1;
color: #fff;
vertical-align: baseline;
border-radius: .25em;
}
.plan_switch .label span a {
color: rgba(0, 0, 0, 0.3) !important;
text-decoration: none !important;
}
.plan_switch .label span a.active {
color: #000000 !important;
}
.plan_switch .dropdown_label {
margin-left: 17px;
}
.selected .discountlabel {
display: none !important;
}
.dropdown_label {
display: flex;
align-items: center;
}
.plan_switch {
display: flex;
align-items: center;
justify-content: center;
max-width: 700px;
margin: 0 auto;
}
.team_size b {
font-weight: 500 !important;
}
.plan_switch input {
width: 80px;
height: 38px;
-moz-appearance: textfield;
}
.team_size {
display: flex;
gap: 10px;
align-items: center;
font-size: 16px;
color: #000000;
margin-right: auto;
position: relative;
}
#team_size_error {
position: absolute;
top: 100%;
color: #F00;
}
#team_size_error p {
font-size: 13px;
margin-top: 6px;
margin-bottom: 0;
}
.dropdown_label .selected a {
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.3) !important;
padding-right: 20px;
padding-top: 0px;
position: relative;
display: inline-block;
text-decoration: none;
}
.dropdown_label .selected a {
padding-right: 0;
}
.drop-down .options ul {
background: #fff none repeat scroll 0 0;
display: none;
list-style: none;
padding: 0px 0px;
position: absolute;
left: 0px;
top: 40px;
width: auto;
min-width: 170px;
box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.05);
z-index: 1;
}
.yearly_tab_with_offer {
background-size: 24px;
text-decoration: none !important;
background-repeat: no-repeat;
background-position: right center; }
.drop-down .options ul li a {
padding: 0px 15px;
display: block;
text-decoration: none;
font-weight: 600;
font-size: 15px;
color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: space-between;
min-height: 48px;
align-items: center;
}
.discountlabel span, span.discountlabel {
display: block;
font-size: 10px;
color: #fff;
background: #ff5c00;
border-radius: 20px;
min-height: 22px;
min-width: 60px;
text-align: center;
line-height: 22px;
font-weight: 400;
text-decoration: none;
}
.discountlabel {
margin-left: 7px;
}
.drop-down .selected span.value, .drop-down .options span.value {
display: none;
}
.drop-down .options ul li a:hover {
background: #f6f6f6 !important;
transition: 0.2s ease;
}
.plan_switch .dropdown_label a {
text-decoration: none;
color: rgba(0, 0, 0, 0.3) !important;
}
.plan-switch-wrap {
display: flex;
align-items: center;
}
.plan_switch .dropdown_label a.active {
text-decoration: none;
color: #000000 !important;
}
@media screen and (max-width: 767px) {
.plan_switch  {
flex-direction: column;
gap: 15px;
}
.plan_price_per_month {
height: 80px;
}
.team_size {
margin-right: 0;
}
}
.drop-down {
display: flex;
align-items: center;
position: relative;
}
.price-box {
max-width: 340px;
min-width: 340px;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.20);
border-radius: 22px;
}
.price-box .price-title {
font-size: 16px;
color: #fff;
background-color: #2583E9;
text-align: center;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
min-height: 47px;
letter-spacing: 1px;
display: flex;
align-items: center;
font-weight: 600 !important;
justify-content: center;
text-transform: uppercase;
}
.price-body, .plan_list {
padding: 15px 20px;
}
.price-body h4 {
font-size: 32px;
font-weight: 600 !important;
margin-bottom: 20px;
text-align: center;
}
.offer-section-wrap {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/offer-banner.svg);
line-height: 35px;
color: #000;
text-align: center;
font-weight: 600 !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}
span.offer-box-inner {
font-size: 14px;
text-align: center;
display: block;
margin-top: 10px;
font-weight: 500 !important;
}
.offer-price {
font-size: 14px;
font-weight: 500 !important;
margin-top: 10px;
text-decoration: line-through;
opacity: 0.6;
}
.plan_price_per_month {
text-align: center;
border-bottom: 1px solid #E0E0E0;
height: 103px;
}
.plan_price_per_month .big_price {
font-size: 35px;
font-weight: 600 !important;
}
.plan_price_per_month .small_per_month {
font-size: 16px;
color: rgba(0, 0, 0, 0.9)
}
.offer-tag {
font-size: 20px;
color: #000;
font-weight: 500 !important;
display: block;
text-align: center;
margin-bottom: 20px;
padding-bottom: 20px;
}
.price_dropdown_sc select {
background-color: transparent;
border: 0;
outline: none;
box-shadow: none;
display: inline-block;
border-bottom: 1px solid #000 !important;
border-radius: 0;
width: auto;
background-repeat: no-repeat;
background-position: 100% center;
padding-right: 20px !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAySURBVHgB7c0hDgAgFMPQHb03ByQKBPwg6Etm10TSc4y1zcghKs9XEXIZledzhEj6TAeBOxjtKu77VAAAAABJRU5ErkJggg==);
}
.price_dropdown_sc select:focus {
outline: none;
box-shadow: none;
}
.try-free {
font-size: 12px;
color: #2583E9;
text-align: center;
margin-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #E0E0E0;
}
.try-free a {
color: #2583E9;
text-decoration: underline;
}
.plan_list ul {
padding-left: 15px;
margin: 0;
list-style: none;
display: flex;
gap: 10px;
flex-direction: column;
}
.plan_list ul li {
padding-left: 15px;
position: relative;
font-size: 14px;
font-weight: 600!important;
}
.plan_list ul li:after {
content: "";
position: absolute;
top: 3px;
left: -15px;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NF82NTMwKSI+CjxwYXRoIGQ9Ik02Ljc1MTA5IDEyLjEyNzVMMy42MjM1OSA5TDIuNTU4NTkgMTAuMDU3NUw2Ljc1MTA5IDE0LjI1TDE1Ljc1MTEgNS4yNUwxNC42OTM2IDQuMTkyNUw2Ljc1MTA5IDEyLjEyNzVaIiBmaWxsPSIjMjU4M0U5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ0XzY1MzAiPgo8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.plan-link {
text-align: center;
font-size: 14px;
color: #2583E9;
text-decoration: none;
display: inline-block;
}
.business-price.price-box {
border: 1px solid rgba(0, 0, 0,1);
}
.business-price.price-box .price-title {
background-color: #000;
}
.price-body .btn-primary {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 11px 20px !important;
font-size: 12px !important;
}
@media (min-width: 576px) and (max-width: 768px) {
.container, .container-sm {
max-width: 100%;
}
}
.price-body .btn-primary img {
position: absolute;
left: 0;
top: -5px;
width: 50px;
height: 50px;
}
.price-body .btn-primary:hover img {
filter: brightness(1);
}
.main-box {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 21px;
max-width: 1100px;
margin: 0 auto;
}
.box-header {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
position: sticky;
top: 0;
}
.compare-table {
overflow: auto;
}
.box-header-wrap {
width: 21%;
padding: 15px 20px;
display: inline-flex;
flex-direction: column;
align-items: center;
border-left:1px solid rgba(0, 0, 0, 0.2);
justify-content: center;
align-items: center;
font-size: 22px;
color: rgba(0, 0, 0, 0.8);
min-height: 54px;
}
.box-header-wrap:first-child{
border-left: 0;
}
.box-1 {
width: 60%;
justify-content: flex-start;
align-items: flex-start;
}
.box-2 {
width: 18%;
}
.box-header-wrap h3 {
color: #2583E9;
margin-bottom: 0;
}
#box-header .btn.btn-primary {
margin-top: 13px;
}
.box-header-wrap span {
font-size: 16px;
color: #000;
font-weight: 600 !important;
margin-bottom: 10px;
}
.header-box-main h2 {
font-size: 22px;
margin: 0;
position: relative;
}
.header-box-main h2:after {
content: '';
background: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/tringle_arrow.svg) no-repeat 0 0;
width: 18px;
height: 12px;
top: 0;
margin: auto;
bottom: 0;
position: absolute;
right: -25px;
background-size: 18px;
transform: rotate(180deg);
}
.header-box-main.open_box_inner h2:after { 
transform: rotate(360deg);
}
.header-box-main.open_box_inner {
border-bottom: 0;
}
.header-box-main {
background-color: #F7F7F7;
padding: 10px 15px;
align-items: center;
display: inline-flex;
width: 100%;
cursor: pointer;
min-height: 60px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.box-striped {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
}
.inner-box .box-striped:nth-of-type(even) {
background-color: #F4F8FD !important;
}
.box-striped .box-header-wrap {
font-size: 16px;
font-weight: 500 !important;
}
.inner-box {
display: flex;
transition: 0.5s ease;
flex-direction: column;
}
.inner-box.open_box {
display: none;
transition: 0.5s ease;
}
.box-header.footer-box {
border-top: 1px solid rgba(0, 0, 0, 0.2);
} .custom_scroll::-webkit-scrollbar {
width: 6px;
height: 4px;
border-radius: 5px;
}
.custom_scroll::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
.custom_scroll::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 5px;
}
.custom_scroll::-webkit-scrollbar-thumb:hover {
background: #777;
border-radius: 5px;
} .support_header {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/support-background.svg);
background-position: center center;
}
.support_header .container > .row {
margin-right: auto !important
}
.support_header .top_header_min {
min-height: 320px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.price-box {
min-width: 339px !important;
max-width: 339px !important;
}
}
@media screen and (max-width: 1024px) {
.support_header .top_header_min {
min-height: 180px;
}
}
.support-box {
max-width: 450px;
margin: 0 auto;
}
.line-height-auto {
line-height: inherit !important; 
}
.search {
position: relative;
width: 100%;
}
.search input[type="search"] {
background: #FFFFFF;
border: 1px solid #E0E0E0;
border-radius: 5px;
height: 50px;
padding: 10px 55px 10px 15px;
width: 100%;
outline: none;
box-shadow: none;
color: rgb(33 42 51 / 50%);
}
.search input[type="search"]::placeholder {
color: rgb(33 42 51 / 50%);
}
.search input[type="submit"] {
position: absolute;
border-radius: 4px;
color: #fff;
min-width: 38px;
height: 38px;
right: 7px;
top: 7px;
max-width: 38px;
opacity: 0;
}
.search:before {
content: '';
width: 38px;
height: 38px;
background-color: #007AFF;
border-radius: 5px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7361 3.87305C12.5558 3.87305 14.3009 4.59591 15.5876 5.88262C16.8744 7.16933 17.5972 8.91448 17.5972 10.7342C17.5972 12.4336 16.9744 13.9958 15.9506 15.1992L16.2356 15.4842H17.0694L22.3472 20.7619L20.7639 22.3453L15.4861 17.0675V16.2336L15.2011 15.9486C13.9978 16.9725 12.4356 17.5953 10.7361 17.5953C8.91643 17.5953 7.17128 16.8724 5.88457 15.5857C4.59786 14.299 3.875 12.5538 3.875 10.7342C3.875 8.91448 4.59786 7.16933 5.88457 5.88262C7.17128 4.59591 8.91643 3.87305 10.7361 3.87305ZM10.7361 5.98416C8.09722 5.98416 5.98611 8.09527 5.98611 10.7342C5.98611 13.373 8.09722 15.4842 10.7361 15.4842C13.375 15.4842 15.4861 13.373 15.4861 10.7342C15.4861 8.09527 13.375 5.98416 10.7361 5.98416Z' fill='white'/%3e%3c/svg%3e");
position: absolute;
right: 7px;
top: 7px;
background-size: 25px 25px;
background-position: center;
background-repeat: no-repeat;
}
.bg-support {
background-color: #EEF3F6;
}
.left-line-heading {
position: relative;
}
.left-line-heading:after {
content: '';
width: 100px;
position: absolute;
bottom: -10px;
left: 0;
height: 4px;
background-color: #007AFF;
}
.about-banner {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/about-background.svg);
min-height: 710px;
background-size: cover;
}
.heading-shape {
position: relative;
}
.heading-shape img {
position: absolute;
top: -40px;
left: -45px;
}
@media screen and (max-width: 1366px) {
.about-banner {
min-height: 540px;
}
}
@media screen and (max-width: 1200px) {
.about-banner {
min-height: 450px;
}
}
@media screen and (max-width: 1024px) {
.about-banner {
min-height: 350px;
}
.heading-shape {
margin-left: 40px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.box-striped .box-header-wrap {
font-size: 15px;
}
.box-1 {
width: 56%;
}
.box-2 {
width: 21%;
}
.footer-box .btn-primary {
white-space: nowrap;
font-size: 13px;
}
}
@media screen and (max-width: 991px) {
.about-banner {
min-height: 360px;
}
}
@media screen and (max-width: 767px) {
.plan_switch .dropdown_label {
position: relative;
top: -2px;
}
.left-line-heading:after {
bottom: -8px;
height: 2px;
}
.about-banner {
background-size: auto;
}
}
.pad_15 {
padding: 15px 20px !important;
} .card.card-primary-box {
border-color: #DBE9FF;
background-color: #FAFCFF;
border-radius: 40px;
}
.card.card-primary-box .card-body {
padding: 30px;
}
@media screen and (max-width: 1024px) {
.card.card-primary-box {
border-radius: 15px;
}
.card.card-primary-box .card-body {
padding: 15px;
}
}
.font-light-black {
color: rgb(59, 59, 59, 0.5);
}
.blog_header {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/blog_background.svg) !important;
}
.line-bg-card {
background-image: url(//www.moonhrm.com/wp-content/themes/moonhrm/assets/images/link-card-background.svg);
background-size: cover;
background-position: center center;
}
.scroll_top_link {
background-color: #555;
color: #fff;
height: 46px;
float: left;
width: 46px;
text-align: center;
line-height: 43px;
font-size: 30px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease-in-out;
}
.scroll_top_link:hover {
background-color: var(--primary-color);
color: #fff;
transition: all 0.5s ease-in-out;
}
.scroll_top_div.show {
display: block;
}
.scroll_top_div {
position: fixed;
right: 20px;
bottom: 90px;
z-index: 999;
display: none;
bottom: 20px;
}
.text_header {
min-height: 270px;
display: flex;
align-items: center;
justify-content: center;
}
.content_policy h2, .content_policy h4 {
font-size: 30px;
padding: 30px 0px 20px 0px !important;
margin: 0 !important;
}
.content_policy p, .content_policy li {
font-size: 16px;
font-weight: 400;
line-height: 25px !important;
margin: 0 !important;
}
.content_policy .h5 {
padding: 25px 0px 16px 0px !important;
margin: 0 !important;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.text_header {
min-height: 140px;
}
.content_policy h2, .content_policy h4 {
font-size: 22px;
padding: 20px 0px 10px 0px !important;
}
.content_policy .h5 {
padding: 20px 0px 12px 0px !important;
}
.content_policy p, .content_policy li {
font-size: 14px;
font-weight: 400;
}
}
.input-group p {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.wpcf7-response-output {
margin: 0 !important;
top: -20px;
position: relative;
}
.input-group p .wpcf7-not-valid-tip {
position: absolute !important;
font-size: 14px !important;
bottom: -25px !important;
}
.email_icon + .wpcf7-response-output {
margin: 0 !important;
margin-top: 2em !important;
}
.box-add {
background-color: #F4F9FF;
display: flex;
flex-direction: column;
}
.wpcf7-form.submitting {
position: relative;
}
.wpcf7-form.submitting::after {
content: "";
position: absolute;
z-index: 9999;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
top: 0;
}
.search-no-results .blogbannerpart {
margin-bottom: 70px;
}
body.search::before{
content: '';
display: none !important;
} .row.flexalign {
display: flex;
align-items: center;
}
.price-compare-before-cta .cta {
display: flex;
align-items: center;
width: 80%;
margin: 0 auto;
padding: 33px 44px 33px 32px;
background: #2583e9;
border-radius: 7px;
}
.price-compare-before-cta .cta .cta-content {
display: inline-block;
width: 74%;
padding-right: 20px;
color: #fff;
}
.price-compare-before-cta .cta .cta-content p {
margin: 0;
font-size: 21px;
}
.price-compare-before-cta .cta .cta-button {
width: 26%;
}
.price-compare-before-cta .cta .cta-button a.btn {
background: #ffff;
width: auto !important;
height: auto;
color: #2583e9;
text-align: center;
padding: 10px 20px;
min-width: auto;
display: flex;
align-items: center;
font-size: 21px;
}
.price-compare-before-cta .cta .cta-button a.btn:hover {
background: #ffff !important;
color: #2583e9 !important;
opacity: 0.9;
}
.price-compare-before-cta .cta .cta-button a.btn img {
filter: invert(39%) sepia(90%) saturate(907%) hue-rotate(185deg) brightness(94%) contrast(95%);
margin-left: 5px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0; 
}