/* @type */

.blurHeaderBg{
  @apply bg-opacity-90 bg-white
}

.transHeaderBg{
  @apply bg-transparent
}

.mainBtn{
 @apply border border-mainBlue text-white hover:bg-white hover:border-gray-400 hover:text-gray-600 transition duration-500 bg-mainBlue 
}

.secondBtn{
  @apply border border-mainBlue text-mainBlue hover:bg-white hover:border-gray-400 hover:text-gray-600 transition duration-500 bg-white 
}

.darkBtn{
  @apply border border-gray-800 text-white hover:bg-white hover:border-gray-400 hover:text-gray-600 transition duration-500 bg-gray-800
}
 
.largeBtn{
  @apply text-base px-6 py-2 rounded-3xl
}

.meduimBtn{
  @apply text-sm py-1 px-4 rounded-2xl
}

.footerMainFont{
 @apply text-base text-white pb-4 cursor-default
}

.footerSecondFont{
  @apply text-sm  text-gray-400 pb-3 cursor-pointer
}

.footerMainFontMobile{
  @apply text-sm text-white pb-3 cursor-default
 }
 
 .footerSecondFontMobile{
   @apply text-xs  text-gray-400 pb-2 cursor-pointer pr-5
 }

 .homeTab{
   @apply text-sm py-3 w-1/5 border border-gray-100 text-gray-400  hover:border-mainBlue hover:text-mainBlue cursor-pointer
 }