.careers_hero {
    position: relative;
    background-size: cover;
    background-color: #f2f2f2;
    padding-top: 63%;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 450px;
}
.career_hero_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 0 50px;
}
.career_hero_content .content_area {
    height: 100%;
}
.careers_hero_top .h1 {
    font-size: clamp(45px,5vw,96px);
    line-height: 1;
    margin: 0 0 5px;
}
.careers_hero_top .h2 {
    font-size: clamp(20px, 4vw, 64px);
    font-weight: 500;
}
.visit_btn {
    color: var(--blue);
    background-color: var(--yellow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: clamp(25px, 4vw, 55px);
    font-weight: 500;
    padding: 11px 25px;
    border-radius: 6px;
    text-align: center;
    max-width: 540px;
    gap: 15px;
}
.life_vayublue {
    padding: 60px 0;
}
.life_vayublue_top {
    margin: 0 0 75px;
}
.life_vayublue_top .h2 {
    font-size: clamp(40px, 7vw, 96px);
    margin: 0 0 50px
}
.life_vayublue_top p {
    font-size: clamp(20px, 4vw, 55px);
    font-weight: 500;
    line-height: 1.15;
}
.single_vayublue {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px;
    gap: 60px;
    grid-template-columns: 32.4% auto;
}
.single_vayublue.row_reverse {
    grid-template-columns: auto 32.4%;
}
.single_vayublue_text {
    padding: 0px 0px 60px;
    background-image: url("../images/horizontal-line.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.single_vayublue:last-child .single_vayublue_text {
    padding: 0;
    background-image: none;
}
.single_vayublue.row_reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.single_vayublue_text .h3 {
    font-size: clamp(20px, 4vw, 55px);
    margin: 0;
    font-weight: 500
}
.bring_bold_ideas {
    background-color: var(--blue);
    color: #fff;
    text-align: center;
    padding: 100px 0;
}
.single_perks_item {
    display: grid;
    grid-template-columns: 30% auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    background-image: url("../images/horizontal-line-full.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.single_perks_item:last-child {margin-bottom: 0;background-image: none;padding-bottom: 0}
.bring_bold_wrapper {
    display: inline-block; 
    position: relative;
    padding: 0 130px;
}
.bring_bold_content {
    position: relative;
}

.bring_bold_content::before {
    position: absolute;
    content: "";
    left: 15px;
    top: -20px;
    width: 106px;
    height: 90px;
    background-image: url("../images/bring-bold-bg1.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bring_bold_content::after {
    position: absolute;
    content: "";
    right: -60px;
    top: 40px;
    width: 106px;
    height: 110px;
    background-image: url("../images/bring-bold-bg2.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bring_bold_wrapper::before {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -20px;
    width: 114px;
    height: 94px;
    background-image: url("../images/bring-bold-bg3.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bring_bold_wrapper::after {
    position: absolute;
    content: "";
    right: 15px;
    bottom: -60px;
    width: 63px;
    height: 72px;
    background-image: url("../images/bring-bold-bg4.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.bring_bold_content .h2 {
    font-size: clamp(48px, 7vw, 96px);
    margin: 0 0 30px;
}
.bring_bold_content p {
    font-size: clamp(30px, 4vw, 55px);
    margin: 0 0 50px;
}
.border_btn {
    color: var(--yellow);
    background-color: transparent;
    border: 1px solid currentColor;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: clamp(25px, 4vw, 55px);
    font-weight: 500;
    padding: 11px 25px;
    border-radius: 6px;
    text-align: center;
    max-width: 540px;
    gap: 15px;
    margin: 0px auto;
}

.perks_jobs {
    padding: 60px 0;
}
.perks_jobs_heading .h2 {
    font-size: clamp(40px, 7vw, 96px);
}
.perks_jobs_heading p {
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 500;
}
.single_perks_text .h3 {
    font-size: clamp(26px, 5vw, 48px);
    font-weight: 500;
}
.single_perks_text p {
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 500;
}
.single_perks_text {
    width: 100%;
    max-width: 900px;
}
.bring_plant_wrapper {
    position: relative;
    border-bottom: 10px solid var(--blue);
    padding: 0px 0 30px 0;
}
.bring_plant_box {
    display: grid;
    grid-template-columns: auto 26%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    position: relative;
    padding: 0;
    background-image: url("../images/union-border.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bring_plant_text {
    padding: 30px 30px 30px 50px;
}
.bring_plant_text p {
    font-size: clamp(30px, 4vw, 48px);
}
.bring_plant_image {
    margin: -50px -20px 0 0;
    padding-bottom: 100px;
}


/* Medium screen */
@media only screen and (min-width: 1201px) and (max-width: 1680px) {
    .bring_bold_wrapper {padding: 0}
}

/* Laptop screen */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .bring_bold_wrapper {padding: 0 20px;}
    .bring_bold_content::before {left: -30px}
    .bring_plant_image {padding-bottom: 50px}
}
/* Tablet screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .careers_hero {padding-top: 80%}
    .visit_btn, .border_btn {max-width: 375px}
    .single_vayublue_text {background-size: 100% auto;padding: 0px 0px 30px}
    .bring_bold_wrapper {padding: 0}
    .bring_bold_content .rwd_line {display: none;}
    .bring_bold_content::before {left: 0;top: -50px}
    .bring_bold_content::after {right: 0;top: 15px;}
    .bring_bold_wrapper::before {left: -10px;bottom: 35px;}
    .bring_plant_image {margin: -50px 0px 0 0;padding-bottom: 20px;}
    .bring_plant_text {padding: 45px 30px 30px 30px;}
    .single_perks_item {gap: 20px}
    
    
}
    
/* Mobile screen */
@media only screen and (max-width: 767px) {
    .career_hero_content {padding: 20px 0 20px;}
    .life_vayublue {padding: 30px 0;}
    .life_vayublue_top .h2 {margin: 0 0 22px;font-size: 40px;}
    .life_vayublue_top {margin: 0 0 40px;text-align: center}
    .single_vayublue, .single_perks_item {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 30px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-size: 100% auto}
    .single_vayublue.row_reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
    .single_vayublue_text {padding: 0 0 40px}
    .single_vayublue_image img, .single_perks_image img {max-width: 315px;}
    .single_vayublue_text {background-size: 100% auto;}
    .bring_bold_ideas {padding: 50px 0 100px;}
    .bring_bold_wrapper {padding: 0 30px;}
    .border_btn, .visit_btn {padding: 11px 20px;max-width: 270px}
    .border_btn img, .visit_btn img {width: 30px;}
    .bring_bold_content .h2 {font-size: 40px;margin: 0px auto 30px;max-width: 250px;}
    .bring_bold_content::before {left: -30px;top: -30px;width: 75px;height: 60px;}
    .bring_bold_content::after {right: -40px;top: 85px;width: 65px;height: 70px;}
    .bring_bold_wrapper::before {left: -10px;bottom: 50px;width: 70px;height: 58px;}
    .bring_bold_wrapper::after {right: 0;bottom: -85px;width: 63px;height: 72px;}
    .bring_plant_box {grid-template-columns: 1fr;background-image: none;border: 5px solid var(--blue);gap:0px;}
    .bring_plant_text {padding: 25px;text-align: center;}
    .bring_plant_image {margin: 0;padding: 0 10px 10px;text-align: center;}
    .bring_plant_image img {max-width: 315px}
    .perks_jobs_heading, .single_perks_text, .single_vayublue_text .h3 {text-align: center;}
    .perks_jobs_heading .h2 {font-size: 40px}
    
    
}