@import url(https://fonts.googleapis.com/css?family=Poppins);

/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #FEFF63;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3490dc;
    --secondary: #6c757d;
    --success: #38c172;
    --info: #6cb2eb;
    --warning: #FEFF63;
    --danger: #e3342f;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Poppins", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #f8fafc;
}


.bg-genant {
    background-color: #FEFF63 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #ffe817 !important;
}

@font-face {
    font-family: myGenFont;
    src: url(/storage/font/BebasNeue-Regular.otf),
        url(/storage/font/BebasNeue-Regular.ttf),
        url(/storage/font/BebasNeue-Regular.woff),
        url(/storage/font/BebasNeue-Regular.woff2);
}

@font-face {
    font-family: myAntFont;
    src: url(/storage/font/Swagger.ttf);
}

.text-genant {
    margin: 0;
    color: #FEFF63 !important;
}

.text-neue {
    margin: 0;
    font-family: 'myGenFont';
}

.text-swagger {
    margin: 0;
    font-family: 'myAntFont';
}

.text-black {
    margin: 0;
    color: #000000 !important;
}

.btn-genant {
    color: #212529;
    background-color: #FEFF63;
    border-color: #FEFF63;
}

.btn-genant:hover {
    color: #212529;
    background-color: #ffe924;
    border-color: #ffe817;
}

.btn-genant:focus,
.btn-genant.focus {
    color: #212529;
    background-color: #ffe924;
    border-color: #ffe817;
    box-shadow: 0 0 0 0.2rem rgba(222, 207, 69, 0.5);
}

.btn-genant.disabled,
.btn-genant:disabled {
    color: #212529;
    background-color: #FEFF63;
    border-color: #FEFF63;
}

.btn-genant:not(:disabled):not(.disabled):active,
.btn-genant:not(:disabled):not(.disabled).active,
.show>.btn-genant.dropdown-toggle {
    color: #212529;
    background-color: #ffe817;
    border-color: #ffe70a;
}

.btn-genant:not(:disabled):not(.disabled):active:focus,
.btn-genant:not(:disabled):not(.disabled).active:focus,
.show>.btn-genant.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 207, 69, 0.5);
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/* .carousel-inner .carousel-item{
    height: 520px;
}
.carousel {
    margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
    background-color: #777;
}

.carousel-item>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
}