.join-us{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--dimension-ratio)*75px);
    /* height: calc(var(--dimension-ratio)*698px); */
    width: 100%;
    margin: calc(var(--dimension-ratio)*80px) 0;
}

.join-us-images{
    position: relative;
    width: calc(var(--dimension-ratio)*716px);
    height: calc(var(--dimension-ratio)*464px);
}

.join-us-images img{
    width: calc(var(--dimension-ratio)*228px);
    height: calc(var(--dimension-ratio)*384px);
    position: absolute;
    z-index: 10;
}

.join-us-1{
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.join-us-2{
    top:0;
    left: 50%; 
    transform: translateX(-50%);
}

.join-us-3{
    bottom: 0;
    left: 0;
}

.join-us-cover{
    height: calc(var(--dimension-ratio)*204px) !important;
    width: calc(var(--dimension-ratio)*184px) !important;
    top: calc(var(--dimension-ratio)*10px) ;
    left: calc(var(--dimension-ratio)*-55px) ;
    z-index: -1 !important;
}

.join-us-content{
    width: calc(var(--dimension-ratio)*890px);
    gap: calc(var(--dimension-ratio)*30px);
    /* height: calc(var(--dimension-ratio)*570px); */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}

.join-us-content a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: calc(var(--dimension-ratio)*222px);
    height: calc(var(--dimension-ratio)*61px);
    border-radius: calc(var(--dimension-ratio)*30px);
    background: #144295;
    font-style: normal;
    font-weight: 600;
    font-size: calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*29px);
    color: #FFFFFF;
    cursor: pointer;
}
.join-us-header{
    font-weight: 600;
    font-size: calc(var(--dimension-ratio)*40px);
    line-height: calc(var(--dimension-ratio)*56px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #144295;
    margin: 0;
    padding-inline-end: calc(var(--dimension-ratio)*20px);
}

.join-us-content-container{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    /* width: calc(var(--dimension-ratio)*716px); */
    gap: calc(var(--dimension-ratio)*25px);
    margin-inline-start: calc(var(--dimension-ratio)*20px);
}

.join-us-content-container .p-content{
    font-weight: 500;
    font-size:calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*40px);
    letter-spacing: 0%;
    color: #214483;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: calc(var(--dimension-ratio)*15px);
    margin: 0;
}


.join-us-content-container .p-content .p-dot{
    width: calc(var(--dimension-ratio)*15px);
    height: calc(var(--dimension-ratio)* 60px);
    display: flex;
    align-items: center;
}

.join-us-content-container .p-content .p-dot p{
    width: calc(var(--dimension-ratio)*10px);
    height: calc(var(--dimension-ratio)*10px);
    border-radius: 50%;
    background-color: #214483;
    color: #214483;
}