:root{
    --theme-purple : #2709bb;
    --theme-purple-light : #4b47fe;
    --theme-purple-light-1 : rgba(109, 90, 202, 0.71);
    ;
    --t : rgba(80,80,80,.35);
}

@font-face{
    font-family: "Domine Bold";
    src: url("../assets/fonts/Domine/static/Domine-Bold.ttf")
}
@font-face{
    font-family: "Domine Medium";
    src: url("../assets/fonts/Domine/static/Domine-Medium.ttf")
}
@font-face{
    font-family: "Domine Regular";
    src: url("../assets/fonts/Domine/static/Domine-Regular.ttf")
}
@font-face{
    font-family: "Domine Semi Bold";
    src: url("../assets/fonts/Domine/static/Domine-SemiBold.ttf")
}

@font-face {
    font-family: "Monoton";
    src: url();
}

.top-hero{
    margin-top : 50px;
    margin-bottom : 50px
}
.font-monoton {
    font-family: 'Monoton', cursive;
}
.font-unbounded{
    font-family: 'Unbounded', cursive;
}
.font-domine-bold {
    font-family: "Domine Bold";
}
.font-domine-semi-bold {
    font-family: "Domine Semi Bold";
}
.font-domine-medium {
    font-family: "Domine Medium";
}
.font-domine-regular {
    font-family: "Domine Regular";
}
.text-align-right{
    text-align: right;
}
.aboutus-bg{
    padding : 100px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7189) 0%, rgba(0, 0, 0, 0.8554) 0.01%, rgba(0, 0, 0, 0.7917) 5.73%, rgba(0, 0, 0, 0.86156) 30.73%, rgba(0, 0, 0, 0.91) 41.67%, rgba(0, 0, 0, 0.883941) 82.29%),
linear-gradient(0deg, rgba(135, 135, 135, 0.14), rgba(135, 135, 135, 0.14));

}
.theme-bg-purple{
    background-color: var(--theme-purple);
}

.theme-bg-purple-light{
    background-color: var(--theme-purple-light);
}

.theme-bg-purple-light-1{
    background-color: var(--theme-purple-light-1);
}

.theme-text-purple{
    color : var(--theme-purple)
}
.theme-text-purple-light{
    color : var(--theme-purple-light)
}

.sphere-anim-container{
    padding : 5%;
    margin : 10px
}

footer{
    padding:70px;
    padding-top: 50px;
    color : white
}
.small-text{
    font-size: 12px;
}
.tiny-text{
    font-size: 10px;
}

.contact-us-form{
    padding: 50px
}

iframe{
    width: fit-content;
}

a{
    text-decoration: none;
    color : inherit
}
.active-link{
    border-bottom: 5px solid var(--theme-purple-light);
}