@font-face {
    font-family: futura_light_bt;
    src: url(./futura_light_bt.ttf);
}

@font-face {
    font-family: futura_light_I;
    src: url(./Futura\ Light\ Italic\ font.ttf);
}



/* Colors */
:root{
    --primary_color: #174ea1;
    --primary_hover_color: #1a52a2;
    --secondary_color: #222D32;
    --secondary_hover_color: #1E282C;
    --background_color:#ECF0F5;
}
/* End Colors */

.owl-nav.disabled {
    display: none !important;
}

.slider-content {
    margin-left: 5%;
    font-family: futura;
}

.pub_title {
    height: 5rem;
}

.publications_img{
    height: 10rem;
}

.about_content{
    text-align: justify;
}

.about_img{

}

.owl-nav.disabled{
    display:none !important;
}


/* Calender */
.month {
    padding: 20px 25px;
    width: 100%;
    background: #000;
    text-align: center;
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 20px;
    /* text-transform: uppercase; */
    letter-spacing: 3px;
}

.month ul li a{
    color: white;
}

.month ul li a:hover{
    color: gray;
}

.month .prev {
    float: left;
    padding-top: 10px;
}

.prev_month:hover, .next_month:hover{cursor:pointer;color:#ddd;}

.month .next {
    float: right;
    padding-top: 10px;
}

.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #ddd;
    overflow: hidden;
}

.weekdays li {
    display: block;
    width: 14.285%;
    color: #666;
    text-align: center;
    float: left;
}

.days {
    /* padding: 10px 0;
    margin: 0;
    overflow: hidden; */

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2px;
    margin-left: -2px;padding: 0;
    margin-top: 15px;
}

.days li {
    position: relative;
    padding-right: 2px;
    padding-left: 2px;
    width: 14.285%;
    list-style-type: none;
    display: block;


    /* padding: 5px; */
    /* min-height: 150px; */
    /* position: relative;
    float: left; */
    /* margin-left: 2px; */
    /* margin-right: 2px; */
}
.days li span{
    display: block;
    /* display: inline-block; */
    margin-bottom: 5px;
    font-size: 22px;
    color: #fff;
    background: green;
    text-align: center;
}
.days li span:hover{
    /* background: #F8F8F8; */
    cursor: pointer;
    color: #ddd;
}
.days li span.disabled{
    background: #ddd;color: #fff; height: 70px;}
.days li span.disabled:hover{cursor: not-allowed;}

/* .days li .active {
padding: 5px;
background: #1abc9c;
color: white !important;
margin-bottom: 5px;
display: inline-block;
} */

.days li ul{margin:0;padding:0}
.days li ul li{float: unset;
    display: table;
    height: auto;
    width: 100%;
    min-height: auto;    padding: 0 0;}
.days li ul li i:hover{cursor:pointer;color:red;}
.addEvent{
    position: absolute;
    top: 5px;
    right: 5px;
}
.addEvent:hover{
    cursor:pointer;
    color:green;
}

.view_slot_btn.available {
    /* padding: 29px 0; */
}

.view_slot_btn.available span{
    font-weight: 300;
}
/* End Calender */

/* about me page */
.about-me p {
    font-family: 'Hind Siliguri', sans-serif;
    margin-bottom: 15px;
  }

.about-me .graybg{
    background: #eaeaea;
    overflow: hidden;
  }

.about-me .aboutherocontent {
padding-top: 20%;
font-family: 'Oswald', sans-serif !important;
}
.about-me .description {
width: 80%;
align-items: center;
margin: auto;
}

h1{
    font-family: futura_light_I;
    font-size: 40px;
    margin-bottom: 6px;
    font-weight: 800;
}

h2{
    font-family: futura_light_I;
    font-size: 30px;
    margin-bottom: 6px;
    font-weight: 800;
}

h3{
    font-family: futura_light_I;
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: 800;
}


/* .about-me .aboutherocontent .title h1{
font-size: 40px;
margin-bottom: 6px;
font-weight: 800;
} */



.about-me .sub-title{
  margin-bottom: 50px;
}

.about-me .sub-title h4::after {
content: "";
background: red;
color: red;
height: 3px;
width: 50px;
position: absolute;
left: 0;
top: 33px;
}
.about-me .sub-title h4:hover:after {
    content: "";
    background: red;
    color: red;
    height: 3px;
    width: 80px;
    position: absolute;
    left: 0;
    top: 33px;
    transition: .8s;
}
.about-me .sub-title h4 {
    position: relative;
}

.about-me img.roundbg {
  height: 380px;
  top: -40px;
}

  /* shine */
  .about-me .shine {
  /* position:absolute; */
  overflow: hidden;
  margin-top: -88%;
}

.about-me .shine:after {
  content: "";
  position: absolute;
    top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);

  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */
.about-me .shine:hover:after {
  opacity: 1;
  left: 130%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */
.about-me .shine:active:after {
  opacity: 0;
}

.about-me .bio-pic {
    top: 0px;
  }

  .bio-pic.shine img {
    top: 65px;
  }

 /* icon animation */
 .about-me .circle {
    width: 250px;
    height: 250px;
    top: 5%;
    margin-left: 15%;
    background-color: #38bdf8;
    border-radius: 50%;
    position: relative;
    animation: animate 3s linear infinite;
}
.about-me .circle i{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #fff;
  height: 100%;
  cursor: pointer
}
@keyframes animate{
  0%{box-shadow: 0 0 0 0 rgba(74, 228, 255, 0.7) , 0 0 0 0 rgba(136, 209, 254, 0.7)}
  40%{box-shadow: 0 0 0 50px rgb(255, 109, 74, 0) , 0 0 0 0 rgba(74, 152, 255, 0.7)}
  80%{box-shadow: 0 0 0 50px rgb(255, 109, 74, 0) , 0 0 0 30px rgb(255, 109, 74, 0)}
  100%{box-shadow: 0 0 0 0 rgb(255, 109, 74, 0) , 0 0 0 30px rgb(255, 109, 74, 0)}
}

  /* end icon animation */

  /* end about me page */