* {
    font-family: 'Ysabeau', sans-serif;
}

#header {
    transition: background-color .3s;
    z-index: 100;
}

#header.sticky {
    background: #fafafa;
}

#home {
    height: 100vh;
    background-color: #e8eaf6;
    padding-top: 76px;
}



#home .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#home .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#home .carousel-inner {
    width:100%; 
    height: 500px;
}

.courses-grid .card {
    height: 100%;
}

.signup-inner {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    background-image: linear-gradient(to right, #2F4858 66%, #336699 100%);
}

.form-radius {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.submit_form {
    border-radius: 8px;
}

.btn-gradient {
    background-color: #336699;
    background-image: linear-gradient(to right, #2F4858, #336699);
    color: #ffffff;
    transition: background-color .3s;
}

.btn-gradient:hover {
    color: #ffffff;
    background: #336699;
}

#courses .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-footer {
    background-color: #ffffff;
    color: #2F4858;
}

@media only screen and (max-width : 575px) {
    #header .navbar-collapse {
        background-color: #fafafa;
        text-align: center;
    }

    #home {
        padding-top: 150px;  
    }
}

.h-size {
    font-size: 44px;
}

.text-size {
    font-size: 22px;
}

.carousel-indicators {
    bottom: -20%;
}