﻿.titleicon {
    font-size: 50px;
    display: flex;
    justify-content: center;
}

.card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2%;
}

.card-form {
    border-radius: 2em;
    padding: 3%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.4), 0 9px 26px 0 rgba(0, 0, 0, 0.5);
}

    .card-form h3 {
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        margin-bottom: 3%;
    }

    .card-form h4 {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 1%;
        text-align: center;
    }

    .card-form .row {
        margin-left: 5%;
        margin-right: 5%;
        text-align: justify;
    }

label {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding: 2%;
}

.text-info {
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.btnicon {
    font-size: 17pt;
    vertical-align: bottom;
}

.header-section {
    background-color: #f8f9fa;
    padding-top: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.itemListing {
    list-style: none;
    padding: 0;
}

    .itemListing li {
        margin-bottom: 20px;
    }

        .itemListing li i {
            margin-right: 10px;
            font-size: 20px;
        }

        .itemListing li b {
            font-weight: bold;
        }

.image-container {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.enlarge-image {
    transition: transform 0.3s ease;
}

.image-container:hover .enlarge-image {
    transform: scale(1.2);
}