.carousel{
    border-radius: 5px;
    margin-top: 30px;
}
.carousel-item{
    height: 300px;
    background-color: #fff;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 70px;
    padding-bottom: 20px;
}
body > div.container, body > div.container-fluid{
    margin-top: 130px;
}
.container{
    max-width: 800px;
}
.offcanvas-body{
    margin-left: auto;
}
h1{
    margin-bottom: 20px;
}
.footer{
    margin-top: 300px !important;
    padding-top: 30px;
    padding-bottom: 30px;
}
button.btn{
    border: 1px solid black;
    background-color: #2b3035;
}
button.btn:hover{
    background-color: black;
}
div.world-class{
    max-width: 300px;
    margin: 0 auto;
}
.world-class p{
    padding-bottom: 8px;
}
.world-class i.bi{
    padding: 10px;
    border-radius: 3px;
}
.navbar-brand{
    font-weight: 600;
}
.navbar-brand i{
    padding: 3px 5px;
    border-radius: 3px;
    margin-right: 10px;
    color: white;
    background: #2b3035;
}
img{
    display: none;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    display: none;
}
.carousel_indicators{
    background-color: #fff !important;

}
ol{
    list-style-type: none;
}
.carousel-indicators [data-bs-target] .active{
    background-color: green !important;
}
.carousel-indicators [data-bs-target]{
    background-color: #aaa;
}
.carousel-item h3, .carousel-item p{
    text-align: center;
    color: #2b3035;
}
.carousel-item i{
    padding-right: 10px;
    color: #04aa6d;
}
.footer p{
    margin-bottom: 2px;
}
p{
    text-align: justify;
}
.date{
    color: #666;
}

.modal-success{
        font-family: sans-serif;
        cursor: pointer;
        border: 2px solid black;
        font-size: 1rem;
        text-align: center;
        border-radius: 5px;
        width: 140px;
        background: black;
        color: white;
        line-height: 2.5rem;
        margin-left: auto;
}
.modal::backdrop {
  background-color: rgb(255, 255, 0);
}
.modal-body h5{
    margin-bottom: 10px
}
.modal-content{
  padding: 10px;
  border: 2px solid #eee;
}