/* CONTAINER */
.uajps-container{
    max-width:1000px;
    margin:auto;
    background:#ffffff;
    padding:16px;
    box-shadow:0 0 8px rgba(0,0,0,0.05);
}

/* LOGO */
.uajps-logo{
    width:120px;
    height:120px;
    object-fit:contain;
}
.uajps-logo-wrap{
    text-align:center;
    margin-bottom:8px;
}

/* HEADER TEXT */
.uajps-company{
    text-align:center;
    font-size:22px;
    font-weight:700;
    color:#003399;
    margin-bottom:4px;
}
.uajps-title{
    text-align:center;
    color:#b30000;
    margin:6px 0 10px;
}
.uajps-title a{
    text-decoration:none;
    color:#b30000;
}

/* COMMON BLOCK */
.uajps-block{
    border:1px solid #dcdcdc;
    padding:14px;
    margin:16px 0;
    background:#fafafa;
}
.uajps-block h3{
    background:#003399;
    color:#fff;
    padding:8px 10px;
    text-align:center;
    font-weight:700;
    margin:-14px -14px 10px;
    font-size:16px;
}

/* OVERVIEW GRID */
.uajps-overview-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:10px;
}
@media(max-width:768px){
    .uajps-overview-grid{grid-template-columns:1fr;}
}
.uajps-overview-box{
    border:1px solid #d0d0d0;
    padding:12px;
    background:#ffffff;
}
.uajps-overview-label{
    font-weight:700;
    color:#003399;
    margin-bottom:6px;
    font-size:14px;
}

/* REQUIREMENT PAIR GRID */
.uajps-pair-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:20px;
}
@media(max-width:768px){
    .uajps-pair-grid{grid-template-columns:1fr;}
}
.uajps-box{
    border:1px solid #bfbfbf;
    padding:14px;
    background:#ffffff;
}
.uajps-box-title{
    background:#2f2f2f;
    color:#ffffff;
    padding:7px;
    text-align:center;
    font-weight:700;
    margin:-14px -14px 10px;
    font-size:15px;
}

/* LAST DATE RED */
.uajps-last-date{
    color:#d60000;
    font-weight:700;
}

/* HTML CONTENT FIX */
.uajps-box ul,
.uajps-block ul{
    padding-left:20px;
    margin:8px 0;
}
.uajps-box li,
.uajps-block li{
    margin-bottom:6px;
}
.uajps-box p,
.uajps-block p{
    margin:6px 0;
    line-height:1.6;
}

/* BUTTONS */
.uajps-button-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
    margin-top:8px;
}
.uajps-link-button{
    background:#d60000;
    color:#fff;
    padding:9px 16px;
    text-decoration:none;
    border-radius:4px;
    font-weight:700;
    transition:0.3s;
}
.uajps-link-button:hover{
    background:#a80000;
}

/* TAGS */
.uajps-tags{
    margin-top:18px;
    font-size:14px;
}
/* COMPANY NAME – bold but smaller than title */
.uajps-company{
    font-size:20px;          /* title से छोटा */
    font-weight:800;
    color:#003399;
    margin-bottom:6px;
}

/* POST TITLE – biggest & strongest */
.uajps-title{
    font-size:24px;
    font-weight:800;
    margin:6px 0 12px;
}
.uajps-title a{
    color:#b30000;
}

/* SECTION BLOCK HEADINGS */
.uajps-block h3{
    font-size:17px;
    font-weight:800;
    letter-spacing:0.3px;
}

/* OVERVIEW LABEL (Location, Salary etc.) */
.uajps-overview-label{
    font-size:15px;          /* data से बड़ा */
    font-weight:800;
    color:#003399;
    display:flex;
    align-items:center;
    gap:6px;
}

/* DATA TEXT */
.uajps-overview-box{
    font-size:14px;          /* label से छोटा */
}

/* REQUIREMENT BOX TITLES */
.uajps-box-title{
    font-size:15px;
    font-weight:800;
    letter-spacing:0.3px;
}

/* ICON STYLE (अगर icon add हों) */
.uajps-overview-label i,
.uajps-box-title i,
.uajps-block h3 i{
    font-weight:900;
    color:#ffcc00;           /* icon highlight */
}

/* LAST DATE EXTRA EMPHASIS */
.uajps-last-date{
    font-size:15px;
    font-weight:800;
    color:#d60000;
}
/* SOCIAL GRID */
.uajps-social-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
    margin-top:22px;
}

/* BASE BUTTON */
.uajps-social{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 12px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    color:#fff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    transition:all .25s ease;
}

/* LEFT LABEL STRIP (auto generated) */
.uajps-social::before{
    content:"JOIN";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    letter-spacing:.5px;
    background:rgba(0,0,0,.25);
}

/* TEXT CENTER ADJUST */
.uajps-social{
    padding-left:90px;
}

/* HOVER */
.uajps-social:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* ================================
   IMPORTANT & USEFUL LINKS – 2 COL
================================ */

.uajps-social-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);   /* 2 COLUMN */
    gap:14px;
    margin-top:22px;
}

/* SINGLE BUTTON */
.uajps-social{
    display:grid;
    grid-template-columns:80px 1fr;   /* LABEL | TEXT */
    align-items:center;
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    font-size:15px;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    transition:.25s;
}

/* HOVER */
.uajps-social:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* LABEL */
.uajps-social::before{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-size:12px;
    letter-spacing:.5px;
    background:rgba(0,0,0,.25);
}

/* BUTTON TEXT */
.uajps-social{
    padding-right:14px;
}

/* COLORS + LABEL TEXT */
.uajps-social.whatsapp{
    background:linear-gradient(135deg,#1ebf75,#0c8f5a);
}
.uajps-social.whatsapp::before{content:"WA";}

.uajps-social.telegram{
    background:linear-gradient(135deg,#1e90ff,#0b5ed7);
}
.uajps-social.telegram::before{content:"TG";}

.uajps-social.instagram{
    background:linear-gradient(135deg,#f09433,#dc2743,#833ab4);
}
.uajps-social.instagram::before{content:"IG";}

.uajps-social.facebook{
    background:linear-gradient(135deg,#1877f2,#0a58ca);
}
.uajps-social.facebook::before{content:"FB";}

/* MOBILE */
@media(max-width:600px){
    .uajps-social-grid{
        grid-template-columns:1fr;
    }
    .uajps-social{
        font-size:14px;
    }
}