/* Custom styles to emulate original look */
:root{
--primary:#0ea5e9;
--muted:#6b7280;
--card-bg:#f8fafc;
}
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
nav.navbar {
background: #ffffff;
box-shadow: 0 1px 6px rgba(16,24,40,0.06);
}
.hero {
min-height: calc(100vh - 64px);
padding-top: 3.5rem;
padding-bottom: 3.5rem;
background-color: aliceblue;
}
/* .text{
color: #e2235b;
} */
.text {
color: #686cd0;
}
.sec{
margin-bottom: -2%;
margin-top: 3%;
}
.profile-circle {
width: 80%;
height: 32rem;
border-radius: 50%;
overflow: hidden;
border: 6px solid #686cd0;
box-shadow: 0 10px 20px rgba(2, 6, 23, 0.225);
margin-left: 20%;
}
.profile-circle img{
width:100%;
height:100%;
object-fit:cover;
}
.section-title {
margin-bottom: 1.5rem;
font-family: "EB Garamond", serif;
}
.ex{
font-family: "EB Garamond", serif;
}
.badge-chip {
background: rgb(11 167 229 / 12%);
/* color: #cf3c67; */
padding: 0.25rem 1.6rem;
border-radius: 12px;
}
.present{
background: rgb(11 167 229 / 12%);
/* color: #cf3c67; */
padding: 1.25rem 1.6rem;
border-radius: 12px;
}
.card-light {
background: #fff;
border-radius: .75rem;
box-shadow: 0 6px 18px rgba(2,6,23,0.06);
border: 0;
}
.cardimg{
height: 235px !important;
} 

.timeline-dot{
width:14px;height:14px;border-radius:50%;background:var(--primary);display:inline-block;margin-right:.75rem;
box-shadow: 0 0 0 4px rgba(14,165,233,0.12);
}
footer.bg-dark{
background: #111827;
}
#backToTop {
bottom: 0.5rem;
right: 0.5rem;
position: fixed;
display: none;
/* z-index: 999; */
/* outline-color: red; */
border:#686cd0;
}
.sticky-side { position: sticky; top: 6rem; }
.divider-line {
width: 159px;
height: 4px;
background: #686cd0;
margin: -15px auto;
border-radius: 6px;
}
.newexperience{
width: 167px;
height: 4px;
background: #686cd0;
margin: 11px auto;
border-radius: 6px;
}
.certificate{
width: 180px;
height: 4px;
background: #686cd0;
margin: 10px auto;
border-radius: 6px;
}
.projects{
width: 20%;
height: 4px;
background: #686cd0;
margin: 11px auto;
border-radius: 6px;
}
.get{
width: 15%;
height: 4px;
background: #686cd0;
margin: 11px auto;
border-radius: 6px;
}
.btn{
color: white;
background-color: #686cd0;
}
.btn:hover{
color: white;
border: 1px solid #686cd0;
background-color: rgba(100, 99, 97, 0.525);
}
#about{
  border-top: 4px solid rgb(181, 181, 183);
}
.ff{
font-family: "EB Garamond", serif;
font-size: 20px;
}
.ff:hover{
  color: blue;
}
.info{
font-family: "EB Garamond", serif;
font-weight: bold;
margin-top: 3%;
}
.nav-link{
font-family: "EB Garamond", serif;
}
.nav-link:hover{
color: #686cd0;
}