* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

:root {
    --width78: 78%;
    --maxwidth: 1440px;
    --dlinecolor: #d9d9d9;
    --bordercolor: rgba(198, 197, 197, 0.34);
}

main {
    max-width: 100%;
    margin: auto;
    background: #F2F2F2;
}
.alert-danger {
    font-size: 16px;
    padding: 0 10px;
    line-height: 2em;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    font-size: 16px;
    padding: 0 10px;
    line-height: 2em;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

html {
    font-size: 62.5%;
}

.cutcut {
    clip-path: polygon(100% 0, 100% 84%, 71.5% 100%, 0 100%, 0 0);
}

.caheader {
    width: 100%;
    position: relative;
}

.caheroimg {
    width: 100%;
    max-height: 90vh;
    object-fit: cover;
}

.caheaderinfo {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    padding-left: 11%;
}

.careertxt {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.12em;
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.wetxt {
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.9rem;
    color: #FFFFFF;
    margin-top: 0.5rem;
}

.wesubtxt {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #FFFFFF;
    width: 70%;
    margin-top: 0.5rem;
}

.buildingbox {
    width: 78%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    /* border-left: 1px solid rgba(198, 197, 197, 0.34);
    border-right: 1px solid rgba(198, 197, 197, 0.34); */
    padding: 5vh;
    position: relative;
}

.al {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.ar {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.buildtxt {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.9rem;
    text-align: center;
    color: #000000;
}

.collacont {
    width: 78%;
    margin: auto;
    display: flex;
    overflow: hidden;
    position: relative;
    /* for mobile  */
    /* border: 1px solid var(--bordercolor); */
    border-bottom: none;
}

.bt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bordercolor);
}

.bl {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.br {
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.collabox {
    /* display: flex; */
    width: 33.33%;
    position: relative;
    /* for mobile  */
    /* border-right: 1px solid var(--bordercolor); */
    padding: 5% 0;
}

.cl {
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--bordercolor);
}

.cl2 {
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--bordercolor);
}

.collabox:last-child {
    border-right: none;
}



.collabox1 {
    width: 100%;
    position: relative;
    /* for m  */
    /* border-bottom: 1px solid rgba(198, 197, 197, 0.34); */
}

.collabox1pl {
    margin-left: 2px;
}

.collaimgbottom {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: var(--bordercolor);

}

.collaimg {
    display: block;
    width: 90%;
    /* clip-path: polygon(100% 0, 100% 76%, 63% 100%, 0 99%, 0 0); */
}


.collabox2 {
    padding-bottom: 3vh;
    position: relative;
    margin-left: 5px;
}

.collahtxt {
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: #2F2F2F;
    margin-top: 2.4rem;
}

.collasubtxt {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2F2F2F;
    width: 85%;
    margin-top: 1rem;
}

.cadigonalbox {
    width: 78%;
    margin: auto;
    height: 15vh;
    display: flex;
    position: relative;
}

.dt {
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    position: absolute;
    background-color: var(--bordercolor);
}

.dl {
    width: 2px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: var(--bordercolor);
}

.dr {
    width: 2px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    background-color: var(--bordercolor);
}

.db {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: var(--bordercolor);
}

.cadiasmallbox {
    position: relative;
    width: 33.33%;
    overflow: hidden;
}

.svgline {
    stroke-width: 2px;
}

.cardright {
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
    position: absolute;
    top: 0;
    right: 0;
}

/* .cadiasmallbox::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 110%;
    height: 2px;
    transform-origin: 100% 50%;
    background-color: red;
    transform: rotateZ(-17.5deg);
    
} */

/* .ssboxline {
    position: absolute;
    background-color: rgba(198, 197, 197, 0.34);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    transform-origin: 100% 100%;
    clip-path: polygon(99% 0, 100% 1%, 1% 100%, 0 100%);

} */

.openingbox {
    width: 78%;
    padding: 5% 0 5% 5px;
    margin: auto;
    /* border: 1px solid rgba(198, 197, 197, 0.34); */
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}


.el {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.er {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.openingboxsub {
    width: 50%;
}

.opextxt1 {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.12em;
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.opentxt2 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #2F2F2F;
    margin-top: 0.5rem;
}

.opentxt3 {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #2F2F2F;
    width: 95%;
    margin-top: 0rem;
}

.jobcontainer {
    width: 78%;
    margin: auto;
    position: relative;
    /* border: 1px solid rgba(198, 197, 197, 0.34); */
}

.ft {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bordercolor);
}

.fb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bordercolor);
}

.fl {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.fr {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
    z-index: 1;
}

.jobpositioncont, .jobpositioncont1 {
    position: relative;
    display: flex;
    /* border-bottom: 1px solid rgba(198, 197, 197, 0.34); */
    overflow: hidden;
    /* border-left: 2px solid var(--bordercolor);
    border-right: 2px solid var(--bordercolor); */
}

/* .jobpositioncont:hover {
    background: #E8E9EA;
} */
.positxtcont {
    width: 85%;
    padding: 2.5rem 5px;
}

.jobpositiontxt {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #2F2F2F;
}

.noofpostxt {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2F2F2F;
    margin-top: 0.5rem;
}

.arrowbox, .arrowbox1  {
    width: 15%;
    position: relative;
    background: #E8E9EA;
    clip-path: polygon(100% 0, 100% 2%, 2% 100%, 0 100%);
    transition: 0.3s;
    cursor: pointer;
}

.jobarrow, .jobarrow1  {
    position: absolute;
    right: 2%;
    bottom: 30%;
    width: 2rem;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer;
}

.jobpositioncont:hover .jobarrow {
    opacity: 1;
}
.jobpositioncont1:hover .jobarrow1 {
    opacity: 1;
}
.jobpositioncont:hover .arrowbox {
    clip-path: polygon(100% 0, 100% 2%, 100% 100%, 0 100%);
}
.jobpositioncont1:hover .arrowbox1 {
    clip-path: polygon(100% 0, 100% 2%, 100% 100%, 0 100%);
}
.opajobarrow {
    opacity: 1;
}

.jobdescripbox, .jobdescripbox1  {
    width: 100%;
    padding: 3rem;
    background: #E8E9EA;
    display: none;
    border-left: 2px solid var(--bordercolor);
    border-right: 2px solid var(--bordercolor);
}

.titleinfobox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.desctitlebox {
    width: 30%;
}

.descinfobox {
    width: 65%;
    padding-right: 3%;
    margin-bottom: 4%;

}

.dexctitletxt {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #2F2F2F;

}

.descinfotxt {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2F2F2F;
    margin-bottom: 2%;
}

.applybutton {
    display: inline-block;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #FFFFFF;
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    margin-left: 35%;
    padding: 1.2rem 3rem;
    cursor: pointer;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 20px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    margin: auto;
    width: 55%;
    background: #F2F2F2;
    border-radius: 0.8rem;
    padding: 3rem;
}

.close {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    color: #aaaaaa;
    float: right;
    font-size: 2.8rem;
    font-weight: bold;
}

.modalhead {
    position: relative;
    padding: 0 1rem;
}

.mheadtxt {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #2F2F2F;
}

.msubtxt {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2F2F2F;
    margin-top: 1rem;
}

.mline {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin-top: 1.5rem;
}

.elebox {
    width: 100%;
    padding: 0 10px;
    margin-top: 28px;
}

.lablename {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #2F2F2F;
}

.inputfield {
    background: #E8E8E8;
    border-radius: 2px;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #8C8C8C;
    opacity: 0.6;
    width: 100%;
    margin-top: 0.6rem;
    padding: 1.6rem 1.5rem;
}

.areaheight {
    height: 11rem;
    resize: none;
}

.docbox {
    display: flex;
    justify-content: space-between;
}

.docboxsub {
    width: 48%;
}

.fileupbox {
    width: 100%;
    display: flex;
    gap: 1rem;
    justify-content: center;
    background: #F2F2F2;
    border: 1px solid #5FB1E0;
    border-radius: 2px;
    padding: 1.6rem 1.4rem;
    margin-top: 0.6rem;
    cursor: pointer;
}

.fileuptxt {
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.filupicon {
    width: 2.2rem;
    height: 2.2rem;
}

.modalsubmit {
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #FFFFFF;
    border: none;
    outline: none;
    width: 40%;
    display: block;
    margin: auto;
    padding: 1.6rem 0;
    cursor: pointer;
}

.twolinex {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.withuscont {
    width: 78%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 5% 0 8% 5px;
    position: relative;
    /* border-left: 1px solid rgba(198, 197, 197, 0.34);
    border-right: 1px solid rgba(198, 197, 197, 0.34); */
}

.gl {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.gr {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--bordercolor);
}

.ustextcont {
    width: 40%;
}

.usformcont {
    width: 50%;
}

.usformpt {
    padding-top: 2.4rem;
}

.withustxt {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.12em;
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.roltxt {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #2F2F2F;
    margin-top: 0.5rem;
}

.lwithcreattxt {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #2F2F2F;
    margin-top: 0rem;
}

.withemailbutton {
    background: #F2F2F2;
    border: 1px solid #5FB1E0;
    border-radius: 2px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 1.4rem 3.5rem;
    margin-top: 2rem;
    display: inline-block;
}

.mcollacont {
    display: none;
}

.dialine1 {
    position: absolute;
    width: 100%;
    left: 72%;
    bottom: 0;
    height: 2px;
    transform: rotate(-25deg);
    transform-origin: 0% 0%;
    background-color: var(--bordercolor);

}

.dialine2 {
    position: absolute;
    width: 100%;
    left: 65%;
    bottom: 0;
    height: 2px;
    transform: rotate(-25deg);
    transform-origin: 0% 0%;
    background-color: var(--bordercolor);
}

@media screen and (min-width: 1441px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (min-width: 1666px) {
    html {
        font-size: 66%;
    }
}

@media screen and (min-width: 1850px) {
    html {
        font-size: 70%;
    }
}

@media screen and (min-width: 2000px) {
    html {
        font-size: 75%;
    }
}

@media screen and (min-width: 2150px) {
    html {
        font-size: 80%;
    }
}

@media screen and (min-width: 2300px) {
    html {
        font-size: 85%;
    }
}

@media screen and (min-width: 2450px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width: 2600px) {
    html {
        font-size: 95%;
    }
}

@media screen and (min-width: 2750px) {
    html {
        font-size: 100%;
    }
}

@media screen and (max-width: 600px) {
    main {
        max-width: 100%;
        margin: auto;
        background: #F2F2F2;
    }

    html {
        font-size: 62.5%;
    }

    .mhide {
        display: none;
    }

    .caheader {
        width: 100%;
        position: relative;
    }

    .caheroimg {
        width: 100%;
        max-height: 90vh;
        object-fit: fill;
    }

    .caheaderinfo {
        position: absolute;
        left: 0;
        top: 0%;
        width: 100%;
        padding: 5% 0 0 5%;
    }

    .careertxt {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.12em;
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .wetxt {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 2.9rem;
        color: #FFFFFF;
        margin-top: 0rem;
    }

    .wesubtxt {
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #FFFFFF;
        width: 90%;
        margin-top: 0.5rem;
    }

    .buildingbox {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid rgba(198, 197, 197, 0.34);
        border-right: 1px solid rgba(198, 197, 197, 0.34);
        padding: 3vh 2px 3vh 5px;
    }

    .buildtxt {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.4rem;
        text-align: center;
        color: #000000;
    }

    .collacont {
        width: 78%;
        margin: auto;
        display: flex;
        overflow: hidden;
        position: relative;
        /* for mobile  */
        border: 1px solid var(--bordercolor);
        border-bottom: none;
        display: none;
    }

    .collabox {
        /* display: flex; */
        width: 33.33%;
        position: relative;
        /* for mobile  */
        border-right: 1px solid var(--bordercolor);
        padding: 5% 0;
    }

    .collabox:last-child {
        border-right: none;
    }



    .collabox1 {
        width: 100%;
        position: relative;
        /* for m  */
        border-bottom: 1px solid rgba(198, 197, 197, 0.34);
    }

    .collaimgbottom {
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        background-color: var(--bordercolor);
        transform: scale(0, 1);
    }

    .collaimg {
        display: block;
        width: 90%;
        /* clip-path: polygon(100% 0, 100% 76%, 63% 100%, 0 99%, 0 0); */
    }


    .collabox2 {
        padding-bottom: 3vh;
        position: relative;
        margin-left: 5px;
    }

    .collahtxt {
        font-style: normal;
        font-weight: 700;
        font-size: 2rem;
        line-height: 2rem;
        color: #2F2F2F;
        margin-top: 2.4rem;
    }

    .collasubtxt {
        font-style: normal;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2rem;
        color: #2F2F2F;
        width: 85%;
        margin-top: 1rem;
    }

    .cadigonalbox {
        width: 78%;
        margin: auto;
        height: 15vh;
        display: flex;
        border: 1px solid red;
        display: none;
    }

    .cadiasmallbox {
        position: relative;
        width: 33.33%;
        border: 1px solid green;
        overflow: hidden;
    }

    /* .cadiasmallbox::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 110%;
        height: 2px;
        transform-origin: 100% 50%;
        background-color: red;
        transform: rotateZ(-17.5deg);
        
    } */

    /* .ssboxline {
        position: absolute;
        background-color: rgba(198, 197, 197, 0.34);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    
        transform-origin: 100% 100%;
        clip-path: polygon(99% 0, 100% 1%, 1% 100%, 0 100%);
    
    } */

    .openingbox {
        width: 90%;
        padding: 15% 0 15% 5px;
        margin: auto;
        border: 1px solid rgba(198, 197, 197, 0.34);
        border-bottom: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .openingboxsub {
        width: 100%;
    }

    .opextxt1 {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: 0.12em;
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .opentxt2 {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 2.9rem;
        color: #2F2F2F;
        margin-top: 0.5rem;
    }

    .opentxt3 {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;
        width: 95%;
        margin-top: 1rem;
    }

    .jobcontainer {
        width: 90%;
        margin: auto;
        position: relative;
        border: 1px solid rgba(198, 197, 197, 0.34);
    }

    .jobpositioncont {
        position: relative;
        display: flex;
        /* border-bottom: 1px solid rgba(198, 197, 197, 0.34); */
        overflow: hidden;
    }

    /* .jobpositioncont:hover {
        background: #E8E9EA;
    } */
    .positxtcont {
        width: 85%;
        padding: 1.6rem 5px;
    }

    .jobpositiontxt {
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #2F2F2F;
    }

    .noofpostxt {
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;
        margin-top: 0.5%;
    }

    .arrowbox, .arrowbox1  {
        width: 30%;
        position: relative;
        border-top: 1px solid rgba(198, 197, 197, 0.34);
        background: #E8E9EA;
        clip-path: polygon(51% 48%, 100% 0, 100% 100%, 0 100%);
    }

    .jobarrow, .jobarrow1 {
        position: absolute;
        right: 5%;
        bottom: 25%;
        width: 1.4rem;
        opacity: 1;
    }

    .opajobarrow {
        opacity: 1;
    }

    .jobdescripbox {
        width: 100%;
        padding: 1rem;
        background: #E8E9EA;
        display: none;
        border: none;
    }

    .titleinfobox {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .desctitlebox {
        width: 100%;
    }

    .descinfobox {
        width: 100%;
        padding-right: 1%;
        margin-bottom: 4%;

    }

    .dexctitletxt {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;

    }

    .descinfotxt {
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;
        margin-bottom: 2%;
        margin-top: 0.5rem;
    }

    .applybutton {
        display: block;
        font-weight: 600;
        font-size: 2rem;
        line-height: 2.4rem;
        color: #FFFFFF;
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        margin-left: 0%;
        padding: 1.2rem 3rem;
        margin: auto;
        width: 40%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 4%;
    }

    /* The Modal (background) */
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding: 20px 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
    }

    .modal-content {
        margin: auto;
        width: 95%;
        background: #F2F2F2;
        border-radius: 0.8rem;
        padding: 2rem 1rem 1rem 1rem;
    }

    .close {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.8rem;
        color: #aaaaaa;
        float: right;
        font-size: 2rem;
        font-weight: bold;
    }

    .modalhead {
        position: relative;
        padding: 0 1rem;
    }

    .mheadtxt {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.4rem;
        color: #2F2F2F;
    }

    .msubtxt {
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #2F2F2F;
        margin-top: 0.5rem;
    }

    .mline {
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        margin-top: 1.5rem;
    }

    .elebox {
        width: 100%;
        padding: 0 10px;
        margin-top: 28px;
    }

    .lablename {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2rem;
        color: #2F2F2F;
    }

    .inputfield {
        background: #E8E8E8;
        border-radius: 2px;
        border: none;
        outline: none;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #8C8C8C;
        opacity: 0.6;
        width: 100%;
        margin-top: 0.5rem;
        padding: 1.5rem 1.5rem;
    }

    .areaheight {
        height: 11rem;
        resize: none;
    }

    .docbox {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .docboxsub {
        width: 100%;
        margin-bottom: 10%;
    }

    .fileupbox {
        width: 100%;
        display: flex;
        gap: 1rem;
        justify-content: center;
        background: #F2F2F2;
        border: 1px solid #5FB1E0;
        border-radius: 2px;
        padding: 1.5rem 1.4rem;
        margin-top: 0.6rem;
    }

    .fileuptxt {
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .filupicon {
        width: 2rem;
        height: 2rem;
    }

    .modalsubmit {
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        font-weight: 600;
        font-size: 2rem;
        line-height: 2.4rem;
        color: #FFFFFF;
        border: none;
        outline: none;
        width: 100%;
        display: block;
        margin: auto;
        margin-bottom: 5%;
        padding: 1.5rem 0;
    }

    .twolinex {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .withuscont {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 15% 0 15% 5px;
        border-left: 1px solid rgba(198, 197, 197, 0.34);
        border-right: 1px solid rgba(198, 197, 197, 0.34);
    }

    .ustextcont {
        width: 100%;
    }

    .usformpt {
        padding-top: 0rem;
    }

    .usformcont {
        width: 100%;
    }

    .withustxt {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: 0.12em;
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .roltxt {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 2.9rem;
        color: #2F2F2F;
        margin-top: 0.5rem;
    }

    .lwithcreattxt {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;
        margin-top: 1rem;
    }

    .withemailbutton {
        background: #F2F2F2;
        border: 1px solid #5FB1E0;
        border-radius: 2px;
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 2.2rem;
        background: linear-gradient(271.26deg, #56ACDE 6.14%, #6DB8E3 99.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        padding: 1.4rem 3.5rem;
        margin-top: 2rem;
        display: inline-block;
    }

    .dialine1 {
        position: absolute;
        width: 100%;
        left: 72%;
        bottom: 0;
        height: 1px;
        transform: rotate(-25deg);
        transform-origin: 0% 0%;
        background-color: var(--bordercolor);

    }

    .dialine2 {
        position: absolute;
        width: 100%;
        left: 65%;
        bottom: 0;
        height: 1px;
        transform: rotate(-25deg);
        transform-origin: 0% 0%;
        background-color: var(--bordercolor);
    }

    .mcollacont {
        display: block;
        width: 90%;
        margin: auto;
        border-left: 1px solid var(--bordercolor);
        border-right: 1px solid var(--bordercolor);
    }

    .mcollainfo {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid var(--bordercolor);
    }

    .mcollimgtxt1 {
        width: 47%;
        border-right: 1px solid var(--bordercolor);
    }

    .mcollimgtxt2 {
        width: 47%;
        border-left: 1px solid var(--bordercolor);
        padding-left: 2px;
    }

    .mcollaimg {
        width: 100%;
        height: 100%;
    }

    .mcolltxt1 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #1A1A1A;
        margin-top: 0.5rem;
    }

    .mcolltxt2 {
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #2F2F2F;
        margin-top: 0.5rem;
    }

    .mcollpad {
        padding: 1rem;
    }
}