html {
    scroll-behavior: smooth;
}
.display-5{
    font-size: 2.5rem;
}

.display-6{
    font-size: 1.5rem;
}

a{
    color:white;    
}

a:hover{
    color: white;
}

.primary-background{
    background-color: #e5c480;
}

.secondary-background{
    background-color: #0C2340;
}

.text-primary-color{
    color: #e5c480;
}
.text-dark-blue{
    color: #0C2340;
}

.form-center{
    width: 80%;
}

.center-div{
    display: flex;
    justify-content: center;
    align-items: center;
}


.primary-button{
    /*width: 40%;*/
    height: 50px;
    border: #e5c480 solid 3px;
    background-color: transparent;
    border-radius: 5px;
    color: white;
}

.primary-button:hover{
    /*width: 40%;*/
    height: 50px;
    background-color: #ffda91;
    border-radius: 5px;
    color: black;
}

.secondary-button{
    width: 21%;
    height: 50px;
    border: #e5c480 solid 3px;
    background-color: transparent;
    border-radius: 5px;
}

.secondary-button:hover{
    width: 22%;
    height: 52px;
    background-color: #e5c480;
    border-radius: 5px;
    -webkit-box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
    -moz-box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
    box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
}

.tertiaty-button{
    border: #fa503f 3px solid;
    color: #0C2340;
}
.tertiaty-button:hover{
    background-color: #fa503f;
}

.cuart-button{
    background-color: #e5c480;
    border-radius: 5px;
}
.cuart-button:hover{
    background-color: #e5c480;
    border-radius: 5px;
    -webkit-box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
    -moz-box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
    box-shadow: -2px 13px 10px -7px rgba(0,0,0,0.41);
}

.line-div{
    background-color: white;
    width: 70%;
    height: 3px;
}

.border-div{
    border-right: white 2px solid;
}

.gradient90{
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.6054796918767507) 30%, rgba(0,0,0,0.011642156862745057) 48%);
}

.gradient270{
    background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,0.6054796918767507) 30%, rgba(0,0,0,0.011642156862745057) 48%);
}

.carousel-m{
    height: 730px;
}

#center-items{
    display: flex; 
    justify-content:center; 
    align-items: center;
}

.center-div{
    display: flex;
    justify-content: center;
    align-items: center;
}