:root {
  --main-color: #f1f1f1;
  --custom-orange-1: #EB5E0B;
  --custom-orange-light-1: #ffdcd4;
  --custom-orange-light-2: #f55f0b;
  --custome-gray: #676767;
  --nav-color: #e3e3e3;
  --nav-color-light-1: #bbebe3;
  --nav-color-dark-1: #8bbab2;
  font-family: Georgia, serif;
}


/*serif!*:root {*!*/
/*!*  --main-color: #d8f0ff;*!*/
/*!*  --custom-orange-1: #3E6380;*!*/
/*!*  --custom-orange-light-1: #60a1cd;*!*/
/*!*  --custom-orange-light-2: #6fb7eb;*!*/
/*!*  --custome-gray: #ffffff;*!*/
/*!*  --nav-color: #b1e0ff;*!*/
/*!*  --nav-color-light-1: #abd6f5;*!*/
/*!*  --nav-color-dark-1: #3E6380;*!*/
/*!*  font-family: Georgia, serif;*!*/
/*!*}*!*/

body {
  background-color: var(--main-color);
}

.text-color-custom-gray{
  color: #444 !important;
}

.text-color-custom-orange{
  color: var(--custom-orange-1) !important;
}

.text-color-custome-orange-light-2{
  color: var(--custom-orange-light-2) !important;
}
.footer-copyright{
  background-color: var(--nav-color) !important;
}
.page-footer {
  background-color: var(--nav-color) !important;
  padding-top: 0px;
}

.header_link a:hover{
  color: var(--custom-orange-1) !important;
  transition: 0.3s;
}

.justify-text{
  text-align: justify;
  text-justify: inter-word;
}
nav{
  background-color: var(--nav-color) !important;
}

nav.nav-center ul {
  text-align: center;
}

nav.nav-center ul li {
  display: inline;
  float: none;
}

nav.nav-center ul li a {
  display: inline-block;
}

nav.nav-center a:hover {
  background-color: var(--custom-orange-1) !important;
  color: white;
}

ul.sidenav li a:hover {
  background-color: var(--custom-orange-1) !important;
  color: white;
}

.card-overlay {
  background-color: rgba(0, 0, 0, 0.68) !important;
}

.parallax-container {
  min-height: auto !important;
}

@media only screen and (max-width: 992px) {
  /*.parallax-container {*/
  /*  min-height: 650px !important;*/
  /*}*/
  .parallax-container .section {
    #top: 10% !important;
    position: static;
  }
}
@media only screen and (max-width: 1498px) and (min-width: 993px){
  nav{
    height: 128px !important;
  }
  .parallax-container .section{
    margin-top: 64px;
  }
}
/*.divider {*/
/*  width: 2px;*/
/*  margin: 6px 0;*/
/*  background: blue;*/
/*}*/
/*# sourceMappingURL=index.css.map */

.all-timelines {
  position: relative;
}

.all-timelines h6 {
  color: black !important;
  margin: 0;
}

.single-timeline {
  margin-bottom: 22px;
}

/*.container {*/
/*  width: 100%;*/
/*  max-width: 1140px;*/
/*  padding: 0 15px;*/
/*  box-sizing: border-box;*/
/*  margin: 0 auto;*/
/*}*/
/*.timelines h2 {*/
/*  text-align: center;*/
/*  color: black;*/
/*  font-weight: 600;*/
/*  margin-bottom: 40px;*/
/*  font-size: 32px;*/
/*}*/
.d-flex-2 {
  display: flex;
  align-items: center;
}
.timeline-area {
  padding: 80px 0;
}

.all-timelines::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 0.2rem;
  background: var(--custom-orange-1);
  top: 20px;
}

.timeline-blank {
  width: 50%;
}
.timeline-text {
  width: 50%;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.timeline-text h6 {
  color: black;
  font-weight: 900;
  display: inline-block;
  font-size: 1rem;
}
.timeline-text span {
  color: black;
  display: block;
  width: 100%;
}
.single-timeline:nth-child(even) .timeline-text span {
  text-align: right;
}
.t-square {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  /*border-radius:50%;*/
  left: -7px;
  background: var(--custom-orange-1);
}
.single-timeline:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.single-timeline:nth-child(even) .t-square {
  right: -7px;
  left: unset;
}
.single-timeline:nth-child(even) .timeline-text {
  padding-left: 0;
  padding-right: 30px;
  text-align: right;
}

@media all and (max-width: 991px) {
}
@media all and (max-width: 40rem) {
  .all-timelines::before {
    right: unset;
    top: 0;
  }
  .single-timeline:nth-child(2n) .timeline-text {
    padding-left: 30px;
    padding-right: 0;
    text-align: left;
  }
  .single-timeline:nth-child(2n) .t-square {
    left: -6px;
    right: unset;
  }
  .timeline-blank {
    display: none;
  }
  .timeline-text {
    width: 100%;
  }
  .single-timeline:nth-child(even) .timeline-text span {
    text-align: left !important;
  }
}
@media all and (max-width: 40rem) {
}
@media all and (max-width: 40rem) {
  .all-timelines::before {
    top: 32px;
  }
}

/*Pub timeline CSS*/
.pub-timeline{
  color: black;
}
.pub-timeline ul{
  list-style-type:none;
  border-left:0.2rem solid var(--nav-color);
  padding:10px 5px;
}
.pub-timeline ul li{
  padding:0px 10px;
  position:relative;
  /*cursor:pointer;*/
  transition:.5s;
}

.pub-timeline ul li .pub-content p{
  /*padding:5px 0px 15px 0px;*/
  font-size:1rem;
}
.pub-content a:hover{
  /*padding:5px 0px 15px 0px;*/
  color: var(--custom-orange-1) !important;
}
.pub-timeline ul li:before{
  position:absolute;
  content:'';
  width:14px;
  height:14px;
  background-color: var(--nav-color-dark-1);
  /*border-radius:50%;*/
  left:-13px;
  top:11px;
  transition:.5s;
}
.pub-timeline ul li:hover{
  background-color: var(--custom-orange-light-1);
}
.pub-timeline ul li:hover:before{
  background-color:var(--custom-orange-1);
  box-shadow:0px 0px 10px 2px var(--custom-orange-1);
}
@media (max-width: 40rem){
  .pub-timeline{
    width:100%;
    padding:30px 5px 30px 10px;
  }
  /*.pub-timeline ul li .content h3{*/
  /*  color:#34ace0;*/
  /*  font-size:15px;*/
  /*}*/
}

/*Teaching experience section*/

.card-time-line ul {
  --col-gap: 2.5rem;
  --row-gap: 1rem;
  --line-w: 0.2rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
.card-time-line ul::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: var(--nav-color-dark-1);
  border-radius: calc(var(--line-w) / 2);
}

 /*columns*/

/* row gaps */
.card-time-line ul li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.card-time-line ul li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  /*grid-template-rows: minx-content min-content min-content;*/
}


/* date */
.card-time-line ul li .date {
  --dateH: 2.5rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--custom-orange-1);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: flex;
  align-items: center;
  justify-content: center;
  place-content: center;
  position: relative;
  i {
    margin-right: 0.5rem; /* Adjust the space between the icon and the text */
  }
  /*border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);*/
}

/* date flap */
/*.card-time-line ul li .date::before {*/
/*  content: "";*/
/*  width: var(--inlineP);*/
/*  aspect-ratio: 1;*/
/*  !*background: var(--accent-color);*!*/
/*  !*background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);*!*/
/*  position: absolute;*/
/*  top: 100%;*/

/*  !*clip-path: polygon(0 0, 100% 0, 0 100%);*!*/
/*  right: 0;*/
/*}*/

/* square */
.card-time-line ul li .date::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  aspect-ratio: 1;
  background: var(--nav-color-dark-1);
  /*border: 0.3rem solid var(--nav-color-dark-1);*/
  /*border-radius: 50%;*/
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.card-time-line ul li .title,
.card-time-line ul li .descr {
  /*background: var(--bgColor);*/
  position: relative;
  padding-inline: 2.5rem;

}
.card-time-line ul li .title {
  overflow: hidden;
  padding-block-start: 1.25rem;
  /*padding-block-end: 1rem;*/
  font-weight: 700;
}
.card-time-line ul li .descr {
  padding-block-end: 1.5rem;
  /*font-weight: 300;*/

}

 /*shadows*/
.card-time-line ul li .title::before,
.card-time-line ul li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.1rem;
  background: rgba(0, 0, 0, 0.6);
  left: 50%;
  border-radius: 50%;
  /*filter: blur(4px);*/
  transform: translate(-50%, 50%);
}
.card-time-line ul li .title::before {
  bottom: calc(100% + 0.125rem);
}

.card-time-line ul li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
  .card-time-line ul {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  .card-time-line ul::before {
    grid-column: 2;
  }
  .card-time-line ul li:nth-child(odd) {
    grid-column: 1;
  }
  .card-time-line ul li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  .card-time-line ul li:nth-child(2) {
    grid-row: 2/4;
  }

  /*.card-time-line ul li:nth-child(odd) .date::before {*/
    /*clip-path: polygon(0 0, 100% 0, 100% 100%);*/
    /*left: 0;*/
  /*}*/

  .card-time-line ul li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  /*.card-time-line ul li:nth-child(odd) .date {*/
    /*border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;*/
  /*}*/
}

/*Technical skills*/
.card{
  min-height: 12.5rem;
}
/*@media all and (max-width: 100rem) and  {*/
/*  .card{*/
/*    min-height: 18rem;*/
/*  }*/
/*}*/
@media all and (min-width: 1450px){
  .card{
    min-height: 18rem;
  }
}
@media all and (min-width: 1300px) and (max-width: 1450px){
  .card{
    min-height: 20rem;
  }
}
@media all and (min-width: 990px) and (max-width: 1300px){
  .card{
    min-height: 22rem;
  }
}
@media all and (min-width: 800px) and (max-width: 990px){
  .card{
    min-height: 18rem;
  }
}
@media all and (min-width: 700px) and (max-width: 800px){
  .card{
    min-height: 20rem;
  }
}
@media all and (min-width: 600px) and (max-width: 700px){
  .card{
    min-height: 22rem;
  }
}

.card{
  /*color: var(--custome-gray);*/
  background-color: var(--nav-color-light-1);
  /*background-color: var( --main-color);*/
}

.card .card-title{
  /*color: gray;*/
  font-weight: 600;

}
.card .card-title:after{
  content: '';
  position: relative;
  left: 50%;
  /*top: 20px;*/
  transform: translateX(-50%);
  display: block;
  width: 50%;
  height: 2px;
  /*background: var(--custome-gray);*/
  background: var(--custom-orange-1);
  border-radius: 50%;
}

.card:hover .card-title:after {
  width: 90%;
  /*background: var(--custom-orange-1);*/
  transition: .5s;
}

.card i{
  color: var(--custom-orange-1);
  transition: .5s;
}

/*.card:hover i{*/
/*  color: var(--custom-orange-1);*/
/*  transition: .5s;*/
/*}*/

.card:hover{
  color: black;
  box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  transition: .5s;
  background-color: var(--nav-color-light-1);
}