@font-face {
    font-family: 'Mulish';
    src: url('/src/resources/mulish/Mulish-Regular.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-Bold.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-ExtraBold.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-Medium.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-SemiBold.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-Light.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-ExtraLight.ttf') format('ttf');
    src: url('/src/resources/mulish/Mulish-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
  }

.hero-bg-custom {
    width: 100%;
    height: 100%;
    opacity: 0.03;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 72px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: -1;
}

.bg-image-gradient-radial-custom {
    background-image: radial-gradient(circle at 97%, #4105428f, #0d007199);
}

.bg-image-gradient-radial-custom-reverse {
    background-image: radial-gradient(circle at 05%, #0d007199, #4105428f);
}

.bg-image-gradient-linear-custom {
    background-image: linear-gradient(180deg, rgba(32,51,93,1) 0%, rgba(47,4,92,1) 100%); 
}



.rotating-border-custom {
    position: relative;
    background: #fff;
    padding: 3px;  /* Creates space for the border */
}

.rotating-border-custom::before {
    content: '';
    position: absolute;
    inset: -4px;
    background: linear-gradient(45deg, #3b82f6, #06b6d4, #3b82f6);
    border-radius: 8px;  /* Slightly larger than image rounded-md */
    z-index: -1;
    animation: rotate 3s linear infinite;
}

@keyframes rotate {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 200%;
    }
}