.test-results-btn {
    padding: 10px 20px; /* match .see-all-btn */
    background-color: black;
    border: 1px solid black;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600; /* match others if needed */
    line-height: 1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.test-results-btn:hover {
    background-color: var(--ltn__primary-color);
    color: white;
}

.see-all-btn {
    padding: 10px 20px;
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
}

.see-all-btn:hover {
    background-color: var(--ltn__primary-color);
    color: white;
}

.section-title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title-area .section-title {
    margin: 0; /* Ensure no extra space around the title */
}

.section-title-area .see-all-btn {
    margin-left: 20px; /* Adjust spacing between the title and button */
}

.site-logo img {
    max-width: 120px; /* Adjust this value to your desired width */
    height: auto; /* Maintain the aspect ratio */
}

.ltn__testimonial-item {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 30px;
}

.ltn__testimonial-item p {
    font-style: italic;
    color: #333;
}

.ltn__testimonial-item h6 {
    font-weight: bold;
    margin-top: 15px;
    color: #555;
}

/* Share Buttons Styles */
.ltn__share-buttons {
    margin-top: 20px;
}

.ltn__share-buttons h6 {
    margin-bottom: 15px;
    font-size: 18px;
}

.share-btn {
    display: inline-block;
    margin: 10px;
    padding: 10px 15px;
    background-color: #4CAF50; /* Default color for buttons */
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}

.share-btn.whatsapp-btn {
    background-color: #25D366; /* WhatsApp green */
}

.share-btn.facebook-btn {
    background-color: #4267B2; /* Facebook blue */
}

.share-btn.twitter-btn {
    background-color: #1DA1F2; /* Twitter blue */
}

.share-btn.email-btn {
    background-color: #D44638; /* Email (Gmail) red */
}

.share-btn.pinterest-btn {
    background-color: #E60023; /* Pinterest red */
}

.share-btn.instagram-btn {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
    color: white;
    font-weight: bold; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Add smooth effects */
}

.share-btn:hover {
    opacity: 0.8;
}

.share-count {
    margin-top: 10px;
    font-size: 16px;
    color: #555;
}

/* @media (max-width: 768px) {
    .site-logo-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-logo img {
        max-width: 120px;
        height: auto;
    }
} */

@media (max-width: 768px) {
    .site-logo-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; /* Ensure the container takes full width */
    }

    .col {
        width: 100%; /* Force the column to take up the full width */
    }

    .site-logo {
        max-width: 120px; /* Adjust logo size for mobile */
        height: auto;
    }
}

/* Dropdown styling */
.menu-item-has-children {
    position: relative;
}

.menu-item-has-children .submenu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.menu-item-has-children:hover .submenu {
    display: block;
    z-index: 999;
}

.submenu li {
    list-style: none;
    padding: 5px 0;
}

.submenu li a {
    text-decoration: none;
    color: #333;
}

.submenu li a:hover {
    color: #007bff; /* Change to the color of your choice */
}

.response-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.label-container {
    display: flex;
    align-items: center;
}

.label-text {
    font-size: 14px;
    font-weight: bold;
}

.label-container.left .label-text {
    color: red;
}

.label-container.right .label-text {
    color: green;
}

.label-container.center .label-text {
    color: black;
}

.arrow-left {
    margin-right: 5px;
    font-size: 16px;
    color: red;
}

.arrow-right {
    margin-left: 5px;
    font-size: 16px;
    color: green;
}

/* Optional styling for better alignment */
.label-container.left, 
.label-container.right, 
.label-container.center {
    flex-basis: 33%;
    justify-content: center;
}

/* Additional styling for 'Coming Soon' text */
.coming-soon {
    color: #777;
    cursor: not-allowed;
}
.coming-soon:hover {
    text-decoration: none;
}

.waitlist-btn {
    padding: 10px 20px;
    background-color: black;
    border-color: var(--ltn__secondary-color);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
}

.waitlist-btn:hover {
    background-color: var(--ltn__primary-color);
    color: white;
}