/* Base Styles */
.container-1 {    padding: 20px;max-width: 1000px;    margin: 0 auto;    border-radius: 8px;}
.logout-link {    display: block;    text-align: right;    font-size: 0.9rem;    color: #007bff;    text-decoration: none;    margin-bottom: 20px;}
.logout-link:hover {    text-decoration: underline;}
h2 {    font-size: 1.5rem;    color: #333;    margin-bottom: 20px;    text-align: center;}
textarea     width: 100%;    border: 1px solid #ced4da;border-radius: 4px;    padding: 10px;    font-size: 1rem;    margin-bottom: 20px;    resize: none;}
textarea[readonly] {cursor:inherit !important;}
#quote {    font-size: 1.2rem;    color: #6c757d;    margin-bottom: 20px;    text-align: center;}
#input {    border: 1px solid #ced4da;    border-radius: 4px;    padding: 10px;    font-size: 1rem;    margin-bottom: 20px;    resize: vertical;}
.btn {    display: inline-block;background-color: #007bff;    color: #fff;    border: none;    border-radius: 4px;    padding: 10px 20px;    font-size: 1rem;    cursor: pointer;    text-align: center;    transition: background-color 0.3s ease;}
.btn:hover {    background-color: #0056b3;}
.results {    font-size: 1rem;    color: #333;    margin-top: 20px;}
.profile-section {    text-align: center;    margin-bottom: 20px;}
.profile-section img {   width: 100px;    height: 100px;    border-radius: 50%;    display: block;    margin: 0 auto;}
.profile-section h3 {    margin-top: 10px;    font-size: 1.2rem;}
textarea#testText, textarea#userInput {    text-align: justify; resize: none;}
textarea#testText::-webkit-scrollbar, textarea#userInput::-webkit-scrollbar{    width: 10px;}
textarea#testText::-webkit-scrollbar-thumb, textarea#userInput::-webkit-scrollbar-thumb {  background-color: #888;}
.inner_tab {    min-height: 600px;}

.form-control:disabled, .form-control[readonly] {
   cursor:inherit !important;
}

footer.footer ul li a {    color: #fff;}
/* Media Query for Medium Screens (Tablets) */
@media (max-width: 768px) {
    .container-1 {        padding: 15px;    }
    textarea {        font-size: 0.9rem;    }
    #input {        font-size: 0.9rem;    }
    .btn {        font-size: 0.9rem;        padding: 8px 16px;    }
    .profile-section img {        width: 80px;        height: 80px;    }
    .profile-section h3 {        font-size: 1.1rem;    }
    
    
}

/* Media Query for Small Screens (Phones) */
@media (max-width: 576px) {
    .container-1 {  padding: 10px;    }
    h2 {        font-size: 1.2rem;    }
    .profile-section {        margin-bottom: 15px;    }
    .profile-section img {        width: 70px;        height: 70px;    }
    .profile-section h3 {        font-size: 1rem;    }
    textarea {        font-size: 0.8rem;        padding: 8px;    }
    #input {        font-size: 0.8rem;    }
    .btn {        font-size: 0.8rem;        padding: 8px 12px;    }
    #quote {        font-size: 1rem;    }
 
}