@import 'tailwindcss';

.body {
    background-color: var(--ac-surface);
}

.nextjs-toast {
    position: unset !important;
    display: none !important;
}

.navbar .navbar-links>.link-item {
    padding: 0.2rem 0.5rem;
}

.full-bg {

    background-size: cover !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.full-bg.fixed {
    background-attachment: fixed !important;
}

.full-bg.centered {
    background-position: center !important;
}

.gd-text {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.gd-text.blue {
    background-image: linear-gradient(to right, var(--ac-purple-500), var(--ac-purple-800)) !important;
}

.gd-text.red {
    background-image: linear-gradient(to right, #ef4444, #991b1b) !important;
}

.disabled {
    opacity: .3 !important;
    pointer-events: none !important;
}

.disabled-blind {
    opacity: .1 !important;
    pointer-events: none !important;
}

.disabled-light {
    opacity: .45 !important;
    pointer-events: none !important;
}

.disabled-visible {
    opacity: .85 !important;
    pointer-events: none !important;
}

.loader {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.loader.white {
    color: #ffffff;
}

.loader.primary {
    color: #16735d;
}

.loader.blue {
    color: #16735d;
}

.loader.accent {
    color: #e54600;
}

.loader.yellow {
    color: #fbc530;
}

.loader.purple {
    color: #5937a4;
}

.loader.orange {
    color: #FF6416;
}

.loader::before,
.loader::after {
    width: 30px;
    height: 30px;
    display: inline-flex;
    position: absolute;
    content: '';
    border-radius: 100px;
    top: 0;
    left: 0;
}

.loader::before {
    border: 2px solid currentColor;
    opacity: .15;
}

.loader::after {
    border: 2px solid;
    border-color: transparent;
    border-top-color: currentColor;

    -webkit-animation: spin-loader .6s linear;
    animation: spin-loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.loader.md,
.loader.md::before,
.loader.md::after {
    width: 25px;
    height: 25px;
}

.loader.md::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.loader.md::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.loader.sm,
.loader.sm::before,
.loader.sm::after {
    width: 20px;
    height: 20px;
}

.loader.sm::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.loader.sm::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.loader.lg,
.loader.lg::before,
.loader.lg::after {
    width: 35px;
    height: 35px;
}

.loader.lg::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.loader.lg::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.loader.lgr,
.loader.lgr::before,
.loader.lgr::after {
    width: 76px;
    height: 76px;
}

.loader.lgr::before {
    border: 0.3rem solid currentColor;
    opacity: .15;
}

.loader.lgr::after {
    border: 0.3rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.loader.xlg,
.loader.xlg::before,
.loader.xlg::after {
    width: 50px;
    height: 50px;
}

.loader.xlg::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.loader.xlg::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

@-webkit-keyframes spin-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes govar-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.govar-marquee-track {
    width: max-content;
    animation: govar-marquee 28s linear infinite;
    will-change: transform;
}

/* CONCREAP CUSTOM ICON */

.cp-icon {
    position: relative;
}

.cp-icon i {
    font-style: normal;
}

.cp-icon.grad {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.cp-icon .path1::before {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: unset !important;
    background-clip: text !important;
}

.cp-icon.reverse .path2::before,
.cp-icon.trio.reverse .path3::before {
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
}

.cp-icon.grad {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.cp-icon .path1::before {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.cp-icon .path2::before,
.cp-icon.trio .path3::before {
    color: #ABA7DF;
}

.cp-icon.active.grad,
.cp-icon.grad:hover {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.cp-icon.active .path1::before,
.cp-icon:hover .path1::before {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.cp-icon.active .path2::before,
.cp-icon:hover .path2::before,
.cp-icon.trio.active .path3::before,
.cp-icon.trio:hover .path3::before {
    color: #03BBFF;
}

.cp-icon.reverse .path1::before {
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
}

.cp-icon.reverse .path2::before,
.cp-icon.trio.reverse .path3::before {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: unset !important;
    background-clip: text !important;
}

.cp-icon.reverse .path1::before {
    color: #ABA7DF !important;
    background: unset !important;
}

.cp-icon.reverse .path2::before,
.cp-icon.trio.reverse .path2::before {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.cp-icon.reverse.active .path1::before,
.cp-icon.reverse:hover .path1::before {
    color: #03BBFF !important;
}

.cp-icon.reverse.active .path2::before,
.cp-icon.reverse:hover .path2::before,
.cp-icon.trio.reverse.active .path2::before,
.cp-icon.trio.reverse:hover .path2::before {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.cp-icon.white::before {
    color: #fff !important;
}

.cp-icon.flat,
.cp-icon.flat .path1::before,
.cp-icon.flat .path2::before,
.cp-icon.flat .path3::before,
.cp-icon.flat .path4::before {
    color: #8786E7;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background: unset;
    background-clip: initial !important;
}

.cp-icon.flat.cp-settings .path2::before {
    color: #E5E5FD;
}

.cp-icon.flat.white,
.cp-icon.flat.white .path1::before,
.cp-icon.flat.white .path2::before,
.cp-icon.flat.white .path3::before,
.cp-icon.flat.white .path4::before {
    color: #fff;
}

.appstore-btn {
  @apply text-sm text-white py-4 px-4 text-center bg-[#1C1E2A] md:w-[181px] w-full rounded-lg flex items-center justify-center;
}

/* END CONCREAP CUSTOM ICON */