/*div.carousel-item > img {
    border: 2px solid #cbcbcb;
}*/

.carousel { width: 100%; margin: 0px auto; }

.carousel-caption-custom { position: absolute; margin-bottom: 20px; }

.carosel-img-custom { width: 75%; height: 55%; margin: 20px 0 20px 0; border-radius: 6px; }

.carousel-control-next-icon { background-size: 50px; width: 100px; height: 100px; }

.carousel-control-prev-icon { background-size: 50px; width: 100px; height: 100px; }


.banner { width: 60%; position: relative; top: 0; left: 0; border-radius: 0px 0px 10px 10px; }

.logo { margin-left: 50px; margin-top: 20px; width: 13%; height: 6%; position: absolute; top: 30px; left: 30px; }

.image1 { object-fit: contain; position: absolute; width: 35%; top: 30%; right: 15%; }

.head-banner { position: relative; top: 0; left: 0; }


.text-block { position: absolute; top: 35%; left: 5%; color: white; }

.button-area { width: 30%; position: absolute; top: 50px; right: 50px; }

.button-register { min-width: 25%; background-color: #280583; border-radius: 5px; border: none; color: white; padding: 10px 30px; font-size: 125%; font-weight: 500; text-align: center; text-decoration: none; display: inline-block; }

.button-signin { min-width: 25%; background-color: #f65a6f; border-radius: 5px; border: none; color: white; padding: 10px 30px; font-size: 125%; font-weight: 500; text-decoration: none; display: inline-block; }


.big-text { font-size: 275%; font-weight: 500; }

.small-text { font-size: 150%; font-weight: 500; }

.img-bg { position: relative; width: 100%; height: 60%; }

.user-photo { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; overflow: hidden; background: #f9f9f9; background-size: cover; background-position: center; border-radius: 50%; }

.footer-img { background-color: #413f68; }