/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* Custom Font Faces */
@font-face {
    font-family: "NeueMachina-Light";
    src: url("./assets/NeueMachina-Light.otf");
}
@font-face {
    font-family: "NeueMachina-Regular";
    src: url("./assets/NeueMachina-Regular.otf");
}
@font-face {
    font-family: "NeueMachina-Ultrabold";
    src: url("./assets/NeueMachina-Ultrabold.otf");
}

/* <!-- 
  Developed by Ashish Kumar
  Social Media: @royalashu4u
  Contact: swera7827@gmail.com
--> */


/* Root Variables */
:root {
    --primary-color: #000046;
    --secondary-color: #1CB5E0;
    --light-color: #BBAFFE;
    --gray-color: #D5D5D2;
}

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Styling */
html, body {
    width: 100%;
    height: 100%;
    font-family: "Rubik", sans-serif;
    background-color: var(--primary-color);
    color: var(--gray-color);
}
body{
    overflow-x: hidden;
}


input, button, select {
    outline: none;
}
input{
    background-color: transparent;
}

select option {
    color: var(--primary-color);
}

/* Navbar */
#nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: var(--primary-color);
    color: var(--light-color);
}

#logo {
    font-family: "NeueMachina-Regular";
    font-weight: 600;
}


/* Slider Text Mask */
.srv-slider-text {
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        var(--primary-color) 20%,
        var(--primary-color) 80%,
        transparent 100%
    );
}

.srv-slider-text .item {
    animation: text-slide 10s linear infinite;
    pointer-events: none;
    position: relative;
}

/* Keyframes for Slider Animation */
@keyframes text-slide {
    from {
        left: 0%;
    }
    to {
        left: -110%;
    }
}