img.qoute {
    width: auto;
}
.phase-wrapper {
    position: relative;
    margin: 4px auto;
    max-width: 100%;
}
#foursection .seconds-image {
    margin: 0!important;
}
.phase-left {
    display: grid;
    grid-template-columns: 37% 23% 38%;
    align-items: center;
    gap: 20px;
}
div#foursection {
    display: grid;
    grid-template-columns: 55% 45%;
    align-items: center;
}
div#thirdsecs {
    display: grid;
    grid-template-columns: 36% 28% 36%;
    align-items: center;
}
/* Phase tag */
.phase-tag {
    position: absolute;
    top: -30px;
    left: 0;
    background: #ffb3e6;
    padding: 10px 28px;
    border-radius: 16px 16px 16px 0;
    font-family: Moret;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
}

/* Card */
.phase-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px 50px;
    display: grid;
    grid-template-columns: 20% 37% 43%;
    justify-content: flex-start;
    gap: 0px;
    align-items: center;
}

/* Left text */
.phase-left p {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
}
.middlesection {
    display: flex;
    align-items: flex-start;
    align-content: space-around;
    flex-direction: column;
    justify-content: flex-start;
    gap: 36px;
}
/* Flow section */
.phase-flow {
    display: grid;
    grid-template-columns: 22% 40% 38%;
    align-items: center;
    justify-content: start;
}

/* Line image */
.flow-image {
    width: 56px;
    max-width: 236px;
    display: block;
    margin: 0px auto 0px;
    box-shadow: none;
    height: auto!important;
    max-width: 100%!important;
    margin-top: 0px!important;
    margin-left: 10px;
    margin-right: 0px!important;
}
.seconds-image {
    width: 100%;
    max-width: 236px;
    display: block;
    margin: 0px auto 0px;
    box-shadow: none;
    height: auto!important;
    max-width: 100%!important;
    margin-top: -29px!important;
    margin-right: 14px;
}
.thirds-image {
    width: 188px;
    max-width: 236px;
    display: block;
    margin: 0px auto 0px;
    box-shadow: none;
    height: auto!important;
    max-width: 100%!important;
    margin-top: 0px!important;
    margin-left: 0px;
}
/* Buttons */
.btn-continue {
    background: #ff9edb;
    border: none;
    color: #fff;
    padding: 10px 28px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.btn-decline {
    background: #111;
    border: none;
    color: #fff;
    padding: 8px 24px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    margin: 0px auto 0;
	    width: 100%;
}

/* Right side */
.phase-right {
    display: grid;
    grid-template-columns: 100%;
    gap: 2%;
    align-items: end;
}
.phase-right .dot {
    width: 10px;
    height: 10px;
    background: #ff80d5;
    border-radius: 50%;
}

.phase-right p {
    margin: 0;
    font-size: 18px;
}

.custom-upload {
    position: relative;
    width: 100%;
    height: 160px;
    border: 2px dashed #ff4d00;
    border-radius: 16px;
    cursor: pointer;
}

/* REAL FILE INPUT */
.custom-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 10; /* 👈 MUST be on top */
}

/* FAKE UI */
.upload-ui {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none; /* 👈 IMPORTANT */
    text-align: center;
}

.lastsec {
    display: flex;
    height: 100%;
    align-items: center;
}
#careertips {
    height: auto!important;
    margin-bottom: 7%!important;
}
div#stories {
    margin-top: 7%;
}
.wpcf7 {
    width: 100%;
}
.custom-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.custom-upload .upload-ui {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.custom-upload .upload-ui p {
    color: #ff4d00;
    font-size: 18px;
    margin-top: 10px;
}

img.video-thumb {
    aspect-ratio: 4/6;
	object-fit: cover;
}
.video-frame video {
    aspect-ratio: 4/6;
    object-fit: cover;
	border-radius:20px;
}
.career_tips_slider .item {
    position: relative;
}
div#jointpool .rightone h2, div#jointpool .rightone p {
    color: #fff;
}
.leftli {
    height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.client-say-wrapper{
	padding:0px!important;
}
button.open-video {
    border: 0px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: center;
    padding-top: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
}
div#jointpool .rightone {
    background-image: url(/wp-content/uploads/2025/12/Vector-1.png);
    padding-left: 55px;
    background-size: 100% 100%;
    border: 0px;
    gap: 0px!important;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
input.wpcf7-form-control.wpcf7-submit {
    width: auto!important;
    background: rgba(249, 163, 229, 1)!important;
    border-radius: 30px;
    font-family: Moretregular;
    font-weight: 400;
    font-style: Regular;
    font-size: 38px;
    leading-trim: CAP_HEIGHT;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #202322;
    text-transform: unset;
}
.career_tips_slider .open-video {
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    width: 55px;
    height: 55px;
    background: transparent;
}

/* POPUP BASE */
#videoPopup{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    z-index: 99999;
}
.video-container {
    width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ACTIVE STATE */
#videoPopup.active{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* VIDEO */
.video-container iframe, .video-container video {
    width: 100%;
    max-width: 100%;
    height: 450px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.video-container {
    width: 100%;
}
/* CLOSE BUTTON */
.close-video {
    position: absolute;
    top: 30%;
    right: 30px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}

.site-logo img {
    display: none;
}
img.tgp-exclude.small {
    display: none!important;
}
.site-title .logo:after {
    content: url(/wp-content/uploads/2025/12/Group-137.png);
    display: inline-flex;
    width: 100px!important;
    transform: scale(0.7);
}
.leftemp img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 20px;
    height: 550px;
}
.rightemp {
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 550px;
    border-radius: 20px;
    width: 40%;
    float: right;
    background-image: url(/wp-content/uploads/2025/12/Vector-3.png);
    background-size: 100% 100%;
    padding: 20px 20px 20px 50px;
}
.innerjob ul {
    padding-left: 20px;
    margin: 0;
}
div#innerunique {
    grid-template-columns: 57% 41%;
}
div#employers {
    background-size: 100% 100%;
}
div#coloredsec {
    background-size: 100% 100%;
}
background-size: 100% 100%;
#employers, #submitrequest, #how-work, #casestudies, #condidates, #jobsearch, #jointpool, #stories {
    width: 100%;	
    height: auto;
    float: left;
}
#experties{
	    margin-bottom: 0%;
}
.expertiesinnerjob {
    display: flex;
    flex-direction: row;
    float: left;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    margin-top: 16px;
}
#careertips{
	height: 100vh;
}
.leftemp {
		height:550px;
    width: 55%;
    float: left;
    margin-right: 5%;
}
#experties .innerjob h2 {
    margin: 0;
    margin-top: 10px;
}
#experties .innerjob {
    padding: 20px;
    border: 1px solid #F9A3E5;
    border-radius: 10px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: space-around;
    background: #fff;
}
ul.leftstick .mainlifirst, ul.leftstick .mainlisecond {
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 50px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 1%;
    color: #202322;
} 
ul.leftstick li a {
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 30px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 1%;
    color: #202322;
}
ul.leftstick li {
    padding: 10px 0px;
}
ul.leftstick {
    list-style: none;
    padding-left: 0;
}
ul.innerleftstick {
    list-style-type: upper-roman;
    color: #202322;
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 22px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 4%;
}


/* Hide submenus by default */
.innerleftstick {
  display: none;
  margin-top: 10px;
}

/* Show active opened menu */
.innerleftstick.open {
  display: block;
}

/* Active states */
.leftstick a.active,
.leftstick > li > a.active {
  color: #FE4811;
}
.imageonner a {
    background: #202322;
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
}
.imageonner a {
    background: #202322;
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
}
.rightone a
{    
	background: #202322;
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
}
.leftone {
    background-image: url(/wp-content/uploads/2025/12/Vector-3.png);
    width: 48%;
    height: 600px;
    background-size: cover;
    padding: 24px 24px 24px 60px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.rightone {
    float: right;
    width: 48%;
    height: 600px;
    border: 1px solid #F9A3E5;
    padding: 24px 24px 24px 24px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
#submitrequest, #jobsearch {
    display: grid;
    grid-template-columns: 31% 31% 31%;
	gap:3%;
}
#jobsearch.jobserch .innerjob h2, #jobsearch.jobserch .innerjob p {
    color: #fff;
}
#jobsearch.jobserch .innerjob {
    padding: 20px;
    border: 1px solid #F9A3E5;
    border-radius: 10px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background: #202322;
}
.innerjob {
    padding: 20px;
    border: 1px solid #F9A3E5;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
}
.innerjob h2 {
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 28px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
    color: #202322;
}
.imageonner h3 {
    font-family: Figtree;
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
	    color: #202322;
}
.rightone h3 {
    font-family: MoretBookOblique!important;
    font-weight: 300;
    font-style: MoretBookOblique!important;
    font-size: 58px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
}
.innerjob p{
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
    font-family: MoretBookOblique!important;
    font-style: italic;
}
.innerjob a {
    background: #F9A3E5;
    border-radius: 20px;
    padding: 10px 20px;
    color: #202223;
}
.career_tips_slider .item img {
  width: 100%;
  border-radius: 14px;
  display: block;
}

.owl-dots {
  text-align: left;
  margin-top: 10px;
}
.owl-dot span {
  width: 8px;
  height: 8px;
  margin: 4px !important;
  border-radius: 50%;
}
.owl-dot.active span {
opacity: 1;
border-radius: 10px;
    height: 8px;
    width: 28px;
    background: #FE4811!important;
    display: inline-block;
}
.owl-dot span {
  background: #202322;
    display: inline-block;	
opacity: 1;	
}
#jointpool.candidat .leftone, #experties.employer .leftone{
    background-image: none!important;
    padding: 0px!important;
    border-radius: 20px;
    height: 100%;
}
#jointpool.candidat .leftone img, #experties.employer .leftone img {
    height: 600px;
    border-radius: 20px;
}

.client-card.active {
    background-image: none!important;
    background: #F5A2E5;
    color: #202322;
}
.client-display-inner h3 {
    color: #202322;
    margin: 0;
}
.client-display-inner p {
color: #202322;
}
.client-display-inner {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: transparent;
}
#employers .leftone.imageonner {
    width: 100%;
    padding: 50px 50px 50px 100px;
}
#experties .innerjob span {
    margin: 0;
    margin-top: 10px;
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 58px;
    line-height: 100%;
    letter-spacing: 4%;
	color:#202322;
}
div#employers h2 {
	margin: 25px 0px;
    font-family: Moretregular;
    font-weight: 500;
    font-size: 100px;
    line-height: 110.00000000000001%;
    text-transform: uppercase;
}
#employers .leftone.imageonner {
    width: 100%;
    padding: 25px 25px 25px 80px;
    background-size: 100% 100%!important;
    background-image: url(/wp-content/uploads/2025/12/pinkbg.png);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
}
div#employers p {
    font-family: 'Moretregular';
    font-weight: 400;
    line-height: 120%;
    font-size: 32px!important;
}
div#how-work .innerjobs, div#casestudies .innerjobs {
    background: #fff;
    margin-bottom: 15px;
}
.casestudiesimg {
    background: #fff;
}
.casestudiesbtm h5 {
    font-family: Moretregular;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    color: #202322;
}
.casestudiesbtm h4 {
    font-family: Moretregular;
    font-weight: 300;
    font-style: Book;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1%;
    margin: 0;
	    color: #202322;
}
.casestudiesbtm h3 {
    font-family: Moretregular;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 1%;
    color: #202322;
    margin: 0;
}
.casestudiesbtm {
    background: #FFFFFF;
}
.casestudiesbtm img {
    margin-bottom: 20px;
}
#how-work .img img {
    width: 100%;
}
div#how-work .innerjobs h2, div#how-work .innerjobs p, div#casestudies .innerjobs h2, div#casestudies .innerjobs p {
    padding: 15px 30px;
    margin: 0;
}
#how-work {
    display: block;
    height: auto;
}
@media only screen and (max-width:1700px)
{
	ul.leftstick .mainlifirst, ul.leftstick .mainlisecond, ul.leftstick .mainlimiddle {
    font-size: 42px;
}
	ul.leftstick li a {
    font-size: 30px;
}
div#employers h2 {
    font-size: 60px;
}	
.rightone a {
    background: #F9A3E5;
    color: #202223;
}	
.imageonner h3 {
    font-size: 30px;
}
.rightone h3 {
    font-size: 30px;
}	
}
@media only screen and (max-width:1500px)
{
.client-say-wrapper {
    display: grid;
    grid-template-columns: 43% 45%;
    padding: 30px;
    gap: 3%;
}		
p {
    font-size: 16px !important;
}	
.client-display-inner {
    padding: 0px;
}	
div#employers p {
    font-size: 24px!important;
}	
div#employers h2 {
    font-size: 45px;

}	
.rightone a {
    background: #F9A3E5;
    color: #202223;
}	
.imageonner h3 {
    font-size: 30px;
}
.rightone h3 {
    font-size: 30px;
}	
}
@media only screen and (max-width:1300px)
{
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
    background-color: #f44336!important;
}
.imageon img {
    object-fit: cover;
}
	.client-card.active {
    width: 100%;
    margin: 0 auto;
}
.innerjob h2 {
    font-family: Moretregular;
    font-weight: 500;
    font-style: Regular;
    font-size: 22px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0%;
    color: #202322;
}
#employers, #submitrequest, #how-work, #experties, #studies, #condidates, #jobsearch, #careertips, #jointpool, #stories {
    height: auto;
}
}

@media only screen and (max-width:1100px)
{
.leftli {
    height: auto;
}	
p {
    font-family: "Figtree", Sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 120% !important;
}	
.phase-tag {
    font-size: 24px;
}	
.btn-continue, .btn-decline {
    padding: 3px 10px;
    font-size: 14px;
}
}

@media only screen and (max-width:921px)
{
.leftli {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
}
.rightemp h2 {
    font-size: 28px;
}
div#coaching h2 {
    font-size: 28px;
}
ul.leftstick .mainlifirst, ul.leftstick .mainlisecond, ul.leftstick .mainlimiddle {
    font-size: 30px;
}
#coloredsec {
    background-image: url("https://vhr.adsmsg.work/wp-content/uploads/2025/12/Vector-3.png");
    padding: 26px 5px 35px 33px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}	
div#employers {
    background-size: 100% 100%;
    padding: 20px 20px 20px 40px;
}	
}
@media only screen and (max-width:767px)
{
.client-say-wrapper {
    display: flex;
    grid-template-columns: 100%;
    padding: 30px;
    gap: 3%;
}	
.phase-wrapper {
    position: relative;
    margin: 33px auto;
    max-width: 1100px;
}
.phase-left {
    grid-template-columns: 33% 23% 30%;
}	
div#foursection {
    grid-template-columns: 100%;
    align-items: center;
}	
#foursection .phase-left {
    grid-template-columns: 33% 23% 30%;
}	
.phase-left {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    gap: 20px;
}	
div#thirdsecs {
    grid-template-columns: 31% 28% 36%;
    align-items: center;
}	
.flow-image {
    margin-left: 0px;
    margin-right: 0px!important;
}	
.phase-flow {
    grid-template-columns: 13% 43% 33%;
    align-items: center;
    justify-content: start;
}
.phase-card {
    padding: 40px 16px;
    display: grid;
    grid-template-columns: 100%;
    justify-content: flex-start;
    gap: 18px;
    align-items: center;
}
div#innerunique {
    grid-template-columns: 100%;
    gap: 20px;
}	
.leftli {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div#innerunique {
    grid-template-columns: 100%;
    gap: 20px;
}
ul.leftstick li a {
    font-size: 20px;
}
ul.leftstick .mainlifirst, ul.leftstick .mainlisecond {
    font-size: 30px;
}
#submitrequest, #jobsearch {
    display: flex;
    grid-template-columns: 31% 31% 31%;
    margin: 20px 0px;
    flex-direction: column;
}
.rightone {
    width: 100%;
    height: auto;
    padding: 24px 24px 24px 24px;;
    margin-top: 20px;
}
.leftone {
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    padding: 24px 24px 24px 40px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
	.leftemp {
    width: 100%;
    float: left;
}
	.rightemp {
    width: 100%;
    float: right;
}
#employers, #submitrequest, #how-work, #experties, #casestudies, #condidates, #jobsearch, #careertips, #jointpool, #stories {
    height: auto;
	float:left;
	width:100%;
}	
#employers .leftone.imageonner {
    width: 100%;
    padding: 30px 30px 30px 35px;
}
div#employers h2 {
    font-size: 26px;
}
}





@media only screen and (max-width:767px)
{
.client-card.active {
    height: auto !important;
}
}