/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.anchor-componenent .anchor-nav-component-mobile.sticky,
.anchor-componenent .anchor-nav-component-desktop.sticky {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0; }

.anchor-componenent .anchor-nav-component-mobile {
  max-width: 100%;
  width: 100%;
  min-height: 3.3125rem; }
  .anchor-componenent .anchor-nav-component-mobile:after {
    top: 1.25rem; }
  .anchor-componenent .anchor-nav-component-mobile .anchor-nav-mobile {
    border-radius: 0;
    border: 0;
    padding-top: 1rem;
    height: 100%; }
  .anchor-componenent .anchor-nav-component-mobile.light-theme:after {
    border-bottom-color: #1d2323;
    border-right-color: #1d2323; }
  .anchor-componenent .anchor-nav-component-mobile.light-theme .anchor-nav-mobile {
    color: #1d2323; }
  .anchor-componenent .anchor-nav-component-mobile.dark-theme:after {
    border-bottom-color: #fff;
    border-right-color: #fff; }
  .anchor-componenent .anchor-nav-component-mobile.dark-theme .anchor-nav-mobile {
    background-color: #1d2323;
    color: #fff; }
    .anchor-componenent .anchor-nav-component-mobile.dark-theme .anchor-nav-mobile .dropdown-options {
      background-color: #fff;
      color: #fff; }

.anchor-componenent .anchor-nav-component-desktop {
  min-height: 3.3125rem;
  position: relative; }
  .anchor-componenent .anchor-nav-component-desktop.dark-theme {
    background-color: #1d2323; }
    .anchor-componenent .anchor-nav-component-desktop.dark-theme li.active .anchor-links {
      background-color: #606565;
      color: #fff;
      border-bottom: 0.125rem solid #fff; }
  .anchor-componenent .anchor-nav-component-desktop .anchor-nav {
    list-style-type: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .anchor-componenent .anchor-nav-component-desktop .anchor-nav li {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      .anchor-componenent .anchor-nav-component-desktop .anchor-nav li .anchor-links {
        width: 100%;
        height: 100%;
        word-break: break-word;
        min-width: 8.125rem;
        border-radius: 0;
        padding: 1rem;
        border: 0; }
        .anchor-componenent .anchor-nav-component-desktop .anchor-nav li .anchor-links:focus:after {
          top: -0.25rem;
          bottom: -0.25rem;
          left: -0.25rem;
          right: -0.25rem;
          border-radius: 0;
          z-index: 1; }
        .anchor-componenent .anchor-nav-component-desktop .anchor-nav li .anchor-links:active {
          z-index: 1; }
          .anchor-componenent .anchor-nav-component-desktop .anchor-nav li .anchor-links:active:after {
            border-radius: 0; }
  .anchor-componenent .anchor-nav-component-desktop.light-theme {
    background-color: #fff;
    color: #1d2323; }
    .anchor-componenent .anchor-nav-component-desktop.light-theme li.active .anchor-links {
      color: #fff;
      background-color: #1d2323; }

body.sticky-nav-mobile .anchor-nav-component-mobile.sticky {
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out; }
  @media (max-width: 991.98px) {
    body.sticky-nav-mobile .anchor-nav-component-mobile.sticky {
      top: 4.125rem; } }
  @media (max-width: 767.98px) {
    body.sticky-nav-mobile .anchor-nav-component-mobile.sticky {
      top: 2.5rem; } }

@media (max-width: 991.98px) {
  body.sticky-nav-mobile.nav-hide .anchor-nav-component-mobile.sticky {
    top: 0;
    -webkit-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out; } }