html {
    scroll-behavior: smooth;
}

body {
    font-family: Rajdhani, Sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background-color: #000319;
}

.py-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.display-4 {
    line-height: 1em;
}

@media(max-width:991px) {
    body {
        font-size: 1rem !important;
    }

    .py-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

a {
    color: #4357fb;
    text-decoration: none
}

a:hover {
    color: #ac0303;
}



/*Start Text*/
.text-green {
    color: #4caf50;
}

.text-blue-dark {
    color: #000319;
}

/*Start Background*/

@media(max-width) {
    .bg-header {
        background: #110f09;
    }
}


.bg-blue-dark {
    background-color: #000319;
}

.bg-blue-dark80 {
    background-color: #070C21;
}

.bg-green {
    background-color: #4caf50;
}

.radius10 {
    border-radius: 10px;
}

.radius20 {
    border-radius: 20px;
}

/*Start Button*/
.btn-blue {
    background-color: #000319;
    color: #fff !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000319;
}

.btn-blue:focus,
.btn-blue:hover {
    background-color: #00031900;
    color: #000319 !important;
    box-shadow: 0px 5px 30px 0px rgba(81.99999999999999, 255, 161, 0.2);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000319;
}

.btn-green {
    background-color: #4caf50;
    color: #000319 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000319;
}

.btn-green:focus,
.btn-green:hover {
    background-color: #A8FFCF00;
    color: #02d3e0 !important;
    box-shadow: 0px 5px 30px 0px rgba(81.99999999999999, 255, 161, 0.2);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #02d3e0;
}

.btn-green-outline {
    background-color: #A8FFCF00;
    color: #4caf50 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #4caf50;
}

.btn-green-outline:focus,
.btn-green-outline:hover {
    background-color: #4caf50;
    color: #000319 !important;
    box-shadow: 0px 5px 30px 0px rgba(81.99999999999999, 255, 161, 0.2);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000319;
}
/*alert*/
.alert-green {
    border: 1px solid #4caf50;
    background-color: #092224;
    padding: 5px 10px 5px 10px;
}
.btn-block {
    width: 100%;
}