/* .careerimg{
    width: 100vh;
    left: 100px;
} */
.career-style {

    background-position: top left;
    
}

.backgrdImg {
    background-image: url(images/career.svg);
    position: fixed;
    z-index: 0;
    top: -91px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;

}

.carthead {

    /* UI Properties */
    font: normal normal 300 23px/34px "Poppins", sans-serif;
    letter-spacing: 1.83px;
    color: #09469C;
    opacity: 1;
}

.borderrr {
    width: 40vw;
    border: 1px solid #06A8E2;
    opacity: 1;
    display: block;
    font: normal normal 300 23px/34px "Poppins", sans-serif;
    font-size: 18px;
    margin-top: 15px;
    padding: 5px;
    /* position: relative; */
}

.borderrr:hover {
    position: relative;
}

.Impactful {
    display: block;
}

.borderrr:hover .arrow-container {
    left: 90%;
}

.arrow-container .arrow:nth-child(1) {
    border-color: #c3c5c5;
}

.arrow-container .arrow:nth-child(2) {
    border-color: #57a8a8;
}

.arrow-container .arrow:nth-child(3) {
    border-color: #24b8b8;
}

.borderrr:hover .arrow-container .arrow:nth-child(1) {
    border-color: #24b8b8;
}

.borderrr:hover .arrow-container .arrow:nth-child(2) {
    border-color: #57a8a8;
}

.borderrr:hover .arrow-container .arrow:nth-child(3) {
    border-color: #c3c5c5;
}


.carrer .about-content {
    height: 45vh;
    overflow-y: auto;
}

.contact .about-content {
    height: 45vh;
    overflow-y: auto;
}

.carr-arrow {
    color: black;

}
    
@media only screen and (max-width: 767px) {
    .carthead {
        position: relative;
        width: 100%;
        display: flex;
        font-size: medium;
        height: 13%;
        /* UI Properties */
        font: normal normal 300 23px/34px "Poppins", sans-serif;
        letter-spacing: 1.83px;
        color: #09469C;
        opacity: 1;
        margin-top: 50px;
    }

    .Impactful {
        display: inline;
    }

    .abthead {
        font-size: 24px;
        left: 1px;
        line-height: 1.7;
        display: block;
    }

    .borderrr {
        background-color: #00AEAE;
        width: 90vw;
    }

    .backgrdImg {
        background-image: none;
    }


}

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


    .mac-display {
        height: 150px;
    }


}

.carrer-container .about-container{
    height: fit-content;
}

.carrer-container .abtcontent{
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .carrer-container .abtcontent {
        min-height: max-content;
        padding-bottom: 160px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .borderrr              { width: 60vw; }
    .carrer .about-content { height: auto; min-height: 30vh; }
    .contact .about-content{ height: auto; min-height: 30vh; }
}