[data-animate-text] {
  opacity: 1!important;
}

.text-justify{
  text-align: justify!important;
}
.logo-svg{
width:100%;
height:100%;
display:block;
}
.video-div{
  
}

.storyline-section{
padding:100px 20px;
background:white;
}

.storyline-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
max-width:1200px;
margin:auto;
}

.story-title{
font-size:5rem;
margin-bottom:40px;
font-family: Georgia, 'Times New Roman', Times, serif;
text-align: center;
}

.timeline{
position:relative;
padding-left:40px;
}

.timeline::before{
content:"";
position:absolute;
left:15px;
top:0;
width:3px;
height:100%;
background:#e5e5e5;
}

.timeline-progress{
position:absolute;
left:15px;
top:0;
width:3px;
height:0;
background:black;
transition:height .2s;
}

.timeline-item{
position:relative;
margin-bottom:60px;
}

.dot{
position:absolute;
left:-26px;
top:6px;
width:14px;
height:14px;
background:#ccc;
border-radius:50%;
transition:0.3s;
}

.timeline-item.active .dot{
background:black;
transform:scale(1.3);
}

.content img{
width:100%;
max-width:auto;
border-radius:8px;
margin-top:10px;
}

@media(max-width:900px){

  .story-title{
font-size:3rem;
  }
.storyline-grid{
grid-template-columns:1fr;
}

}



.contact-section{
padding:80px 5%;
}

.contact-container{
max-width:1200px;
margin:auto;
display:flex;
gap:40px;
align-items:stretch;
}

/* FORM */

.contact-form{
flex:1;
background:white;
padding:50px;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.contact-form h2{
margin-bottom:30px;
}

/* INPUT ROW */

.input-row{
display:flex;
gap:20px;
}

.input-group{
width:100%;
margin-bottom:20px;
}

.input-group label{
font-weight:500;
font-size:14px;
margin-bottom:6px;
display:block;
}

input, textarea{

width:100%;
padding:14px;
border-radius:6px;
border:1px solid #ddd;
font-size:14px;
transition:.3s;

}

textarea{
height:120px;
resize:none;
}

input:focus, textarea:focus{

outline:none;
border-color:#007bff;
box-shadow:0 0 0 3px rgba(0,123,255,.1);

}

/* BUTTON */

.send-btn{

margin-top:10px;
padding:14px 35px;
border:none;
border-radius:6px;
background:#007bff;
color:white;
font-size:15px;
font-weight:600;
cursor:pointer;
position:relative;
overflow:hidden;

}

.send-btn:hover{
background:#0056b3;
}

/* PAPER PLANE */

.plane-wrapper{

position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);

}

.plane{

width:18px;
height:18px;
fill:white;

}

/* PLANE ANIMATION */

.send-btn.sending .plane{

animation:flyPlane 1s forwards;

}

@keyframes flyPlane{

0%{transform:translate(0,0)}
50%{transform:translate(40px,-10px)}
100%{transform:translate(150px,-60px);opacity:0}

}

/* ERROR */

.input-error{
border-color:#ff3b3b;
}

.error-text{

color:#ff3b3b;
font-size:12px;
margin-top:4px;

}

/* SUCCESS */

#formFeedback{
margin-top:15px;
font-weight:600;
color:green;
}

/* MAP */

.contact-map{

flex:1;
border-radius:10px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.08);

}

.contact-map iframe{

width:100%;
height:100%;
min-height:520px;
border:0;

}

/* MOBILE */

@media(max-width:900px){

.contact-container{
flex-direction:column;
}

.input-row{
flex-direction:column;
}

}

.contact-css{
    overflow-wrap: break-word;
    word-break: break-word;
}

@media (max-width: 768px) {
    .blog-head{
        font-size:55px;
    }
}