/*
 * section-fixes.css — layout, spacing & list polish for the service-page
 * intro sections (#process-sec + the "content-section-1 reverse-sec" about block).
 *
 * Loaded globally (see functions.php → adh_section_fixes_styles) but every rule
 * is scoped to the section / list classes used on the service pages, so pages
 * that don't use those sections are unaffected. Kept out of the pre-built
 * Tailwind bundle (assets/css/app.css) because that file is generated, not edited.
 */

/* ------------------------------------------------------------------ *
 * #process-sec — two-column intro (text + image)
 * ------------------------------------------------------------------ */
#process-sec .row { align-items: center; }

/* Text column: proper block flow (was a stray Bootstrap .row that flexed the
   heading/paragraphs and pulled them out of alignment). */
#process-sec .process-text { padding-right: 0; }
#process-sec .process-text > h2 { margin-bottom: 20px; }
#process-sec .process-text .title-area { margin-bottom: 24px; }
#process-sec .process-text > p:last-child,
#process-sec .process-text > ul:last-child { margin-bottom: 0; }
@media (min-width: 1200px) { #process-sec .process-text { padding-right: 24px; } }

/* Image column */
#process-sec .process-image2 { text-align: center; }
#process-sec .process-image2 img { width: 100%; height: auto; }

/* ------------------------------------------------------------------ *
 * about-area22.content-section-1.reverse-sec — intro "why us" block
 * ------------------------------------------------------------------ */
.about-area22.content-section-1.reverse-sec { padding-top: 70px; padding-bottom: 50px; }
.about-area22.content-section-1.reverse-sec .row { align-items: center; }

/* ------------------------------------------------------------------ *
 * Content lists inside these intro sections — smaller text + check icon.
 * (Targets the plain .sec-text5 lists; .hero-text lists already have icons.)
 * ------------------------------------------------------------------ */
#process-sec ul.sec-text5,
.about-area22 ul.sec-text5 {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#process-sec ul.sec-text5 li,
.about-area22 ul.sec-text5 li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.6;
}
#process-sec ul.sec-text5 li:before,
.about-area22 ul.sec-text5 li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 18px;
	height: 18px;
	background: url(https://adhivestudio.com/wp-content/uploads/2025/08/check.svg) no-repeat center center;
	background-size: contain;
}

/* ------------------------------------------------------------------ *
 * Header — Services mega-menu CTA button ("Book a free call")
 * ------------------------------------------------------------------ */
.mega-promo__btn,
.mega-promo__btn:hover,
.mega-promo__btn:focus {
	color: #ffffff;
}

/* ================================================================== *
 * Global interaction polish — hover states + scroll-reveal animations.
 * Applies site-wide; kept here so it survives Tailwind rebuilds.
 * ================================================================== */

/* --- Links & buttons: smooth hover transitions --- */
a { transition: color .2s ease, opacity .2s ease; }

.th-btn,
.btn-arrow,
.style-border2,
.mega-promo__btn {
	transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease;
}
.th-btn:hover,
.btn-arrow:hover,
.style-border2:hover { transform: translateY(-3px); }
.th-btn:hover { box-shadow: 0 12px 26px rgba(84, 132, 255, .30); }
.style-border2:hover { box-shadow: 0 10px 22px rgba(11, 16, 32, .12); }

/* Header nav + mega-menu links */
.main-menu ul li a { transition: color .2s ease; }
.mega-links a .mega-link-title { transition: color .2s ease; }
.mega-links a:hover .mega-link-title { color: var(--theme-color, #5484ff); }
.mega-panel__cta { transition: transform .2s ease, color .2s ease; }
.mega-panel__cta:hover { transform: translateX(4px); }

/* Footer + social icons */
.th-social a { display: inline-block; transition: transform .25s ease, opacity .2s ease; }
.th-social a:hover { transform: translateY(-3px) scale(1.06); }
.footer-widget .menu li a { transition: color .2s ease, padding-left .2s ease; }
.footer-widget .menu li a:hover { padding-left: 6px; }

/* Content cards lift a touch on hover */
.project-card4,
.service-item3,
.testi-box3 { transition: transform .3s ease, box-shadow .3s ease; }
.project-card4:hover,
.service-item3:hover { transform: translateY(-6px); }

/* --- Scroll-reveal for below-the-fold sections (JS adds .adh-inview) --- */
.adh-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.adh-reveal.adh-inview { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.adh-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.adh-lead-form .af-half{
	width:unset !important;
}
.agntix-form__grid{
	gap:20px 2rem !important;
}
.testi-box3.style2 .testi-box3_img img{
	height:unset !important;
}
a.th-btn.btn-gradient2.style-radius.mega-promo__btn {
    color: #fff;
}