@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap');

        body, html {
            height: 100%;
            margin: 0;
            font-family: 'Urbanist', sans-serif;
        }

        * {
            font-family: 'Urbanist', sans-serif;
        }

        .header {
            height: fit-content;
            display: flex;
            /*background-color: #ffffff;*/
            justify-content: space-between;
            align-items: center !important;
            padding: 24px 0px !important;
            /*max-width: 1440px;*/
            /*margin: auto*/
            position: relative;
        }

        .header-menu {
            display: flex;
            column-gap: 24px;
            margin-top: 12px;
        }

        .header img {
            cursor: pointer;
        }

        .menu-item-container {
            /*display: flex;*/
            margin: 0;
            cursor: pointer;
            padding: 0 !important;
            cursor: pointer;
            /*position: relative;*/
        }

        .menu-item {
            font-size: 16px;
            font-style: normal;
            /*margin: 0 ;*/
            font-weight: 400;
            color: white;
        }

        .menu-item:hover {
            color: #20B24B;
            /*transition-delay: 2ms;*/
            cursor: pointer;
        }

        .menu-item span {
            margin-left: 8px;
        }

        .menu-dropdown {
            background-color: #F9FAFB;
            /*margin-top: 24px;*/
            position: absolute;
            display: none;
            width: 100%;
            cursor: auto;
            /*height: 80vh;*/
            left: 0px;
            z-index: 1000;
            border-radius: 8px;
            /*border-bottom-right-radius: 16px;*/

        }

        .menu-item-container:hover .menu-dropdown {
            display: block;
        }

        .menu-item-container:hover .menu-item {
            color: #20B24B;
        }

        .dropdown-container {
            padding: 32px 72px !important;
            display: flex;
            gap: 24px;
        }

        .main-menu-container .main-menu-heading {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            margin: 0;
        }

        .main-menu-container .supporting-text {
            color: #667085;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px; /* 142.857% */
            margin: 0;
        }

        .services-main-menu-section {
            max-width: 20%;
            min-width: 20%;
            /*min-width: ;*/
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .main-menu-container {
            padding: 12px !important;
            cursor: pointer;
            position: relative;
        }

        .active-main-menu {
            background-color: white;
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.05);
            border-radius: 8px;
        }

        .active-main-menu .main-menu-heading {
            color: #20B24B;
        }

        .active-main-menu .caret-right {
            display: block !important;
        }

        .active-main-menu .caret2-right {
            display: block;
        }

        .caret-right {
            display: none;
            background-color: #F9FAFB;
            position: absolute;
            top: calc(50% - 7px);
            right: -12px;
            width: 0;
            height: 0;
            border-top: 7px solid #F9FAFB;
            border-left: 14px solid white;
            border-bottom: 7px solid #F9FAFB;
        }

        .caret2-right {
            z-index: 5;
            display: none;
            /*background-color: #F9FAFB;*/
            position: absolute;
            top: calc(50% - 14px);
            right: -32px;
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-left: 14px solid #F9FAFB;
            /*border-left: 32px solid black;*/
            border-bottom: 16px solid transparent;
        }

        .second-menu-container-active .caret-right-2 {
            display: block;
        }

        .caret-right-2 {
            display: none;
            background-color: transparent;
            position: absolute;
            top: calc(50% - 12px);
            right: -48px;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 24px solid #F9FAFB;
            border-bottom: 12px solid transparent;
        }


        .flex-grow {
            flex-grow: 1;
        }

        .services-second-main-section {
            min-width: 324px;
            background-color: white;
            display: flex;
            padding: 12px !important;
            flex-direction: column;
            gap: 12px;
            /*flex-grow: 1;*/
        }

        .services-third-main-section-for-hr {
            /*min-width: 324px;*/
            display: none;
            background-color: white;
            /*display: flex;*/
            padding: 12px !important;
            flex-direction: column;
            gap: 12px;
            /*flex-grow: 1;*/
        }

        .services-third-main-section {
            min-width: 324px;
            background-color: white;
            display: flex;
            padding: 12px !important;
            flex-direction: column;
            gap: 12px;
            flex-grow: 1;
        }

        .it-services {
            position: absolute;
            top: 0;
            background-color: white;
            padding: 12px !important;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .it-container:hover + .hr-services {
            visibility: visible !important;
        }

        .hr-services {
            background-color: white;
            padding: 12px !important;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .second-menu-container {
            display: flex;
            /*min-width: 800px;*/
            /*width: 300px;*/
            padding: 12px !important;
            cursor: pointer;
            border-radius: 8px;
            position: relative;
            justify-content: space-between;
            align-items: center;
        }

        .second-menu-container-active {
            position: relative;
            padding: 12px !important;
            cursor: pointer;
            border-radius: 8px;
            background-color: rgba(32, 178, 75, 0.07);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .second-menu-container i, .second-menu-container-active i {
            color: #20B24B;
        }

        .second-menu-container p {
            margin: 0;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; /* 142.857% */
        }

        .second-menu-container-active p {
            margin: 0;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; /* 142.857% */
        }

        .third-menu-row {
            display: flex;
            gap: 8px;
        }

        .third-menu-container {
            max-width: 320px;
            display: flex;
            gap: 12px;
            padding: 12px !important;
            align-items: start;
            cursor: pointer;
            border-radius: 8px;
        }

        .third-menu-container:hover {
            background-color: #F9FAFB;
        }

        .third-menu-container img {
            width: 32px;
            height: 32px;
        }

        .third-menu-heading {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            margin: 0 !important;
        }

        .third-menu-supporting-text {
            color: #667085;
            margin: 8px 0 0 0;
            /*width: 350px;*/
            text-overflow: ellipsis;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
        }

        @media (min-width: 0px) and (max-width: 767px) {

            img.attachment-full.size-full.wp-image-27278 {
                width: 135px;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {

            img.attachment-full.size-full.wp-image-27278 {
                width: 135px;
            }
        }

        .header-toll-free-box {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .header-toll-free-box h2 {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin: 0;
            color: white;
        }

        .header-toll-free-box h3 {
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 28px;
            margin: 0;
            color: white;
        }

        .header-toll-free-box i {
            font-size: 30px;
            color: white;
        }


        .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 0px !important;
            border-bottom: 1px solid white;
            /*max-width: 1440px;*/
            /*margin: auto;*/
        }

        .top-bar-email {
            display: flex;
            color: white;
            gap: 8px;
            align-items: center;
        }

        .top-bar-email p {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            color: white;
            margin: 0;
        }

        .top-bar-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .top-bar-right {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .top-bar-right p {
            margin: 0;
        }

        .top-bar-right a {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            cursor: pointer;
            color: white;
            text-decoration: none;
        }

        .top-bar-right a:hover {
            color: #20B24B;
        }

        .container {
            max-width: 1440px;
            margin-left: auto;
            margin-right: auto;
        }

        .topbar-anchor {
            color: white !important;
        }

        .topbar-anchor:hover {
            color: #20B24B !important;
        }

        .top-header-main a, .top-bar-search-div a {
            text-decoration: none !important; /* Removes underlining */
            color: black !important; /* Keeps the default text color */
        }

        .top-bar-search-initial {
            background-color: unset !important;
            width: 32px !important;
            border-radius: 8px !important;
            outline: none !important;
            pointer-events: none !important;
            /*border: 1px solid #667085;*/
            border: none !important;
            padding: 8px 0 !important;
            color: transparent !important;
            /*padding: 8px 32px 8px 4px;*/
            /*animation: closing linear .5s;*/
        }

        .top-bar-search {
            background-color: unset !important;
            color: transparent;
            width: 32px !important;
            border-radius: 8px !important;
            outline: none !important;
            pointer-events: none !important;
            /*border: 1px solid #667085;*/
            border: none !important;
            padding: 8px 0 !important;
            /*padding: 8px 32px 8px 4px;*/
            animation: closing linear .9s !important;
        }

        .top-bar-search-activated {
            background-color: unset !important;
            color: white !important;
            /*transition-delay: .01s;*/
            width: 320px !important;
            border-radius: 8px !important;
            outline: none !important;
            border: none !important;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            /*border: none;*/
            /*padding: 8px 0;*/
            padding: 8px 32px 8px 12px !important;
            animation: opening linear 2s !important;
        }


        @keyframes opening {
            0% {
                width: 32px;
            }
            100% {
                width: 320px;
            }
        }

        @keyframes closing {
            0% {
                width: 320px;
                border: 1px solid #667085;
            }
            99% {
                border: 1px solid #667085;
            }
            100% {
                width: 32px;
            }
        }

        .top-bar-search::placeholder, .top-bar-search-initial::placeholder {
            color: transparent;
        }

        .top-bar-search, .top-bar-search-initial {
            color: white;
        }

        .top-bar-search-div {
            position: relative;

        }

        .top-bar-search-div i {
            color: white;
            position: absolute;
            font-size: 16px;
            right: 9px;
            top: 11px;
            cursor: pointer;
        }

        .top-bar-search-activated:focus + .quick-link-items {
            display: block !important;
        }

        .quick-link-items {
            display: none;
            position: absolute;
            left: 0;
            top: 42px;
            background-color: #F9FAFB;
            padding: 16px 8px;
            width: 100%;
            z-index: 5000;
            border-radius: 8px;
        }

        .quick-link-items-visible {
            position: absolute;
            left: 0;
            top: 36px;
            background-color: #F9FAFB;
            padding: 16px 8px;
            width: 94%;
            z-index: 5000;
            border-radius: 8px;
        }

        .quick-link-items:hover {
            display: block;
        }

        .quick-link-items p, .quick-link-items-visible p {
            margin: 0;
            cursor: pointer;
        }

        .quick-link-item {
            display: flex;
            gap: 8px;
            border-radius: 8px;
            padding: 8px 4px;
            align-items: center;
        }

        .quick-link-item:hover {
            background-color: white;
        }

        .quick-link-item img {
            width: 16px;
            height: 16px;
        }

        .quick-link-item p {
            font-size: 16px;
            margin: 0;
        }

        .top-bar p, .top-bar a {
            margin: 0;
        }


        .contact-sales button {
            background-color: transparent;
            outline: none;
            align-items: center;
            border: 1px solid #ffffff;
            color: white;
            font-size: 16px;
            padding: 12px 18px;
            display: flex;
            column-gap: 12px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            border-radius: 8px;
        }

        .contact-sales button:hover {
            color: #20B24B;
            box-shadow: rgba(32, 178, 75, 0.2) 0px 8px 24px;
            cursor: pointer;
            border: 1px solid #20B24B;

        }

        /*body{*/
        /*    background-color: black;*/
        /*}*/