html{scroll-behavior:smooth}
.banner-wrapper{width:100%;padding: 50px 0;}
.banner-wrapper .container{display:flex;align-items:center;gap:20px;margin:0 auto}
.content-side{flex:.8;padding-right:0}
.hiring-badge{display:inline-flex;align-items:center;background:#eaf9f3;padding:12px 23px;border-radius:50px;font-weight:400;font-size:14px;line-height:16px;letter-spacing:.3px;color:#10b981}
.status-dot{width:7px;height:7px;background:#26a67e;border-radius:50%;margin-right:8px}
.main-heading{margin-bottom:15px;margin-top:15px;font-weight:700;font-size:52px;line-height:60px;letter-spacing:-1.4px;color:#000}
.main-heading span.d-block{font-weight:400}
.d-block{display:block}
.styled-underline{position:relative;display:inline-block}
.styled-underline svg{position:absolute;bottom:-8px;left:0;width:100%;height:auto}
.sub-text{margin-bottom:30px;max-width:520px;font-weight:400;font-size:18px;line-height:29px;color:#393939}
.contact-row{display:flex;gap:25px}
.servises-button{justify-content:start;padding-bottom:0}
.contact-item{display:flex;align-items:center;font-weight:4;font-size:16px;line-height:20px;color:#000;text-decoration:none}
.icon-bg{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:10px;background:rgba(17,103,232,.1);border:1px solid rgba(17,103,232,.2);border-radius:10px}
.arrow{margin-left:10px;font-size:18px}
.image-side{flex:1;position:relative}
.image-container{width:100%;/* height:450px; */border-radius:40px;overflow:hidden;position:relative}
.image-container img{width:100%;/* height:100%; *//* object-fit:cover; *//* object-position:right; */}
.fade-overlay{position:absolute;top:0;left:-2px;width:40%;height:100%;background:linear-gradient(to right,#fff 5%,rgba(255,255,255,0) 100%);z-index:2}
.value-card{background:#f9f9f9;border:1px solid #dedede;border-radius:29px;padding:37px 26px;flex:0 0 calc(33.33% - 20px)}
.values-grid{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;margin-top:60px}
.values-grid h3{font-style:normal;font-weight:700;font-size:20px;line-height:26px;color:#0b1a2e;margin-bottom:10px}
.values-grid p{font-weight:400;font-size:16px;line-height:23px;color:#585858}
.values-grid p:last-child{margin:0}
section.we-believe-in{padding:40px 0 80px 0}
.hidden-card{display:none!important}
.filtered-out{display:none!important}
.tab.active{background:#2563eb;color:#fff;box-shadow:0 1.22117px 3.6635px rgba(0,0,0,.1),0 1.22117px 2.44233px -1.22117px rgba(0,0,0,.1)}
section.job-card-wrapper{background:#f8fafc;padding: 50px 0;}
header.filter-section{padding:20px;background:#fff;border:1px solid #f3f4f6;border-radius:20px;display:flex;align-items:center;justify-content:space-between}
.search-bar *{font-weight:400;font-size:17px;line-height:22px;color:rgba(10,10,10,.5)}
.search-bar{padding:14px 19px 14px 53px;background:#fff;border:1px solid #e5e7eb;border-radius:17px;position:relative;width:calc(50% - 10px);margin-right:20px}
.search-bar svg.search-icon{position:absolute;left:20px;top:17px}
.search-bar input#jobSearch{width:450px;max-width:450px;border:0;padding:0;outline:0}
button.tab{border:0;padding:9px 20px;outline:0;font-weight:400;font-size:14px;line-height:20px;color: #6a7282;border-radius:70px;cursor:pointer;background: #F3F4F6;}
div#filterTabs{width:50%;justify-content:space-between;display:flex;flex-wrap:wrap;padding-left:20px}
#jobSearch::placeholder{color:#999;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:400;opacity:1}
#jobSearch:-ms-input-placeholder{color:#999;font-family:'Plus Jakarta Sans',sans-serif}
#jobSearch::-ms-input-placeholder{color:#999;font-family:'Plus Jakarta Sans',sans-serif}
#jobSearch:focus::placeholder{color:#ccc;transition:color .2s ease}
.footer-action button{width:236px;height:49px;background:#fff;border:1px solid #e5e7eb;border-radius:13px;font-weight:500;font-size:17px;line-height:24px;color:#6a7282;cursor:pointer}
.footer-action{text-align:center}
.footer-action button svg{position:relative;top:4px}
.results-count{font-weight:400;font-size:17px;line-height:24px;color:#6a7282;text-align:right;margin-top:40px;margin-bottom:20px}
.results-count span#count{font-weight:700;font-size:17px;line-height:24px;color:#2563eb}
.job-card{flex-wrap:wrap;background:#fff;border:1px solid #efefef;border-radius:24px;padding:20px 30px 40px 30px;display:flex;align-items:center;justify-content:space-between;width:100%}
.job-info-left{display:flex;align-items:center;justify-content:space-between;gap:20px}
a.btn-details{width:155px;height:43px;background:#2563eb;border-radius:12px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;gap:8px}
.job-actions{display:flex;align-items:center;gap:20px}
.title-row h3{font-weight:600;font-size:18px;line-height:24px;color:#0b1a2e;margin-right:15px;margin-top:0;margin-bottom:10px}
.title-row{display:flex;align-items:center}
span.badge-immediate{background:#fef2f2;font-weight:600;font-size:12px;line-height:18px;color:#ef4444;width:84px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:20px}
.meta-row{display:flex;gap:20px}
.meta-row span{font-weight:400;font-size:14px;line-height:20px;color:#5d5d5d;display:flex;align-items:center;gap:6px}
div#jobList{display:flex;flex-wrap:wrap;gap:20px;margin-bottom: 22px;}
.company-icon{width:59px;height:59px;display:flex;align-items:center;justify-content:center;background:#f5f3ff;border-radius:15px}
.purple-bg{background:#f5f3ff}
.purple-bg *{stroke:#8b5cf6}
.blue-bg{background:#eff6ff}
.blue-bg *{stroke:#3b82f6}
.green-bg{background:#f0fdf4}
.green-bg *{stroke:#22c55e}
.yellow-bg{background:#fffbeb}
.yellow-bg *{stroke:#f59e0b}
.red-bg{background:#fef2f2}
.red-bg *{stroke:#ef4444}
.teal-bg{background:#f0fdfa}
.teal-bg *{stroke:#0d9488}
.indigo-bg{background:#eef2ff}
.indigo-bg *{stroke:#6366f1}
.pink-bg{background:#fdf2f8}
.pink-bg *{stroke:#ec4899}
.slate-bg{background:#f8fafc}
.slate-bg *{stroke:#64748b}
.orange-bg{background:#fff7ed}
.orange-bg *{stroke:#fb923c}
:root{--primary-blue:#4461E2;--text-main:#111;--text-muted:#666}
.gallery-section{max-width:1100px; margin:00px auto; /* padding:0 20px; *//* font-family:'Plus Jakarta Sans',sans-serif; */}
.gallery-header{text-align:center;margin-bottom:50px}
.gallery-header h2{/* font-size:38px; *//* font-weight:800; *//* margin-bottom:10px; */}
.gallery-header h2 span{color:var(--primary-blue)}
.gallery-header p{color:var(--text-muted);font-size:16px}
.masonry-container{column-count:3;column-gap:20px;padding: 0 20px;}
.masonry-item{break-inside:avoid;margin-bottom:20px;position:relative;border-radius:24px;overflow:hidden;background:#f0f0f0}
.masonry-item img{width:100%;display:block;object-fit:cover;transition:transform .4s ease}
.masonry-item:hover img{transform:scale(1.05)}
.item-label{position:absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;font-size:14px;font-weight:500;background:linear-gradient(to top,rgba(0,0,0,.6) 0,transparent 100%);pointer-events:none}
.item-tall img{aspect-ratio:3/4.5}
.item-xtall img{aspect-ratio:3/6}
.social-footer{display:flex;justify-content:center;gap:15px;margin-top:50px}
.social-pill{display:flex;align-items:center;gap:12px;padding:12px 28px;border:1px solid #e5e7eb;border-radius:50px;text-decoration:none;transition:all .2s ease;font-weight:500;font-size:17px;line-height:24px;color:#0b1a2e}
.social-pill span{color:#999;font-size:18px}
.social-pill:hover{border-color:var(--primary-blue);background:#f8faff;transform:translateY(-2px)}
.masonry-item{cursor:zoom-in}
.modal{display:none;position:fixed;z-index:9999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px)}
.modal-content{margin:auto;display:block;max-width:85%;max-height:80vh;border-radius:15px;animation:zoomIn .3s ease}
#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:20px 0;font-family:'Plus Jakarta Sans',sans-serif;font-size:18px}
.close-modal{position:absolute;top:0;right:10px;color:#f1f1f1;font-size:40px;font-weight:200;cursor:pointer}
.job-board-container{margin-top:60px}
@keyframes zoomIn{
from{transform:scale(.7);opacity:0}
to{transform:scale(1);opacity:1}
}
.job-card .job-actions .btn-details{transition:all .5s}
.job-card.active .job-actions .btn-details{opacity:0;visibility:hidden}
.Mandatory-card{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border-top:1px solid transparent;width:100%}
.job-card.active .Mandatory-card{border-color:#eee;height:auto;visibility:visible;max-height:none!important}
.Mandatory-card .button-wrapper a.apply-btn.blue-button{width:200px}
.accordion-btn-details{cursor:pointer;display:flex;width:48px;height:48px;position:relative;align-items:center;justify-content:center;transition:all .5s;transform: rotate(180deg);}
.job-card.active a.accordion-btn-details{transform: rotate(
0deg);}
.job-actions{position:relative}
.Mandatory-card h4{font-weight:600;font-size:20px;line-height:24px;color:#0b1a2e;margin-bottom:0;margin-top:0}
.Mandatory-card .skills-list{list-style-type:disc;padding-left:20px;margin-bottom:15px;margin-top:10px}
.Mandatory-card .skills-list li{font-size:16px;margin-bottom:0;font-weight:500;line-height:38px;color:#0b1a2e}
.Mandatory-card .contact-info{display:flex;align-items:center;margin-bottom:20px;gap:11px}
.Mandatory-card .contact-info .icon{margin-right:12px}
.Mandatory-card .contact-info a{text-decoration:underline;font-weight:500;font-size:16px;text-decoration-line:underline;color:#0b1a2e}
.Mandatory-card .button-wrapper{display:flex;justify-content:center}
.Mandatory-card{height:0;transition:all .5s;visibility:hidden;overflow:hidden}
.opening-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.opening-box1 {
    width: calc(50% - 15px);
    border: 1px solid #c4baff33;
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 20px;
}
@media (max-width:1199px){
.contact-row{flex-wrap:wrap}
h1.main-heading{font-size:41px;line-height:1.2;}
}
@media (max-width:1024px){
.search-bar input#jobSearch{width:100%}
.search-bar{width:calc(35% - 10px)}
div#filterTabs{width:65%}
.fade-overlay{display:none;}
}
@media (max-width:991px){
header.filter-section{flex-wrap:wrap;justify-content:center;gap:15px}
.search-bar{width:100%;margin:0}
.content-side{flex:1;flex:0 0 100%;text-align:center}
.banner-wrapper .container{flex-wrap:wrap}
p.sub-text{max-width:100%}
.contact-row{justify-content:center}
.servises-button{justify-content:center}
.image-container{/* max-width:500px; */margin:0 auto}
.values-grid{flex-wrap:wrap}
.value-card{flex:0 0 calc(50% - 20px)}
.job-info-left{align-items:start}
.job-details{width:100%}
div#jobList{flex-wrap:wrap;justify-content:center}
.meta-row span{width:calc(50% - 4px)}
.meta-row{flex-wrap:wrap;gap:7px}
span.badge-immediate{display:none}
.job-board-container{margin-top:30px}
.job-card .job-actions .btn-details{display:none}
}
@media (max-width:860px){
div#filterTabs{padding:0;width:100%;justify-content:center;gap:8px}
.title-row h3 {
    margin-right: 0;
}
}
@media (max-width:768px){
.masonry-container{column-count:2}
.social-footer{flex-direction:column;align-items:center}
.job-info-left{flex-wrap:wrap;gap:12px;width:calc(100% - 48px)}
.job-card{align-items:flex-start}
}
@media (max-width:640px){
.job-card{width:100%;padding:20px}
.accordion-btn-details{width:38px;height:38px}
}
@media (max-width:540px){
a.contact-item{/* flex-direction:column; */justify-content:center;gap: 0px;}
.value-card{flex:0 0 100%}
.job-actions{flex-direction:column}
a.btn-details{width:100%}
.masonry-container{column-count:1}
}