.job-details-container1{font-family:Segoe UI,sans-serif;padding:40px 20px;max-width:1200px;margin:0 auto;background-color:#ffffff}.job-header{background-image:url(/images/aboutus1.jpg);background-size:cover;background-position:50%;height:350px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;position:relative}.job-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(48,150,167,.92),rgba(4,93,117,.88));z-index:1}.job-header h1{color:#fff;font-size:3.5rem;padding:1rem 3rem;border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .3s ease;z-index:2;position:relative;margin:0}.job-header h1:hover{transform:scale(1.03)}.job-banner{position:relative;height:300px;background:linear-gradient(135deg,#002a3e,#002a3e 50%,#002a3e);overflow:hidden;display:flex;align-items:center;padding:0 60px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.job-banner:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:rgba(255,255,255,.1);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.geometric-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.shape{position:absolute;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.shape:first-child{width:80px;height:80px;top:45%;right:20%;border-radius:50%;animation-delay:0s}.shape:nth-child(2){width:60px;height:60px;top:75%;right:40%;transform:rotate(45deg);animation-delay:2s}.shape:nth-child(3){width:100px;height:100px;top:30%;right:60%;border-radius:50%;animation-delay:4s}.job-title{color:white;font-size:3.5rem;font-weight:700;z-index:2;position:relative;text-shadow:2px 2px 10px rgba(0,0,0,.3);margin:30px 0 0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.job-content{display:flex;justify-content:center;gap:40px;margin:50px auto 0;max-width:1100px;align-items:flex-start}.job-description{width:500px}.job-description h3{color:#3096A7;margin-top:30px;font-size:1.25rem;font-weight:600}.job-description li,.job-description p{font-size:1rem;line-height:1.7;color:#333}.job-description ul{padding-left:0;margin-top:15px;list-style:none}.job-description ul li{position:relative;padding-left:30px;margin-bottom:12px;line-height:1.8}.job-description ul li:before{content:"•";position:absolute;left:0;color:#3096A7;font-size:1.5rem;font-weight:700;line-height:1.4}.job-apply{width:500px;background:white;padding:1.75rem;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);position:sticky;top:2rem;align-self:flex-start}.job-apply-title{text-align:center;font-size:1.6rem;margin-bottom:.35rem;color:#3096A7;font-weight:700}.job-apply-subtitle{text-align:center;font-size:.9rem;color:#666;margin-bottom:1.25rem}.job-company{padding:25px 30px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.job-company h3{color:#3096A7;font-size:1.5rem;margin-bottom:12px}.job-company p{font-size:1.05rem;line-height:1.75;color:#333}.job-apply form{display:flex;flex-direction:column;gap:.9rem;width:100%}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.9rem;font-weight:600;color:#333}.job-apply input{width:100%;padding:.7rem .9rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:all .3s ease;box-sizing:border-box}.job-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:20px;font-size:20px;color:#333}.job-meta div{min-width:150px}.job-apply input:focus{outline:none;border-color:#3096A7;box-shadow:0 0 0 3px rgba(0,42,62,.1)}.file-upload-wrapper{position:relative}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-label{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border:2px dashed #002a3e;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease}.file-label:hover{background:#3096A7;color:white}.file-icon{font-size:1.2rem}.file-text{font-size:.95rem;font-weight:500}.file-name{font-size:.85rem;color:#3096A7;font-weight:600;margin-top:.5rem;margin-bottom:0}.agree-checkbox{display:flex;align-items:flex-start;gap:.65rem;margin-top:.25rem}.agree-checkbox input[type=checkbox]{margin-top:.25rem;accent-color:#3096A7;cursor:pointer;width:18px;height:18px}.agree-checkbox label{font-size:.85rem;color:#555;line-height:1.5;cursor:pointer}.submit-button{width:100%;padding:.85rem 1.75rem;background:linear-gradient(135deg,#3096A7,#045d75);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.35rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,42,62,.3)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.button-icon{font-size:1.1rem}.dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media screen and (max-width:1100px){.job-content{flex-direction:column;align-items:center;padding:0 1rem}.job-apply,.job-description{width:100%;max-width:600px}.job-apply{position:relative;top:0}}@media screen and (min-width:1101px){.job-apply,.job-description{width:500px}}@media screen and (max-width:768px){.job-header{height:260px}.job-header h1{font-size:2.3rem;padding:.8rem 1.8rem}.job-banner{height:250px;padding:0 30px}.job-title{font-size:2.5rem}.job-content{gap:20px;margin-top:30px}.job-company h3,.job-description h3{font-size:1.1rem}.job-apply-title{font-size:1.5rem}.job-apply-subtitle{font-size:.9rem}.job-apply,.job-description{padding:1.5rem}.job-meta{gap:20px;font-size:.95rem}.job-company p{font-size:1rem}.form-row{grid-template-columns:1fr}}@media screen and (max-width:480px){.job-header{height:180px}.job-header h1{font-size:1.8rem;text-align:center;padding:.5rem 1rem}.job-banner{height:200px;padding:0 20px}.job-title{font-size:2rem}.job-details-container1{padding:30px 15px}.job-company{padding:20px}.job-company h3{font-size:1.2rem}.job-company p{font-size:.95rem}.job-meta{flex-direction:column;gap:15px;font-size:.9rem}.job-apply,.job-description{padding:1.25rem}.job-apply-title{font-size:1.35rem}.form-group label,.job-apply-subtitle{font-size:.85rem}.job-apply input{font-size:.9rem}.file-label,.job-apply input{padding:.75rem .9rem}.submit-button{padding:.9rem 1.5rem;font-size:1rem}}