@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
    font-family: "Galano";
    src: url('./assets/fonts/GalanoGrotesqueDEMO-Bold.otf');
}
@layer components{
    .super-hero-title{
        @apply  text-white text-[135px] tracking-wider font-[400] font-galano leading-[90px]
    }

    .hero-title{
        @apply  text-theme-dark  text-[75px] tracking-wider font-[400] font-galano leading-[90px]
    }


    .title-1-cn{
        @apply text-theme-dark text-[40px] tracking-[2px] font-[900] font-cnnote  leading-[40px]
    }



    .normal-content{
        @apply text-theme-dark text-[14px] tracking-[1px] font-[400] font-cnnote  leading-[20px]
    }


    .title-1-en{
        @apply  text-theme-dark  text-[75px] tracking-wider font-[400] font-galano leading-[65px]
    }


    .int-font-1{
        @apply font-bebas text-[40px] font-[400]
    }
    .int-font-hero{
        @apply font-bebas font-[700] text-[90px] ml-[5px] text-right tracking-widest leading-[91px]
    }
    .int-font-sub{
        @apply font-bebas font-[700] text-[20px] ml-[25px]  tracking-widest leading-[20px]
    }
    

    .subTitle-1-cn{
        @apply text-theme-dark text-[30px] tracking-[1px] font-[400] font-cnnote leading-[30px]
    }
    .sub-title-cn{
        @apply   text-theme-dark text-[24px] tracking-wide font-cnnote font-bold  py-1
    }
    .content-title-cn{
        @apply   text-theme-dark text-[20px]  tracking-wide font-cnnote font-bold py-3
    }
    .content-sub-title-cn{
        @apply   text-theme-dark text-[14px] tracking-wide font-cnnote font-bold py-3
    }
    .content-sub2-title-cn{
        @apply   text-theme-dark text-[16px] tracking-wide font-cnnote font-bold py-3
    }
    .normal-content{
        @apply  text-theme-dark  text-[14px] tracking-wide font-cnnote font-normal
    }
    .normal-text{
        @apply  text-theme-dark  text-[12px] tracking-wide font-cnnote font-normal
    }

    .table-header{
        @apply text-white bg-black py-3 px-2 font-cnnote
    }
    .hoverGlass{
        @apply flex cursor-pointer
        hover:rounded-lg 
        hover:bg-white/30 hover:shadow-sm w-full h-full z-[1] pl-[25px]
        px-8 py-7 rounded-xl transition-all duration-150 
        relative
    }
    .hoverGlass:hover span{
        @apply visible transition-all duration-150 
    }
 

}
boby{
    @apply font-['arial']
}

.hero-baas{
    background: linear-gradient(120deg,#0425F3 30%,#2711AC 40%,#00BBE8 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 。56rem 。61rem 5rem rgba(55, 107, 227, 0.6);
}

.verticalText{
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
}
.centered{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
}
.clip-title{
/* 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}