/* Extracted page styles */
.faq-answer { display: none; }
        .faq-item.active .faq-answer { display: block; }
        .faq-item.active .faq-icon { transform: rotate(180deg); }
        .review-slide { display: none; }
        .review-slide.active { display: block; }

        /* Client names: slightly larger by default */
.clients-hover > div {
    position: relative;
    transform: scale(1.10);
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}

/* Enlarge further on hover */
.clients-hover > div:hover {
    transform: scale(2.15);
    z-index: 2;
}

.faq-answer { display: none; }
        .faq-item.active .faq-answer { display: block; }
        .faq-item.active .faq-icon { transform: rotate(180deg); }
        .review-slide { display: none; }
        .review-slide.active { display: block; }

        /* Custom Dual-Orbit Animations */
        @keyframes orbit-cw {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        @keyframes orbit-ccw {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(-360deg); }
        }
        @keyframes pulse-glow {
            0%, 100% { transform: scale(1); opacity: 0.95; }
            50% { transform: scale(1.06); opacity: 1; }
        }

        .animate-orbit-cw {
            animation: orbit-cw 22s linear infinite;
        }
        .animate-orbit-ccw {
            animation: orbit-ccw 28s linear infinite;
        }
        .animate-counter-cw {
            animation: orbit-ccw 22s linear infinite;
        }
        .animate-counter-ccw {
            animation: orbit-cw 28s linear infinite;
        }
        .animate-pulse-glow {
            animation: pulse-glow 3s ease-in-out infinite;
        }
        /* Normal FAQ answers - light orange */
#faq .faq-item .faq-answer {
    background-color: #fff7ed;
    border-left: 4px solid #fed7aa;
    border-top: none;
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
    margin-top: 12px;
    line-height: 1.7;
}

/* Remove orange background behind quoted explanation */
#faq .faq-item .faq-answer:has(> .bg-sky-50) {
    background: transparent;
    border-left: none;
    border-radius: 0;
    padding: 0;
}

/* Quoted explanation - light blue */
#faq .faq-item .faq-answer:has(> .bg-sky-50) > .bg-sky-50 {
    background-color: #f0f9ff;
    border-left: 4px solid #bfdbfe;
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
}

/* Actual answer below the blue explanation - light orange */
#faq .faq-item .faq-answer:has(> .bg-sky-50)
    > div:not(.bg-sky-50) {
    background-color: #fff7ed;
    border-left: 4px solid #fed7aa;
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
    margin-top: 12px;
}
    

        /* Keep navigation dropdowns within the visible browser width. */
        .nav-dropdown {
            width: min(600px, calc(100vw - 2rem));
            max-width: calc(100vw - 2rem);
            box-sizing: border-box;
        }

        /* The last two navigation menus open toward the left. */
        @media (min-width: 1024px) {
            header nav > .relative.group:nth-of-type(3) > .nav-dropdown,
            header nav > .relative.group:nth-of-type(4) > .nav-dropdown {
                left: auto;
                right: 0;
            }
        }

        /* At laptop widths, align the second menu to the right as well. */
        @media (min-width: 1024px) and (max-width: 1279px) {
            header nav > .relative.group:nth-of-type(2) > .nav-dropdown {
                left: auto;
                right: 0;
            }
        }

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:180px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

/* Larger, more readable content typography */
body { font-size: 17px; }
section p {
    font-size: 18px !important;
    line-height: 1.75 !important;
}
section li {
    font-size: 17px !important;
    line-height: 1.65 !important;
}
section h1 { font-size: clamp(2.25rem, 3vw, 3rem); }
section h2 { line-height: 1.25; }