/*=====================================
ADMISSION MODAL
======================================*/

.admission-modal{

border:none;
border-radius:20px;
overflow:hidden;

}

.admission-modal .modal-header{

background:#0B2E6B;
color:#fff;
padding:25px 35px;

}

.admission-modal .modal-body{

padding:50px;

}

.timeline{

position:relative;
margin-top:40px;

}

.timeline::before{

content:"";

position:absolute;

left:24px;

top:0;

bottom:0;

width:4px;

background:#F9A826;

}

.timeline-item{

display:flex;
margin-bottom:40px;
position:relative;

}

.timeline-icon{

width:50px;
height:50px;

background:#0B2E6B;
color:#fff;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-weight:bold;
font-size:20px;

flex-shrink:0;

z-index:2;

}

.timeline-content{

margin-left:30px;

background:#fff;

padding:25px;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

width:100%;

transition:.3s;

}

.timeline-content:hover{

transform:translateX(8px);

}

.timeline-content h4{

color:#0B2E6B;
margin-bottom:15px;

}

.timeline-content h4 i{

color:#F9A826;
margin-right:10px;

}

.timeline-content p{

margin:0;
color:#666;

}

@media(max-width:768px){

.admission-modal .modal-body{

padding:25px;

}

.timeline-content{

margin-left:20px;

}

}