:root {
    --talentcare-white: #ffffff;
    --talentcare-green: #004E56;
    --talentcare-blue: #9FC5C5;
    --talentcare-navy: #0C1F2E;
    --talentcare-red: #DC3B29;
    --talentcare-sand: #F0E8E5;
    --talentcare-light-green: #59B05A;
    --talentcare-gray: #F5F5F5;

    --text-stat: 53px;
    --text-h1: 45px;
    --text-h2: 35px;
    --text-h3: 31px;
    --text-h4: 24px;
    --text-h5: 21px;
    --text-01: 19px;
    --text-02: 17px;


    --lh-55: 55px;
    --lh-49: 49px;
    --lh-43: 43px;
    --lh-40: 40px;
    --lh-31: 31px;
    --lh-29: 29px;
    --lh-28: 28px;
    --lh-25: 25px;

    --text-h1-mobile: 35px;
    --text-h2-mobile: 26px;
    --text-h3-mobile: 24px;
    --text-h4-mobile: 22px;
    --text-h5-mobile: 20px;
    --text-01-mobile: 16px;
    --text-02-mobile: 14px;
    --lh-24: 24px;
    --lh-32: 32px;
    --lh-32: 34px;
}

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

p+p {
    margin-top: 21px;
}

/* Typography */
.h1 {
    font-size: var(--text-h1);
    line-height: var(--lh-55);
}

.h2 {
    font-size: var(--text-h2);
    line-height: var(--lh-49);
}

.h3 {
    font-size: var(--text-h3);
    line-height: var(--lh-43);
}

.h4 {
    font-size: var(--text-h4);
    line-height: var(--lh-28);
}

.h5 {
    font-size: var(--text-h5);
    line-height: var(--lh-28);
}

.body-01 {
    font-size: var(--text-01);
    line-height: var(--lh-31);
}

.body-02 {
    font-size: var(--text-02);
    line-height: var(--lh-29);
}

.stat_bold {
    font-size: var(--text-stat);
    line-height: var(--lh-40);
}

.all_caps_eyebrow {
    font-size: var(--text-02);
    line-height: var(--lh-25);
}

.bullet_list {
    font-size: var(--text-02);
    line-height: var(--lh-31);
}

/* Typography END */

/* Container */
.container {
    max-width: 1305px;
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
}

/* Button */
.btn {
    width: max-content;
}

.btn a {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all .3s ease-in-out;
}

/* Orange Button */
.btn_orange a {
    background-color: var(--talentcare-red);
    border: 1px solid var(--talentcare-red);
    color: var(--talentcare-white) !important;
}


.btn_orange a:hover {
    color: var(--talentcare-red) !important;
    background-color: transparent;
}

.btn_orange a:hover svg path {
    stroke: var(--talentcare-red);
}

.btn_orange a svg path {
    transition: all .3s ease-in-out;
}

/* White Outline Button */
.btn_outline_white a {
    border: 2px solid var(--talentcare-white);
    background-color: transparent;
    color: var(--talentcare-white) !important;
}

.btn_outline_white a:hover {
    background-color: var(--talentcare-white);
    color: var(--talentcare-navy) !important;
}

.btn_outline_white a:hover svg path {
    stroke: var(--talentcare-navy);
}

/* Dark Button */
.btn_dark a {
    background-color: var(--talentcare-navy);
    color: var(--talentcare-white) !important;
    border: 1px solid var(--talentcare-navy);
}

.btn_dark a:hover {
    border-color: var(--talentcare-navy);
    background-color: transparent;
    color: var(--talentcare-navy) !important;
}

.btn_dark a:hover svg path {
    stroke: var(--talentcare-navy);
}

/* Hero Banner */
.homepage_hero_banner {
    padding: 89px 0;
}

.homepage_hero_banner p {
    color: var(--talentcare-navy);
}

.homepage_hero_banner .grid {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 64px;
}

.homepage_hero_banner .sub_title {
    font-size: var(--text-02);
    line-height: var(--lh-25);
    color: var(--talentcare-blue);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 11%;
    margin: 0;
    padding-bottom: 16px;
}

.homepage_hero_banner .title {
    font-size: 65px;
    line-height: 74px;
    font-weight: 700;
    color: var(--talentcare-green);
    margin-bottom: 16px;
}

.homepage_hero_banner .mobile_image {
    display: none;
}

.homepage_hero_banner .desc {
    margin-bottom: 44px;
}

.homepage_hero_banner .title span,
.homepage_hero_banner .desc span {
    color: var(--talentcare-red);
}

.homepage_hero_banner .right_part,
.homepage_hero_banner .mobile_image {
    position: relative;
    text-align: center;
}

.homepage_hero_banner .right_part::before,
.homepage_hero_banner .mobile_image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/07/hero_bg_shape.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.homepage_hero_banner .right_part img,
.homepage_hero_banner .mobile_image img {
    position: relative;
    z-index: 1;
}

.homepage_hero_banner.solution-banner .right_part::before,
.homepage_hero_banner.solution-banner .mobile_image::before {
    display: none;
}

.homepage_hero_banner.solution-banner .title {
    font-size: 45px;
    line-height: 1.22;
}

/* Case Study Section */
.case_study_card_sec {
    padding: 160px 0 89px;
    background-color: var(--talentcare-gray);
    position: relative;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/wave_shape.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sec_header {
    max-width: 874px;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.sec_header .title {
    font-size: var(--text-h2);
    margin: 0;
}

.sec_header .title span {
    color: var(--talentcare-red);
}

.sec_header .desc {
    margin-bottom: 0px;
}

.case_study_card_sec .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 33px;
}

.case_study_card_sec .card {
    padding: 32px;
    background-color: var(--talentcare-white);
    border-radius: 14px;
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.case_study_card_sec .card .icon_wrapper {
    width: 60px;
    height: 60px;
    background-color: #034E571A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 17px;
    transition: all .3s ease-in-out;
}

.case_study_card_sec .card .icon_wrapper img {
    width: 40px;
    height: 40px;
    transition: all .3s ease-in-out;
}

.case_study_card_sec .card .h4 {
    margin-top: 0px;
    margin-bottom: 22px;
    color: #071F2F;
}

.case_study_card_sec .card .card_title {
    font-weight: 700;
    color: var(--talentcare-red);
    margin-bottom: 20px;
}

.case_study_card_sec .card .desc {
    color: #4A5565;
    margin-bottom: 26px;
}

.case_study_card_sec .card .link {
    margin-top: auto;
}

.case_study_card_sec .card .link a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #034E57;
    display: flex;
    align-items: center;
    gap: 10px;
}

.case_study_card_sec .card .link a svg {
    transition: all .3s ease-in-out;
}

.case_study_card_sec .card:hover {
    box-shadow: 0px 1px 25.8px -1px #0000001A, 0px 1px 3px 0px #0000001A;
}

.case_study_card_sec .card:hover .icon_wrapper {
    background-color: #034E57;
}

.case_study_card_sec .card:hover .icon_wrapper img {
    filter: invert(56%) sepia(15%) saturate(457%) hue-rotate(124deg) brightness(100%) contrast(87%);
}

.case_study_card_sec .card:hover .link a svg {
    margin-left: 5px;
}

/* Logo Scroller Section */
.logo_scroller_sec {
    padding: 32px 0 111px;
    background-color: var(--talentcare-gray);
}

.logo_scroller_sec h2.all_caps_eyebrow {
    font-size: var(--text-02);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 43px;
}

/* 5/8/2026 */
.logo_scroller_wrapper .slick-track {
    display: flex;
    align-items: center;
}

.logo_scroller_wrapper .slick-slide {
    width: 220px !important;
    height: 90px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
}

.logo_scroller_wrapper .slick-slide img {
    display: block;
    margin: auto;
    max-width: 170px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Time Line Rotater Section */
.timeline_rotator_sec {
    padding: 213px 0;
    background-color: var(--talentcare-green);
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/white_shape_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: relative;
    overflow: hidden;
}

.timeline_rotator_sec .sec_header {
    max-width: 694px;
    color: var(--talentcare-white);
}

.timeline_rotator_sec .sec_header .title span {
    color: var(--talentcare-blue);
}

.timeline_rotator_sec .sec_header .desc span {
    font-weight: 700;
    color: var(--talentcare-blue);
}

.timeline_rotator_sec .tabs-wrapper {
    background: #0c1f2e8c;
    border-radius: 21px;
    max-width: 1147px;
    margin: auto;
    position: relative;
}

.timeline_rotator_sec .tabs-wrapper .tab-content {
    display: none;
}

.timeline_rotator_sec .tabs-wrapper .tab-content.active {
    display: flex;
    animation: fade .3s ease;
}

.timeline_rotator_sec .tabs-wrapper .tab-content {
    gap: 90px;
}

.timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper {
    position: relative;
    width: 366px;
    margin-left: -35px;
}

.timeline_rotator_sec .tabs-wrapper .tab-content .img_wrapper_inner {
    min-width: 366px;
    width: 366px;
    height: 366px;
    background: #E2DCD5;
    border: 5px solid var(--talentcare-white);
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}

.timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper .bg_img {
    position: absolute;
    z-index: 0;
    top: -24px;
    left: -56px;
}

.timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper {
    padding: 50px 58px 158px 0px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 9px;
    color: var(--talentcare-white);
}

.timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper .all_caps_eyebrow {
    font-weight: 700;
    color: var(--talentcare-blue);
    text-transform: uppercase;
}

.timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper .h3 {
    margin: 0;
    font-weight: 700;
}


.timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper p.body-01 {
    color: #D1D5DC;
    margin-bottom: 0;
    padding-top: 10px;
}

.timeline_rotator_sec .tabs-wrapper .tabs {
    left: 421px;
    bottom: 65px;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 3;
}

.timeline_rotator_sec .tabs-wrapper .tabs .tab-btn {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #004E56;
    border: 0px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.timeline_rotator_sec .tabs-wrapper .tabs .tab-btn.active,
.tabs-wrapper .tabs .tab-btn:hover {
    background-color: var(--talentcare-red);
    color: var(--talentcare-white);
}

.timeline_rotator_sec .btm_bg {
    position: absolute;
    bottom: 0;
    right: calc((100% - 1305px) / 2);
}

.timeline_rotator_sec .btn {
    position: relative;
    z-index: 1;
    max-width: max-content;
    margin: auto;
    margin-top: 35px;
}

/* Text Left Image Right */
.text_left_img_right_sec {
    position: relative;
    background-color: var(--talentcare-gray);
}

.text_left_img_right_sec .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: calc((100% - 1289px) / 2);
    gap: 48px;
}

.text_left_img_right_sec .left_part {
    padding-top: 120px;
    padding-bottom: 90px;
    padding-left: 24px;
}

.text_left_img_right_sec .custom_ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
}

.text_left_img_right_sec .custom_ul li {
    position: relative;
    display: flex;
    align-items: start;
    gap: 12px;
    color: #364153;
}

.text_left_img_right_sec .custom_ul li::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z' fill='%23DC3B29'/%3E%3Cpath d='M17.3333 8L9.99996 15.3333L6.66663 12' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-top: 4px;
}

.text_left_img_right_sec .left_part .title {
    font-size: var(--text-h2);
    margin-top: 0;
    margin-bottom: 13px;
    color: var(--talentcare-green);
}

.text_left_img_right_sec .left_part .title span {
    color: var(--talentcare-red);
}

.text_left_img_right_sec .left_part .logo {
    max-width: 435px;
    margin-bottom: 30px;
}

.text_left_img_right_sec .left_part .desc p {
    margin-bottom: 0;
}

.text_left_img_right_sec .btn {
    margin-top: 63px;
}

.text_left_img_right_sec .right_part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_left_img_right_sec .shape_btm_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.text_left_img_right_sec .shape_btm_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* services-section start*/
.services-section {
    padding: 80px 0px 160px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/role-white-shape.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.services-section .services-header {
    max-width: 874px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}

.services-section .services-header h2 {
    font-size: var(--text-h2);
}

.services-section .services-header h2 span {
    color: var(--talentcare-red);
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.service-card {
    background: var(--talentcare-gray);
    border-radius: 14px;
    padding: 32px;
    min-height: 260px;
    box-shadow: 0px 1px 3px 0px #0000001A;
    display: flex;
    flex-direction: column;
    transition: 0.3s all;
}

.service-card:hover {
    background-color: var(--e-global-color-555bc68);
    box-shadow: 0px 1px 25px -1px rgba(0, 0, 0, 0.10196078431372549);
}

.service-card .service-icon {
    margin-bottom: 23px;
}

.service-card .service-icon img {
    width: 88px;
    height: 66px;
    object-fit: contain;
    object-position: center center;
}

.service-card .btn-arrow {
    margin-top: auto;
}

.service-card h3 {
    margin-bottom: 12px;
    margin-top: 0;
    letter-spacing: -0.3px;
    font-weight: 700;
}

.service-card .desc {
    margin-bottom: 30px;
    color: #4A5565;
}

.btn-arrow a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.15px;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-arrow-red a {
    color: var(--talentcare-red);
}

.btn-arrow-red a svg {
    transition: transform 0.3s ease;
}

.btn-arrow-red a:hover svg {
    transform: translateX(8px);
    transition: 0.3s all;
}

/* services-section end*/
/* roles-section start*/
.roles-section {
    position: relative;
    padding: 92px 0;
    background: var(--talentcare-gray);
    overflow: hidden;
}


.roles-section h2 {
    text-align: center;
    font-size: var(--text-h2);
    line-height: 49px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 0px;
}

.roles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    position: relative;
    z-index: 2;
}

.role-card {
    background: var(--talentcare-white);
    border-radius: 10px;
    overflow: hidden;
    transition: .35s;
    box-shadow: 0px 1px 2px -1px #0000001A;
    box-shadow: 0px 1px 3px 0px #0000001A;

}

.role-card:hover {
    transform: translateY(-8px);
}

.role-card .card-image {
    height: 260px;
    background-blend-mode: multiply;
    background: var(--talentcare-green);
    position: relative;

}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #034e57c4;
    mix-blend-mode: multiply;
    transition: all .3s ease-in-out;
}

.card-image:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92px;
    height: 123px;
    background-image: url("data:image/svg+xml,%3Csvg width='92' height='123' viewBox='0 0 92 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.2448 78.3002C35.2448 79.0065 35.6487 79.3092 36.6586 79.3092H51.5038C52.5137 79.3092 52.9177 79.0065 52.9177 78.3002V35.8203C66.4501 31.3806 77.6597 23.8129 88.0615 11.3011L74.5291 0C58.775 18.7678 42.112 24.2165 0 24.2165V41.8744C13.3304 41.8744 24.944 41.3699 35.2448 39.8564V78.1993V78.3002Z' fill='white'/%3E%3Cpath d='M80.9925 42.0762C74.9333 42.0762 69.9849 47.0204 69.9849 53.0745C69.9849 59.1287 74.9333 64.0729 80.9925 64.0729C87.0518 64.0729 92.0002 59.1287 92.0002 53.0745C92.0002 47.0204 87.0518 42.0762 80.9925 42.0762Z' fill='white'/%3E%3Cpath d='M44.9399 105.544C37.8707 105.544 31.3065 102.82 26.2571 97.8754C22.2176 93.9402 19.5919 88.8951 18.683 83.4464L1.41406 86.4734C3.02987 95.6555 7.37235 103.93 14.0376 110.387C22.3186 118.56 33.3262 123 45.0408 123C66.5513 123 84.9311 107.663 88.6676 86.3725L71.3987 83.3455C69.177 96.1601 58.0683 105.443 45.0408 105.443' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.role-card:hover .card-image::before {
    background: var(--talentcare-red);
}

.role-card:hover .card-image::after {
    opacity: 1;
}

.role-card .card-content {
    padding: 32px;
    display: flex;
    flex-direction: column;
    min-height: 250px;
    height: calc(100% - 260px);
}

.role-card .card-content .btn-arrow {
    margin-top: auto;
}

.role-card .card-content h3 {
    margin-bottom: 18px;
    font-weight: 700;
    margin-top: 0px;
}

.role-card .card-content .desc {
    margin-bottom: 30px;
    color: #4A5565;
}

/* roles-section end*/

/* CTA Section */
.cta-full-section {
    position: relative;
    background: var(--talentcare-green);
    padding-top: 120px;
    padding-bottom: 147px;
    text-align: center;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/cta-grey-shape.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

.cta-full-section .desc {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    color: var(--talentcare-white);
    font-weight: 700;
}

.cta-full-section .desc p {
    margin-bottom: 0;
}

.cta-full-section .h2 {
    color: var(--talentcare-white);
    font-size: var(--text-h2) !important;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
}

.cta-full-section .cta-full-inner .btn {
    margin-left: auto;
    margin-right: auto;
}

.cta-subtitle {
    color: var(--talentcare-blue);
}

.cta-full-section .btn_orange a:hover {
    background-color: var(--talentcare-white);
}

/* ================ Crew Page ================ */
/* Crew Hero Banner */
.crew_hero_banner {
    padding: 100px 0 160px;
}

.crew_hero_banner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.crew_hero_banner .logo {
    max-width: 272px;
    margin-bottom: 16px;
}

.crew_hero_banner .mobile_image {
    display: none;
}

.crew_hero_banner .h1 {
    font-size: var(--text-h1) !important;
    line-height: var(--lh-55) !important;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    color: var(--talentcare-green);
}

.crew_hero_banner .h1 span {
    color: var(--talentcare-red);
}

.crew_hero_banner .desc {
    margin-bottom: 40px;
}

.crew_hero_banner .desc p {
    margin-bottom: 0px;
}

/* Crew Hero Banner End */

/* Text Left Check Right Section */
.text_left_right_check {
    background-color: var(--talentcare-sand);
    background-image: url("https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/banner_bg_img.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 87px 0px 260px 0px;
    position: relative;
}

.text_left_right_check::before {
    content: '';
    position: absolute;
    top: -59px;
    left: 0;
    width: 100%;
    height: 59px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/sand_bg.png);
    background-size: 100% 59px;
    background-position: top center;
    background-repeat: no-repeat;
}

.text_left_right_check .grid {
    display: grid;
    grid-template-columns: .83fr 1fr;
    gap: 130px;
}

.text_left_right_check .left_part .h2 {
    font-size: var(--text-h2);
    margin-bottom: 27px;
    margin-top: 0;
    color: var(--talentcare-green);
    font-weight: 700;
}

.text_left_right_check .right_part .h4 {
    color: var(--talentcare-red);
    position: relative;
    display: flex;
    align-items: start;
    gap: 9px;
    margin-top: 0;
    margin-bottom: 12px;
}

.text_left_right_check .right_part .h4::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z' fill='%23DC3B29'/%3E%3C/svg%3E%0A");
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.text_left_right_check .right_part .list_desc p {
    font-size: var(--text-01);
    line-height: var(--lh-31);
    margin-bottom: 10px;
}

.text_left_right_check .right_part .list_desc ul {
    font-size: var(--text-02);
    line-height: var(--lh-31);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.text_left_right_check .right_part .list_desc {
    margin-bottom: 27px;
}

.text_left_right_check .right_part .list_desc:last-child {
    margin-bottom: 0;
}

/* Text Left Check Right Section End */

/* Product Tab Section */
.product_tab_sec {
    background: var(--talentcare-green);
    padding: 95px 0 179px;
    position: relative;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/product_bottom_vector.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.product_tab_sec::before {
    content: '';
    position: absolute;
    top: -44px;
    left: 0;
    width: 100%;
    height: 45px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/product_top_vector.png);
    background-repeat: no-repeat;
    background-size: 100% 45px;
    background-position: center top;
}

.product_tab_sec .sec_header {
    color: var(--talentcare-white);
    max-width: 674px;
    margin-bottom: 83px;
}

.product_tab_sec .tabs-wrapper {
    max-width: 1238px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.product_tab_sec .tabs-wrapper .tabs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_tab_sec .tabs-wrapper .tabs .tab-btn {
    border: 2px solid var(--talentcare-white);
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    color: var(--talentcare-white);
    background: transparent;
    transition: all .3s ease-in-out;
    border-bottom: 0px;
    outline: 0;
}

.product_tab_sec .tabs-wrapper .tabs .tab-btn img {
    width: 31px;
    height: 31px;
    object-fit: contain;
}

.product_tab_sec .tabs-wrapper .tabs .tab-btn.active,
.product_tab_sec .tabs-wrapper .tabs .tab-btn:hover {
    background: var(--talentcare-red);
    border-color: var(--talentcare-red);
}

.product_tab_sec .tabs-wrapper .tab-content.active {
    display: block;
}

.product_tab_sec .tabs-wrapper .tab-content {
    display: none;
    background: var(--talentcare-sand);
    padding: 51px 61px 91px 71px;
    border-radius: 14px;
    border-top-left-radius: 0;
}

.product_tab_sec .tabs-wrapper .tab-content .grid {
    display: grid;
    grid-template-columns: 1fr .78fr;
    gap: 40px;
}

.product_tab_sec .content_wrapper .h3 {
    margin-top: 0;
    margin-bottom: 9px;
    font-weight: 700;
    color: var(--talentcare-green);
}

.product_tab_sec .content_wrapper .h4 {
    margin-top: 0px;
    margin-bottom: 18px;
    color: var(--talentcare-red);
    font-weight: 700;
}

.product_tab_sec .content_wrapper .bold_title {
    color: var(--talentcare-green);
    font-weight: 700;
    margin-bottom: 14px;
}

.product_tab_sec .content_wrapper .desc {
    color: var(--talentcare-navy);
}

/* Product Tab Section End */

/* Crew Benefits Card Journey Section */
.crew_benefits_card_journey {
    padding: 115px 0 50px;
    background-color: var(--talentcare-gray);
}

.crew_benefits_card_journey .sec_header {
    margin-bottom: 57px;
}

.crew_benefits_card_journey .sec_header .title {
    max-width: 775px;
    margin: auto;
}

.crew_benefits_card_journey .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 38px;
    margin-bottom: 54px;
}

.crew_benefits_card_journey .card {
    background: var(--talentcare-white);
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    position: relative;
    /* height: max-content; */
}

.crew_benefits_card_journey .card .icon_wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #034E571A;
    border-radius: 10px;
}

.crew_benefits_card_journey .card .icon_wrapper img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.crew_benefits_card_journey .card .h4 {
    margin: 0;
    font-weight: 700;
    color: #071F2F;
}

.crew_benefits_card_journey .card .body-02 {
    color: #4A5565;
}

.crew_benefits_card_journey .card:nth-child(even) {
    margin-top: 109px;
}

.crew_benefits_card_journey .card:nth-child(odd) {
    margin-bottom: 109px;
}

.crew_benefits_card_journey .btn.btn_orange {
    margin: auto;
    max-width: 295px;
    width: 100%;
}

.crew_benefits_card_journey .btn.btn_orange a {
    justify-content: end;
    gap: 42px;
}

.crew_benefits_card_journey .card:first-child::after {
    content: '';
    position: absolute;
    top: 40px;
    left: calc(100% + 22px);
    width: 296px;
    height: 92px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/card_shape1.svg);
    background-repeat: no-repeat;
}

.crew_benefits_card_journey .card:nth-child(2)::after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: -296px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/card_shape2.svg);
    width: 296px;
    height: 83px;
}

.crew_benefits_card_journey .card:nth-child(3)::after {
    content: '';
    position: absolute;
    right: -305px;
    top: 77px;
    width: 305px;
    height: 53px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/card_shape3.svg);
    background-repeat: no-repeat;
}

.crew_benefits_card_journey .card:last-child {
    margin-top: 147px;
}

.crew_benefits_card_journey.solution-card-wrap .card {
    background: var(--talentcare-gray);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.crew_benefits_card_journey.solution-card-wrap {
    background: #fff;
}

/* Crew Benefits Card Journey Section End */

/* Scrolling Quote Box Section */
.scrolling_quote_box {
    padding: 50px 0 75px;
    background-color: var(--talentcare-gray);
}

.scrolling_quote_box .container {
    max-width: 874px;
    text-align: center;
}

.scrolling_quote_box .quote_box_wrapper {
    margin-top: 50px;
}

.scrolling_quote_box .quote_box_wrapper .h3 {
    line-height: 53px;
    color: var(--talentcare-navy);
}

.scrolling_quote_box .quote_box_wrapper .slick-dots li button,
.scrolling_quote_box .quote_box_wrapper .slick-dots li button:hover,
.crew_benefits_card_journey .grid.benefits-slider .slick-dots li button,
.crew_benefits_card_journey .grid.benefits-slider .slick-dots li button:hover {
    border: 0;
    background-color: transparent;
}

.scrolling_quote_box .quote_box_wrapper .slick-dots li button:before,
.crew_benefits_card_journey .grid.benefits-slider .slick-dots li button::before {
    font-size: 15px;
    color: #D9D9D9;
    opacity: 1;
}

.scrolling_quote_box .quote_box_wrapper .slick-dots li.slick-active button:before,
.crew_benefits_card_journey .grid.benefits-slider .slick-dots li.slick-active button::before {
    color: var(--talentcare-red)
}

.scrolling_quote_box .quote_box_wrapper .slick-dots {
    bottom: -48px;
}

/* Scrolling Quote Box Section End */

/* FAQ Section */
.faq_sec {
    padding: 75px 0 170px;
    background-color: var(--talentcare-gray);
}

.faq_sec .faq_wrapper {
    max-width: 1056px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.faq_sec .faq_wrapper .faq_inner {
    background: #9fc5c559;
    border-radius: 11px;
}

.faq_sec .faq_wrapper .tabs-content {
    display: none;
}

.faq_sec .faq_wrapper .faq_inner .faq_accordian_link .tabs-title {
    font-size: var(--text-01);
    line-height: var(--lh-31);
    font-weight: 700;
    color: var(--talentcare-navy);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

.faq_sec .faq_wrapper .tabs-content p {
    font-size: var(--text-01);
    line-height: var(--lh-29);
    color: var(--talentcare-navy);
    padding: 4px 37px 32px;
    width: 100%;
    max-width: 958px;
    margin-bottom: 0;
}

.faq_sec .faq_wrapper .faq_inner .faq_accordian_link {
    padding: 25px 37px;
}

.faq_sec .faq_wrapper .faq_inner .faq_accordian_link .tabs-title::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 8.30542L0 0H16.6667L8.33333 8.30542Z' fill='%23004E56'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 8px;
    transition: all .3s ease-in-out;
}

.faq_sec .faq_wrapper .faq_inner .faq_accordian_link.active .tabs-title::after {
    transform: rotate(180deg);
}

/* FAQ Section End */

/* Text Left Image Right CTA */
.text_left_image_right_cta {
    padding: 168px 0 128px;
    background-color: var(--talentcare-green);
    color: var(--talentcare-white);
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/cta_top_shape.png);
    background-repeat: no-repeat;
    background-size: 100% 45px;
}

.text_left_image_right_cta .grid {
    display: grid;
    grid-template-columns: 1fr .72fr;
    gap: 13px;
}

.text_left_image_right_cta .h1 {
    font-size: var(--text-h1);
    margin-top: 0;
    margin-bottom: 21px;
}

.text_left_image_right_cta .sub_text {
    color: var(--talentcare-blue);
    font-weight: 700;
    margin-bottom: 22px;
}

.text_left_image_right_cta .custom_ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 64px;
}

.text_left_image_right_cta .custom_ul li {
    font-size: var(--text-01);
    line-height: var(--lh-31);
    display: flex;
    align-items: start;
    gap: 13px;
}

.text_left_image_right_cta .custom_ul li::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_505_7468' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_505_7468)'%3E%3Cpath d='M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z' fill='%239FC5C5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px;
    margin-top: 3px;
}

.text_left_image_right_cta.white-shape {
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/07/white-shape.png);
}

/* Text Left Image Right CTA End */

/* Solution Apllicant Tracking Page */
/* Solution Banner */
.solution_hero_banner .title {
    font-size: var(--text-h1);
    line-height: var(--lh-55);
}

/* Solution Banner End */

/* Benefits Left Right Section */
.benefits_left_right_sec {
    padding: 134px 0 134px;
    background: var(--talentcare-green);
    position: relative;
    /* background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/product_bottom_vector.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain; */
}

.benefits_left_right_sec::before {
    content: '';
    position: absolute;
    top: -44px;
    left: 0;
    width: 100%;
    height: 45px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/product_top_vector.png);
    background-repeat: no-repeat;
    background-size: 100% 45px;
    background-position: center top;
}

.benefits_left_right_sec .sec_header {
    color: var(--talentcare-white);
    max-width: 872px;
    margin-bottom: 110px;
    gap: 24px;
}

.benefits_left_right_sec .sec_header .title {
    max-width: 694px;
    margin: 0 auto;
}

.benefits_left_right_sec .grid_wrapper {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.benefits_left_right_sec .grid_wrapper .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 54px;
}

.benefits_left_right_sec .grid_wrapper .grid:nth-child(even) .left_part {
    order: 2;
}

.benefits_left_right_sec .left_part {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.benefits_left_right_sec .left_part .h3 {
    color: var(--talentcare-blue);
    font-weight: 700;
    margin: 0;
}

.benefits_left_right_sec .left_part .desc {
    color: var(--talentcare-white);
}

.benefits_left_right_sec .left_part .desc p {
    margin-top: 0;
}

.benefits_left_right_sec .left_part .desc ul {
    margin-left: 20px;
}

.benefits_left_right_sec .right_part {
    position: relative;
}

.benefits_left_right_sec .right_part::before {
    content: '';
    width: 100%;
    height: 489px;
    position: absolute;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/07/img_bg_shape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 16px;
}

.benefits_left_right_sec .img_wrapper {
    position: relative;
    width: 445px;
    height: 445px;
    background: #E2DCD5;
    border: 5px solid var(--talentcare-white);
    border-radius: 50%;
    margin-left: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Benefits Left Right Section End */

/* Case Study Card Section */
.case_study_sec {
    background-color: var(--talentcare-sand);
    background-image: url("https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/banner_bg_img.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 100px 0px 294px 0px;
    position: relative;
}

.case_study_sec::before {
    content: '';
    position: absolute;
    top: -59px;
    left: 0;
    width: 100%;
    height: 59px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/06/sand_bg.png);
    background-size: 100% 59px;
    background-position: top center;
    background-repeat: no-repeat;
}

.case_study_sec:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59px;
    background-image: url(https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/07/bottom-shape-study.png);
    background-size: 100% 59px;
    background-position: top center;
    background-repeat: no-repeat;
}

.case_study_sec .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
    margin-bottom: 39px;
}

.case_study_sec .logo {
    max-width: 257px;
    margin: 0 auto 21px;
}

.case_study_sec .sec_header .title {
    color: var(--talentcare-green);
    max-width: 614px;
    margin: auto;
}

.case_study_sec .sec_header {
    gap: 29px;
    margin-bottom: 52px;
}

.case_study_sec .case_study_card {
    padding: 32px;
    background-color: var(--talentcare-white);
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.case_study_sec .case_study_card .card_icon {
    width: 60px;
    height: 60px;
    background: #034E571A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.case_study_sec .case_study_card .card_icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.case_study_sec .case_study_card .h4 {
    margin: 0;
    font-weight: 700;
}

.case_study_sec .case_study_card .desc {
    color: #4A5565;
}

.case_study_sec .bottom_para {
    max-width: 872px;
    margin: 0 auto 70px;
    text-align: center;
}

.case_study_sec .btn {
    margin: 0 auto 60px;
}

.case_study_sec .btn a {
    padding: 14px 38px;
}

/* Case Study Card Section End */
.crew_benefits_card_journey.solution-card-wrap .benefits-slider .card:nth-child(3) {
    margin-top: 0px;
}

.crew_benefits_card_journey.solution-card-wrap .benefits-slider .card:nth-child(3)::after {
    content: unset !important;
}

.crew_benefits_card_journey .card:nth-child(2)::after {
    background-image: url("https://talentcaresstg.wpenginepowered.com/wp-content/uploads/2026/08/card_shape3.svg");
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1025px) {
    #menu-1-b388dec li.menu-item.menu-item-has-children:hover ul.sub-menu {
        width: auto;
    }
}



@media(max-width: 1024px) {

    .main-nav-menu .elementor-nav-menu--dropdown>ul>li {
        position: relative;
    }

    .main-nav-menu .elementor-nav-menu--dropdown>ul>li .arraw-icon {
        position: absolute;
        top: 16px;
        right: 20px;
        width: 40px;
        height: 40px;
        display: block;
        transition: all 0.2s;
    }

    .main-nav-menu .elementor-nav-menu--dropdown>ul>li .arraw-icon::after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        left: 50%;
        border-left: none;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 15px;
    }

    .main-nav-menu .menu-item-has-children .sub-menu li a {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .main-nav-menu .menu-item-has-children.active .sub-menu {
        display: block;
    }

    .main-nav-menu .elementor-nav-menu--dropdown {
        padding: 0 20px;
    }

    .main-nav-menu ul li a {
        justify-content: start;
    }

    .main-nav-menu .elementor-nav-menu--dropdown>ul>li.active .arraw-icon {
        transform: rotate(180deg);
    }
}





/* Media Query */
@media (max-width: 1440px) {
    .homepage_hero_banner .right_part img {
        scale: 1;
    }

    .timeline_rotator_sec {
        padding: 180px 0;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper {
        margin-left: -10px;
    }

    .case_study_sec .btn {
        margin: 0 auto 40px;
    }
}

@media (max-width: 1200px) {
    .homepage_hero_banner .grid {
        gap: 40px;
    }

    .homepage_hero_banner .title {
        font-size: 56px;
        line-height: 60px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper {
        width: 300px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .img_wrapper_inner {
        min-width: 300px;
        width: 300px;
        height: 300px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content {
        gap: 60px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper {
        padding: 30px 30px 150px 0px;
    }

    .timeline_rotator_sec .tabs-wrapper .tabs {
        left: 352px;
    }

    .text_left_img_right_sec .grid {
        gap: 30px
    }

    /* Crew page */
    .product_tab_sec .tabs-wrapper .tabs .tab-btn {
        padding: 14px 18px;
        gap: 8px;
        font-size: 14px;
    }

    .product_tab_sec .tabs-wrapper .tabs .tab-btn img {
        width: 26px;
        height: 26px;
    }

    .benefits_left_right_sec .grid_wrapper .grid {
        gap: 32px;
    }
}

@media (max-width: 1024px) {
    .homepage_hero_banner {
        padding: 60px 0;
    }

    .homepage_hero_banner .sub_title {
        font-size: 15px;
        line-height: 18px;
    }

    .homepage_hero_banner .title {
        font-size: 48px;
        line-height: 50px;
    }

    .homepage_hero_banner .grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .homepage_hero_banner .right_part {
        display: none;
    }

    .homepage_hero_banner .mobile_image {
        display: block;
        margin: 40px 0;
    }

    .case_study_card_sec {
        padding: 60px 0;
    }

    .case_study_card_sec .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .case_study_card_sec .card {
        padding: 28px;
    }

    .case_study_card_sec .card .card_title {
        font-size: 50px;
        line-height: 56px;
    }

    .case_study_sec .btn {
        margin: 0 auto;
    }

    .logo_scroller_sec {
        padding: 25px 0 50px;
    }

    .timeline_rotator_sec {
        padding: 100px 0;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content.active {
        flex-direction: column;
        align-items: center;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper {
        text-align: center;
        padding: 19px 30px 39px;
        max-width: 70%;
    }

    .timeline_rotator_sec .tabs-wrapper .tabs {
        position: relative;
        left: unset;
        bottom: unset;
        padding-bottom: 32px;
        justify-content: center;
        gap: 10px
    }

    .timeline_rotator_sec .tabs-wrapper .tabs .tab-btn {
        width: 34px;
        height: 34px;
        font-size: 13px;
        line-height: 16px;
    }

    .timeline_rotator_sec .btm_bg {
        display: none;
    }

    .text_left_img_right_sec .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 48px
    }

    .text_left_img_right_sec .left_part {
        padding-top: 80px;
        padding-bottom: 0px;
        padding-right: 24px;
    }

    .text_left_img_right_sec .left_part .title {
        font-size: 30px;
        line-height: 26px;
        margin-bottom: 4px;
    }

    .text_left_img_right_sec .left_part .logo {
        max-width: 321px;
        margin-bottom: 25px;
    }

    .text_left_img_right_sec .left_part .desc {
        font-size: 15px;
        line-height: 24px;
    }

    .text_left_img_right_sec .custom_ul {
        margin-top: 20px;
        font-size: 14px;
        line-height: 17px;
    }

    .services-section {
        padding: 70px 0px 130px;
    }

    .roles-section {
        padding: 72px 0;
    }

    .cta-full-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /* Make all slides equal height */
    .js-services-slider .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    .js-services-slider .slick-slide {
        height: inherit !important;
        display: flex !important;
    }

    .js-services-slider .slick-slide>div {
        display: flex;
        width: 100%;
    }

    .service-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .js-services-slider {
        margin: 0 -10px;
    }

    .js-services-slider .slick-slide {
        margin: 0 10px;
    }

    .services-grid .slick-dots {
        bottom: -65px;
    }

    .services-grid .slick-dots li.slick-active button:before {
        background: var(--talentcare-red);
    }

    .services-grid .slick-dots li {
        width: 16px;
        height: 16pxpx;
        margin: 0 4px;
    }

    .services-grid .slick-dots li button {
        width: 16px;
        height: 16px;
        padding: 0;
    }

    .services-grid .slick-dots li button:before {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: var(--talentcare-sand);
        content: '';
        opacity: 1;
        font-size: 0;
    }

    .service-card {
        height: 100%;
    }

    .roles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Crew Page */
    .crew_hero_banner {
        padding: 80px 0;
    }

    .crew_hero_banner .grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .crew_hero_banner .right_part {
        display: none;
    }

    .crew_hero_banner .mobile_image {
        display: block;
        margin-bottom: 27px;
    }

    .crew_hero_banner .h1,
    .text_left_image_right_cta .h1 {
        font-size: 40px !important;
    }

    .text_left_right_check {
        padding: 70px 0px 180px 0px;
    }

    .text_left_right_check .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .text_left_right_check .left_part .h2 {
        font-size: 30px;
    }

    .product_tab_sec {
        padding: 80px 0;
    }

    .product_tab_sec .tabs-wrapper {
        gap: 33px;
    }

    .product_tab_sec .tabs-wrapper .tabs {
        display: none;
    }

    .product_tab_sec .tabs-wrapper .tab-content {
        display: block;
        background-color: transparent;
        padding: 0;
    }

    .product_tab_sec .tabs-wrapper .tab-content .grid {
        gap: 20px
    }

    .product_tab_sec .content_wrapper .h3,
    .product_tab_sec .content_wrapper .bold_title {
        color: #9FC5C5;
    }

    .product_tab_sec .content_wrapper .h4,
    .product_tab_sec .content_wrapper .desc {
        color: var(--talentcare-white);
    }

    .crew_benefits_card_journey {
        padding: 80px 0 50px;
    }

    .faq_sec {
        padding: 75px 0 80px;
    }

    .text_left_image_right_cta {
        padding: 80px 0;
        background-size: 100% 30px;
    }

    .text_left_image_right_cta .grid {
        grid-template-columns: 1fr
    }

    .text_left_image_right_cta .right_div {
        display: none;
    }

    .benefits_left_right_sec {
        padding: 80px 0 100px;
    }

    .benefits_left_right_sec .sec_header {
        margin-bottom: 80px;
    }

    .benefits_left_right_sec .grid_wrapper {
        gap: 50px;
    }

    .benefits_left_right_sec .grid_wrapper .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .benefits_left_right_sec .grid_wrapper .grid .left_part {
        order: 2;
    }

    .benefits_left_right_sec .img_wrapper {
        margin: auto;
    }

    .benefits_left_right_sec .right_part::before {
        height: 100%;
        background-position: center;
        margin: auto;
    }

    .case_study_sec {
        padding: 80px 0 250px;
    }

    .case_study_sec .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .case_study_sec .case_study_card {
        padding: 20px;
    }

}

@media (max-width: 991px) {
    .text_left_right_check .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .product_tab_sec .tabs-wrapper .tab-content .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .product_tab_sec .tabs-wrapper .tab-content .grid .content_wrapper {
        order: 2;
    }

    .product_tab_sec .tabs-wrapper .tab-content .grid .img_wrapper {
        text-align: center;
    }

    .crew_benefits_card_journey .card {
        padding: 27px;
    }

    .crew_benefits_card_journey .card .icon_wrapper {
        width: 52px;
        height: 52px;
        border-radius: 8px;
        gap: 14px;
    }

    .crew_benefits_card_journey .card .icon_wrapper img {
        width: 35px;
        height: 35px;
    }

    .homepage_hero_banner.solution-banner .title {
        font-size: 40px;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .btn {
        width: 100%;
    }

    .btn a {
        justify-content: center;
    }

    .homepage_hero_banner {
        padding: 24px 0 69px;
    }

    .homepage_hero_banner .sub_title {
        font-size: 12px;
        line-height: 18px;
    }

    .homepage_hero_banner .title {
        font-size: 34px;
        line-height: 38px;
    }

    .homepage_hero_banner .desc {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 34px;
    }

    .sec_header {
        margin-bottom: 20px;
    }

    .sec_header .title {
        font-size: 28px;
        line-height: 32px;
    }

    .sec_header .desc {
        font-size: 16px;
        line-height: 25px;
    }

    .case_study_card_sec {
        padding: 48px 0 36px;
    }

    .case_study_card_sec .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .case_study_card_sec .card .icon_wrapper {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
    }

    .case_study_card_sec .card .icon_wrapper img {
        width: 35px;
        height: 35px;
    }

    .case_study_card_sec .card .h4 {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .case_study_card_sec .card .card_title {
        font-size: 46px;
        line-height: 35px;
        margin-bottom: 16px;
    }

    .case_study_card_sec .card .desc {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 22px;
    }

    .case_study_card_sec .card .link a {
        font-size: 12px;
        line-height: 17px;
    }

    .case_study_card_sec .card .link a svg {
        width: 14px;
        height: 14px;
    }

    .logo_scroller_sec {
        padding: 25px 0;
    }

    .logo_scroller_sec h2.all_caps_eyebrow {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 26px;
    }

    .logo_scroller_sec .logo_scroller_wrapper .slick-slide {
        padding: 0 10px;
    }

    .timeline_rotator_sec {
        padding: 51px 0;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper {
        width: 195px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .img_wrapper_inner {
        min-width: 195px;
        width: 195px;
        height: 195px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper {
        max-width: 100%;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper .h3 {
        font-size: 30px;
        line-height: 1;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .content_wrapper p.body-01 {
        font-size: 15px;
        line-height: 25px;
        margin-top: 0px;
    }

    .timeline_rotator_sec .sec_header {
        margin-bottom: 80px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper {
        margin-top: -41px;
    }

    .timeline_rotator_sec .tabs-wrapper .tab-content .image_wrapper .bg_img {
        height: 225px;
    }

    .text_left_img_right_sec .left_part {
        padding-top: 50px;
    }

    .text_left_img_right_sec .custom_ul li::before {
        background-size: 17px;
        width: 17px;
        height: 17px;
        min-width: 17px;
        margin-top: 2px;
    }

    /*Service Section*/
    .services-grid {
        display: block;
    }

    .service-card {
        margin: 0 10px;
        min-height: 240px;
        padding: 28px;
    }

    .service-card:hover {
        background-color: var(--talentcare-gray);
        box-shadow: none;
    }

    .services-grid .slick-list {
        overflow: hidden;
    }

    .services-grid .slick-track {
        display: flex;
    }

    /* .services-grid .slick-slide {
        height: inherit;
    } */


    .services-section .services-header {
        margin-bottom: 40px;
    }

    .services-section {
        padding: 56px 0px 90px;
    }

    /*Service Section end*/

    /* role section */
    .roles-section {
        padding: 56px 0px;
    }

    .role-card .card-content {
        padding: 28px;
    }

    .roles-section h2 {
        font-size: var(--text-h2-mobile);
        margin-bottom: 40px;
    }

    .roles-grid {
        grid-template-columns: 1fr;
    }

    /* role section end */

    .cta-full-section {
        padding: 56px 0px;
    }

    .services-section .services-header h2 {
        font-size: var(--text-h2-mobile);
    }

    .btn-arrow a {
        font-size: 12px;
    }

    .h1 {
        font-size: var(--text-h1-mobile);
        line-height: var(--lh-34);
    }

    .h2 {
        font-size: var(--text-h2-mobile);
        line-height: var(--lh-32);
    }

    .h4 {
        font-size: var(--text-h4-mobile);
        line-height: var(--lh-25);
    }

    .body-01 {
        font-size: var(--text-01-mobile);
        line-height: var(--lh-24);

    }

    .body-02 {
        font-size: var(--text-02-mobile);
        line-height: var(--lh-25);

    }

    .cta-full-section h2 {
        font-size: var(--text-h1-mobile) !important;
    }

    /* Crew Page */
    .crew_hero_banner {
        padding: 28px 0;
    }

    .crew_hero_banner .logo {
        max-width: 200px;
    }

    .crew_hero_banner .h1,
    .text_left_image_right_cta .h1 {
        font-size: 30px !important;
        line-height: 36px !important;
        margin-bottom: 22px;
    }

    .crew_hero_banner .desc.body-01 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    .text_left_right_check {
        padding: 35px 0px 340px 0px;
        background-size: 150% 330px;
        background-position: bottom left;
    }

    .text_left_right_check::before {
        top: -11px;
        height: 11px;
        background-size: 100% 11px;
    }

    .text_left_right_check .left_part .h2 {
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .text_left_right_check .left_part .desc {
        font-size: 15px;
        line-height: 22px;
    }

    .text_left_right_check .right_part .h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .text_left_right_check .right_part .h4::before {
        background-size: 18px;
        width: 18px;
        height: 18px;
    }

    .text_left_right_check .right_part .list_desc {
        margin-bottom: 16px;
    }

    .text_left_right_check .right_part .list_desc p,
    .text_left_right_check .right_part .list_desc ul {
        font-size: 14px;
        line-height: 21px;
    }

    .product_tab_sec {
        padding: 44px 0 62px;
    }

    .product_tab_sec::before {
        top: -10px;
        height: 11px;
        background-size: 100% 11px;
    }

    .product_tab_sec .content_wrapper .h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .product_tab_sec .content_wrapper .h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .product_tab_sec .content_wrapper .bold_title,
    .product_tab_sec .content_wrapper .desc {
        font-size: 14px;
        line-height: 21px;
    }

    .crew_benefits_card_journey {
        padding: 56px 0 34px;
    }

    .crew_benefits_card_journey .grid.benefits-slider {
        display: block;
        margin-bottom: 90px;
    }

    .crew_benefits_card_journey .benefits-slider .card {
        margin: 0 8px 25px;
    }

    .crew_benefits_card_journey .benefits-slider .card:last-child {
        margin-bottom: 0px;
    }

    .crew_benefits_card_journey .benefits-slider .slick-list {
        margin: 0 -8px;
    }

    .crew_benefits_card_journey .card:first-child::after,
    .crew_benefits_card_journey .card:nth-child(2)::after,
    .crew_benefits_card_journey .card:nth-child(3)::after {
        display: none;
    }

    .crew_benefits_card_journey .grid.benefits-slider .slick-dots {
        bottom: -50px;
    }

    .scrolling_quote_box {
        padding: 34px 0 40px;
    }

    .scrolling_quote_box .quote_box_wrapper .h3 {
        font-size: 20px;
        line-height: 34px;
    }

    .scrolling_quote_box .quote_box_wrapper {
        margin-top: 22px;
    }

    .scrolling_quote_box .quote_image {
        width: 67px;
    }

    .faq_sec {
        padding: 45px 0 79px;
    }

    .faq_sec .sec_header {
        margin-bottom: 38px;
    }

    .faq_sec .faq_wrapper .faq_inner .faq_accordian_link {
        padding: 14px 21px;
    }

    .faq_sec .faq_wrapper .faq_inner .faq_accordian_link .tabs-title {
        font-size: 15px;
        line-height: 24px;
    }

    .faq_sec .faq_wrapper .faq_inner .faq_accordian_link .tabs-title::after {
        width: 10px;
        height: 5px;
        min-width: 10px;
        background-size: 10px;
    }

    .faq_sec .faq_wrapper .tabs-content p {
        padding: 0px 21px 21px;
        max-width: 90%;
        font-size: 15px;
        line-height: 25px;
    }

    .text_left_image_right_cta {
        padding: 56px 0;
        background-size: 100% 11px;
        background-position: top center;
    }

    .text_left_image_right_cta .h1 {
        margin-bottom: 18px;
    }

    .text_left_image_right_cta .sub_text {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 18px;
    }

    .text_left_image_right_cta .custom_ul {
        margin-bottom: 20px;
    }

    .text_left_image_right_cta .custom_ul li {
        font-size: 15px;
        line-height: 25px;
    }

    .text_left_image_right_cta .custom_ul li::before {
        width: 20px;
        height: 20px;
        min-width: 20px;
        background-size: 20px;
    }

    .benefits_left_right_sec {
        padding: 50px 0;
    }

    .benefits_left_right_sec::before {
        top: -10px;
        height: 11px;
        background-size: 100% 11px;
    }

    .benefits_left_right_sec .sec_header {
        margin-bottom: 40px;
    }

    .benefits_left_right_sec .grid_wrapper {
        gap: 40px;
    }

    .benefits_left_right_sec .img_wrapper {
        width: 250px;
        height: 250px;
    }

    .benefits_left_right_sec .left_part .h3 {
        font-size: 24px;
        line-height: 1.5;
    }

    .case_study_sec {
        padding: 50px 0 220px;
    }

    .case_study_sec .sec_header {
        margin-bottom: 32px;
    }

    .case_study_sec .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .case_study_sec .case_study_card {
        gap: 12px;
    }

    .case_study_sec .case_study_card .card_icon {
        width: 52px;
        height: 52px;
    }

    .case_study_sec .case_study_card .card_icon img {
        width: 32px;
        height: 32px;
    }

    .case_study_sec .bottom_para {
        margin: 0 auto 30px;
    }

    .case_study_sec::before {
        top: -10px;
        height: 11px;
        background-size: 100% 11px;
    }

    .homepage_hero_banner.solution-banner .title {
        font-size: 36px;
        line-height: 1.2;
    }

    .case_study_sec:after {
        height: 11px;
        background-size: 100% 11px;
    }
}


/* Header */

@media screen and (min-width: 1025px) {
    .elementor-nav-menu__align-end .elementor-nav-menu {
        margin-inline-start: unset !important;
        width: 100%;
    }

    #menu-1-b388dec li.menu-item.menu-item-has-children:first-child {
        margin-left: auto !important;
    }

    #menu-1-b388dec li.menu-item-1324 {
        margin-left: auto !important;
    }
}