.color-white {
  color: white;
}
/* SECTION */

.edutimeline_area{
position:relative;
}



/* edutimeline BLOCK */

.single-edutimeline-area{
position:relative;
padding-left:200px;
margin-bottom:30px;
padding-right: 40px;
}

/* DATE */

.edutimeline-date{
position:absolute;
left:0;
width:142px;
display:flex;
align-items:center;
justify-content:flex-end;
padding-right:60px;
height:100%;
}

.edutimeline-date p{
font-size:14px;
font-weight:600;
letter-spacing:1px;
opacity:.8;
}

/* edutimeline LINE */

.edutimeline-date::after{
content:"";
position:absolute;
right:30px;
top:0;
width:3px;
height:100%;
/*background:linear-gradient(to bottom,#00dbde,#fc00ff);*/
background: #ffffff;
}

/* edutimeline NODE */

.edutimeline-date::before{
content:"";
position:absolute;
right:22px;
top:50%;
width:18px;
height:18px;
border-radius:50%;
/*background:linear-gradient(45deg,#00dbde,#fc00ff);*/
background: #ffffff;
transform:translateY(-50%);
box-shadow:0 0 12px rgba(255,255,255,.7);
}

/* CARD */

.single-edutimeline-content{
display:flex;
align-items:flex-start;
padding:25px;
border-radius:14px;
backdrop-filter:blur(10px);
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.2);
box-shadow:0 8px 32px rgba(0,0,0,0.4);
transition:all .35s ease;
overflow:hidden;
align-items: center;
}

/* ICON */

.edutimeline-icon{
width:42px;
height:42px;
min-width:42px;

display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:linear-gradient(135deg,#00dbde,#fc00ff);
margin-right:15px;
font-size:18px;
}

/* TEXT */

.edutimeline-text h6{
font-size:18px;
margin-bottom:6px;
transition:.3s;
}

@media (max-width: 576px) {
 /*   .single-edutimeline-area h6{
        font-size: 60%;
    }
    .single-edutimeline-area p{
        font-size: 60%;
    }*/
    .education h1{
        font-size: 100%;
    }
    
    .education p {
        font-size: 100%;
    }
}

.edutimeline-text p{
font-size:14px;
opacity:.8;
}


@media (max-width: 992px) {
    .edutimeline-text p {
        display: none;
    }

    .edutimeline-text h6 {
        font-size:90%;
        margin-bottom: 0;
    }
}

/* HOVER EXPANSION */

.single-edutimeline-content:hover{
transform:translateY(-6px) scale(1.02);
background:rgba(255,255,255,0.15);
box-shadow:0 15px 40px rgba(0,0,0,0.6);
}

/* TITLE EFFECT */

.single-edutimeline-content:hover h6{
color:#00dbde;
}

.single-edutimeline-content:hover h6 i{
color:#ffffff;
}

/* MOBILE */

@media(max-width:768px){

.single-edutimeline-area{
padding-left:80px;
}

.edutimeline-date{
width:30px;
}

}

.edu2022{
background:linear-gradient(to left,
rgba(15,32,39,0),
rgba(108,57,207,0.6),
rgba(129,15,197,1)),
url("../images/jubilant_college.png");

background-size:cover;
background-position:right center;
background-repeat:no-repeat;
border-radius:14px;
overflow:hidden;
text-align: left;
}

.edu2016{
background:linear-gradient(to left,
rgba(15,32,39,0),
rgba(108,57,207,0.6),
rgba(129,15,197,1)),
url("../images/softwarica_college.png");

background-size:cover;
background-position:right center;
background-repeat:no-repeat;
border-radius:14px;
overflow:hidden;
text-align: left;
}

.edu2018{
background:linear-gradient(to left,
rgba(15,32,39,0),
rgba(108,57,207,0.6),
rgba(129,15,197,1)),
url("../images/patan_college.png");

background-size:cover;
background-position:right center;
background-repeat:no-repeat;
border-radius:14px;
overflow:hidden;
text-align: left;
}