.new_fonts{font-family:"Times New Roman", "serif" !important;text-transform: inherit !important;}


#cursor .c_icon{width:110px;height:110px;top:0px;left:0;}
#cursor .c_text{font-family:'open sans';display:none;}

#cursor.icon-medical_cover      .c_icon{background-image:url("icon-medical_cover.webp");}
#cursor.icon-insurance          .c_icon{background-image:url("icon-insurance.webp");}
#cursor.icon-menstrual_leaves   .c_icon{background-image:url("icon-menstrual_leaves.webp");}
#cursor.icon-skill_upgrade      .c_icon{background-image:url("icon-skill_upgrade.webp");}
#cursor.icon-tech_budget        .c_icon{background-image:url("icon-tech_budget.webp");}
#cursor.icon-yummy_food         .c_icon{background-image:url("icon-yummy_food.webp");}

.careers_wrapper{overflow:hidden;background:var(--color-02);}

section.career-sec-banner {perspective: 1000px;}

section.career-sec-banner{color:var(--color-01);position:relative;min-height:100vh;padding-bottom:50px;overflow:hidden;background:var(--color-03);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
section.career-sec-banner h1{text-align:center;width: max-content;font-size: 17vw;font-weight: 500;font-style: italic;line-height:1.2;margin-bottom:2px;z-index: 1;position: absolute;bottom: 10%;left:50%;transform: translateX(-50%);text-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff, 0px 0px 0px #ffffff, 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;}

section.career-sec-banner h2{text-align:center;width: max-content;font-size: 17vw;font-weight: 500;font-style: italic;line-height:1.2;margin-bottom:2px;z-index:9;position: absolute;bottom: 10%;left:50%;transform: translateX(-50%);z-index: 8;mix-blend-mode: soft-light;}

section.career-sec-banner p{font-size:30px;line-height:1.1;text-align: center;}

section.career-sec-banner .flex{overflow:hidden;z-index: 5;position:absolute;}
section.career-sec-banner .flex img{}
section.career-sec-banner .flex.f_01{width: 38vw;top: -2%;left: -10%;}
section.career-sec-banner .flex.f_02{width: 23vw;top: 47%;left: 10%;}
section.career-sec-banner .flex.f_03{width: 20%;top: 18%;right: 0%;}
section.career-sec-banner .flex.f_04{width: 35vw;bottom: 10%;right: 3%;}


section.career-sec-wedoflex{color:var(--color-01);}
section.career-sec-wedoflex .wedo{position:relative;min-height:100vh;}
section.career-sec-wedoflex .man_bg{text-align: center;width:100%;height:100vh;background-size:cover;background-position: center bottom;background-repeat:no-repeat;display: flex;align-items: flex-end;justify-content: center;}
section.career-sec-wedoflex .man_bg video{max-height: 100vh;height: 90vh;}
section.career-sec-wedoflex .wedo h2{font-size:var(--rfs-72);font-style: italic;z-index:9;padding-left: 30px;position: absolute;top:140px;left: 40px;}
section.career-sec-wedoflex .wedo h2:before{content:"";width: 2px;height: 200%;background: linear-gradient(180deg, #222222 40%, #ffffff 100%);position: absolute;bottom: 80%;left: 0px;}
section.career-sec-wedoflex .wedo h2:after{content:"";width: 16px;height: 16px;border-radius: 60px;background: var(--color-01);/* border: 15px solid transparent; *//* border-left: 20px solid #ffffff; */position: absolute;top: 30px;left: -7px;}

section.career-sec-wedoflex .wedo .wdf_para{text-align:left;max-width: 400px;padding-left: 40px;z-index:9;position:absolute;bottom:70px;right:70px;}
section.career-sec-wedoflex .wedo .wdf_para:before{content:"";width: 2px;height: 200%;background: linear-gradient(180deg, #000000 0%, #ffffff 100%);position: absolute;top: 0%;left: 0px;}
section.career-sec-wedoflex .wedo .wdf_para p{font-size:var(--rfs-24);}

/*
section.career-sec-wedoflex .man_bg.mbg-01{background-image:url("pay.png")}
section.career-sec-wedoflex .man_bg.mbg-02{background-image:url("dual-role.png")}
section.career-sec-wedoflex .man_bg.mbg-03{background-image:url("hierarchy.png")}
section.career-sec-wedoflex .man_bg.mbg-04{background-image:url("culture.png")}
*/



.wedoflex_wrapper {display: flex;width: 400%;border-bottom:1px solid #666666;}
.wedo {width: 100vw;flex-shrink: 0;position: relative;overflow: hidden;}

/* parallax feel */
.man_bg {will-change: transform;}

/* smoother text */
.wedo h2,
.wdf_para {will-change: transform, opacity;}


section.career-sec-perks{color: var(--color-01);border-bottom: 1px solid var(--color-04);}
section.career-sec-perks h2{font-size: 13vw;font-style: italic;position: relative;z-index: 9;}
section.career-sec-perks video{width:100%;transform: scale(1.5);}
section.career-sec-perks ul.perks_list{margin: 0px;padding: 0px;list-style-type: none;}
section.career-sec-perks ul.perks_list li{font-family: 'open sans' !important;font-size: 30px;padding:20px 10px;border-bottom: 1px solid var(--color-04);}
section.career-sec-perks ul.perks_list li:after{content:"";}

section.career-sec-perks ul.perks_list li:nth-last-child(1){border-bottom:none;}

/* SECTION */
section.career-sec-01 {padding: 120px 0px;}
section.career-sec-01 h2{color: var(--color-01);font-size: var(--rfs-82);font-weight: 500;font-style: italic;text-align:center;line-height:1.2;margin-bottom:50px;z-index:9;position:relative;}
section.career-sec-01 ul.specialists {margin: 0;padding: 0;list-style: none;gap:15px;display: flex;flex-wrap: wrap;}
section.career-sec-01 ul.specialists li {width: 16%;height: 360px;perspective: 1000px;position: relative;}
section.career-sec-01 ul.specialists li h3 {line-height: 1.1;text-align: left;}

section.career-sec-01 #helloCanvas {width: 100%;height: 100%;display: block;}
section.career-sec-01 .card-inner {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transition: transform 0.2s ease;}

/* GLOW / LIGHT */
section.career-sec-01 .glare {position: absolute;inset: 0;pointer-events: none;background: radial-gradient(circle at center, rgba(255,255,255,0.4), transparent 60%);opacity: 0;mix-blend-mode: overlay;transition: opacity 0.3s;z-index: 12;}

/* FRONT + BACK */
section.career-sec-01 .front,
section.career-sec-01 .back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;backface-visibility: hidden;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;border-radius:10px;z-index: 3;}

/* FRONT STYLE */
section.career-sec-01 .front {color: #fff;;border: 2px solid;}
section.career-sec-01 .front h3{font-size: var(--rfs-42);}


/* BACK STYLE */
section.career-sec-01 .back {background: #fff;color: #000;transform: rotateY(180deg);display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;}
section.career-sec-01 .back h3{font-size: var(--rfs-42);}
section.career-sec-01 .back .icons{text-align:right;}
section.career-sec-01 .back .icons img {margin-top: 12px;}

section.career-sec-01 ul.specialists li:nth-child(1) .front{border-color:#ff4ad0;}
section.career-sec-01 ul.specialists li:nth-child(2) .front{border-color:#ffd503;}
section.career-sec-01 ul.specialists li:nth-child(3) .front{border-color:#ffffff;}
section.career-sec-01 ul.specialists li:nth-child(4) .front{border-color:#b7b3a2;}
section.career-sec-01 ul.specialists li:nth-child(5) .front{border-color:#413789;}
section.career-sec-01 ul.specialists li:nth-child(6) .front{border-color:#ff9f06;}

section.career-sec-01 ul.specialists li:nth-child(1) .back{background:#ff4ad0;color: #fff;}
section.career-sec-01 ul.specialists li:nth-child(2) .back{background:#ffd503;}
section.career-sec-01 ul.specialists li:nth-child(3) .back{background:#ffffff;}
section.career-sec-01 ul.specialists li:nth-child(4) .back{background:#b7b3a2;}
section.career-sec-01 ul.specialists li:nth-child(5) .back{background:#413789;color: #fff;}
section.career-sec-01 ul.specialists li:nth-child(6) .back{background:#ff9f06;color: #fff;}

section.career-sec-01 ul.specialists li:hover .card-inner {transform: scale(1.03);}

section.career-sec-02{color:var(--color-01);position: relative;min-height: 100vh;overflow: hidden;display: flex;}  
section.career-sec-02 .hi_wrap{z-index: 9;position: absolute;}
section.career-sec-02 .hi_wrap h2{font-size: var(--rfs-72);}
section.career-sec-02 .hi_wrap p{font-size:var(--rfs-24);}
section.career-sec-02 .hi_wrap a{ font-size:var(--rfs-24);}
section.career-sec-02 .hi_wrap a:hover{ color: var(--color-11)}

section.career-sec-02 .hi_wrap.hw-01{top: 160px;left: 65px;}
section.career-sec-02 .hi_wrap.hw-02{max-width: 360px;;bottom: 160px;right: 65px;}
section.career-sec-02 .sequence-hello-interns {position: absolute;top: 0px;left: 0px;width: 100%;height: 100vh;overflow: hidden;}
section.career-sec-02 .hello-interns {width: 100%;height: 100%;display: block;}

section.career-sec-03{color: var(--color-01);text-align: center;background: var(--color-03);}
section.career-sec-03 h2{color: var(--color-01);font-size: var(--rfs-82);font-weight: 500;font-style: italic;text-align:center;line-height:1.2;margin-bottom:50px;z-index:9;position:relative;}
section.career-sec-03 p{font-size: var(--rfs-30);position: relative;display: inline-block;}
section.career-sec-03 .text_box{position: absolute;left: 0;right: 0;margin: auto;}
section.career-sec-03 .text_box img{min-height:100px;}
section.career-sec-03 .slider-text {position: relative;width: 100%;height: 200px;margin: auto;}
section.career-sec-03 .slider-text > div {position: absolute;top: 25%;left: 0%;right: 0;transform-origin: center;}
section.career-sec-03 .text_box img {}
section.career-sec-03 img.line-round {position: absolute;right: -10%;top: 50%;transform: translateY(-50%);}
 
section.career-sec-gallery { position: relative; height: 100vh; overflow: hidden; transform-style: preserve-3d; }
section.career-sec-gallery [class^="p-"] {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
section.career-sec-gallery [class^="p-"] img {}
section.career-sec-gallery h2{color: var(--color-01);font-size: var(--rfs-82);font-weight: 500;font-style: italic;text-align:center;line-height:1.2;margin-bottom:2px;z-index:9;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}

section.career-sec-04{color: var(--color-01);text-align: center;min-height: 1200px;position: relative; overflow: hidden;}
section.career-sec-04 .feeling_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;}
section.career-sec-04 .feeling_txt h2{color: var(--color-01);font-size: var(--rfs-82);font-weight: 500;line-height:1.2;}
section.career-sec-04 .feeling_txt p{font-size: var(--rfs-30);position: relative;}
section.career-sec-04 .feeling_txt a{margin-top:50px;}
section.career-sec-04 .hand-left{pointer-events: none;z-index: 9;position: absolute;top: 0;right: 0;}
section.career-sec-04 .hand-right{pointer-events: none;z-index: 9;position: absolute;bottom: 0;left: 0;}





.btn-instagram{display:inline-flex;letter-spacing:1px;top: -4px;position:relative;overflow:hidden;margin-right:20px;border-radius: 5px;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition:all 400ms ease-in-out;}
.btn-instagram:after{content:"";position:absolute;top:50%;left:0;width:0px;height:1px;transform:translateY(-50%);transition:all 400ms ease-in-out;}
.btn-instagram:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;transition:all 400ms ease-in-out;}
.btn-instagram span.insta-text{color:#333;padding:15px 20px 15px 20px;background:#ffffff;border:1px solid #333333;border-radius: 5px;transition:all 100ms ease-in-out;}
.btn-instagram span.insta-text:after{content:"";}
.btn-instagram span.insta-text:before{content:"";}
.btn-instagram:hover{text-decoration:none;transition:all 400ms ease-in-out;}
.btn-instagram:hover span.insta-text{background:#ffffff00;transition:all 200ms ease-in-out;}
.btn-instagram:hover span.insta-text span img{filter:invert(1);}
.btn-instagram:hover:after{width:50px;transition:all 400ms ease-in-out;}
.btn-instagram:hover:before{transition:all 400ms ease-in-out;}

@media(max-width:1440px){
	section.career-sec-perks ul.perks_list li {font-size: 22px;}
	section.career-sec-perks h2 { font-size: 10vw; }
	section.career-sec-01 ul.specialists{justify-content: center;}
	section.career-sec-01 ul.specialists li{width: 15%;}
	section.career-sec-04 .feeling_txt a { margin-top: 30px;}
	section.career-sec-04 .hand-left {	transform: scale(1) translate(19%, 0%) !important;}
	section.career-sec-04 .hand-right{ transform: scale(1) translate(-28%, 0%) !important;}
	section.career-sec-04 .feeling_txt p{margin-bottom: 0rem;}
}

@media(max-width:1366px){
	section.career-sec-banner h2,section.career-sec-banner h1 {margin-bottom:2rem;}
	section.career-sec-banner .flex.f_01 { width: 33vw; top: -2%; left: 0%;}
	section.career-sec-banner .flex.f_04 {width: 33vw; right:0%; }
	
	section.career-sec-01 ul.specialists li{height: 320px;}
	section.career-sec-01 .front h3,section.career-sec-01 .back h3{font-size: var(--rfs-30);}
	section.career-sec-01 .back .icons img {max-width: 80%;}
	section.career-sec-03 p { font-size: var(--rfs-24); }
	section.career-sec-04 .feeling_txt p{font-size: var(--rfs-24);}
	.btn-know-more-pink{font-size: 20px;}
 	
	section.career-sec-04 .hand-left {	transform: scale(1) translate(27%, 0%) !important;}
/*	section.career-sec-04 .hand-right{ transform: scale(1) translate(-28%, 0%) !important;}*/
	
	
}

@media(max-width:1280px){
	section.career-sec-perks ul.perks_list li { font-size: var(--rfs-24);}
	
	section.career-sec-perks video { transform: scale(1.5) translateY(40px); }
	.btn-know-more-pink { font-size: 1rem;}
	
	section.career-sec-04 .hand-left {	transform: scale(1) translate(35%, 0%) !important;}
/*	section.career-sec-04 .hand-right{ transform: scale(1) translate(-28%, 0%) !important;}*/
	
}

@media(max-width:991px){
	section.career-sec-banner{min-height: 600px;}
	section.career-sec-banner h2,section.career-sec-banner h1 { font-size: 14vw; bottom: 20%;}
	
	section.career-sec-wedoflex .wedo .wdf_para p{ font-size: var(--rfs-36);}
	section.career-sec-perks video { transform: scale(2.5) translateY(75px); }
	section.career-sec-wedoflex .wedo h2 {font-size: 6vw;}
	section.career-sec-01 ul.specialists li { height: 270px; }
	section.career-sec-02 .hi_wrap h2 { font-size: var(--rfs-82); }
	section.career-sec-02 .hi_wrap p{font-size: 24px;}
	section.career-sec-01 .front h3, section.career-sec-01 .back h3{font-size: 30px;}
	section.career-sec-wedoflex .man_bg video { max-height: 58vh; }
	section.career-sec-wedoflex .man_bg {height:80vh;}
	section.career-sec-wedoflex .wedo .wdf_para{max-width:75%;}
	section.career-sec-01 ul.specialists li {  width: 25%; height: 300px;}
	section.career-sec-01 .back .icons img { max-width: 70%; }
	section.career-sec-03 p{font-size: 24px;}
	section.career-sec-04 .feeling_txt p{font-size: 24px;}

	
}

@media(max-width:850px){
	
	section.career-sec-banner h2, section.career-sec-banner h1 { margin-bottom: 1rem; }
	section.career-sec-04 .hand-left { transform: scale(1.2) translate(49%, -24%) !important; }
	section.career-sec-04 .hand-right { transform: scale(1.2) translate(-43%, -40%) !important; }
	section.career-sec-04 .feeling_txt { top:75%; }
    section.career-sec-wedoflex .man_bg video {  max-height: 40vh; }
}

@media(max-width:800px){
    section.career-sec-04 .hand-left {  transform: scale(1.2) translate(50%, -17%) !important; }
}

@media screen and (max-width:768px){
	
	section.career-sec-banner{padding: 110px 5px 40px 5px;}
/*	section.career-sec-banner h1{font-size:30px;}*/
	section.career-sec-01{padding: 0;}
	section.career-sec-01 img{padding: 0px;}
	section.career-sec-02{padding:50px 0px;}
	
	section.career-sec-wedoflex .wedo .wdf_para p{font-size: 24px;}
	section.career-sec-wedoflex .wedo .wdf_para {  max-width: 68%; }
	
	section.career-sec-banner .flex.f_01 {width:45vw;}
	section.career-sec-banner .flex.f_02 { width: 30vw;}
	
	section.career-sec-banner .flex.f_03{width:30%;}
	
	section.career-sec-04{ min-height: 900px; }

	section.career-sec-04 .hand-left, section.career-sec-04 .hand-right{ width: 65vw; }

	section.career-sec-04 .hand-left{ top: 12%; transform: translateX(20%); }

	section.career-sec-04 .hand-right{ bottom: 12%; transform: translateX(-20%);}
	section.career-sec-04 .feeling_txt{width: 90%;}
	section.career-sec-04 .hand-left { transform: scale(1.2) translate(30%, -9%) !important; }
	section.career-sec-04 .hand-right { transform: scale(1.2) translate(-16%, -18%) !important; }
	section.career-sec-04 .feeling_txt { top:42%; }
 
}

@media screen and (max-width:576px){ 

}
@media screen and (max-width:480px){
	
	section.career-sec-banner .flex.f_01 { width: 55vw; }
	section.career-sec-banner .flex.f_02 { width: 42vw; }
	
	section.career-sec-banner p{font-size: 1.2rem;}
	section.career-sec-banner h2, section.career-sec-banner h1{bottom:15%; font-size: 20vw;  margin-bottom: 0.5rem;}
	section.career-sec-perks video {  transform: scale(1.2) translateY(0px); }
	section.career-sec-wedoflex .wedo h2 {font-size: 8vw;}
	
	section.career-sec-01 ul.specialists{gap:20px;}
	
    section.career-sec-perks ul.perks_list li { font-size: 1.1rem; }
	
	section.career-sec-01 .front h3, section.career-sec-01 .back h3 { font-size: 1.5rem; }
	
	section.career-sec-wedoflex .wedo .wdf_para{padding-left:20px;}
	section.career-sec-wedoflex .wedo .wdf_para p { font-size: 1.1rem; }
	section.career-sec-wedoflex .man_bg {  height: 58vh;}
	section.career-sec-wedoflex .man_bg video { max-height: 30vh;}
	
	section.career-sec-01 ul.specialists li {width: 45%;}
	
	section.career-sec-02 .hi_wrap p {  font-size: 1.1rem;}
	
	section.career-sec-03 p { font-size: 1.1rem; }
	
	section.career-sec-04 .feeling_txt p { font-size: 1.1rem;}
	section.career-sec-04 .hand-left { transform: scale(1.8) translate(31%, 16%) !important; }
	section.career-sec-04 .hand-right { transform: scale(1.8) translate(-27%, -57%) !important;}
}

@media screen and (max-width:414px){
	section.career-sec-04 .hand-left {  transform: scale(1.8) translate(31%, 22%) !important;}
}

@media screen and (max-width:390px){
    /*	section.career-sec-04 .hand-left {  transform: scale(1.8) translate(31%, 22%) !important;}*/
	section.career-sec-04 .hand-right { transform: scale(1.8) translate(-27%, -71%) !important; }
	 section.career-sec-wedoflex .wedo .wdf_para { max-width: 83%;}
	.btn-know-more-pink span{padding: 12px 60px 12px 50px;}
	.btn-know-more-pink:hover span{padding: 12px 60px 12px 50px;}
	.btn-instagram span.insta-text{ padding: 10px 15px 12px 15px;}

	section.career-sec-01 ul.specialists li{height: 250px;}
	
}

@media screen and (max-width:375px){
     /*	section.career-sec-04 .hand-left {  transform: scale(1.8) translate(31%, 22%) !important;}*/
	 section.career-sec-04 .hand-right { transform: scale(1.8) translate(-27%, -81%) !important; }
}

@media screen and (max-width:360px){
	section.career-sec-04 .hand-left {  transform: scale(1.8) translate(31%, 31%) !important;}
}

@media screen and (max-width:320px){
	section.career-sec-banner {  min-height: 450px; }
	section.career-sec-banner h2, section.career-sec-banner h1 {   margin-bottom: 1.8rem;}
	section.career-sec-banner .flex.f_01{top:17%;}
	section.career-sec-banner .flex.f_03 {  width: 44%; top:30%}
	section.career-sec-wedoflex .wedo h2{top:100px;}
    section.career-sec-04 .feeling_txt { top: 44%;}
    section.career-sec-04 .hand-right {  transform: scale(1.8) translate(-27%, -112%) !important;}
}

