/**************************** Alt File ******************************/
/************************ Thought for Web ****************************/



/**************** Padding-responsiveness ****************/


.padding-alt-security {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

@media screen and (max-width: 639px) {
  .padding-alt-security {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }


}




/**************** Main navbar ****************/

.main-alt-navbar {
  height: 72px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  min-height: unset !important;
  border-bottom: 1px solid var(--color-base-300) !important;
}



.navbar-alt-title {
  font-size: 2.25rem!important;
  font-family: var(--font-handwritten)!important;  
  font-weight: 100 !important;
  vertical-align: middle;
}

.main-alt-below-navbar {
  border-bottom: 1px solid var(--color-base-300) !important;
}

@media screen and (max-width: 639px) {

  .main-alt-navbar {
    height: 3.5rem !important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    min-height: unset !important;
  }

    .main-alt-navbar > .navbar-center {
    display: none!important;
  }
  .navbar-alt-title {
    display: none!important;
  }
}


@media screen and (min-width: 640px) and (max-width: 1023px) {

  .main-alt-navbar > .navbar-start {
    /* width: fit-content !important; */
    /* width: 40% !important; */
  }

  main-alt-navbar > .navbar-center {
    flex-grow: 1 !important;
    text-align: center !important;
    display: block !important;
  }

  .main-alt-navbar > .navbar-end {
    /* width: fit-content !important; */
  }

  .navbar-alt-title{
    font-size: 1.75rem !important;
    text-align: center !important;

  }

}

/* ************* Tab alt ************* */

.tab-alt-content {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: block;
}

.tab-alt-content.tab-alt-hidden {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  display: none;
}