#logo {
    /*margin-top: -14px !important;*/
    width: 180px;
}

/*nav*/
nav{
    min-height: 80px;
}

nav .nav-item a {
    font-size: 18px;
}
nav .nav-item.active > a {
    text-decoration: underline;
    font-weight: bold;
}


section{
    margin-bottom: 100px;
}

/*accordion*/
#faqAccordion .plus-icon {
    float: right;
}

#faqAccordion .card-header {
    padding: 20px 10px;
    background: #E6EBEF;
}

#faqAccordion .faq-question,
#faqAccordion .plus-icon {
    font-size: 22px;
    color: black;
}

#faqAccordion .btn-link {
    text-decoration: none; /* Remove underlines */
}

#faqAccordion .accordionRapper {
    cursor: pointer;
}

/* Custom CSS to increase toggle speed */
#faqAccordion .collapse {
    transition-duration: 0.1s; /* Adjust the duration as needed */
}



/*general*/
.content-box{
    margin-top: 15px;
}

/*contact*/
/* Style inputs */
input[type=text], input[type=email], select, subject, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}


/*pass generator*/
#generatedPasswordBox {
    width: 100%;
    overflow: hidden;
    padding: 15px 10px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    font-size: 16px;
    text-align: center;
    background-color: #E6EBEF;
}

.card {
    margin-top: 20px;
}

.form-check-input[type="radio"] {
    margin-right: 5px;
}

.form-range {
    width: 100%;
}

.form-check-input[type="checkbox"] {
    margin-right: 5px;
}

/*.btn {*/
/*    margin-right: 10px;*/
/*}*/

#generatedPassword {
    font-weight: bold;
    text-align: center;
}

/* Increase the size of the checkbox tick */
.form-check-input:checked {
    transform: scale(1.5); /* Adjust the scale factor as needed */
}

#passwordGeneratorForm button {
    margin-bottom: 5px;
    /*width: 150px;*/
}

#togglePassView {
    margin-left: 10px;
}
#shufflePassword {
    margin-right: 10px;
}

#qrcode{
    display: block;
    margin: auto;
    height: 150px;
}

#generatePassword, #copyPassword {
    width: 170px;
}