/* @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
}
 
.whiteBtn{
  @apply bg-white text-blue-600
}
.largeBtn{
  @apply text-sm px-7 py-3 rounded-3xl
}

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

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

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

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

 .homeTab{
   @apply text-sm py-3 w-1/5 border-t border-b cursor-pointer font-medium
 }

 .currentTab{
   @apply border-mainBlue text-mainBlue
 }
 .mainHeader{
  @apply text-3xl font-semibold  text-headerMain text-center
 }

 .secondHeader{
  @apply text-xl font-semibold text-headerMain text-center
 }