:root {
    /* Colors */
    --color-1: #191A15;
    --color-2: #2B2B2B;
    --color-3: #424242;
    --color-4: #EFEFEF;
    --color-5: #EAEAEA;
    --color-6: #F9F9F9;
    --color-7: #454545;
    --color-8: #CBE5FF;
    --color-9: #D8E9FD;
    --color-10: #F5FAFF;
    --color-11: #1A77E1;
    --color-12: #919191;
    --color-13: #0A0A0A;
    --color-black: #000;
    --color-white: #FFF;
    --btn-color1: #414651;
    --btn-blackBG: #1E1006;

    /* Typography */
    --font-family-inter: 'Inter', sans-serif;
    --h1-size: 3.375rem;
    --h2-size: 3.125rem;
    --h3-size: 2rem;
    --h4-size: 1.5rem;
    --h5-size: 1.25rem;
    --h6-size: 1rem;
    --heading-weight: 700;


    --font-size-small: 0.875rem;
    --font-size-sm: 1rem;
    --font-size-base: 1.125rem;
    --font-size-lg: 1.375rem;
    --font-size-22: 1.5rem;
    --font-size-xl: 1.625rem;
    --font-size-xxl: 2.125rem;
    --font-size-18: 1.125rem;
    --fs14: 0.875rem;
    --fs56: 3.5rem;
    --fs64: 4rem;


    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-medium: 600;
    --font-weight-bold: 700;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Border */
    --border-1: 1px solid #D9D9D9;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --input-border: 1px solid rgba(17, 17, 19, 0.20);
    --btn-border: 1px solid #D5D7DA;
    --btn-border-width: 2px;
    --border-radius-48: 48px;

    --Line-height68: 136%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-inter);
}

html {
    scroll-behavior: smooth;
}

/* Pre defined classes */
.heading-1 {
    font-size: var(--h1-size);
    color: var(--color-2);
    font-weight: var(--heading-weight);
    line-height: var(--Line-height68);
}

.heading-2 {
    font-size: var(--h2-size);
    font-weight: var(--heading-weight);
    line-height: var(--Line-height68);
}

.heading-3 {
    font-size: var(--h3-size);
    font-weight: var(--heading-weight);
}

.heading-4 {
    font-size: var(--h4-size);
    font-weight: var(--heading-weight);
}

.heading-5 {
    font-size: var(--h5-size);
    font-weight: var(--heading-weight);
}

.heading-6 {
    font-size: var(--h6-size);
    font-weight: var(--heading-weight);
}

.my-container {
    max-width: 1260px;
}

.Fw-400 {
    font-weight: var(--font-weight-regular) !important;
}

.Fw-500 {
    font-weight: var(--font-weight-medium) !important;
}

.Fw-600 {
    font-weight: var(--font-weight-semi-medium) !important;
}

.Fw-700 {
    font-weight: var(--font-weight-bold) !important;
}

.FM-Inter {
    font-family: var(--font-family-inter) !important;
}

.Fs14 {
    font-size: var(--fs14) !important;
}

.Fs22 {
    font-size: var(--font-size-lg) !important;
    line-height: 154.545% !important;
}

.Fs56 {
    font-size: var(--fs56) !important;
    line-height: 114.286% !important;
    letter-spacing: -2.24px !important;
}

.FsLarge {
    font-size: var(--fs64) !important;
    line-height: 118.75% !important;
    letter-spacing: -2.56px;
}

.my-btn {
    font-size: var(--font-size-small);
    font-weight: 500;
    line-height: normal;
    margin: 0;
    border: none;
    box-shadow: none;
    outline: 0;
}

.my-btn:hover,
.my-btn:focus,
.my-btn:active {
    border: none;
    outline: 0;
}

.btn-light {
    border: var(--btn-border);
    background-color: var(--color-white);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    border: var(--btn-border) !important;
    background-color: #D9D9D9 !important;
}

.btn-blackBg {
    color: var(--color-white);
    border: 2px solid transparent;
    background:
        linear-gradient(var(--btn-blackBG), var(--btn-blackBG)) padding-box,
        linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;
}

.btn-blackBg:hover,
.btn-blackBg:active,
.btn-blackBg:focus {
    color: var(--color-white) !important;
    border: 2px solid transparent !important;
    background:
        linear-gradient(#392727, #392727) padding-box,
        linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box !important;
}

.btn-glow {
    transition: all 0.3s ease;
}

.btn-glow:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 12px rgba(123, 72, 254, 0.4),
        0 0 12px rgba(254, 140, 178, 0.4),
        0 8px 20px rgba(0, 0, 0, 0.25) !important;
}


.my-paragraph {
    font-size: var(--font-size-base);
    color: #000;
    font-weight: 400;
    line-height: normal;
}

.Para {
    font-size: var(--font-size-sm);
}

.P140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.P8080 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.P7098 {
    padding-top: 70px;
    padding-bottom: 98px;
}

.P3080 {
    padding-top: 30px;
    padding-bottom: 80px;
}

.P4860 {
    padding-top: 70px;
    padding-bottom: 60px;
}

.P6060 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.gap-12 {
    gap: 12px;
}

.gap-20 {
    gap: 20px;
}

.Color-white {
    color: var(--color-white) !important;
}

.Color-black {
    color: var(--color-black) !important;
}

.Color-1 {
    color: var(--color-1) !important;
}

.Color-2 {
    color: var(--color-2) !important;
}

.Color-3 {
    color: var(--color-3) !important;
}

.Color-4 {
    color: var(--color-4) !important;
}

.Color-5 {
    color: var(--color-5) !important;
}

.Color-6 {
    color: var(--color-6) !important;
}

.Color-7 {
    color: var(--color-7) !important;
}

.Color-8 {
    color: var(--color-8) !important;
}

.Color-9 {
    color: var(--color-9) !important;
}

.Color-10 {
    color: var(--color-10) !important;
}

.Color-11 {
    color: var(--color-11) !important;
}

.Color-12 {
    color: var(--color-12) !important;
}

.BG-white {
    background: var(--color-white);
}

.BG-1 {
    background: linear-gradient(135deg, #5f5fff, #b57cff, #ff9acb);
}

.BG-2 {
    background: var(--color-8);
}

.Letter-space-h1 {
    letter-spacing: -2.24px;
}

.Letter-space-h2 {
    letter-spacing: -3.5px;
}

.W-max-content {
    width: max-content !important;
}

/* Form */
.form-label {
    color: var(--color-black);
    font-size: 14px;
    line-height: 140%;
    font-weight: var(--font-weight-medium);
}

.form-control,
.form-select {
    font-size: 16px;
    line-height: 140%;
    padding: 11px 16px;
    border: var(--input-border);
    border-radius: var(--border-radius-sm);
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    -ms-border-radius: var(--border-radius-sm);
    -o-border-radius: var(--border-radius-sm);
}

.form-control::placeholder {
    font-size: 12px;
    color: rgba(17, 17, 19, 0.60);

}

.form-control:focus,
.my-selectbox:focus {
    box-shadow: none;
    border: var(--input-border);
}

.my-selectbox {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Arrow-Down.svg);
    background-size: 18px 18px;
}

.error-msg {
    font-size: 12px;
    color: #bf0606;
    display: none;
}

.Overflow-hidden {
    overflow: hidden;
}

.Link {
    color: var(--color-11) !important;
}

.Link:hover {
    color: #0061cf !important;
}

.my-hr {
    border-color: #E8E8E8;
    opacity: 1;
    margin: 32px 0;
}

/* Pre defined classes end */



/* header section start here */
.My-header {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: var(--color-white);
    z-index: 999;
}

.My-NavBar {
    padding-top: 16px;
    padding-bottom: 16px;
}

.myLogo {
    width: 160px;
}

.My-NavBar .nav-link {
    color: var(--color-1);
    font-size: var(--font-size-sm);
    cursor: pointer;
    border-radius: var(--border-radius-md);
    transition: all 0.25s ease;
    -webkit-border-radius: var(--border-radius-md);
    -moz-border-radius: var(--border-radius-md);
    -ms-border-radius: var(--border-radius-md);
    -o-border-radius: var(--border-radius-md);
}

.My-NavBar .nav-link:hover {
    background: rgba(25, 26, 21, 0.07);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.my-nav-dropdown.show>.nav-link {
    background: rgba(25, 26, 21, 0.07);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.My-NavBar .dropdown-toggle {
    display: flex;
    align-items: center;
    border: none;
}

.My-NavBar .navbar-nav {
    margin: 0 auto;
}

.My-NavBar .dropdown-toggle::after {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Nav-down-arrow.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    transition: transform 0.25s ease;
}

.My-NavBar .dropdown-toggle.show::after,
.my-nav-dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.Nav-right-btns .my-btn {
    padding: 10px 16px;
    border-radius: var(--border-radius-48);
}

.My-NavBar .navbar-toggler {
    padding: 4px 6px;
}

.My-NavBar .navbar-toggler:focus {
    box-shadow: none;
}

.my-nav-dropdown .dropdown-menu {
    width: max-content;
    left: auto;
    right: 0;
    padding: 0;
    background: #FFF;
    box-shadow: rgb(0 0 0 / 0%) 0px 4px 8px 0px, rgb(0 0 0 / 7%) 0px 6px 8px 0px;
    border: 1px solid #e1e0e0;
    border-radius: 4px;
}

.Nav-overlay {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    background-color: #0003;
    width: 100%;
    height: 100vh;

    inset: 100% 0% 0%;
    top: 100%;
    pointer-events: none;
    overflow: hidden;
    transition: 0.3s ease;
}

.RSN-section {
    border-radius: 12px;
    padding: 48px;
}

.RSN-heading {
    color: #646464;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 7px;
}

.RSN-border {
    border-color: #d9d9d9;
}

.RSN-learnMore-section h5 {
    color: var(--color-3);
    font-size: 14px;
    line-height: 21px;
}

.RSN-learnMore-section h6 {
    color: var(--color-3);
    font-size: 14px;
    line-height: 20px;
}

.RSN-Itemgap {
    gap: 11px;
}

.RSN-header {
    margin-bottom: 37px;
}

.RSN-hiring-strip {
    background: #FFF;
    margin-top: 108px;
}

.RSN-hiringteams-Section p {
    color: var(--color-3);
    margin-bottom: 3px;
}

.RSN-hiringteams-Section a {
    color: #3063D2;
    font-style: italic;
    text-decoration: none;
}

.RSN-hiringteams-Section p,
.RSN-hiringteams-Section a {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.28px;
}

.RSN-hiringteams-Section a:hover {
    text-decoration: underline;
}

.RSN-Itemgap {
    cursor: pointer;
}

.RSN-MenuItemsSections {
    gap: 40px;
}

.RSNForstaffing-owners-icon {
    width: 24px;
    margin-top: -1px;
}

.RSN-hiring-strip,
.RSN-MenuItemsSections {
    padding-left: 22px;
}

.RSN-Resources-Menu {
    padding-left: 12px;
    padding-right: 12px;
}

/* header section ends here */
.My-BG {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.CNT-BG {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/My-hero-bg.webp);
}

.My-card {
    padding: 30px;
    border: var(--border-1);
    border-radius: var(--border-radius-md);
    -webkit-border-radius: var(--border-radius-md);
    -moz-border-radius: var(--border-radius-md);
    -ms-border-radius: var(--border-radius-md);
    -o-border-radius: var(--border-radius-md);
}

.card-img {
    width: 32px;
    height: 32px;
}

.card-title {
    color: var(--color-3);
    font-size: var(--font-size-22);
    line-height: 32px;
}

.card-text {
    font-size: var(--font-size-small);
    line-height: 24px;
    margin-bottom: 28px;
}

.My-Anchor-text {
    font-size: var(--font-size-sm);
    line-height: 24px;
}

.card-text-14 {
    font-size: var(--font-size-sm);
}

.locations h2 {
    letter-spacing: -3.5px;
    color: var(--color-2);
}

.locations .section-head p {
    letter-spacing: -1.12px;
}

/* Map container */
.map-wrapper {
    height: 751px;
    background: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/world-map.jpg) no-repeat center;
    width: 1148px;
    margin-top: 40px;
}

/* Cards */
.location-card {
    width: 251px;
    border-radius: 12px;
    padding: 18px;
    text-align: start;
    font-size: 14px;
    border-radius: var(--border-radius-md);
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(149, 149, 149, 0.12);
    -webkit-border-radius: var(--border-radius-md);
    -moz-border-radius: var(--border-radius-md);
    -ms-border-radius: var(--border-radius-md);
    -o-border-radius: var(--border-radius-md);
}

.location-card h6 {
    color: var(--color-2);
    font-size: 18px;
    letter-spacing: 0.54px;
}

.location-card p {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.98px;
}

.ContactNumberTxt {
    color: var(--color-black);
    font-size: 16px;
    line-height: 28px;
    /* 175% */
    letter-spacing: -1.12px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


/* Positions (tweak for perfect match) */
.usa {
    top: 149px;
    left: 98px;
}

.usa::after,
.uk::after,
.india::after {
    content: '';
    position: absolute;
    width: 21px;
    /* adjust based on your image */
    height: 21px;
    background-image: url('http://qa1.experthiring.com/wp-content/uploads/2026/05/Ellipse.svg');
    /* your image path */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.usa::after {
    right: 15px;
    transform: translate(-50%, 17px);
    top: 100%;
}

.uk::after {
    top: -36px;
    left: 85px;
}

.india::after {
    left: -34px;
    bottom: 30px;
}

.uk {
    top: 359px;
    left: 437px;
}

.india {
    top: 311px;
    right: 87px;
}

.BJB-section {
    padding-top: 64px;
    padding-bottom: 64px;
}

.BJB-card {
    border-radius: 24px;
    background: #FFF;
    padding: 40px 20px;
    max-width: 1064px;
    height: 503px;
}

.BJB-title {
    font-size: 54px;
    color: var(--color-2);
    line-height: 68px;
    margin-top: 54px;
}

.WeDeliverTxt {
    margin-top: 15px;
}

.BJB-avatar {
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
}

.BJB-avatar img {
    width: 192px;
    margin-top: -12px;
}

.btn-gradient-wrap {
    display: inline-block;
    padding: 2px;
    border-radius: 50px;
    background: linear-gradient(90deg, #FF8DB3, #7B48FE);
    margin-top: 39px;
}

.BJB-btn {
    background: #1E1006;
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 48px;
    font-size: 14px;

}

.BJB-btn:hover {
    background: #2c190b;
}

.BJB-rating {
    color: #414651;
    font-size: 14px;
    line-height: 20px;
    margin-left: 2px;
}

.Cusmt-4 {
    margin-top: 27px;
}

.google-icon-style {
    margin-top: -2px;
}

/* Custom Modal */
body.custom-backdrop .modal-backdrop {
    opacity: 1;
}

body.custom-backdrop .modal-backdrop.show {
    opacity: 1;
}

.custom-modal {
    border-radius: 12px;
}

.custom-modal .modal-dialog {
    max-width: 554px;
}

.custom-modal .modal-content {
    z-index: 1;
    border: 3px solid #FE8CB2;
    background: #FFF;
    box-shadow: 0 0 17px 0 rgba(123, 72, 254, 0.50), 0 0 17px 0 rgba(254, 140, 178, 0.50);
    border-radius: 6px;
}

.backdrop-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-37%, -43%);
    z-index: -1;
    pointer-events: none;
}

.custom-modal .modal-header {
    padding: 28px 28px 4px 28px;
    border-bottom: 0;
    background: var(--color-white);
}

.custom-modal .modal-body {
    padding: 0 28px 48px 28px;
    background: var(--color-white);
}

.custom-modal .modal-footer {
    padding: 12px 28px;
    border-top: var(--border-1);
    background: var(--color-white);
}

.custom-modal .modal-title {
    font-size: var(--font-size-22);
    line-height: 133.333%;
}

.modal-para {
    width: 90%;
    font-size: var(--font-size-sm);
    line-height: 28px;
}

.flag-icon {
    margin-left: 12px;
    width: 18px;
}

.Select-box .Select1 {
    width: 22%;

}

.Select-dropdown {
    border: var(--input-border);
    border-radius: var(--border-radius-sm);
}

.Select-dropdown .my-selectbox {
    padding-left: 8px;
    border: none;
}

.Select-box .Select2 {
    width: 78%;
}

/* Upload box */
.upload-box {
    padding: 24px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 18px;
    border: 1px dashed #000;
    background: rgba(0, 0, 0, 0.05);
}

.fileText {
    font-family: var(--font-size-small);
}

.uploadBtn {
    border: none;
    font-size: var(--font-size-small);
    color: var(--color-white);
    padding: 7px 16px;
    border-radius: 48px;
    background: var(--btn-blackBG);
    box-shadow:
        0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.mdl-btn {
    padding: 11px 24px;
    border-radius: 48px;
    box-shadow:
        inset 0 0 0 1px rgba(10, 13, 18, 0.18),
        inset 0 -2px 0 0 rgba(10, 13, 18, 0.05),
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.CND-SubmitInformation {
    padding-left: 26px;
    margin-top: -65px;
}

.CND-SubmitInformation h2 {
    color: var(--color-2);
    font-size: 50px;
    line-height: 68px;
    letter-spacing: -3.5px;
    margin-bottom: 13px;
}

.CND-SubmitInformation p {
    color: #454545;
    font-size: 20px;
    line-height: 28px;
    width: 86%;
}

.CND-SubmitInformation-Container {
    margin-top: 100px;
    margin-bottom: 100px;
}

.CND-submit-visual img {
    max-width: 559px;
    display: block;
}

.CND-who-we-work-section {
    background-color: #ffffff;
    padding: 90px 0;
}

.CND-who-we-work-heading {
    color: var(--color-2);
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 15px;
}

.CND-we-focus-subheading {
    color: #454545;
    font-size: 20px;
    line-height: 32px;
}

.CND-criteria-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CND-criteria-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    color: #454545;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.CND-criteria-list li:last-child {
    border-bottom: none;
}

.CND-who-we-work-section-left {
    width: 430px;
    margin-top: 12px;
    margin-left: 26px;
}

.CND-who-we-work-section-right {
    width: 490px;
    margin-left: 20px;
}

.g-5rem {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
}

.expect-section {
    background: var(--color-black);
    padding: 90px 0 140px 0;
}

.expect-list {
    padding-left: 18px;
    margin-bottom: 22px;
}

.expect-list li {
    color: var(--color-5);
    font-size: var(--h5-size);
    line-height: 32px;
}

.logos-grid {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 20px;
    align-items: center;
    justify-content: left;
}

.logos-grid img {
    margin: auto;
}

.form-glow-wrapper {
    width: 518px;
    border: 3px solid #FE8CB2;
    background: #FFF;
    box-shadow: 0 0 17px 0 rgba(123, 72, 254, 0.50), 0 0 17px 0 rgba(254, 140, 178, 0.50);
    z-index: 1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.form-card {
    background: var(--color-white);
    padding: 28px 28px 48px 28px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.form-card-title {
    font-size: var(--font-size-22);
    line-height: 133.333%;
}

.form-card-select .Select1 {
    width: 24%;
}

.small-backdrop-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-54%, -50%);
    z-index: -1;
    pointer-events: none;
    -webkit-transform: translate(-54%, -50%);
    -moz-transform: translate(-54%, -50%);
    -ms-transform: translate(-54%, -50%);
    -o-transform: translate(-54%, -50%);
}

.form-card-form {
    margin-bottom: 32px;
}

.Lg-btn {
    margin: auto;
    min-width: 258px;
    display: block;
    padding: 14px 24px;
    border-radius: 54px;
    border: 2px solid #FF8DB3;
    box-shadow: 0 2.25px 5.625px 2.25px rgba(254, 140, 178, 0.20);
}

.My-reviews-section {
    padding: 100px 0 0 0;
}

.My-reviews {
    padding: 130px 20px 100px 20px;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.My-reviews .BJB-title {
    margin-bottom: 50px;
}

.My-reviews .Para {
    color: var(--color-7);
    font-size: var(--h5-size);
    line-height: 140%;
}

.My-reviews-card {
    border-radius: 48px;
    border: 1px solid var(--color-9);
    background: var(--color-10);
    padding: 12px;
}

.My-btn-gradient {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.My-btn-gradient .BJB-btn {
    font-size: var(--font-size-sm);
    padding: 16px 24px;
    line-height: normal;
    border-radius: 54px;
    border: 2.25px solid transparent;
    box-shadow: 0 2.25px 5.625px 2.25px rgba(254, 140, 178, 0.20);
    background:
        linear-gradient(#1E1006, #1E1006) padding-box,
        linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;

    box-shadow:
        0 2.25px 5.625px 2.25px rgba(254, 140, 178, 0.20),
        0 0 14px rgba(123, 72, 254, 0.22);

}

.My-btn-gradient .BJB-btn:hover,
.My-btn-gradient .BJB-btn:focus,
.My-btn-gradient .BJB-btn:active {
    color: #fff;
    background:
        linear-gradient(#2c190b, #2c190b) padding-box,
        linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;
}

/* Animation right to left */
.Animation-strip-section {
    padding: 0 0 40px 0;
    background: #fff;
}

.Animation-title {
    font-size: var(--font-size-18);
    color: var(--btn-color1);
}

.Animation-strip-wrapper {
    overflow: hidden;
    position: relative;
}

.Animation-strip {
    display: flex;
    width: max-content;
    gap: 24px;
    animation: scrollLogos 25s linear infinite;
}

.Animation-track {
    display: flex;
    align-items: center;
    gap: 24px;
}

@keyframes scrollLogos {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.Animation-strip:hover {
    animation-play-state: paused;
}

.Animation-strip-wrapper::before,
.Animation-strip-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.Animation-strip-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.Animation-strip-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

/* Animation right to left end */

.HM-profile-card {
    max-width: 234px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    position: relative;
    height: 357px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.HM-profile-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .14);
}

/* Info area */
.HMprofile-card-info {
    border-radius: 16px;
    background: #FFF;
    position: absolute;
    left: 9px;
    bottom: 9.16px;
    display: flex;
    width: 216px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
}

.HMprofile-card-name {
    color: var(--color-2);
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
    padding-bottom: 4px;
}

.HMprofile-card-role {
    color: var(--color-7);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.Logos-Animation-strip {
    padding: 80px 10px;
}

.Logos-Animation {
    border-top: 1px solid var(--color-4);
    border-bottom: 1px solid var(--color-4);
}

.Logos-Animation .Animation-title {
    letter-spacing: -0.36px;
}

.Left-col {
    width: 35%;
}

.Right-col {
    width: 65%;
}

.Logos-Animation .Animation-strip {
    gap: 32px;
    animation: scrollLogos 10s linear infinite;
    -webkit-animation: scrollLogos 10s linear infinite;
}

.Logos-Animation .Animation-track {
    gap: 32px;
}

.Logos-Animation .Animation-strip-wrapper::before {
    background: none;
}

.HM-find-section {
    padding: 72px 0 80px;
}


.HM-find-section .section-title {
    color: var(--color-2);
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
    margin-bottom: 17px;
}

.HM-find-section .section-sub {
    color: var(--color-7);
    font-size: 22px;
    line-height: 34px;
    max-width: 816px;
    margin: auto;
}

.HM-find-section .section-title,
.HM-find-section .section-sub {
    text-align: center;
}

.mb-100 {
    margin-bottom: 100px;
}

.HM-find-section .feature-card {
    background: #f9f9fb;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 36px;
    border: 1px dashed #D8D8D8;
    background: #FFF;
}


.HM-find-section .card-illustration {
    border-radius: 16px;
    margin: 22px 22px 0;
    overflow: hidden;
    flex-shrink: 0;
}

/* .HM-find-section .card-illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
} */

.HM-find-section .card-illustration.talent-map {
    /* height: 363px; */
    width: 562px;
}

.HM-find-section .card-illustration.outreach {
    width: 562px;
}

.HM-find-section .card-body-text {
    padding: 24px 24px 28px;
    flex: 1;
}

.HM-find-section .card-body-text .card-heading {
    color: var(--color-2);
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
    margin-top: 17px;
}


.HM-find-section .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.HM-find-section .feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    color: var(--color-7);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}


/* Stories-Animation */
.Stories-Animation {
    padding: 80px 0;
}

.stories-container {
    margin: 64px auto;
    padding: 0 40px 0 40px;
    border-radius: 36px;
    background: #FAF2FD;
}

.stories-columns {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    gap: 26px;
    height: 650px;
    overflow: hidden;
    position: relative;
}

.stories-col {
    display: flex;
    flex-direction: column;
    gap: 26px;
    will-change: transform;
}


.col-up {
    animation: scrollUp 50s linear infinite;
    -webkit-animation: scrollUp 50s linear infinite;
}

.col-down {
    animation: scrollDown 120s linear infinite;
    -webkit-animation: scrollDown 120s linear infinite;
}

.col-down2 {
    animation: scrollDown 50s linear infinite;
    -webkit-animation: scrollDown 50s linear infinite;
}

.col-up,
.col-down,
.col-down2 {
    will-change: transform;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes scrollDown {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

.Stories-Animation:has(.story-card:hover) .stories-col {
    animation-play-state: paused;
}

.story-card {
    padding: 24px;
    border-radius: 24px;
    background: var(--color-white);
    gap: 60px;

}

.story-card-body .heading-4 {
    font-size: var(--h4-size);
    font-style: italic;
    letter-spacing: -0.96px;
    line-height: 133.333%;
}

.story-card-para {
    font-size: var(--font-size-18);
    color: var(--color-1);
    line-height: 155.556%;
}

.story-box-footer {
    gap: 18px;
}

.story-box-footer .Para {
    font-size: 14px;
}

.story-card-featured {
    background: var(--color-13);
    gap: 30px;
}

.story-card-featured .story-img {
    border-radius: 16px;
    border: 2px solid #FFF;
}

.story-card-featured .story-img img {
    width: 100%;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.CTA-center {
    width: 100%;
    gap: 32px;
}

.CTA-center .My-btn-gradient,
.CTA-center .My-reviews-card {
    width: 320px;
}

.CTA-center .My-btn-gradient .BJB-btn {
    width: 100%;
    justify-content: center;
}

.HM-testimonial-card {
    padding: 24px;
    width: 100%;
    height: auto;
    border-radius: 24px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 10px 14px 34px 0 rgba(0, 0, 0, 0.06);
}

.HM-testimonial-img-wrapper {
    width: 140px;
    height: 140px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 85px;
    background-color: #e5e7eb;
    flex-shrink: 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.HM-testimonial-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.HM-testimonial-linkedin-badge {
    display: inline-flex;
    width: 24px;
    height: 24px;
    margin-bottom: 17px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.HM-testimonial-name {
    color: var(--color-2);
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.96px;
    margin-bottom: 5px;
}

.HM-testimonial-title {
    color: var(--color-7);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
}

.HM-testimonial-description {
    color: #444040;
    font-size: 14px;
    line-height: 22px;
}

.My-slider-btns {
    margin: 32px 0;
}

.My-slider-btns .carousel-indicators {
    position: relative;
    margin: 0;
    padding: 0;
}

.My-slider-btns .carousel-indicators [data-bs-target] {
    width: 70px;
    height: 4px;
    background-color: var(--color-black);
    margin: 0;
}

.carousel-indicators-text {
    color: #1B1818;
    font-size: 14px;
}

.Carousel-para {
    font-size: 14px;
}

.My-slider-btns .carousel-control-next,
.My-slider-btns .carousel-control-prev {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 36px;
    opacity: 0.6;
    background: #D5D4D4;
    padding: 12px;
}

.My-slider-btns .carousel-control-prev-icon,
.My-slider-btns .carousel-control-next-icon {
    background-size: contain;
    background-repeat: no-repeat;
}

.My-slider-btns .carousel-control-prev-icon {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Arrow-left-gray.svg);
    width: 20px;
    height: 20px;
}

.My-slider-btns .carousel-control-next-icon {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Arrow-right-gray.svg);
    width: 20px;
    height: 20px;
}

.My-slider-btns .carousel-control-next:focus,
.My-slider-btns .carousel-control-next:hover,
.My-slider-btns .carousel-control-prev:focus,
.My-slider-btns .carousel-control-prev:hover {
    background: #100F0F;
    opacity: 1;
}

.My-slider-btns .carousel-control-prev:hover .carousel-control-prev-icon,
.My-slider-btns .carousel-control-prev:focus .carousel-control-prev-icon {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Arrow-left-white.svg);
}

.My-slider-btns .carousel-control-next:hover .carousel-control-next-icon,
.My-slider-btns .carousel-control-next:focus .carousel-control-next-icon {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/Arrow-right-white.svg);
}

/* Box Animation */
.Box-rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    position: relative;
}

.box-row {
    display: flex;
    gap: 16px;
    width: max-content;
    will-change: transform;
}

.boxrow-left {
    animation: scrollLeft 30s linear infinite;
    -webkit-animation: scrollLeft 30s linear infinite;
}

.boxrow-right {
    animation: scrollRight 20s linear infinite;
    -webkit-animation: scrollRight 20s linear infinite;
}

.boxrow-left2 {
    animation: scrollLeft 30s linear infinite;
    -webkit-animation: scrollLeft 30s linear infinite;
}

.boxrow-left,
.boxrow-right,
.boxrow-left2 {
    will-change: transform;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.Box-Animation:has(.RHS-job-card-wrapper:hover) .box-row {
    animation-play-state: paused;
}

.blackBg {
    background: var(--color-13);
}

.padding80 {
    padding: 80px 0;
}

.gap64 {
    gap: 64px;
}

.borderRadius24 {
    border-radius: 24px;
}

.RHS-section-title {
    color: var(--color-white);
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
    margin-bottom: 17px;
}

.RHS-section-sub {
    color: var(--color-white);
    font-size: 22px;
    line-height: 34px;
    max-width: 816px;
    margin: auto;
}

.RHS-job-card-wrapper {
    width: auto;
    min-width: 269px;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(97deg, #FF8DB3 17.8%, #64D3E0 49.06%, #7B48FE 69.99%);
    height: 106px;
}

.RHS-job-card {
    background-color: #141414;
    border-radius: 24px;
    padding: 20px;
    width: 100%;
    height: 104px;
}

.RHS-job-title {
    color: var(--color-white);
    font-size: 16px;
    line-height: 28px;
}

.RHS-badge-finance {
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.09);
    padding: 2px 12px;
    color: var(--color-white);
    font-size: 12px;
    line-height: 20px;
    margin-top: -5px;
}

.RHS-job-location {
    color: var(--color-white);
    font-size: 14px;
    line-height: 22px;
    opacity: 0.7;
}

.mb6px {
    margin-bottom: 6px;
}

.SeeCandidates-Btn {
    border-radius: 48px;
    background: var(--color-white);
    padding: 16px 25px;
    justify-content: center;
    gap: 14px;
}

.SeeCandidates-Btn span {
    color: var(--color-black);
    font-size: 16px;
    line-height: 24px;
}

.W-302 {
    width: 302px;
}

.SeeCandidates-Btn img {
    margin-top: 2px;
}

.gap16 {
    gap: 16px;
}

.Hero-card {
    max-width: 1000px;
    height: auto;
}

.Hero-card .Para {
    font-size: var(--font-size-lg);
    line-height: 154.545%;
}

.Hero-card .My-reviews-card {
    margin-bottom: 28px;
}

.mb-80 {
    margin-bottom: 75px;
}

.HM-Explore-Recruiting-section .recruiter-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.HM-Explore-Recruiting-section .recruiter-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 18px;
    cursor: pointer;
    border-radius: 24px;
    position: relative;
    background: transparent;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    height: 107px;
    padding-right: 21px;
}

.HM-Explore-Recruiting-section .recruiter-card::before,
.HM-Explore-Recruiting-section .recruiter-card::after {
    content: '';
    position: absolute;
    border-radius: inherit;
    transition: opacity 0.25s ease, background 0.25s ease;
}

.HM-Explore-Recruiting-section .recruiter-card::before {
    inset: 0;
    padding: 1px;
    background: linear-gradient(97deg, #FF8DB3 17.8%, #64D3E0 49.06%, #7B48FE 69.99%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    opacity: 0;
    z-index: 0;
}


.HM-Explore-Recruiting-section .recruiter-card::after {
    inset: 1.5px;
    border-radius: 15px;
    background: transparent;
    opacity: 0;
    z-index: 0;
}

.HM-Explore-Recruiting-section .recruiter-card>* {
    position: relative;
    z-index: 1;
}

.HM-Explore-Recruiting-section .recruiter-card:hover::before,
.HM-Explore-Recruiting-section .recruiter-card.active::before {
    opacity: 1;
}

.HM-Explore-Recruiting-section .recruiter-card:hover::after,
.HM-Explore-Recruiting-section .recruiter-card.active::after {
    opacity: 1;
}

.HM-Explore-Recruiting-section .card-icon {
    flex-shrink: 0;
    width: 62px;
    height: 40px;
    margin-left: 19px;
}

.HM-Explore-Recruiting-section .card-label {
    flex: 1;
    color: var(--color-black);
    font-size: 16px;
    line-height: 28px;
}

.HM-Explore-Recruiting-section .card-arrow {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #FF8DB3;
    background: transparent;
    transition: background 0.22s, border-color 0.22s, box-shadow 0.22s;
}

.W-186px {
    width: 186px !important;
}

.mt-40 {
    margin-top: 40px;
}

/* .recruiter-card:hover .card-arrow,
    .recruiter-card.active .card-arrow {
      background: linear-gradient(135deg, #c084fc, #f472b6);
      border-color: transparent;
      box-shadow: 0 2px 10px rgba(244, 114, 182, 0.4);
    } */

/* Sell your staffing agency hero */
.SYSA-hero {
    min-height: 646px;
}

.SYSA-hero-inner {
    max-width: 920px;
}

.SYSA-content {
    max-width: 790px;
    z-index: 2;
}

.SYSA-orbit-art img {
    width: 100%;
}

.SYSA-buyer-content {
    max-width: 640px;
}

.SYSA-buyer-text {
    margin-bottom: 42px;
}

.SYSA-buyer-link img {
    width: 20px;
    height: 20px;
    transition: transform 0.25s ease;
}

.SYSA-buyer-link:hover img {
    transform: translateX(4px);
}

.SYSA-buyer-card {
    width: 526px;
    min-height: 286px;
    border-radius: 17.909px;
    background: #FAF2FD;
    padding: 66px 24px;
    gap: 24px;
}

.SYSA-buyer-pill {
    width: fit-content;
    border-radius: 24px;
    background: var(--color-white);
    padding: 24px;
    font-size: var(--font-size-lg);
    line-height: 1.25;
    box-shadow: 10px 14px 34px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid var(--color-5);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.SYSA-buyer-pill-1 {
    min-width: 304px;
    text-align: center;
}

.SYSA-buyer-pill-2 {
    min-width: 222px;
    text-align: center;
}

.bg-grey {
    background-color: #f8f8f8;
}

.SYSA-feature-card {
    padding: 32px 28px;
    height: 100%;
    border-radius: 24px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 10px 14px 84px 0 rgba(0, 0, 0, 0.05);
}

.SYSA-WhyStaffingAgency-section .icon-box {
    width: 68px;
    height: 68px;
    margin-bottom: 33px;
}

.SYSA-WhyStaffingAgency-section .card-heading {
    margin-bottom: 17px;
    color: var(--color-2);
    font-size: 24px;
    letter-spacing: -0.96px;
}

.SYSA-WhyStaffingAgency-section .card-desc {
    margin-bottom: 25px;
    color: var(--color-7);
    font-size: 14px;
    line-height: 20px;
}

.SYSA-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.SYSA-feature-list li {
    display: flex;
    gap: 12px;
    color: var(--color-7);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}

.SYSA-feature-list li:last-child {
    margin-bottom: 0px;
}

.SYSA-feature-list li img {
    width: 23px;
}

.SYSA-WhyStaffingAgency-section .wide-card .SYSA-feature-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 24px;
}

.SYSA-WhyStaffingAgency-section .wide-card .card-footer-note {
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid #d5d1d0;
    font-size: 0.875rem;
    color: #666;
    line-height: 1.55;
}

.SYSA-WhystaffingTxt {
    max-width: 740px;
    margin: auto;
}

.SYSA-WhyStaffingAgency-section .wide-card {
    padding-bottom: 17px;
}

.SYSA-look-for-section {
    background-color: #000;
    padding: 80px 20px 100px;
}

.SYSA-look-for-section .section-title,
.SYSA-look-for-section .section-subtitle {
    color: var(--color-4);
}

.SYSA-look-for-section .section-title {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
    margin-bottom: 20px;
}

.SYSA-look-for-section .section-subtitle {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 34px;
}

.SYSA-look-for-section .cards-row {
    margin: auto;
    margin-top: 68px;
    max-width: 1200px;
}

.SYSA-look-for-section .feature-card {
    background-color: #141414;
    border-radius: 24px;
    padding: 24px;
    height: 100%;
    min-height: 269px;
    max-width: 278px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.SYSA-look-for-section .feature-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(97deg, #FF8DB3 17.8%, #64D3E0 49.06%, #7B48FE 69.99%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    transition: opacity 0.25s ease;
}


.SYSA-look-for-section .feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(100, 60, 255, 0.18);
}

.SYSA-look-for-section .feature-card:hover::before {
    opacity: 1;
}


.SYSA-look-for-section .icon-box {
    width: 48px;
    height: 48px;
}


.SYSA-look-for-section .card-label {
    color: var(--color-4);
    font-size: 20px;
    line-height: 31px;
    letter-spacing: -0.8px;
    width: 225px;
}

.SYSA-sale-list {
    font-size: var(--h5-size);
    line-height: 120%;
}

.SYSA-sale-list li {
    margin-bottom: 16px;
}

.SYSA-sale-list li:last-child {
    margin-bottom: 0;
}

.SYSA-sale-form-card {
    border-radius: 26px;
}

.SYSA-sale-form-card .form-card {
    border-radius: 26px;
}

.SYSA-sale-textarea.form-control {
    padding: 13px 16px;
    min-height: 84px;
    resize: none;
}

.Lock-secton {
    gap: 32px;
}

.RLS-hero-section {
    min-height: 691px;
    padding: 48px 0 48px;
    background: var(--color-white);
    overflow: hidden;
    position: relative;
}

.RLS-hero-inner {
    min-height: 483px;
    position: relative;
}

.RLS-hero-content {
    max-width: 940px;
    margin: 0 auto;
    padding-top: 58px;
    position: relative;
    z-index: 2;
}

.RLS-avatar-stack {
    display: inline-flex;
    margin-left: 10px;
    vertical-align: middle;
}

.RLS-avatar-stack img {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: -10px;
    border: 2px solid var(--color-white);
}

.RLS-avatar-stack img:first-child {
    margin-left: 0;
}

.RLS-hero-subtitle {
    max-width: 650px;
    margin: 24px auto 0;
    color: var(--color-7);
    font-size: 22px;
    line-height: 34px;
}

.RLS-floating-card {
    position: absolute;
    z-index: 1;
    background: var(--color-white);
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
    color: #344054;
}

.RLS-match-card {
    width: 226px;
    padding: 16px 11px;
    left: 60px;
    top: 15px;
}


.RLS-match-card.RLS-match-card-2 {
    left: auto;
    right: 36px;
    top: 400px;
}

.RLS-match-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.RLS-match-name {
    color: #344054;
    font-size: 16px;
    line-height: 18px;
}

.RLS-match-badge {
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid #abefc6;
    background: #ecfdf3;
    color: #067647;
    font-size: 10px;
    line-height: 14px;
    white-space: nowrap;
}

.RLS-match-role {
    color: #667085;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}

.RLS-recruiter-card {
    width: 206px;
    height: 68px;
    padding: 12px 16px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.RLS-recruiter-card.RLS-card-blue {
    right: 10px;
    top: 15px;
    background: #f2fafd;
    border-radius: 0 16px 16px 16px;
}

.RLS-recruiter-card.RLS-card-pink {
    left: 10px;
    bottom: 77px;
    background: #fcf6fe;
    border-radius: 16px 16px 16px 0;
}

.RLS-recruiter-card img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.RLS-recruiter-card h6 {
    color: var(--color-2);
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.64px;
    margin-bottom: 4px;
}

.RLS-recruiter-card p {
    color: var(--color-7);
    font-size: 9px;
    line-height: 10px;
    margin: 0;
}

.RLS-recruiter-card .RLS-Animie {
    position: absolute;
    width: 22px;
    height: auto;

}

.RLS-Animie-1 {
    top: -22px;
    left: -24px;
}

.RLS-Animie-2 {
    top: -22px;
    right: -24px;
}

/* Roles hero animation */
.RLS-hero-content {
    opacity: 0;
    transform: translateY(18px);
    animation: RLS-content-enter 0.8s ease-out 0.2s forwards;
}

.RLS-match-card {
    opacity: 0;
    transform: translate(-80px, 28px) scale(0.96);
    animation: RLS-left-card-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards, RLS-soft-float 3.8s ease-in-out 1.4s infinite;
    -webkit-transform: translate(-80px, 28px) scale(0.96);
    -moz-transform: translate(-80px, 28px) scale(0.96);
    -ms-transform: translate(-80px, 28px) scale(0.96);
    -o-transform: translate(-80px, 28px) scale(0.96);
    -webkit-animation: RLS-left-card-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards, RLS-soft-float 3.8s ease-in-out 1.4s infinite;
}

.RLS-recruiter-card.RLS-card-blue {
    opacity: 0;
    transform: translate(90px, 18px) scale(0.96);
    animation:
        RLS-right-card-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.48s forwards,
        RLS-soft-float-alt 4.2s ease-in-out 1.5s infinite;
}

.RLS-recruiter-card.RLS-card-pink {
    opacity: 0;
    transform: translate(-90px, -18px) scale(0.96);
    animation:
        RLS-left-card-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.62s forwards,
        RLS-soft-float-alt 4s ease-in-out 1.6s infinite;
}

.RLS-match-card.RLS-match-card-2 {
    opacity: 0;
    transform: translate(80px, -28px) scale(0.96);
    animation:
        RLS-right-card-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.72s forwards,
        RLS-soft-float 3.9s ease-in-out 1.7s infinite;
}


.RLS-avatar-stack img {
    opacity: 0;
    transform: translateY(10px) scale(0.85);
    animation: RLS-avatar-pop 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.RLS-avatar-stack img:nth-child(1) {
    animation-delay: 0.7s;
}

.RLS-avatar-stack img:nth-child(2) {
    animation-delay: 0.82s;
}

.RLS-avatar-stack img:nth-child(3) {
    animation-delay: 0.94s;
}

@keyframes RLS-content-enter {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes RLS-left-card-enter {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
        transform: translate(8px, 0) scale(1.01);
        -webkit-transform: translate(8px, 0) scale(1.01);
        -moz-transform: translate(8px, 0) scale(1.01);
        -ms-transform: translate(8px, 0) scale(1.01);
        -o-transform: translate(8px, 0) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
        -webkit-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
        -o-transform: translate(0, 0) scale(1);
    }
}

@keyframes RLS-right-card-enter {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
        transform: translate(-8px, 0) scale(1.01);
        -webkit-transform: translate(-8px, 0) scale(1.01);
        -moz-transform: translate(-8px, 0) scale(1.01);
        -ms-transform: translate(-8px, 0) scale(1.01);
        -o-transform: translate(-8px, 0) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

@keyframes RLS-soft-float {
    0% {
        translate: 0 0;
    }

    25% {
        translate: 12px -14px;
    }

    50% {
        translate: 0 -22px;
    }

    75% {
        translate: -12px -10px;
    }

    100% {
        translate: 0 0;
    }
}

@keyframes RLS-soft-float-alt {
    0% {
        translate: 0 0;
    }

    25% {
        translate: -12px 14px;
    }

    50% {
        translate: 0 22px;
    }

    75% {
        translate: 12px 10px;
    }

    100% {
        translate: 0 0;
    }
}


@keyframes RLS-avatar-pop {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.RLS-role-section {
    padding: 120px 0;
    background: var(--color-white);
}

.RLS-role-head {
    margin-bottom: 61px;
}

.RLS-role-head .section-title {
    color: var(--color-2);
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
    margin-bottom: 16px;
}

.RLS-role-head .section-sub {
    color: var(--color-7);
    font-size: 22px;
    line-height: 34px;
}

.RLS-role-group-title {
    color: var(--color-2);
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
}

.RLS-role-panel {
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 42px;
}

.RLS-role-panel.core {
    background: #faf2fd;
}

.RLS-role-panel.specialized {
    background: #f2fafd;
    margin-bottom: 0;
    padding: 24px;
}

.RLS-role-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.RLS-role-card {
    min-height: 108px;
    border-radius: 24px;
    background: var(--color-white);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #181515;
}

.RLS-role-card:hover {
    border: 1px solid transparent;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(90deg, #ff8db3 0%, #64d3e0 50%, #7b48fe 100%) border-box;
    box-shadow: 0 4.5px 4.5px rgba(154, 154, 154, 0.12), 0 2.25px 5.625px rgba(254, 140, 178, 0.2);
}

.RLS-role-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.RLS-role-card:hover .RLS-role-arrow {
    display: inherit;
}

.RLS-role-icon {
    width: 68px;
    height: 68px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.RLS-role-icon img {
    max-width: 42px;
    max-height: 42px;
}

.RLS-role-card span {
    color: #181515;
    font-size: 16px;
    line-height: 28px;
}

.RLS-role-arrow {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ff8db3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    color: var(--color-2);
    font-size: 14px;
    display: none;
}

.RLS-role-cta {
    margin-top: 40px;
}

.RLS-role-cta .BJB-btn {
    padding: 15px 27px;
}

.RLS-unsure-section {
    padding: 120px 0;
    background: var(--color-white);
}

.RLS-unsure-card {
    max-width: 1180px;
    min-height: 428px;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 46px;
    background:
        radial-gradient(circle at 0% 0%, rgba(123, 72, 254, 0.18), transparent 27%),
        radial-gradient(circle at 100% 100%, rgba(123, 72, 254, 0.16), transparent 28%),
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(90deg, #ff8db3 0%, #64d3e0 50%, #7b48fe 100%) border-box;
    box-shadow: 10px 14px 54px rgba(0, 0, 0, 0.13);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 50px;
    overflow: hidden;
}

.RLS-unsure-icon {
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RLS-unsure-card h2 {
    color: #1c1919;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
    margin-bottom: 24px;
}

.RLS-unsure-card p {
    color: #383434;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.RLS-specialization-section {
    padding: 0 0 48px 0;
    background: var(--color-white);
}

.RLS-specialization-title {
    max-width: 473px;
    color: var(--color-2);
}

.RLS-specialization-text {
    max-width: 473px;
    color: var(--color-7);
}

.RLS-specialization-panel {
    max-width: 605px;
    margin-left: auto;
    border-radius: 24px;
    background: #f2fafd;
    padding: 40px;
}

.RLS-different-card {
    border-radius: 16px;
    border: 1px solid #f0f0f0;
    background: var(--color-white);
    padding: 32px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}

.RLS-different-card h3 {
    color: var(--color-2);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}

.RLS-different-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.RLS-different-item {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    color: #8c8686;
    font-size: 16px;
    line-height: 26px;
}

.RLS-different-check {
    position: relative;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    margin-top: 1px;
}

.RLS-tick-img {
    position: absolute;
    inset: 0;
    width: 24px;
    height: 24px;
    display: block;
    transform-origin: center;
}

.RLS-tick-1 {
    opacity: 1;
    transform: scale(1);
}

.RLS-tick-2,
.RLS-tick-3 {
    opacity: 0;
    transform: scale(0.92);
}

.RLS-tick-2 {
    animation: RLS-tick-two-show 3.2s ease-in-out infinite;
}

.RLS-tick-3 {
    animation: RLS-tick-three-show 3.2s ease-in-out infinite;
}

.RLS-different-item:nth-child(1) .RLS-tick-2,
.RLS-different-item:nth-child(1) .RLS-tick-3 {
    animation-delay: 0s;
}

.RLS-different-item:nth-child(2) .RLS-tick-2,
.RLS-different-item:nth-child(2) .RLS-tick-3 {
    animation-delay: 0.35s;
}

.RLS-different-item:nth-child(3) .RLS-tick-2,
.RLS-different-item:nth-child(3) .RLS-tick-3 {
    animation-delay: 0.7s;
}

.RLS-different-item:nth-child(4) .RLS-tick-2,
.RLS-different-item:nth-child(4) .RLS-tick-3 {
    animation-delay: 1.05s;
}

@keyframes RLS-tick-two-show {

    0%,
    28% {
        opacity: 0;
        transform: scale(0.92);
    }

    38%,
    62% {
        opacity: 1;
        transform: scale(1);
    }

    72%,
    100% {
        opacity: 0;
        transform: scale(0.92);
    }
}

@keyframes RLS-tick-three-show {

    0%,
    58% {
        opacity: 0;
        transform: scale(0.92);
    }

    68%,
    92% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.92);
    }
}

.RLS-result-heading {
    display: flex;
    align-items: center;
    gap: 29px;
    color: var(--color-2);
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 24px;
}

.RLS-result-heading::before,
.RLS-result-heading::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #d9d9d9;
}

.RLS-result-box {
    border-radius: 16px;
    border: 1px solid transparent;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(90deg, #ff8db3 0%, #7b48fe 100%) border-box;
    padding: 16px;
    box-shadow: 0 2px 3px rgba(254, 140, 178, 0.2);
    color: var(--color-2);
    font-size: 18px;
    line-height: 30px;
}

.EH-patent-badge-section {
    background: #fff;
    margin: 32px 0 48px 0;
}

.EH-patent-badge {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #ff8db3 0%, #64d3e0 52%, #7b48fe 100%) border-box;
    box-shadow: 0 2.25px 2.813px rgba(254, 140, 178, 0.2);
}

.EH-patent-badge-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.EH-patent-badge-title {
    color: var(--color-2, #2b2b2b);
    font-family: var(--font-family-inter, 'Inter', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    white-space: nowrap;
}

.EH-patent-badge-text {
    color: var(--color-7, #454545);
    font-family: var(--font-family-inter, 'Inter', sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    white-space: nowrap;
}

.My-p {
    font-size: var(--font-size-18);
}

/*Footer*/
.EH-footer {
    background: var(--color-black);
    padding: 72px 0 54px;
    font-family: var(--font-family-inter, 'Inter', sans-serif);
}

.EH-footer-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(108px, 1fr));
    gap: 36px;
    padding-bottom: 54px;
}

.EH-footer-title {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    line-height: 22.5px;
    margin-bottom: 18px;
}

.EH-footer-list {
    display: flex;
    flex-direction: column;
    gap: 13.5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.EH-footer-link {
    color: #cbc7c7;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-decoration: none;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

.EH-footer-link:hover {
    color: var(--color-white);
    transform: translateX(2px);
}

.EH-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 36px;
}

.EH-footer-logo {
    width: 162px;
    height: auto;
    display: block;
}

.EH-footer-copy {
    color: #c3a9a9;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    white-space: nowrap;
}

.EH-footer-social {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: transform 0.25s ease;
}

.EH-footer-social:hover {
    transform: translateY(-2px);
}

.EH-footer-social img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.My-border {
    border-top: 1.125px solid #423d3d;
    opacity: 1;
}

.AEH-section {
    position: relative;
    overflow: hidden;
    background: var(--color-black);
    min-height: 680px;
    padding: 240px 0;
    font-family: var(--font-family-inter);
    padding-top: 200px;
}

.AEH-section::before,
.AEH-section::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(123, 72, 254, 0.24), rgba(0, 0, 0, 0) 68%);
    pointer-events: none;
}

.AEH-section::before {
    left: -220px;
}

.AEH-section::after {
    right: -220px;
}

.AEH-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}

.AEH-review-pill {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 24px;
    border-radius: 48px;
    background: #001833;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.AEH-google img {
    width: 22px;
}

.AEH-review-link {
    color: #cee3fc;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.AEH-divider {
    width: 1px;
    height: 19px;
    background: rgba(255, 255, 255, 0.55);
}

.AEH-avatar-stack {
    display: inline-flex;
    align-items: center;
}

.AEH-title {
    margin-bottom: 24px;
    color: var(--color-white);
    font-size: var(--fs64);
    font-weight: var(--font-weight-bold);
    line-height: 1.18;
    letter-spacing: -2.56px;
}

.AEH-stats {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(97deg, #FF8DB3 17.8%, #64D3E0 49.06%, #7B48FE 69.99%);
    box-shadow: 10px 14px 84px 0 rgba(0, 0, 0, 0.05);
}

.AEH-statsBg {
    border-radius: 10px;
    background-color: #000;
    padding: 8px 16px;
}

.AEH-stat {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--color-white);
    font-size: 16px;
    font-weight: var(--font-weight-semi-medium);
    line-height: 26px;
    white-space: nowrap;
}

.AEH-stat-divider {
    width: 1px;
    height: 24px;
    background: var(--color-5);
    display: inline-block;
    margin-left: 17px;
    margin-right: 17px;
}

.AEH-mini-icon {
    position: absolute;
    z-index: 2;
    display: grid;
}

.AEH-card {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 202px;
    height: 68px;
    padding: 12px 15px;
    border-radius: 16px 0 16px 16px;
    border: 1px solid #343131;
    background: #141414;
}

.AEH-card img {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    object-fit: cover;
}

.AEH-card-name {
    margin: 0;
    color: var(--color-white);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: -0.64px;
}

.AEH-card-role {
    margin: 4px 0 0;
    color: var(--color-white);
    font-size: 9px;
    font-weight: var(--font-weight-regular);
    line-height: 1.1;
}

.AEH-cursor {
    position: absolute;
    z-index: 3;
}

.AEH-card-alia {
    left: 17%;
    top: 52px;
    transform: rotate(-1deg);
}

.AEH-card-clara {
    right: 16%;
    top: 64px;
    transform: rotate(-3deg);
}

.AEH-card-sophia {
    left: 6%;
    top: 330px;
    transform: rotate(-3deg);
}

.AEH-card-christopher {
    right: 7%;
    top: 410px;
    width: 236px;
    transform: rotate(2deg);
}

.AEH-card-michael {
    left: 44%;
    bottom: 82px;
    transform: rotate(-4deg);
}

.AEH-icon-users {
    left: 47%;
    top: 58px;
}

.AEH-icon-mail {
    left: 6%;
    top: 200px;
}

.AEH-icon-target {
    right: 12%;
    top: 228px;
}

.AEH-icon-doc {
    left: 22%;
    bottom: 97px;
}

.AEH-icon-briefcase {
    right: 24%;
    bottom: 84px;
}

.AEH-cursor-1 {
    left: 32.2%;
    top: 40px;
}

.AEH-cursor-2 {
    right: 31%;
    top: 48px;
}

.AEH-cursor-3 {
    left: 21%;
    top: 304px;
}

.AEH-cursor-4 {
    right: 5.4%;
    top: 395px;
}

.AEH-cursor-5 {
    left: 58.3%;
    bottom: 151px;
}

.ABH-card-right {
    border-radius: 0 16px 16px 16px;
}

.AEH-content {
    animation: AEH-fadeUp 0.9s ease both;
}

.AEH-review-pill {
    animation: AEH-fadeDown 0.8s ease 0.15s both;
}

.AEH-stats {
    animation: AEH-popIn 0.75s ease 0.35s both, AEH-borderGlow 3s ease-in-out infinite;
}

.AEH-card {
    animation: AEH-cardFloat 5.5s ease-in-out infinite;
    transform-origin: center;
}

.AEH-card-alia {
    animation-delay: 0s;
}

.AEH-card-clara {
    animation-delay: 0.45s;
}

.AEH-card-sophia {
    animation-delay: 0.9s;
}

.AEH-card-christopher {
    animation-delay: 1.25s;
}

.AEH-card-michael {
    animation-delay: 1.6s;
}

.AEH-mini-icon {
    animation: AEH-iconPulse 3.8s ease-in-out infinite;
}

.AEH-icon-users {
    animation-delay: 0.1s;
}

.AEH-icon-mail {
    animation-delay: 0.55s;
}

.AEH-icon-target {
    animation-delay: 1s;
}

.AEH-icon-doc {
    animation-delay: 1.45s;
}

.AEH-icon-briefcase {
    animation-delay: 1.9s;
}

.AEH-cursor {
    animation: AEH-cursorDrift 4.6s ease-in-out infinite;
}

.AEH-cursor-1 {
    animation-delay: 0.15s;
}

.AEH-cursor-2 {
    animation-delay: 0.65s;
}

.AEH-cursor-3 {
    animation-delay: 1.05s;
}

.AEH-cursor-4 {
    animation-delay: 1.45s;
}

.AEH-cursor-5 {
    animation-delay: 1.85s;
}

@keyframes AEH-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes AEH-fadeDown {
    from {
        opacity: 0;
        transform: translateY(-16px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes AEH-popIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes AEH-cardFloat {

    0%,
    100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -14px;
    }
}

@keyframes AEH-cursorDrift {

    0%,
    100% {
        translate: 0 0;
        opacity: 0.9;
    }

    50% {
        translate: 10px -12px;
        opacity: 1;
    }
}

@keyframes AEH-iconPulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255, 141, 179, 0);
    }

    50% {
        transform: scale(1.08);
        box-shadow: 0 0 18px rgba(123, 72, 254, 0.38);
    }
}

@keyframes AEH-borderGlow {

    0%,
    100% {
        box-shadow: 0 0 0 rgba(255, 141, 179, 0), 10px 14px 42px rgba(0, 0, 0, 0.05);
    }

    50% {
        box-shadow: 0 0 18px rgba(255, 141, 179, 0.38), 0 0 22px rgba(123, 72, 254, 0.28);
    }
}

@media (prefers-reduced-motion: reduce) {

    .AEH-content,
    .AEH-review-pill,
    .AEH-stats,
    .AEH-card,
    .AEH-mini-icon,
    .AEH-cursor {
        animation: none !important;
    }
}

.EHD-section {
    background: var(--color-white);
    overflow: hidden;
}

.EHD-title {
    margin-bottom: 64px;
}

.EHD-content {
    display: grid;
    grid-template-columns: minmax(0, 626px) minmax(420px, 1fr);
    gap: 64px;
    align-items: flex-start;
}

.EHD-accordion {
    padding: 16px 0;
}

.EHD-accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0;
    background: transparent;
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.EHD-accordion .accordion-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.EHD-accordion .accordion-button {
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #969696;
    font-size: 24px;
    line-height: normal;
    letter-spacing: -0.96px;
}

.EHD-accordion .accordion-button:not(.collapsed) {
    color: var(--color-2);
    background: transparent;
    box-shadow: none;
}

.EHD-accordion .accordion-button::after {
    display: none;
}

.EHD-accordion .accordion-body {
    max-width: 569px;
    padding: 18px 0 0;
    color: var(--color-7);
    font-size: 14px;
    line-height: 22px;
}

.EHD-accordion .accordion-body p {
    margin-bottom: 8px;
}

.EHD-accordion .accordion-body p:last-child {
    margin-bottom: 0;
}

.EHD-image {
    height: 576px;
    border-radius: 24px;
    overflow: hidden;
}

.EHD-image img {
    display: block;
    height: 100%;
    width: 151.31%;
    max-width: none;
    margin-left: -7.94%;
    object-fit: cover;
}

.EH-means-section {
    background: #000;
    padding: 140px 0;
    overflow: hidden;
}

.EH-means-title {
    color: var(--color-white);
    margin-bottom: 42px;
}

.EH-means-grid-wrap {
    position: relative;
    width: 728px;
    max-width: 100%;
    margin: 0 auto;
}

.EH-means-grid-wrap::before {
    content: "";
    position: absolute;
    inset: 42px 120px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 68%);
    filter: blur(34px);
    pointer-events: none;
}

.EH-means-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    z-index: 1;
}

.EH-means-card {
    min-height: 135px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid transparent;
    background:
        linear-gradient(#141414, #141414) padding-box,
        linear-gradient(135deg, #ff8db3 0%, #64d3e0 50%, #7b48fe 100%) border-box;
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.EH-means-icon {
    width: 48px;
    height: 48px;
    border-radius: 8.471px;
    border: 0.706px solid #3f3c3d;
    background: #202020;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.EH-means-icon img {
    width: 29.647px;
    height: 29.647px;
    display: block;
}

.EH-means-card-title {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 280px;
}

.EH-team-strip-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: var(--color-white);
}

.EH-team-intro-wrap {
    margin-bottom: 64px;
}

.EH-team-intro {
    display: grid;
    grid-template-columns: 473px minmax(0, 1fr);
    gap: 167px;
    align-items: flex-start;
    text-align: left;
}

.EH-team-intro-title {
    color: var(--color-2);
    margin: 0;
}

.EH-team-intro-text {
    color: var(--color-7);
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

.ABT-traditional-section {
    padding: 120px 0;
    background: var(--color-white);
}

.ABT-traditional-section .ABT-traditional-head {
    display: grid;
    grid-template-columns: 473px 1fr;
    gap: 167px;
    align-items: start;
    margin-bottom: 87px;
}

.ABT-traditional-section .ABT-traditional-title {
    color: var(--color-2);
    font-size: var(--fs56);
    font-weight: var(--font-weight-bold);
    line-height: 114.286%;
    letter-spacing: -2.24px;
    margin: 0;
}

.ABT-traditional-section .ABT-traditional-copy {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--color-7);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
    line-height: 154.545%;
}

.ABT-traditional-section .ABT-traditional-copy p {
    margin: 0;
}

.ABT-traditional-section .ABT-traditional-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ABT-traditional-section .ABT-traditional-img {
    height: 378px;
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    background: var(--color-white);
}

.ABT-traditional-section .ABT-traditional-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ABT-traditional-section .ABT-traditional-img-1 img {
    object-position: 43% 50%;
}

.ABT-traditional-section .ABT-traditional-img-2 img {
    object-position: 50% 44%;
}

.ABT-traditional-section .ABT-traditional-img-3 img {
    object-position: 48% 50%;
}

.ABT-hiring-hard-section {
    padding: 140px 0;
    background: var(--color-black);
    overflow: hidden;
}

.ABT-hiring-hard-section .ABT-hiring-hard-wrap {
    display: grid;
    grid-template-columns: 548px 1fr;
    gap: 64px;
    align-items: start;
    min-height: 678px;
}

.ABT-hiring-hard-section .ABT-hiring-hard-title {
    color: var(--color-white);
    font-size: var(--fs56);
    font-weight: var(--font-weight-bold);
    line-height: 114.286%;
    letter-spacing: -2.24px;
    margin: 0;
    max-width: 548px;
}

.ABT-hiring-hard-section .ABT-hiring-hard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 24px;
    height: 100%;
}

.ABT-hiring-hard-section .ABT-hiring-hard-card {
    min-height: 327px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid transparent;
    background:
        linear-gradient(#141414, #141414) padding-box,
        linear-gradient(97deg, #ff8db3 17.8%, #64d3e0 49.06%, #7b48fe 69.99%) border-box;
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.ABT-hiring-hard-section .ABT-hiring-hard-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8.471px;
    border: 0.706px solid #3f3c3d;
    background: #202020;
    flex: 0 0 auto;
}

.ABT-hiring-hard-section .ABT-hiring-hard-text {
    color: var(--color-white);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 31px;
    letter-spacing: -0.8px;
    margin: 0;
}


.SYSA-buyer-card {
    position: relative;
    overflow: hidden;
    display: block !important;
}

.SYSA-buyer-pill {
    position: absolute;
    left: 50%;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    will-change: transform, opacity, filter;
}

.SYSA-buyer-pill-1,
.SYSA-buyer-pill-2 {
    min-width: 304px;
}

/* top position */
.SYSA-buyer-pill-1 {
    top: 28%;
    animation: SYSA-pill-one-hide-down 4s ease-in-out infinite;
    -webkit-animation: SYSA-pill-one-hide-down 4s ease-in-out infinite;
}

/* bottom position */
.SYSA-buyer-pill-2 {
    top: 57%;
    border: 2px solid transparent;
    animation:
        SYSA-pill-two-rise-up 4s ease-in-out infinite,
        SYSA-pill-two-gradient-border 4s ease-in-out infinite;
}

@keyframes SYSA-pill-one-hide-down {

    0%,
    34% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }

    50%,
    84% {
        opacity: 0;
        transform: translateX(-50%) translateY(105px) scale(0.86);
        filter: blur(8px);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes SYSA-pill-two-rise-up {

    0%,
    34% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(0.94);
        filter: blur(0);
    }

    50%,
    84% {
        opacity: 1;
        transform: translateX(-50%) translateY(-82px) scale(1);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(0.94);
        filter: blur(0);
    }
}

.SYSA-buyer-pill {
    position: absolute;
    left: 50%;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    will-change: transform, opacity, filter;
}

.SYSA-pill-text {
    position: relative;
    z-index: 1;
}

.SYSA-pill-strike {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 50%;
    height: 2px;
    background: #6f6f6f;
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0;
    z-index: 2;
}

/* animate strike only while pill 1 is in upper/active position */
.SYSA-buyer-pill-1 .SYSA-pill-strike {
    animation: SYSA-pill-strike-line 4s ease-in-out infinite;
    -webkit-animation: SYSA-pill-strike-line 4s ease-in-out infinite;
}

@keyframes SYSA-pill-strike-line {

    0%,
    12% {
        opacity: 0;
        transform: scaleX(0);
    }

    22%,
    34% {
        opacity: 1;
        transform: scaleX(1);
    }

    44%,
    100% {
        opacity: 0;
        transform: scaleX(1);
    }
}

@keyframes SYSA-pill-two-gradient-border {

    0%,
    34% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, transparent, transparent) border-box;
    }

    50%,
    84% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;
    }

    100% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, transparent, transparent) border-box;
    }
}

.SYSA-targeted-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 526px;
    gap: 80px;
    align-items: center;
}

.SYSA-targeted-title {
    max-width: 510px;
    margin: 0;
}

.SYSA-targeted-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}

.SYSA-targeted-card {
    position: relative;
    overflow: hidden;
    width: 526px;
    min-height: 286px;
    border-radius: 17.909px;
    background: #FAF2FD;
    padding: 66px 24px;
}

.SYSA-targeted-pill {
    position: absolute;
    left: 50%;
    width: fit-content;
    min-width: 304px;
    border-radius: 24px;
    background: var(--color-white);
    border: 1px solid #EAEAEA;
    padding: 24px;
    color: var(--color-2);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.96px;
    text-align: center;
    white-space: nowrap;
    box-shadow: 10px 14px 34px rgba(0, 0, 0, 0.06);
    will-change: transform, opacity, filter, background;
}

.SYSA-targeted-pill-1 {
    top: 28%;
    animation: SYSA-targeted-pill-one-hide-down 4s ease-in-out infinite;
}

.SYSA-targeted-pill-2 {
    top: 57%;
    border: 2px solid transparent;
    animation:
        SYSA-targeted-pill-two-rise-up 4s ease-in-out infinite,
        SYSA-targeted-pill-two-gradient-border 4s ease-in-out infinite;
}

.SYSA-targeted-pill-text {
    position: relative;
    z-index: 1;
}

.SYSA-targeted-strike {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 50%;
    height: 2px;
    background: #6f6f6f;
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0;
    z-index: 2;
    animation: SYSA-targeted-strike-line 4s ease-in-out infinite;
}

.SYSA-targeted-bottom-text {
    color: var(--color-black);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.88px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

@keyframes SYSA-targeted-pill-one-hide-down {

    0%,
    34% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }

    50%,
    84% {
        opacity: 0;
        transform: translateX(-50%) translateY(105px) scale(0.86);
        filter: blur(8px);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes SYSA-targeted-pill-two-rise-up {

    0%,
    34% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(0.94);
        filter: blur(0);
    }

    50%,
    84% {
        opacity: 1;
        transform: translateX(-50%) translateY(-82px) scale(1);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(0.94);
        filter: blur(0);
    }
}

@keyframes SYSA-targeted-strike-line {

    0%,
    12% {
        opacity: 0;
        transform: scaleX(0);
    }

    22%,
    34% {
        opacity: 1;
        transform: scaleX(1);
    }

    44%,
    100% {
        opacity: 0;
        transform: scaleX(1);
    }
}

@keyframes SYSA-targeted-pill-two-gradient-border {

    0%,
    34% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, transparent, transparent) border-box;
    }

    50%,
    84% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;
    }

    100% {
        background:
            linear-gradient(var(--color-white), var(--color-white)) padding-box,
            linear-gradient(90deg, transparent, transparent) border-box;
    }
}

.SCH-section {
    padding: 80px 0;
    background: var(--color-white);
    overflow: hidden;
}

.SCH-section .SCH-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 497px;
    gap: 24px;
    align-items: center;
}

.SCH-section .SCH-content {
    max-width: 720px;
}

.SCH-section .SCH-review-pill {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 16px;
    border-radius: 48px;
    background: #f5faff;
    color: var(--btn-color1);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
}

.SCH-section .SCH-google-icon {
    width: 22px;
    height: 22px;
    display: block;
}

.SCH-section .SCH-divider {
    width: 1px;
    height: 19px;
    background: #B2B2B2;
}

.SCH-section .SCH-review-link {
    color: var(--color-11);
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
}

.SCH-section .SCH-avatar-stack {
    display: inline-flex;
    align-items: center;
}

.SCH-section .SCH-avatar-stack img:first-child {
    margin-left: 0;
}

.SCH-section .SCH-title {
    color: var(--color-2);
    font-size: var(--fs64);
    font-weight: var(--font-weight-bold);
    line-height: 118.75%;
    letter-spacing: -2.56px;
    margin: 0 0 16px;
    max-width: 720px;
}

.SCH-section .SCH-subtitle {
    color: var(--color-7);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
    line-height: 154.545%;
    max-width: 589px;
    margin: 0 0 32px;
}

.SCH-section .SCH-benefits {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    border: 2.25px solid transparent;
    border-radius: 10px;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(97deg, #ff8db3 17.8%, #64d3e0 49.06%, #7b48fe 69.99%) border-box;
    box-shadow: 10px 14px 42px rgba(0, 0, 0, 0.05);
}

.SCH-section .SCH-benefit-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--color-black);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semi-medium);
    line-height: 26px;
    white-space: nowrap;
}

.SCH-section .SCH-benefit-item img {
    width: 14px;
    height: 14px;
    display: block;
}

.SCH-section .SCH-benefit-divider {
    width: 1px;
    height: 24px;
    background: var(--color-5);
}

.SCH-section .SCH-form-area {
    position: relative;
    min-height: 567px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SCH-section .SCH-form-area::before {
    content: "";
    position: absolute;
    width: 370px;
    height: 620px;
    left: 0;
    top: 0;
    background: radial-gradient(circle at 30% 20%, rgba(255, 141, 179, 0.32), transparent 45%),
        radial-gradient(circle at 74% 76%, rgba(123, 72, 254, 0.24), transparent 52%);
    filter: blur(26px);
    opacity: 0.9;
    pointer-events: none;
}

.SCH-section .SCH-form-card {
    position: relative;
    z-index: 1;
    width: 485px;
    padding: 32px;
    border: 1px solid #fe8cb2;
    border-radius: 26px;
    background: var(--color-white);
    box-shadow:
        0 0 17px rgba(123, 72, 254, 0.5),
        0 0 17px rgba(254, 140, 178, 0.5);
}

.SCH-section .SCH-form-title {
    color: var(--color-3);
    font-size: var(--font-size-22);
    font-weight: var(--font-weight-bold);
    line-height: 32px;
    margin: 0 0 24px;
}

.SCH-section .SCH-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.SCH-section .SCH-field {
    margin-bottom: 20px;
}

.SCH-section .SCH-label {
    display: block;
    color: var(--color-black);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 140%;
    margin-bottom: 8px;
}

.SCH-section .SCH-input,
.SCH-section .SCH-select {
    width: 100%;
    height: 48px;
    padding: 13px 16px;
    border: 1px solid rgba(17, 17, 19, 0.2);
    border-radius: var(--border-radius-sm);
    background: var(--color-white);
    color: var(--color-1);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    line-height: 140%;
    outline: none;
    box-shadow: none;
}

.SCH-section .SCH-input::placeholder {
    color: rgba(17, 17, 19, 0.6);
    font-size: 12px;
}

.SCH-section .SCH-input:focus,
.SCH-section .SCH-select:focus {
    border-color: rgba(17, 17, 19, 0.35);
    box-shadow: none;
}

.SCH-section .SCH-phone-row {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 12px;
}

.SCH-section .SCH-country {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 17, 19, 0.2);
    border-radius: var(--border-radius-sm);
    background: var(--color-white);
    color: rgba(17, 17, 19, 0.6);
    font-size: 16px;
    line-height: 140%;
}

.SCH-section .SCH-country img {
    width: 16px;
    height: 16px;
    display: block;
}

.SCH-section .SCH-country-arrow {
    width: 10px;
    height: 10px;
    margin-left: auto;
    border-right: 1.5px solid rgba(17, 17, 19, 0.6);
    border-bottom: 1.5px solid rgba(17, 17, 19, 0.6);
    transform: rotate(45deg) translateY(-2px);
}

.SCH-section .SCH-button-wrap {
    display: flex;
    justify-content: center;
    margin: 24px 0 18px;
}

.SCH-section .SCH-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 27px;
    border: 2.25px solid transparent;
    border-radius: 54px;
    background:
        linear-gradient(var(--btn-blackBG), var(--btn-blackBG)) padding-box,
        linear-gradient(90deg, #ff8db3 0%, #7b48fe 100%) border-box;
    color: var(--color-white);
    font-size: 15.75px;
    font-weight: var(--font-weight-medium);
    line-height: 27px;
    text-decoration: none;
    box-shadow: 0 2.25px 5.625px rgba(254, 140, 178, 0.2);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.SCH-section .SCH-submit-btn:hover {
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow:
        0 0 12px rgba(123, 72, 254, 0.35),
        0 0 12px rgba(254, 140, 178, 0.35);
}

.SCH-section .SCH-submit-btn span {
    font-size: 20px;
    line-height: 1;
}

.SCH-section .SCH-disclaimer {
    color: #5b5656;
    font-size: 11px;
    font-weight: var(--font-weight-regular);
    line-height: 16px;
    text-align: center;
    margin: 0;
}

.SCH-title span {
    display: block;
}

.WYG-section {
    padding: 120px 0;
    background: var(--color-white);
    overflow: hidden;
    padding-top: 50px;
}

.WYG-section,
.WYG-section * {
    box-sizing: border-box;
}

.WYG-section .WYG-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr);
    gap: 56px;
    align-items: flex-start;
}

.WYG-section .WYG-left {
    display: flex;
    flex-direction: column;
    gap: 56px;
    min-width: 0;
}

.WYG-section .WYG-title {
    color: var(--color-2);
    font-size: var(--fs56);
    font-weight: var(--font-weight-bold);
    line-height: 114.286%;
    letter-spacing: -2.24px;
    margin: 0;
}

.WYG-section .WYG-list {
    display: flex;
    flex-direction: column;
    gap: 34px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.WYG-section .WYG-list-item {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #a4a1a1;
    font-size: 24px;
    font-weight: var(--font-weight-medium);
    line-height: 1.25;
}

.WYG-section .WYG-list-item.is-active {
    color: var(--color-2);
}

.WYG-section .WYG-dot {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex: 0 0 20px;
    border-radius: 50%;
    background: #e7c1f5;
}

.WYG-section .WYG-list-item:not(.is-active) .WYG-dot {
    visibility: hidden;
}

.WYG-section .WYG-visual {
    position: relative;
    min-height: 480px;
    padding: 76px 34px 86px;
    border-radius: 18px;
    background: #faf2fd;
    overflow: hidden;
}

.WYG-section .WYG-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 24px;
    width: 100%;
    height: 100%;
}

.WYG-section .WYG-card {
    min-height: 144px;
    padding: 16px;
    border-radius: 16px;
    background: var(--color-white);
    opacity: 0;
    transform: scale(0.08);
    transform-origin: center;
    box-shadow: 0 12px 28px rgba(25, 26, 21, 0.04);
    will-change: transform, opacity;
}

.WYG-section.is-visible .WYG-card {
    animation: WYG-card-build-once 0.8s ease forwards;
}

.WYG-section.is-visible .WYG-card-1 {
    animation-delay: 0.15s;
}

.WYG-section.is-visible .WYG-card-2 {
    animation-delay: 0.35s;
}

.WYG-section.is-visible .WYG-card-3 {
    animation-delay: 0.55s;
}

.WYG-section.is-visible .WYG-card-4 {
    animation-delay: 0.75s;
}

.WYG-section .WYG-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dcdcdc;
}

.WYG-section .WYG-avatar {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #eaeaea;
}

.WYG-section .WYG-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.WYG-section .WYG-avatar-kira img,
.WYG-section .WYG-avatar-casey img {
    height: 150%;
    object-position: center 28%;
}

.WYG-section .WYG-card-name {
    color: var(--color-2);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    letter-spacing: -0.28px;
    margin: 0 0 2px;
}

.WYG-section .WYG-card-role {
    color: var(--color-7);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    line-height: 22px;
    margin: 0;
}

.WYG-section .WYG-card-desc {
    color: var(--color-7);
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    line-height: 15px;
    margin: 0;
}

@keyframes WYG-card-build-once {
    0% {
        opacity: 0;
        transform: scale(0.08);
    }

    70% {
        opacity: 1;
        transform: scale(1.04);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .WYG-section .WYG-card {
        animation: none !important;
        opacity: 1;
        transform: scale(1);
    }
}

.WTW-section {
    padding: 140px 0;
    background: var(--color-black);
    overflow: hidden;
}

.WTW-section,
.WTW-section * {
    box-sizing: border-box;
}

.WTW-section .WTW-head {
    max-width: 720px;
    margin: 0 auto 42px;
    text-align: center;
    color: var(--color-white);
}

.WTW-section .WTW-title {
    color: var(--color-white);
    font-size: var(--fs56);
    font-weight: var(--font-weight-bold);
    line-height: 114.286%;
    letter-spacing: -2.24px;
    margin: 0 0 24px;
}

.WTW-section .WTW-subtitle {
    color: var(--color-white);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
    line-height: 154.545%;
    margin: 0;
}

.WTW-section .WTW-card-wrap {
    max-width: 858px;
    margin: 0 auto;
    padding: 32px;
    border-radius: 18px;
}

.WTW-section .WTW-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 24px;
}

.WTW-section .WTW-card {
    min-height: 267px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border: 1px solid transparent;
    border-radius: 24px;
    background:
        linear-gradient(#141414, #141414) padding-box,
        linear-gradient(97deg, #ff8db3 17.8%, #64d3e0 49.06%, #7b48fe 69.99%) border-box;
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.WTW-section .WTW-card-text {
    color: var(--color-white);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 31px;
    letter-spacing: -0.8px;
    margin: 0;
}

.RRJ-hero-section {
    background: var(--color-white);
    padding: 60px 0 120px 0;
    overflow: hidden;
}

.RRJ-hero-layout {
    display: grid;
    grid-template-columns: 668px 475px;
    gap: 93px;
    align-items: center;
}

.RRJ-hero-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.RRJ-hero-title {
    margin: 0;
}

.RRJ-hero-text {
    margin: 0;
}

.RRJ-image-collage {
    width: 475px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px 13px;
}

.RRJ-image-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    flex: 0 0 auto;
}

.RRJ-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.RRJ-image-card-1 {
    width: 295px;
    height: 245px;
}

.RRJ-image-card-2 {
    width: 285px;
    height: 260px;
}

.RRJ-image-card-3 {
    width: 177px;
    height: 265px;
}

.RRJ-earning-section {
    background: var(--color-white);
    padding: 80px 0;
    overflow: hidden;
}

.RRJ-earning-head {
    max-width: 906px;
    margin: 0 auto 64px;
    text-align: center;
}

.RRJ-earning-title {
    max-width: 760px;
    margin: 0 auto 16px;
}

.RRJ-earning-subtitle {
    margin: 0;
}

.RRJ-limit-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    max-width: 1104px;
    margin: 0 auto 64px;
    padding: 16px 0;
}

.RRJ-limit-card {
    display: flex;
    align-items: center;
    gap: 32px;
    min-width: 0;
    padding: 20px 24px;
    border-radius: 24px;
    border: 1px solid #EAEAEA;
    background: var(--color-white);
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
}

.RRJ-limit-icon {
    width: 68px;
    height: 68px;
    border-radius: 12px;
    border: 1px solid transparent;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(135deg, #FF8DB3 0%, #64D3E0 52%, #7B48FE 100%) border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
}

.RRJ-limit-icon img {
    width: 42px;
    height: 42px;
    display: block;
}

.RRJ-limit-title {
    color: var(--color-2);
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0;
    white-space: nowrap;
}

.RRJ-earning-foot {
    color: var(--color-7);
    margin: 0;
    text-align: center;
}

.RRJ-different-section {
    background: var(--color-white);
    padding: 80px 0 160px;
    overflow: hidden;
}

.RRJ-different-title {
    max-width: 920px;
    margin-bottom: 64px;
}

.RRJ-different-layout {
    display: grid;
    grid-template-columns: 437px minmax(0, 1fr);
    gap: 194px;
    align-items: center;
}

.RRJ-different-accordion {
    width: 437px;
    max-width: 100%;
}

.RRJ-different-accordion.EHD-accordion {
    padding: 0;
}

.RRJ-different-accordion.EHD-accordion .accordion-item {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom-color: #c3c3c3;
}

.RRJ-different-accordion.EHD-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.RRJ-different-accordion.EHD-accordion .accordion-button {
    font-size: 24px;
    letter-spacing: -0.96px;
    opacity: 0.4;
    color: var(--color-2);
    white-space: nowrap;
}

.RRJ-different-accordion.EHD-accordion .accordion-button:not(.collapsed) {
    opacity: 1;
}

.RRJ-different-accordion.EHD-accordion .accordion-body {
    padding: 16px 0 0;
    color: var(--color-7);
    font-size: 14px;
    line-height: 22px;
}

.RRJ-different-panel {
    border-radius: 24px;
    background: #FDEDED;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 62px;
    height: 100%;

}

.RRJ-support-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.RRJ-support-item {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 244px;
    padding: 16px;
    border-radius: 10px;
    border: 1.424px solid transparent;
    background:
        linear-gradient(#252424, #252424) padding-box,
        linear-gradient(90deg, #FF8DB3 0%, #7B48FE 100%) border-box;
    box-shadow: 10px 14px 42px rgba(0, 0, 0, 0.05);
}

.RRJ-support-icon {
    width: 32px;
    height: 32px;
    border-radius: 5.647px;
    border: 0.471px solid #FF8DB3;
    background: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}

.RRJ-support-icon img {
    display: block;
}

.RRJ-support-text {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.72px;
    margin: 0;
    white-space: nowrap;
}

.RRJ-apply-section {
    background: #000;
    padding: 80px 0;
    overflow: hidden;
}

.RRJ-apply-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 485px;
    gap: 24px;
    align-items: center;
}

.RRJ-apply-content {
    max-width: 720px;
}

.RRJ-apply-title {
    color: var(--color-white);
    max-width: 640px;
    margin-bottom: 16px;
}

.RRJ-apply-text {
    color: #ebebeb;
    max-width: 589px;
    margin: 0;
}

.RRJ-apply-card-wrap {
    position: relative;
    width: 100%;
}

.RRJ-apply-card-wrap::before,
.RRJ-apply-card-wrap::after {
    content: "";
    position: absolute;
    pointer-events: none;
    filter: blur(42px);
    opacity: 0.55;
    z-index: 0;
}

.RRJ-apply-card-wrap::before {
    width: 360px;
    height: 520px;
    left: -72px;
    top: -46px;
    background: rgba(254, 140, 178, 0.34);
}

.RRJ-apply-card-wrap::after {
    width: 290px;
    height: 290px;
    right: -80px;
    bottom: -66px;
    background: rgba(123, 72, 254, 0.42);
    border-radius: 50%;
}

.RRJ-apply-card {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 26px;
    border: 1px solid #fe8cb2;
    background: var(--color-white);
    padding: 32px;
    box-shadow:
        0 0 17px rgba(123, 72, 254, 0.5),
        0 0 17px rgba(254, 140, 178, 0.5);
}

.RRJ-apply-card-title {
    color: var(--color-3);
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
}

.RRJ-apply-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.RRJ-apply-form-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.RRJ-apply-section .form-label {
    margin-bottom: 8px;
}

.RRJ-apply-phone-row {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.RRJ-apply-phone-code {
    width: 100px;
    flex: 0 0 100px;
}

.RRJ-apply-phone-input {
    flex: 1;
    min-width: 0;
}

.RRJ-apply-section .Select-dropdown {
    height: 48px;
    display: flex;
    align-items: center;
}

.RRJ-apply-section .flag-icon {
    width: 16px;
    height: 16px;
    margin-left: 12px;
}

.RRJ-apply-section .my-selectbox {
    height: 46px;
    font-size: 16px;
    color: rgba(17, 17, 19, 0.6);
    background-position: right 10px center;
}

.RRJ-apply-section .RRJ-apply-phone-input .form-control {
    font-size: 16px;
}

.RRJ-apply-section .RRJ-apply-phone-input .form-control::placeholder {
    font-size: 16px;
}

.RRJ-apply-upload.upload-box {
    height: 154px;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    background: var(--color-white);
    padding: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RRJ-apply-upload-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--color-black);
    font-size: 12px;
    line-height: 18px;
}

.RRJ-apply-upload-or {
    color: #6c6a6a;
    font-size: 10px;
    line-height: 18px;
}

.RRJ-apply-upload-btn {
    border: 0;
    background: transparent;
    color: var(--color-black);
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.RRJ-apply-upload-btn img {
    width: 14px;
    height: 14px;
}

.RRJ-apply-submit.My-btn-gradient {
    width: 100%;
    margin-top: 4px;
}

.RRJ-apply-submit .BJB-btn {
    width: 100%;
    justify-content: center;
    padding: 15.75px 27px;
    font-size: 15.75px;
    line-height: 27px;
}

.RRJ-apply-note {
    color: #5b5656;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    margin: 0;
}

.EH-privacy-section {
    padding: 80px 0 96px;
}

.EH-privacy-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.EH-privacy-title {
    color: var(--color-2);
    margin-bottom: 18px;
    text-align: center;
}

.EH-privacy-intro {
    color: var(--color-7);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 44px;
    text-align: center;
}

.EH-privacy-content {
    color: var(--color-7);
    font-size: 16px;
    line-height: 28px;
}

.EH-privacy-block {
    margin-bottom: 34px;
}

.EH-privacy-block h2 {
    color: var(--color-2);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 14px;
}

.EH-privacy-content p {
    margin-bottom: 14px;
}

.EH-privacy-content ul {
    margin: 12px 0 16px;
    padding-left: 24px;
}

.EH-privacy-content li {
    margin-bottom: 8px;
}

.EH-privacy-content a {
    color: var(--color-11);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.EH-privacy-address {
    margin: 12px 0 16px;
    color: var(--color-2);
    font-weight: 500;
    line-height: 26px;
}

.EH-privacy-updated {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--color-5);
    color: var(--color-12);
    font-size: 14px;
    line-height: 24px;
}

.WHN-section {
    padding: 120px 0;
    background: var(--color-white);
    overflow: hidden;
    padding-top: 100px;
}

.WHN-section,
.WHN-section * {
    box-sizing: border-box;
}

.WHN-section .WHN-title {
    color: var(--color-2);
    font-size: var(--fs56);
    font-weight: var(--font-weight-bold);
    line-height: 114.286%;
    letter-spacing: -2.24px;
    margin: 0 0 64px;
}

.WHN-section .WHN-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.WHN-section .WHN-step-card {
    position: relative;
    min-height: 397px;
    padding: 30px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: var(--color-white);
    overflow: hidden;
}

.WHN-section .WHN-step-head {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.WHN-section .WHN-step-number {
    color: var(--color-2);
    font-size: 40px;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

.WHN-section .WHN-step-text {
    color: #1f1d1d;
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 1.18;
    letter-spacing: -0.8px;
    margin: 0;
}

.WHN-section .WHN-mini-panel {
    position: absolute;
    left: 50%;
    bottom: -11px;
    width: 300px;
    border: 1.424px solid transparent;
    border-radius: 23px;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(97deg, #ff8db3 17.8%, #64d3e0 49.06%, #7b48fe 69.99%) border-box;
    box-shadow: 14px 20px 77px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    transform: translateX(-50%);
}

.WHN-section .WHN-review-panel {
    height: 182px;
}

.WHN-section .WHN-review-list {
    position: absolute;
    left: 50%;
    top: 142px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    width: max-content;
    transform: translateX(-50%);
}

.WHN-section.is-visible .WHN-review-list {
    animation: WHN-review-slide-loop 3.4s ease-in-out infinite;
}

.WHN-section .WHN-check-row {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #1c1919;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 1.15;
    letter-spacing: -0.72px;
    white-space: nowrap;
}

.WHN-section .WHN-check-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.471px solid #ff8db3;
    border-radius: 6px;
    background: var(--color-white);
}

.WHN-section .WHN-check-icon img {
    width: 20px;
    height: 20px;
    display: block;
}

.WHN-section .WHN-candidate-panel {
    height: 217px;
}

.WHN-section .WHN-candidate-panel::before,
.WHN-section .WHN-candidate-panel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 34px;
    z-index: 2;
    pointer-events: none;
}

.WHN-section .WHN-candidate-panel::before {
    top: 0;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.WHN-section .WHN-candidate-panel::after {
    bottom: 0;
    background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.WHN-section .WHN-candidate-track {
    position: absolute;
    left: 50%;
    top: 18px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 236px;
    transform: translateX(-50%);
    will-change: transform;
}

.WHN-section.is-visible .WHN-candidate-track {
    animation: WHN-candidate-video-scroll 11s linear infinite;
}

.WHN-section .WHN-step-card:hover .WHN-review-list,
.WHN-section .WHN-step-card:hover .WHN-candidate-track,
.WHN-section .WHN-step-card:hover .WHN-summary-card {
    animation-play-state: paused;
}

.WHN-section .WHN-profile-card {
    padding: 16px;
    border: 1px solid #f3f2f2;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 10px 14px 12px rgba(0, 0, 0, 0.15);
    flex: 0 0 auto;
}

.WHN-section .WHN-profile-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dcdcdc;
}

.WHN-section .WHN-avatar {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #eaeaea;
}

.WHN-section .WHN-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.WHN-section .WHN-avatar-tall img {
    height: 150%;
    object-position: center 28%;
}

.WHN-section .WHN-profile-name {
    color: var(--color-2);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    letter-spacing: -0.28px;
    margin: 0 0 2px;
}

.WHN-section .WHN-profile-role {
    color: var(--color-7);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    line-height: 22px;
    margin: 0;
}

.WHN-section .WHN-profile-desc {
    color: var(--color-7);
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    line-height: 15px;
    margin: 0;
}

.WHN-section .WHN-summary-panel {
    height: 217px;
}

.WHN-section .WHN-summary-card {
    position: absolute;
    left: 50%;
    top: 16px;
    width: 232px;
    min-height: 156px;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 11px;
    background: var(--color-white);
    box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.06);
    opacity: 0;
    transform: translateX(-50%) scaleY(0.05);
    transform-origin: top center;
    overflow: hidden;
}

.WHN-section.is-visible .WHN-summary-card {
    animation: WHN-summary-open-loop 4.6s ease-in-out infinite;
}

.WHN-section .WHN-summary-head {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}

.WHN-section .WHN-summary-photo {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 11px;
    overflow: hidden;
    background: #d8b8b8;
}

.WHN-section .WHN-summary-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
}

.WHN-section .WHN-summary-name {
    color: var(--color-2);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 14px;
    letter-spacing: -0.48px;
    margin: 0 0 8px;
}

.WHN-section .WHN-summary-role {
    color: var(--color-7);
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    line-height: 12px;
    margin: 0;
    white-space: nowrap;
}

.WHN-section .WHN-summary-desc {
    color: #444040;
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    line-height: 1.25;
    margin: 0;
}

.WHN-section .WHN-note {
    color: var(--color-black);
    font-size: 15.75px;
    font-weight: var(--font-weight-semi-medium);
    line-height: 1.2;
    text-align: center;
    margin: 60px 0 0;
}

@keyframes WHN-review-slide-loop {

    0%,
    18% {
        transform: translateX(-50%) translateY(0);
    }

    42%,
    76% {
        transform: translateX(-50%) translateY(-62px);
    }

    100% {
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes WHN-candidate-video-scroll {
    0% {
        transform: translateX(-50%) translateY(0);
    }

    100% {
        transform: translateX(-50%) translateY(-676px);
    }
}

@keyframes WHN-summary-open-loop {

    0%,
    16% {
        opacity: 0;
        transform: translateX(-50%) scaleY(0.05);
    }

    36%,
    74% {
        opacity: 1;
        transform: translateX(-50%) scaleY(1);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) scaleY(0.05);
    }
}

@media (prefers-reduced-motion: reduce) {

    .WHN-section .WHN-review-list,
    .WHN-section .WHN-candidate-track,
    .WHN-section .WHN-summary-card {
        animation: none !important;
    }

    .WHN-section .WHN-review-list {
        transform: translateX(-50%) translateY(-62px);
    }

    .WHN-section .WHN-candidate-track {
        transform: translateX(-50%) translateY(-169px);
    }

    .WHN-section .WHN-summary-card {
        opacity: 1;
        transform: translateX(-50%) scaleY(1);
    }
}

.ABT-proof-section {
    padding: 50px 0;
    background: var(--color-white);
    overflow: hidden;
    padding-top: 50px;
}

.ABT-proof-section,
.ABT-proof-section * {
    box-sizing: border-box;
}

.ABT-proof-section .ABT-proof-card {
    position: relative;
    width: 100%;
    max-width: 1234px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px 40px;
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/NotSureSectionBg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 518px;
    padding-left: 80px;
    padding-top: 40px;
}


.ABT-proof-section .ABT-proof-left {
    width: 650px;
    max-width: 100%;
    padding-right: 48px;
    border-right: 1px solid #e4e4e4;
    position: relative;
    z-index: 1;
    padding-top: 14px;
}

.ABT-proof-section .ABT-proof-person {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.ABT-proof-section .ABT-proof-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #5e5757;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 19px;
}

.ABT-proof-section .ABT-proof-name {
    color: var(--color-2);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 24px;
    letter-spacing: -0.4px;
    margin: 0;
}

.ABT-proof-section .ABT-proof-meta p {
    margin: 0;
}

.ABT-proof-section .ABT-proof-quote-title {
    color: #1c1919;
    font-size: 28px;
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    letter-spacing: -1.12px;
    margin: 0 0 16px;
    width: 522px;
}

.ABT-proof-section .ABT-proof-quote {
    color: #1c1919;
    font-size: 24px;
    font-weight: var(--font-weight-regular);
    line-height: 36px;
    letter-spacing: -0.96px;
    margin: 0;
    max-width: 537px;
}

.ABT-proof-section .ABT-proof-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 260px;
    position: relative;
    z-index: 1;
    flex-direction: column;
    gap: 20px;
}

.ABT-proof-section .ABT-proof-stat {
    width: 276px;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    border: 1px solid #dadada;
    border-radius: 30px;
    background: var(--color-white);
    text-align: center;
    margin-left: 0px;
    height: 116px;
}

.ABT-proof-section .ABT-proof-stat-number {
    display: block;
    font-size: 24px;
    letter-spacing: -0.96px;
}

.ABT-proof-section .ABT-proof-stat-label {
    display: block;
    color: #727272;
    font-size: 24px;
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.96px;
    white-space: nowrap;
}

.ABT-proof-section .ABT-proof-stat-number {
    color: #1c1919;
    font-weight: var(--font-weight-semi-medium);
    line-height: 27px;
}

.ABT-proof-section .ABT-proof-stat-label {
    color: #727272;
    font-weight: var(--font-weight-medium);
    margin-bottom: 3px;
}

.EH-next-section {
    padding: 80px 0;
}

.EH-next-title {
    color: var(--color-2);
    margin-bottom: 64px;
}

.EH-next-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.EH-next-card {
    min-height: 397px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background: var(--color-white);
}

.EH-next-number {
    color: var(--color-2);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.EH-next-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.EH-next-card-title {
    color: var(--color-2);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
}

.EH-next-card-text {
    color: #1f1d1d;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.8px;
    margin: 0;
}

.EH-next-card:first-child .EH-next-card-title {
    max-width: 177px;
}

.EH-prepare-section {
    padding: 80px 0 100px 0;
}

.EH-prepare-head {
    max-width: 906px;
    margin: 0 auto 64px;
    text-align: center;
}

.EH-prepare-title {
    color: var(--color-2);
    margin-bottom: 16px;
}

.EH-prepare-subtitle {
    color: var(--color-7);
    margin: 0;
}

.EH-prepare-grid {
    max-width: 1030px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding: 16px 0;
}

.EH-prepare-card {
    display: inline-flex;
    align-items: center;
    gap: 32px;
    padding: 20px 24px;
    border: 1px solid var(--color-5);
    border-radius: 24px;
    background: var(--color-white);
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.EH-prepare-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border-radius: 12px;
    padding: 12px;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(135deg, #ff8db3 0%, #64d3e0 52%, #7b48fe 100%) border-box;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EH-prepare-icon img {
    width: 42px;
    height: 42px;
    display: block;
}

.EH-prepare-card-text {
    color: var(--color-2);
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0;
    white-space: nowrap;
}

.EH-prepare-note {
    color: var(--color-7);
    text-align: center;
    margin: 56px 0 0;
}

.EH-trusted-section {
    padding: 120px 0 64px;
}

.EH-trusted-head {
    max-width: 906px;
    margin: 0 auto;
    text-align: center;
}

.EH-trusted-head .My-reviews-card {
    margin-bottom: 16px !important;
}

.EH-trusted-title {
    color: var(--color-2);
    max-width: 720px;
    margin: 0 auto;
}

.TYR-section {
    padding: 0px;
    background: var(--color-white);
    overflow: hidden;
}

.TYR-section,
.TYR-section * {
    box-sizing: border-box;
}

.TYR-section .TYR-card {
    position: relative;
    width: 100%;
    max-width: 1234px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 40px;
    border-radius: 46px;
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/TYR-bg1.jpg);
    overflow: hidden;
    text-align: center;
    height: 596px;
    background-size: contain;
    background-repeat: no-repeat;
}

.TYR-section .TYR-content {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    margin-top: -15px;
}

.TYR-section .TYR-title {
    color: var(--color-2);
    font-size: var(--fs64);
    font-weight: var(--font-weight-bold);
    line-height: 118.75%;
    letter-spacing: -2.56px;
    margin: 0 0 16px;
}

.TYR-section .TYR-text {
    color: var(--color-7);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-regular);
    line-height: 154.545%;
    max-width: 780px;
    margin: 0 auto;
}

.TYCS-bg {
    background-image: url(http://qa1.experthiring.com/wp-content/uploads/2026/05/TYCS-bg1.jpg) !important;
    height: 531px !important;
}

.EH-next-card-2:first-child .EH-next-card-title {
    max-width: 190px;
}

.EH-next-card-2:last-child .EH-next-card-title {
    max-width: 190px;
}

.EH-important-section {
    padding: 80px 0 80px 0;
}

.EH-important-head {
    max-width: 906px;
    margin: 0 auto 64px;
    text-align: center;
}

.EH-important-title {
    color: var(--color-2);
    margin-bottom: 16px;
}

.EH-important-text {
    color: var(--color-7);
    margin: 0;
}

.EH-important-text+.EH-important-text {
    margin-top: 16px;
}

.EH-important-list {
    max-width: 906px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px 0;
}

.EH-important-card {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: 20px 24px;
    border: 1px solid var(--color-5);
    border-radius: 24px;
    background: var(--color-white);
    box-shadow: 10px 14px 84px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.EH-important-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border-radius: 12px;
    padding: 12px;
    background:
        linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(135deg, #ff8db3 0%, #64d3e0 52%, #7b48fe 100%) border-box;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EH-important-icon img {
    width: 42px;
    height: 42px;
    display: block;
}

.EH-important-card-text {
    color: var(--color-2);
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin: 0;
}

.SCH-textarea {
    height: 109px !important;
}
.ReviewsTxt300 {
    color: var(--color-11);
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
}
  .HM-orbit-visual,
                .HM-message-visual {
                    position: relative;
                    min-height: 361px;
                    overflow: hidden;
                }

                .HM-orbit-visual {
                    background: #f2fafd;
                }

                .HM-message-visual {
                    background: #faf2fd;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .HM-profile-note {
                    position: absolute;
                    z-index: 4;
                    width: 136px;
                    padding: 12px;
                    border-radius: 12px;
                    background: var(--color-white);
                    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
                }

                .HM-profile-note span,
                .HM-profile-note small {
                    display: block;
                }

                .HM-profile-note span {
                    color: var(--color-2);
                    font-size: 10.5px;
                    font-weight: 500;
                    line-height: 16px;
                    margin-bottom: 4px;
                }

                .HM-profile-note small {
                    color: var(--color-7);
                    font-size: 10.5px;
                    line-height: 16px;
                }

                .HM-note-left {
                    top: 40px;
                    left: 27px;
                }

                .HM-note-right {
                    top: 24px;
                    right: 28px;
                }

                .HM-note-bottom {
                    right: 28px;
                    bottom: 24px;
                    width: 150px;
                }

                .HM-orbit-stage {
                    position: absolute;
                    width: 320px;
                    height: 320px;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }

                .HM-orbit-ring {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    border-radius: 50%;
                    border: 0.833px dashed #50BDE7;
                    transform: translate(-50%, -50%);
                    pointer-events: none;
                }

                .HM-orbit-ring-lg {
                    width: 266px;
                    height: 266px;
                }

                .HM-orbit-ring-md {
                    width: 174px;
                    height: 174px;
                }

                .HM-orbit-ring-sm {
                    width: 76px;
                    height: 76px;
                }

                .HM-orbit-path {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform-origin: center;
                    animation-timing-function: linear;
                    animation-iteration-count: infinite;
                    will-change: transform;
                }

                .HM-path-lg {
                    width: 266px;
                    height: 266px;
                    margin-left: -133px;
                    margin-top: -133px;
                    animation-name: HM-profile-orbit-left;
                    animation-duration: 22s;
                }

                .HM-path-md {
                    width: 174px;
                    height: 174px;
                    margin-left: -87px;
                    margin-top: -87px;
                    animation-name: HM-profile-orbit-right;
                    animation-duration: 16s;
                }

                .HM-path-sm {
                    width: 76px;
                    height: 76px;
                    margin-left: -38px;
                    margin-top: -38px;
                    animation-name: HM-profile-orbit-left;
                    animation-duration: 10s;
                }

                .HM-orbit-person {
                    position: absolute;
                    left: 50%;
                    top: -18px;
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    background: var(--color-white);
                    overflow: hidden;
                    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
                    transform: translateX(-50%);
                }

                .HM-orbit-avatar {
                    width: 100%;
                    height: 100%;
                    display: block;
                    border-radius: 50%;
                    overflow: hidden;
                    will-change: transform;
                }

                .HM-orbit-avatar img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                    border-radius: 50%;
                }

                .HM-path-lg .HM-orbit-avatar,
                .HM-path-sm .HM-orbit-avatar {
                    animation: HM-avatar-counter-left 22s linear infinite;
                }

                .HM-path-md .HM-orbit-avatar {
                    animation: HM-avatar-counter-right 16s linear infinite;
                }

                .HM-path-sm .HM-orbit-avatar {
                    animation-duration: 10s;
                }

                @keyframes HM-profile-orbit-left {
                    from {
                        transform: rotate(var(--start));
                    }

                    to {
                        transform: rotate(calc(var(--start) - 360deg));
                    }
                }

                @keyframes HM-profile-orbit-right {
                    from {
                        transform: rotate(var(--start));
                    }

                    to {
                        transform: rotate(calc(var(--start) + 360deg));
                    }
                }

                @keyframes HM-avatar-counter-left {
                    from {
                        transform: rotate(calc(var(--start) * -1));
                    }

                    to {
                        transform: rotate(calc((var(--start) * -1) + 360deg));
                    }
                }

                @keyframes HM-avatar-counter-right {
                    from {
                        transform: rotate(calc(var(--start) * -1));
                    }

                    to {
                        transform: rotate(calc((var(--start) * -1) - 360deg));
                    }
                }

                .HM-email-card {
                    width: 287px;
                    border-radius: 12px;
                    background: var(--color-white);
                    box-shadow: 10px 14px 12px rgba(0, 0, 0, 0.05);
                    overflow: hidden;
                    animation: HM-email-float 4.8s ease-in-out infinite;
                }

                .HM-email-head {
                    padding: 15px 20px;
                    border-bottom: 1px solid #f2f1f1;
                    color: #0d0d0d;
                    font-size: 11px;
                    font-weight: 500;
                }

                .HM-email-body {
                    display: flex;
                    align-items: flex-start;
                    gap: 10px;
                    padding: 30px 20px;
                }

                .HM-email-avatar {
                    width: 19px;
                    height: 19px;
                    border-radius: 50%;
                    border: 1.4px solid #76cfee;
                    object-fit: cover;
                    flex: 0 0 auto;
                }

                .HM-message-box {
                    position: relative;
                    width: 100%;
                    min-height: 107px;
                    border: 1px solid #e1d2d2;
                    border-radius: 10px;
                    padding: 12px;
                }

                .HM-message-text {
                    color: #0d0d0d;
                    font-size: 9px;
                    font-weight: 500;
                    line-height: 1.25;
                    margin: 0;
                    max-width: 194px;
                    animation: HM-message-show-hide 4s ease-in-out infinite;
                }

                .HM-send-btn {
                    position: absolute;
                    right: 6px;
                    bottom: 6px;
                    height: 31px;
                    width: 52px;
                    border: 2px solid #ffc2d6;
                    border-radius: 10px;
                    background: #1e1006;
                    color: var(--color-white);
                    font-size: 10px;
                    font-weight: 500;
                    padding: 8px 12px;
                    box-shadow:
                        0 1px 2px rgba(10, 13, 18, 0.05),
                        0 0 10px rgba(123, 72, 254, 0.35),
                        0 0 10px rgba(254, 140, 178, 0.35);
                    overflow: hidden;
                    animation: HM-send-width-cycle 4s ease-in-out infinite;
                }

                .HM-send-text {
                    position: absolute;
                    inset: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    white-space: nowrap;
                }

                .HM-send-text-sent {
                    animation: HM-send-sent-text 4s ease-in-out infinite;
                }

                .HM-send-text-send {
                    animation: HM-send-message-text 4s ease-in-out infinite;
                }

                @keyframes HM-send-width-cycle {

                    0%,
                    28% {
                        width: 52px;
                    }

                    38%,
                    72% {
                        width: 92px;
                    }

                    82%,
                    100% {
                        width: 52px;
                    }
                }

                @keyframes HM-message-show-hide {

                    0%,
                    30% {
                        opacity: 0;
                        transform: translateY(8px);
                    }

                    40%,
                    70% {
                        opacity: 1;
                        transform: translateY(0);
                    }

                    82%,
                    100% {
                        opacity: 0;
                        transform: translateY(-8px);
                    }
                }

                @keyframes HM-send-sent-text {

                    0%,
                    28% {
                        opacity: 1;
                        transform: translateY(0);
                    }

                    38%,
                    72% {
                        opacity: 0;
                        transform: translateY(-8px);
                    }

                    82%,
                    100% {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }

                @keyframes HM-send-message-text {

                    0%,
                    28% {
                        opacity: 0;
                        transform: translateY(8px);
                    }

                    38%,
                    72% {
                        opacity: 1;
                        transform: translateY(0);
                    }

                    82%,
                    100% {
                        opacity: 0;
                        transform: translateY(8px);
                    }
                }

                @keyframes HM-email-float {

                    0%,
                    100% {
                        transform: translateY(0);
                    }

                    50% {
                        transform: translateY(-8px);
                    }
                }
                  .SYSA-hero {
                    min-height: 646px;
                    overflow: hidden;
                }

                .SYSA-hero-inner {
                    max-width: 960px;
                    padding-top: 210px;
                }

                .SYSA-content {
                    max-width: 790px;
                    position: relative;
                    z-index: 2;
                }

                .SYSA-subtitle {
                    line-height: 154.545%;
                }

                .SYSA-orbit-art {
                    position: absolute;
                    top: -90px;
                    left: 50%;
                    width: 960px;
                    height: 285px;
                    max-width: 100%;
                    transform: translateX(-50%);
                    overflow: hidden;
                    pointer-events: none;
                    z-index: 1;
                }

                .SYSA-half-ring {
                    position: absolute;
                    left: 50%;
                    border: 2px dashed #50BDE7;
                    border-radius: 50%;
                    transform: translateX(-50%) rotate(0deg);
                    transform-origin: center center;
                    will-change: transform;
                }

                .SYSA-half-ring-outer {
                    width: 760px;
                    height: 760px;
                    bottom: -586px;
                    animation: SYSA-ring-loop-left 2s linear infinite;
                }

                .SYSA-half-ring-inner {
                    width: 470px;
                    height: 470px;
                    bottom: -390px;
                    animation: SYSA-ring-loop-right 2s linear infinite;
                }

                .SYSA-profile {
                    position: absolute;
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    border: 3px solid #64D3E0;
                    background: #fff;
                    box-shadow: 0 10px 18px rgba(45, 32, 24, 0.18);
                    overflow: hidden;
                    z-index: 2;
                }

                .SYSA-profile img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                    border-radius: 50%;
                }

                .SYSA-profile-sm {
                    width: 30px;
                    height: 30px;
                }

                .SYSA-profile-lg {
                    width: 40px;
                    height: 40px;
                }

                /* initial positions like screenshot */
                .SYSA-profile-1 {
                    left: 385px;
                    top: -21px;
                }

                .SYSA-profile-2 {
                    right: 91px;
                    top: 90px;
                }

                .SYSA-profile-3 {
                    top: 94px;
                    left: 98px;
                }

                .SYSA-profile-4 {
                    left: 57px;
                    top: 50px;
                }

                .SYSA-profile-5 {
                    left: 250px;
                    top: -21px;
                    transform: none;
                }

                .SYSA-half-ring-outer .SYSA-profile {
                    width: 30px;
                    height: 30px;
                    animation: SYSA-outer-profile-grow 2s linear infinite;
                }

                .SYSA-half-ring-outer .SYSA-profile-1 {
                    width: 34px;
                    height: 34px;
                }

                .SYSA-half-ring-inner .SYSA-profile {
                    animation: SYSA-inner-profile-grow 2s linear infinite;
                }

                @keyframes SYSA-outer-profile-grow {
                    0% {
                        scale: 0.9;
                    }

                    45% {
                        scale: 1.25;
                    }

                    100% {
                        scale: 0.9;
                    }
                }

                @keyframes SYSA-inner-profile-grow {
                    0% {
                        scale: 0.9;
                    }

                    45% {
                        scale: 1.25;
                    }

                    100% {
                        scale: 0.9;
                    }
                }



                @keyframes SYSA-ring-loop-left {
                    from {
                        transform: translateX(-50%) rotate(10deg);
                    }

                    to {
                        transform: translateX(-50%) rotate(-10deg);
                    }
                }

                @keyframes SYSA-ring-loop-right {
                    from {
                        transform: translateX(-50%) rotate(-10deg);
                    }

                    to {
                        transform: translateX(-50%) rotate(10deg);
                    }
                }