.logo {
    width: auto;
    height: 50px;
}

.qr-section {
    padding: 20px;
}

.form-control {
    padding: .5rem 1.5rem;
}

.main-show-section {
    margin: 20px 0px;

}

.card-body {
    color: #000;
}

.vcard-preview {
    color: #000 !important;
}

/* .card .text-muted {
    color: #000 !important;
} */

h6 {
    color: #000 !important;
}

.item-info {
    display: flex;
    gap: 10px;
}

.submit_btn {
    display: flex;
    justify-content: center;
}

.qr-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.info-title-person {
    padding-inline-start: 40px;
}

.nav-link {
    border-radius: .2rem !important;
}

.nav-tabs {
    gap: 10px;
}

button p {
    margin: 0 !important;
    padding: 0 !important;
}

.dropdown2 {
    gap: 10px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.navbar-nav {
    margin: 0px;
    margin-inline-start: auto !important;
}


.qr-image {
    height: 100px !important;
    opacity: 0.4;
}

.qr-option {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none !important;
    width: fit-content !important;
}

.qr-option.selected {
    /* border-color: #e83283 !important;
    box-shadow: 0 0 10px rgb(232 50 131); */
}

.qr-option.selected .qr-image {
    opacity: 1;
}

.nav-tabs .nav-item .nav-link.active {
    transform: none !important;
}

.nav-style {
    padding: 0px;
    display: flex;
    justify-content: center;
}

.show-card {
    padding: 0px !important;
    margin-inline-start: 5px;
}

.navbar-collapse {
    display: flex;
}

.bg-hero {
    background-color: black;
}

.features {
    background-color: black;
}

.main-container {
    background-color: black;
}


.qr-section {
    background-image: linear-gradient(90deg, #33b7e2, #5e62b0, #dc307c)
}

.qr-preview-container {
    display: flex;
    justify-content: center;
    align-items: center;
}


footer {
    background-color: black;
}

.social-link {
    display: flex;
    gap: 5px;
    justify-items: stretch;
    justify-content: start;
    align-content: center;
    align-items: start;
}

.save-link {
    width: 100%;
    display: flex;
    justify-content: center;
}

.rounded-circle {
    height: 200px;
    width: 200px;
}

.here-space {
    padding: 80px 0px;
}

.apps-link {
    display: grid;
    gap: 5px;
    align-content: center;
    align-items: start;
}


/* 
.form-section {
    order: 1;
}

.preview-section {
    order: 2;
} */


.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    /* margin-left: 0; */

    border-inline-start: 0 !important;
}

.dropdown-menu {
    background-color: #ebebeb !important;
}

@media screen and (max-width: 991px) {

    /* .container {
        flex-direction: column;
    }

    .form-section {
        order: 2;
    }

    .preview-section {
        order: 1;
    } */

    .here-space {
        padding: 20px 0px;
    }

    /* .nav-item {
        width: 45%;
    } */

    .nav-link {
        width: 100%;
    }

    .item-end {
        width: 93% !important;
    }

    .btn-success {
        width: 100%;
    }

    .social-link {
        display: grid;
        justify-items: stretch;
        justify-content: normal;
        align-content: center;
        align-items: start;
    }
}