*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Montserrat',sans-serif;
background:#f5f5f5;
overflow-x:hidden;
color:#1f1f1f;
}

html{
scroll-behavior:smooth;
}

.container{
width:90%;
max-width:1300px;
margin:auto;
}

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
padding:20px 5%;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(255,255,255,0.92);
backdrop-filter:blur(12px);
z-index:1000;
}

.logo{
display:flex;
align-items:center;
gap:12px;
font-weight:700;
color:#db007e;
}
.logo span a {
  text-decoration: none !important;
  color: inherit !important;
}

.logo img{
width:58px;
height:58px;
object-fit:contain;
}

nav{
display:flex;
gap:28px;
}

nav a{
text-decoration:none;
color:#3f2a56;
font-weight:500;
transition:0.3s;
}

nav a:hover{
color:#db007e;
}

.mobile-toggle{
display:none;
font-size:2rem;
cursor:pointer;
color:#db007e;
}
.career_info{
min-height:auto;
display:flex;
align-items:center;
justify-content:center;

margin:auto;
padding:140px 10px;
background:linear-gradient(135deg,#fff7fb 0%,#f9d4e8 50%,#f3c1dd 100%);
}

.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:140px 20px;
background:linear-gradient(135deg,#fff7fb 0%,#f9d4e8 50%,#f3c1dd 100%);
}

.hero-content{
max-width:950px;
}

.tag{
color:#db007e;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}

.hero h1{
font-size:4.5rem;
line-height:1.05;
margin-bottom:25px;
color:#2d183c;
}

.subtitle{
line-height:1.9;
font-size:1.05rem;
margin-bottom:20px;
color:#555;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:20px;
margin-top:40px;
flex-wrap:wrap;
}

.btn{
padding:16px 32px;
border-radius:60px;
text-decoration:none;
font-weight:600;
transition:all 0.35s ease;
display:inline-block;
}

.btn:hover{
transform:translateY(-6px) scale(1.04);
box-shadow:0 16px 35px rgba(219,0,126,0.25);
}

.primary{
background:#db007e;
color:white;
}

.primary:hover{
background:#bf006d;
}

.secondary{
background:white;
border:1px solid rgba(219,0,126,0.2);
color:#3f2a56;
}

.about{
padding:110px 0;
background:#f5f5f5;
}

.about h2{
font-size:3rem;
margin-bottom:20px;
color:#2d183c;
}

.about-text{
line-height:1.9;
max-width:900px;
color:#555;
}

.partners-heading{
margin-top:70px;
margin-bottom:30px;
font-size:2rem;
color:#2d183c;
}

.partners-scroll{
overflow:hidden;
}

.partners-track{
display:flex;
gap:70px;
width:max-content;
animation:scrollPartners 18s linear infinite;
}

@keyframes scrollPartners{
0%{
transform:translateX(0);
}

100%{
transform:translateX(-40%);
}
}

.partner-item{
display:flex;
align-items:center;
gap:15px;
min-width:280px;
font-weight:600;
color:#db007e;
}

.partner-logo{
width:50px;
height:50px;
border-radius:50%;
background:#db007e;
box-shadow:14px 0 0 rgba(219,0,126,0.25);
}

.services{
padding:120px 5%;
background:#ececec;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
gap:90px 80px;
max-width:1400px;
margin:auto;
}

.service-box{
display:flex;
align-items:flex-start;
gap:25px;
padding:10px;
transition:all 0.4s ease;
border-radius:24px;
}

.service-box:hover{
transform:translateY(-10px);
background:white;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
padding:24px;
}

.service-logo{
width:56px;
height:56px;
object-fit:contain;
transition:all 0.35s ease;
}

.service-box:hover .service-logo{
transform:rotate(8deg) scale(1.08);
}

.service-box h3{
font-size:1.6rem;
margin-bottom:15px;
color:#db007e;
}

.service-box p{
line-height:1.8;
font-size:1.05rem;
max-width:420px;
}

.contact{
padding:120px 5%;
background:#faf7fb;
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
}

.contact h2{
font-size:3rem;
margin-bottom:20px;
color:#2d183c;
}

.contact-text{
line-height:1.9;
color:#555;
}

.contact-form{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-form input,
.contact-form textarea{
padding:18px;
border-radius:16px;
border:1px solid rgba(0,0,0,0.08);
font-family:'Montserrat',sans-serif;
}

.contact-form textarea{
min-height:180px;
resize:none;
}

.footer{
background:#db007e;
padding:70px 5%;
color:white;
}

.footer-links{
display:flex;
gap:28px;
flex-wrap:wrap;
margin-bottom:50px;
}

.footer-links a{
color:white;
text-decoration:none;
}

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:flex-end;
flex-wrap:wrap;
gap:20px;
}

@media(max-width:768px){
    
    

.mobile-toggle{
display:block;
}

nav{
display:none;
position:absolute;
top:85px;
left:0;
width:100%;
background:white;
padding:25px;
flex-direction:column;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
border-radius:0 0 20px 20px;
}

nav.active{
display:flex;
animation:fadeDown 0.3s ease;
}

@keyframes fadeDown{
from{
opacity:0;
transform:translateY(-10px);
}

to{
opacity:1;
transform:translateY(0);
}
}

  .hero-content {
        text-align: left; /* mobile readability */
    }

    .hero h1 {
        font-size: 28px;
    }

    .hero .subtitle {
        font-size: 14px;
        line-height: 1.6;
    }

    .hero-buttons {
        flex-direction: column;
    }
}
.about h2{
font-size:28px;

}
.partners-heading
{
font-size:28px;

}

.services-grid{
grid-template-columns:1fr;
gap:50px;
}

.service-box{
flex-direction:column;
}

.contact-grid{
grid-template-columns:1fr;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

.form-message{
    margin-top:10px;
    margin-bottom:15px;
    padding:14px 18px;
    border-radius:12px;
    font-size:0.95rem;
    font-weight:600;
    text-align:center;
    width:100%;
}

.form-message.success{
    background:#e8fff0;
    color:#0f8b4c;
    border:1px solid #b8efd0;
}

.form-message.error{
    background:#fff0f0;
    color:#d62828;
    border:1px solid #ffc8c8;
}

}