@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

.logo{
    width: auto;
    height: 50px;
}
.qr-section{
    padding: 20px;
}
.form-control{
    padding: .5rem 1.5rem !important;
}

.main-show-section{
    margin: 20px 0px;
    
}
.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;
    color: white;
}
.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)
}

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;
}

@media screen and (max-width: 991px) {
    .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;
}
}