:root {
    --font: oswald, sans-serif, Arial, sans-serif;
    --navy: #0b1836;
    --navy-2: #122448;
    --blue: #1f4ea3;
    --blue-2: #3b82f6;
    --gold: #e2b54f;
    --gold-2: #f2d488;
    --green: #8fb832;
    --brand-grad: linear-gradient(90deg, #2a2a78, #1f4ea3 30%, #e2b54f 68%, #8fb832);
    --soft: #eef4ff;
    --bg: #f7f9fe;
    --text: #243041;
    --muted: #5b6b84;
    --line: #e5ebf4;
    --white: #fff;
    --radius: 18px;
    --shadow: 0 6px 24px rgba(11, 24, 54, .07), 0 1px 3px rgba(11, 24, 54, .05);
    --shadow-lg: 0 18px 50px rgba(11, 24, 54, .14);
}
h1 {
    letter-spacing: 0px;
    font-family:var(--font) !important;
    font-weight: 400;
}
#gtranslate-loading {
    display: none;
    position: absolute;
    inset: 0;
    
    z-index: 999999;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
}
.show{
    display: block !important;
}
.gtranslate-loading-box {
    /* diplay:none; */
    position:absolute;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    border-radius: 50px;
    background: #FFF url("../../media/images/translate_24dp.png") 50% 50% no-repeat;
    transition: all .6s ease-in-out;
    transform: scale(.4);
    opacity: 0.8
}
.rotate {
    margin: 2px 0 0 2px;
    -webkit-animation: spinner-rotator 1.4s linear infinite;
    animation: spinner-rotator 1.4s linear infinite
}

@-webkit-keyframes spinner-rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes spinner-rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}
.circle {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    stroke: #4285F4;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spinner-dash 1.4s ease-in-out infinite;
    animation: spinner-dash 1.4s ease-in-out infinite
}

@-webkit-keyframes spinner-dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}