.fa-twitter::before {
  content: "\1D54F";
  /* Mathematical Double-Struck Capital X */
  font-family: sans-serif;
  /* Use a standard font for this character */
  font-weight: normal;
}

.anchor_color {
  color: #828bb2;
}

.font_sm_16 {
  font-size: 16px;
}

.slider_area .single_slider::before {
  position: absolute;
  bottom: 0;
  left: 0;
  /* combine image with a grey gradient overlay on the right side */
  background: linear-gradient(to left, rgba(211, 211, 211, 0.5) 0%, transparent 100%),
    url('../img/about/nikhil.jpg');
  background-size: cover;
  /* background-position: center; */
  width: 724px;
  height: 767px;
  content: '';
  border-radius: 25%;
}

.header-area .main-header-area .main-menu ul li .submenu {
  width: 210px;
}

@media (max-width: 767px) {
  .slider_area .single_slider::before {
    width: 100%;
    height: 100%;
    top: 88px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, transparent 100%),
      url('../img/about/nikhil.jpg');
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0px;
    background-size: cover;
    /* background-position: center; */
  }

  .bradcam_area {
    padding: 120px 0 50px 0 !important;
  }

  .slicknav_btn {
    top: 25px;
  }

  .header-area .main-header-area {
    min-height: 90px;
  }

  .logo>a {
    position: relative;
  }

  .logo>a>img {
    height: 85px;
    position: absolute;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider_area .single_slider::before {
    width: 100%;
    height: 100%;
    top: 120px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, transparent 100%),
      url('../img/about/nikhil.jpg');
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0px;
    background-size: cover;
    /* background-position: center; */
  }

  .bradcam_area {
    padding: 200px 0 100px 0 !important
  }

  .slicknav_menu .slicknav_btn {
    top: -60px;
  }
}

@media (max-width: 480px) {
  .slicknav_menu .slicknav_nav {
    top: 78px;
  }
}


/* removed separate ::after overlay since gradient now part of ::before */