/**
*****************************************
	Theme Name: 
	Author: 
	Author URL: 
	Version: 1.0
******************************************
**/
/*
01. Header Main Styles.
02. Header Responsive.
*/

/*--header--*/

.top-header-area li a,
.top-header-area li span{
      font-size: 0.86rem;
}
.support-icon span{
    font-size: 0.8rem;
    font-weight: 600;
}
.support-icon h6{
  font-family: 'font-1';
  margin: 0;
}
.nav-link{
  text-transform: capitalize; 
  position: relative;
  transition: 0.3s ease-in-out;
  font-family: 'font-1';
  font-weight: 500;
  font-size: 0.95rem;
  color: #02030a;
}
.nav-link:hover{
    color: var(--main-1);
}
.nav-link.active{
    color: var(--main-1);
    position: relative;
}
.sticky_header{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  animation: smoothScroll 1s forwards;
  background: #fff;
  box-shadow: 8px -10px 8px 10px rgba(0, 0, 0, 0.20);
}
.navbar-brand img{
  height: 65px;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-120px);
	}
	100% {
		transform: translateY(0px);
	}
}
@media (min-width: 991px){
    .close-btn{
        display: none;
    }
}
@media (max-width: 991px){
    .sidenav {
        height: 1000px !important;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #111;
        transition: 0.5s;
        padding-top: 20px;
    }
    .sidenav  ul{
          padding-left: 25px;
      }      
      .sidenav .close-btn {
            display: flex !important;
            justify-content: flex-end;
            padding: 8px 20px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s;
      }
            .sidenav .close-btn:hover{
                color: red;
            }
        .sidenav .nav-link{
            padding: 10px 0;
        }
.navbar-toggler{
    color: var(--main-1) !important;
    border-radius: 0;
    font-size: 1.5rem;
}
}