/* Job details page*/

.jobdetailpage {
    position: relative;
    width: 1440px;
    height: 3180px;  
    margin: 0 auto;
    background-color: #ffffff;
}

.triangle-right-contact-jobdtl {
    width: 0px;
    height: 0px;  
	border-top:  430px solid transparent;
	border-right: 430px solid #f5f5f5;;
    border-bottom: 0px solid transparent;
    position: absolute;
    top: 190px;
    left: 9.02%; 
}

.Combined-Shape-jobdtl {
    width: 180px;
    height: 180px;
    object-fit: contain; 
    position: absolute;
    top: 175.3px;
    left: 56.96%; 
}

.Front-End-jobdtl { 
    font-family: "HelveticaNeueB";
    font-size: 80px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #25282e;
    position: absolute;
    top: 240px;
    left: 9.02%; 
}

.Rectangle-1-jobdtl {
    width: 80px;
    height: 4px;
    background-color: #ff9900;
    position: absolute;
    left: 22.91%;
    top: 701px; 
}

.Were-looking-for-jobdtl {
    width: 580px;
    height: 120px;
    font-family: "HelveticaNeueB";
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #25282e;
    position: absolute;
    left: 32.00%;
    top: 673px; 
}

.Location-Leeds-City-jobdtl {
    width: 400px;
    height: 192px;
    font-family: "HelveticaNeueB";
    font-size: 16px;
    font-weight: normal; 
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 880px; 
}
 
.Rectangle-2-jobdtl {
    width: 80px;
    height: 4px;
    background-color: #ff9900;
    position: absolute;
    left: 22.91%;
    top: 1205px; 
}


.About-this-Role-jobdtl { 
    font-family: "HelveticaNeueB";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1191px; 
}

.Youll-be-working-jobdtl {
    width: 580px;
    height: 264px;
    font-family: "HelveticaNeue";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1236px; 
  }

.Rectangle-3-jobdtl {
    width: 80px;
    height: 4px;
    background-color: #ff9900;
    position: absolute;
    left: 22.91%;
    bottom: 1585px; 
}

.What-Youll-Do-jobdtl { 
    font-family: "HelveticaNeueB";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1579px; 
}

.Develop-insights-jobdtl {
    width: 580px;
    height: 300px;
    font-family: "HelveticaNeue";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1624px; 
  }
.Rectangle-4-jobdtl {
    width: 80px;
    height: 4px;
    background-color: #ff9900;
    position: absolute;
    left: 22.91%;
    bottom: 1750px;
}


.Key-skills-jobdtl { 
    font-family: "HelveticaNeueB";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1409px;

}

.Strong-HTML5-CSS3-jobdtl {
    width: 580px;
    height: 192px;
    font-family: "HelveticaNeue";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    left: 32.00%;
    top: 1455px;
  }

.btn-primary-jobdtl {
    width: 180px;
    height: 40px;
    object-fit: contain;
    position: absolute;
    left: 32.00%;
    top: 1930px;
}

.or-send {
    object-fit: contain;
    position: absolute;
    left: 32.00%;
    top: 1970px;
}

@media screen and (max-width: 1430px) {
    .jobdetailpage {
        position: relative;
        width: 1024px;
        height: 3180px; 
        margin: 0 auto;
        background-color: #ffffff;
    }    
 
    .Front-End-jobdtl { 
        font-size: 70px;
    }

}