:root {
    --dark: #2c3e50;
    --gray: #7f8c8d;
    --re-box: #fcf8f8;
    --white: #ecf0f1;
    --result: #fff;
    --shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    --transition: all 0.3s ease; 
    --primary-blue: #3498db;
    --dark-blue: #0b86d8;

    --decoration-color-1: #3498db80;
    --decoration-color-2: #2ecc7180;
    --decoration-color-3: #e74c3c80;
}

body.dark-theme {--re-box: #20262c;}

body {
    font-family: 'Delius', cursive, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #f4f7fa; 
    justify-content: center; align-items: center; min-height: 100vh; margin: 0; color: var(--dark); flex-direction: column;
}

/* == Body Header Styles == */
.content-header {text-align: center; margin: 130px auto 70px; justify-content: center; align-items: center;}
.content-header h1 {font-family: 'Delius', sans-serif; font-size: clamp(2.5rem, 4vw, 3.25rem); max-width: 100%; color: var(--dark);}
.content-subtitle {font-family: 'Inter', sans-serif; font-size: clamp(12px, 1.3vw, 16px); color: var(--gray); max-width: 600px; margin: 0 auto;}


/* == Service Section == */
.content-container {position: relative; max-width: 850px; margin: 0 auto; padding: 20px 35px 30px 35px;}
.service-section {    background: #2c3e50; border-radius: 12px; padding-bottom: 10px; border: 0.7px solid #a5a5a557; box-shadow: var(--shadow); transition: var(--transition); margin-bottom: 5px;}
.options {display: flex; margin-bottom: 40px; border-bottom: 1px solid var(--gray); padding-top: 8px; flex-wrap: wrap;  justify-content: space-between; }
.option-btn {flex: 1 1 auto;  padding: 16px 0; font-size: 16px; cursor: pointer; color: white; background: none;
    position: relative; transition: var(--transition); display: flex; border: none; align-items: center;  justify-content: center; 
}
.options-mobile {display: none;}
.option-btn i {margin-right: 8px; font-size: 1em; margin-bottom: 2px;}
.option-btn:hover:not(.active) {color: var(--primary-blue);}
.option-btn.active {color: var(--primary-blue);}
.option-btn.active::after {content: ''; position: absolute;bottom: -1px; left: 0; width: 100%; height: 1.5px; background: var(--primary-blue);}



/* = links Content = */
.links-content {padding: 0 25px 10px 25px;}
.links-tabs {max-width: 206px; display: flex; margin: -28px 0 35px auto; border-radius: 50px; background: #ffffff1a; gap: 3px; justify-content: center;}
.links-tab-btn {flex: 1; background: transparent; border: none; border-radius: 50px; font-size: 13px; cursor: pointer; color: white;  align-items: center;
    transition: all 0.3s ease; display: flex; justify-content: center; gap: 8px; font-weight: 500; max-width: 103px; padding: 11px 15px;}
.links-tab-btn:hover {background: #ffffff26;}
.links-tab-btn.active {background: var(--primary-blue); box-shadow: 0 4px 12px #3498db4d;}
.links-tab-content {display: none;}
.links-tab-content.active {display: block;}
.links-tab-content.hidden {display: none !important;}
.links-tab-content.active:not(.hidden) {display: block;}

.service-section h2 {font-size: 30px; color: white;}
.note {color: var(--gray); margin-bottom: 40px;}
.input-container {display: flex; margin-bottom: 15px; flex-wrap: wrap; }
.input-container input {flex: 1 1 70%; min-width: 120px; padding: 0.75rem; border: 1px solid #ddd; border-radius: 7px 0 0 7px; 
    font-size: 16px; border-right: 1px solid #ddd; box-sizing: border-box; transition: box-shadow 0.2s ease-in-out;}
.input-container input:focus {outline: none; border-radius: 6px 0 0 6px; box-shadow: 0 0 5px 0.5px var(--primary-blue);}
.submit-btn {flex: 0 1 auto; background: var(--primary-blue); color: white; border: none; padding: 0 30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 19px; border-radius: 0 5px 5px 0; cursor: pointer; transition: background 0.3s; font-weight: 500;}
.submit-btn:hover {background: var(--dark-blue);}
.hidden {display: none !important;}




/* == QR and Barcode Content == */
.qrcode-content, .barcode-content {margin: 0 25px 25px 25px;}
.qr-type-nav-container, .bar-type-nav-container {margin: -25px 0 35px 0;}
.qr-type-nav, .bar-type-nav {display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px;}
.qr-type-btn, .bar-type-btn {background: #ffffff1a; border: 1px solid #ffffff33; border-radius: 15px; padding: 8px 10px; color: white; cursor: pointer; 
    transition: all 0.3s ease;display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; position: relative;}
.qr-type-btn:hover:not(.blur-feature), 
.bar-type-btn:hover:not(.blur-feature) {background: #ffffff33; border-color: var(--primary-blue);}
.qr-type-btn.active, .bar-type-btn.active {background: var(--primary-blue); border-color: var(--primary-blue);}
.qr-type-btn.blur-feature, .bar-type-btn.blur-feature {cursor: not-allowed; position: relative; color: var(--gray);}

.login-tooltip {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background: #000000; color: white; padding: 8px 12px;
    border-radius: 8px;  font-size: 12px; font-weight: 500; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.3s ease;
    box-shadow: 0 4px 15px #0000004d; border: 1px solid #ffffff33; z-index: 900; text-transform: uppercase; letter-spacing: 0.5px;}
.login-tooltip::after {content: ''; position: absolute; bottom: -6px; left: 50%; width: 0; height: 0; transform: translateX(-50%);
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000000;}

.qr-type-btn.blur-feature:hover .login-tooltip,
.bar-type-btn.blur-feature:hover .login-tooltip {opacity: 1;
    animation: tooltipPulse 2s infinite; transform: translateX(-50%) translateY(-5px);
}

.qr-form, .barcode-form {margin: 20px 0;}
#barcodeFeatureContent .feature-content {padding: 0 30px 20px 30px;}
.bar-type-nav-container {margin: -25px 0 35px 0;}
.bar-type-nav {display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px; margin-bottom: 20px;}
.bar-type-btn {background: #ffffff1a; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 15px; padding: 8px 10px; color: white; cursor: pointer; 
    transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; position: relative;}
.input-info {color: #bdc3c7; font-size: 12px; margin-top: 9px; margin-bottom: -15px; text-align: center; width: 100%;}




/* == login message == */
.login-required-message {border-radius: 8px; text-align: center; display: flex; flex-direction: column;
    gap: 15px; align-items: center; margin: 5px 20px 20px; padding-bottom: 10px;}
.warning-text {font-size: 21px; color: #c7c7c7;  font-weight: 550; margin: 0; padding: 15px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.auth-buttons {display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;}
.action-btn {padding: 10px 35px; border: none; border-radius: 25px; font-size: 15px; cursor: pointer; min-width: 120px; 
    box-shadow: 0 2px 5px var(--shadow); transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;}
.action-btn.login {color: black; text-decoration: none; background: rgba(209, 209, 209, 0.986);}
.action-btn.login:hover {background-color: rgba(209, 209, 209, 0.986);box-shadow: 0 0 3px 0.5px var(--primary-blue);}
.action-btn.signup {color: #fff; text-decoration: none; background-color: var(--primary-blue);}
.action-btn.signup:hover {box-shadow: 0 0 3px 0.5px var(--primary-blue);}




/* == Free Sign-Up Features == */
.content-features {text-align: center; color: var(--gray); padding-top: 20px; padding-bottom: 40px;}
.content-features p {margin-bottom: 5px; color: var(--dark);}
.content-features ul {display: flex; justify-content: center; gap: 12px; flex-wrap: wrap;}
.content-features li {position: relative; margin-left: 25px; color: var(--gray);}



/* == FAQ Section == */
.faq-section {max-width: 1050px; margin: 0 auto; padding: 22px;}
.faq-container {text-align: center; margin-bottom: 30px; padding-bottom: 90px;}
.faq-header {text-align: center; margin: 60px 0 45px; position: relative; align-items: center;justify-content: center;}
.section-title.title-mobile {display: none;}
.header-decoration {position: absolute; top: -20px; left: 50%; gap: 10px;z-index: -1; transform: translateX(-50%);display: flex;justify-content: space-around;}
.decoration-circle {width: 12px; height: 12px; background: var(--primary-light); border-radius: 50%; opacity: 0.6; animation: float 3s ease-in-out infinite;}
.decoration-circle:nth-child(2) {background: var(--accent);opacity: 0.8; animation-delay: 0.5s;}
.decoration-circle:nth-child(3) {background: var(--secondary);opacity: 0.7; animation-delay: 1s;}

@keyframes float-horizontal {0%, 100% { transform: translateX(0); } 50% { transform: translateX(15px); }}
@keyframes rotate {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}

.section-title {font-size: 2.8rem; color: var(--dark); margin-bottom: 5px; font-weight: 800; position: relative; display: inline-block;}
.section-title::after {position: absolute; bottom: -10px; border-radius: 2px; left: 50%; width: 60px; height: 4px;
    content: ''; transform: translateX(-50%); background: linear-gradient(to right, var(--primary), var(--accent));}
.section-subtitle {font-size: 1.2rem; color: var(--gray); max-width: 600px; margin: 1.5rem auto 0}

.faq-visual {display: flex; align-items: center; justify-content: center; margin: 70px 0;}
.visual-element {width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; color: var(--white);box-shadow: var(--shadow); position: relative;  font-size: 5rem;
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-dark) 100%); justify-content: center; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.visual-element::before {content: ''; position: absolute; width: 170px; height: 170px; opacity: 0.4;
    border-radius: 50%; border: 2px dashed var(--primary-light); animation: rotate 20s linear infinite;}

.faq-content {text-align: center; padding-bottom: 120px;}
.faq-list {display: flex; flex-direction: column; gap: 12px;}
.faq-item {background: var(--light-gray); border-radius: var(--border-radius);overflow: hidden; transition: var(--transition); box-shadow: var(--shadow);text-align: left;}
.faq-item:hover {box-shadow: var(--shadow-hover);}
.faq-item-header {display: flex; align-items: center; padding: 22px; cursor: pointer; gap: 15px;}
.faq-question {color: var(--dark); margin-right: auto; font-size: 20px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
.faq-toggle {background: none; border: none; border-radius: 50%; display: flex;flex-shrink: 0; align-items: center; cursor: pointer; justify-content: center; position: relative;}
.plus-icon {position: absolute; font-size: 1.5rem; font-weight: 300; transition: var(--transition); color: var(--dark);}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.5s ease;}
.faq-answer p {padding: 0 1.5rem 1.5rem; text-align: justify;color: var(--gray); line-height: 1.6;}
.faq-item.active {background: var(--white); border-color: var(--primary-light);}
.faq-item.active .faq-toggle {background: var(--primary-light);}
.faq-item.active .plus-icon {opacity: 0; transform: rotate(90deg);}
.faq-item.active .faq-answer {max-height: 500px;}

/* = CTA Section = */
.faq-cta {background: linear-gradient(135deg, #2c3e50 0%, var(--primary-blue) 100%); color: white;border-radius: 12px; padding: 3rem; margin: -50px auto; text-align: center; max-width: 550px;}
.cta-content h3 {font-size: 1.8rem; margin-bottom: 1rem;}
.cta-content p {margin-bottom: 2rem; opacity: 0.9;}
.cta-buttons {display: flex; gap: 1rem; justify-content: center;}
.btn {padding: 0.8rem 1.8rem; border-radius: 50px; text-decoration: none; font-weight: 600; transition: var(--transition); display: inline-block;}
.btn-primary {background: var(--white); color: var(--dark); box-shadow: 0 4px 14px #ffffff33;}
.btn-primary:hover {transform: translateY(-3px); box-shadow: 0 6px 20px #ffffff4d;}
.btn-secondary {background: transparent; color: var(--white); border: 2px solid #ffffff4d;}
.btn-secondary:hover {transform: translateY(-3px); background: #ffffff1a;}

/* = dynamic floating movement = */
.body-decoration {position: absolute; top: 0; left: 0; width: 100%;height: 100%; pointer-events: none; z-index: 0;  overflow: hidden;}
.decoration-circled {position: absolute;  border-radius: 50%; opacity: 0.7; animation: float-around 8s ease-in-out infinite alternate;}
.decoration-circled.circled-one {width: 30px; height: 30px; background-color: var(--decoration-color-1);top: 15%; left: 10%; animation-duration: 7s; animation-delay: 0s;}
.decoration-circled.circled-two {width: 40px; height: 40px; background-color: var(--decoration-color-2);top: 77%; right: 20%;  animation-duration: 9s;  animation-delay: 1.5s; }
.decoration-circled.circled-three {width: 25px; height: 25px; background-color: var(--decoration-color-3);top: 22%; right: 37%;  animation-duration: 8s;  animation-delay: 3s;}

@keyframes float-around {0%, 100% {transform: translate(0, 0);} 25% {transform: translate(15px, -10px);} 50% {transform: translate(-10px, 12px);} 75% {transform: translate(8px, -15px);}}







/* ===== MODAL & POPUP STYLES ===== */
.modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; 
    justify-content: center; z-index: 10000; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.modal.active { opacity: 1; visibility: visible; }
.modal.hidden { display: none; }
.modal-content {background: var(--white); border-radius: 15px; padding: 30px; max-width: 500px;  width: 90%; position: relative; 
    box-shadow: 0 20px 40px #00000033; transform: translateY(20px); transition: transform 0.3s ease; z-index: 10002;}
.modal.active .modal-content { transform: translateY(0); }
.close-modal {position: absolute; top: 15px; right: 20px; font-size: 28px; cursor: pointer; color: #7f8c8d; transition: color 0.3s ease; 
    background: none; border: none;  width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; z-index: 10001;}
.close-modal:hover { color: #e74c3c; }

/* Modal Content Styles */
.modal-result { text-align: center; }
.modal-result h3 { color: var(--dark); margin-bottom: 20px; font-size: 24px; }
.modal-result-box { border-radius: 8px; }
.modal-actions { display: flex; gap: 10px; justify-content: center; margin-top: 25px;}
.modal-action-btn {padding: 12px 20px; border: none; border-radius: 25px; font-weight: 600; cursor: pointer; font-size: 14px;
    transition: all 0.3s ease; text-decoration: none; display: inline-flex; text-align: center; gap: 10px;}
.modal-action-btn i {padding-top: 1px;}
.modal-action-btn.primary {background: var(--primary-blue); color: white; }
.modal-action-btn.secondary { background: #f8f9fa; color: #2c3e50; border: 1px solid #dee2e6; }
.modal-action-btn.tertiary { background: #a3abaf; color: white; }
.modal-action-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 25px #00000026; }


/* Short URL Display */
.short-url-display {margin: 20px 0; text-align: center; padding-top: 10px;}
.short-url-display label {display: block; color: #2c3e50; margin-bottom: 5px; font-size: 14px; letter-spacing: 0.5px; }
.full-short-url-container {background: linear-gradient(135deg, #68bdfa 10%, #8bb7f5 50%, #5dc4ff 90%); border-radius: 10px; padding: 15px; text-align: center; margin: 4px 0; transition: all 0.3s ease; }
.full-short-url {font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 600; color: #2c3e50; font-size: 20px; word-break: break-all; display: block; line-height: 1.4; }

/* Result Items */
.result-item {margin-bottom: 20px; padding: 12px; background: var(--re-box); border-radius: 10px;border: 1px dashed #7f8c8d;}
.result-item label {font-weight: 600; color: #2c3e50; display: block; margin-bottom: 3px; font-size: 16px;}
.url-display {color: #6c757d; word-break: break-all; line-height: 1.5; }
.long-url {word-break: break-all; color: #6c757d; font-style: italic; font-size: 15px;}

/* Status Badges */
.status-badge { padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; display: inline-block;}
.status-badge.active { background: #d4edda; color: #155724; border: 1px solid #c3e6cb;}
.status-badge.expired { background: #f8d7da; color: #721c24; border: 1px solid #f1b0b7;}

/* Alert & Info Styles */
.alert-info { display: flex; align-items: center; gap: 10px; color: #043d47; padding: 7px 10px; border-radius: 8px; margin-bottom: 13px; background: #ffe2e2;}
.alert-info i { color: #0c5460; font-size: 18px; }

.modal-info {border-radius: 10px; margin-top: -10px; margin-bottom: 10px; font-size: 13.5px; text-align: left;}
.modal-info a { color: #3498db; text-decoration: none;}
.modal-info a:hover {text-decoration: underline; }

/* Detail Sections */
.detail-section { padding: 15px; border: 0.5px dashed #7f8c8d; border-radius: 8px; background: var(--re-box); }
.detail-section h4 { padding-bottom: 15px; font-size: 20px; }
.detail-grid { display: grid; gap: 6px; }
.detail-item { display: flex; justify-content: space-between; align-items: flex-start; padding: 3px 0; }
.detail-item label {font-weight: 600; color: var(--dark); min-width: 120px; text-align: left;}

/* Error & Success Modals */
.simple-error-modal { text-align: center; padding: 7px; }
.simple-error-icon { font-size: 55px; color: #292727; margin-bottom: 10px; }
.simple-error-icon i { color: #2c3e50; font-size: 20px;}
.simple-error-modal h3 { color: #2c3e50; margin-bottom: 15px; }
.simple-error-message { margin-bottom: 12px; }
.simple-error-message p { margin: 0; color: #c0392b; font-weight: 500; }

.simple-suggestion { background: #e8f4fd; padding: 11px 6px; border-radius: 12px;}
.simple-suggestion p { color: #2c3e50; font-size: 14px; }
.simple-suggestion i { color: #f39c12; }
.simple-actions { justify-content: center; }
.simple-error-icon i,
.modal-header i {font-size: 40px;color: #ce2b2b;}

.verer { margin: 20px 0 5px 0; }
.creation-stats { display: flex; justify-content: space-around; margin: 15px 0 0 0; padding: 10px; background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%); border-radius: 8px; color: white; }
.stat-value { font-size: 18px; }

/* Responsive Design */
@media (max-width: 768px) {
    .modal-content { padding: 20px; margin: 20px; }
    .modal-actions { flex-direction: column; }
    .modal-action-btn { width: 100%; }
    .detail-item { flex-direction: column; align-items: flex-start; gap: 5px; }
    .detail-item label { min-width: auto; }
    .creation-stats { flex-direction: column; gap: 15px; }
}

@media (max-width: 500px) {
    .modal-content { padding: 15px; }
    .full-short-url { font-size: 16px; }
    .modal-result h3 { font-size: 20px; }
    .detail-section h4 { font-size: 18px; }
}






@media (max-width: 850px) {
    .content-header {padding: 0 20px;}
    .warning-text {font-size: 18px;}
    .option-btn {font-size: 14px;}
    .qr-type-nav, .bar-type-nav {grid-template-columns: repeat(4, 1fr) !important; gap: 7px;
        padding: 2px 5px; font-size: 12px; flex-direction: column;}
}


@media (max-width: 670px) {
    .options {display: none;}
    .options-mobile {display: flex; flex-direction: row; padding-right: 10px;}
    .cta-buttons a {font-size: 12px;}
    .cta-buttons {display: flex; gap: 8px; justify-content: center;}
}


@media (max-width: 520px) {
    .content-header {margin: 15px;}
    .content-header h1 {font-size: 21px; padding: 85px 1px 8px 1px;}
    .content-subtitle {font-size: 12px; max-width: 280px; padding-bottom: 5px;}
    .content-container {padding: 14px; width: 100%; }
    
    .options {padding-top: 0;}
    .option-btn {gap: 1px;}

    .links-content {padding: 0 15px 5px 15px;}
    .links-tabs {max-width: 155px; margin-bottom: 28px;}
    .links-tab-btn {font-size: 11px; padding: 10px; gap: 1px;}
    .service-section h2 {font-size: 23px; color: white;}
    .note {color: var(--gray); margin-bottom: 10px; margin-top: -3px;}
    .input-container {margin-bottom: 3px; margin-top: -21px;}
    .input-container input {padding: 8px 11px; border: 1px solid #ddd; font-size: 14px}
    .sul-li {padding: 0 15px;}

    .qrcode-content, .barcode-content {margin: 0 15px -10px 15px;}
    .qr-type-nav, .bar-type-nav {grid-template-columns: repeat(4, 1fr) !important; gap: 5px;
        margin: -28px -7px 2px; font-size: 8px; flex-direction: column; align-items: center;}
    .qr-type-btn, .bar-type-btn {font-size: 10.5px; padding: 6px 3px; justify-content: center;}
    .qb-form {flex-direction: row;}
    .qr-form .input-container input,
    .barcode-form .input-container input {flex: 0 0 65%; font-size: 14px;}
    .qr-form .input-container .submit-btn,
    .barcode-form .input-container .submit-btn {flex: 0 0 35%; font-size: 14px; padding: 0.75rem 0.5rem;}
    .input-info {font-size: 11px; margin-top: 8px; margin-bottom: -2px;}

    .warning-text {font-size: 1em;}
    .login-required-message {margin: -25px 0 9px 0;}
    .login-required-message p {padding: 20px;}
    .warning-text {font-size: 0.90em;}

    .content-features {text-align: left;}
    .content-features p {font-size: 14px;padding-top: 25px;}
    .content-features ul {flex-direction: column; gap: 0; padding-left: 15px; line-height: 1.3;}
    .content-features li {font-size: 14px;}


    .faq-container {padding-top: 5px;}
    .faq-header {margin: 20px 0}
    .section-title:not(.title-mobile) {display: none;}
    .section-title.title-mobile {display: block; font-size: 25px; padding-top: 6px;}
    .section-subtitle {font-size: 12px; margin-bottom: -35px;}
    .visual-element {width: 85px; height: 85px;}
    .visual-element i {font-size: 55px;}
    .visual-element::before {width: 100px; height: 100px;}
    .faq-item-header {padding: 12px 20px;}
    .faq-question {font-size: 16px; font-weight: 500;}
    .faq-answer p {margin-left: 0; padding: 0 1.2rem 1.2rem; font-size: 13px;}

    .faq-cta {margin: -75px 0 -75px 0; padding: 25px;}
    .cta-content h3 {font-size: 28px;}
    .cta-content p {font-size: 15px; margin-top: -16px;}
    .cta-buttons {flex-direction: column; align-items: center; font-size: 12px;}

    
    .url-section {padding: 1rem; gap: 15px; margin-top: -10px;}
    .url-section h2 {font-size: 20px;}
    .note {font-size: 0.85rem; margin-bottom: 35px; }
    .input-container input {width: 75%; padding-right: 5px;}
    .submit-btn {width: 25%; font-size: 14px;}
    .action-btn {font-size: 0.9rem; padding: 0.6rem 1rem;}
}