/* Reuse the site's service-card treatment for the five India/GCC services. */
body #mainContainer .gccServices { background: var(--white); padding-top: 56px; padding-bottom: 64px; }
body #mainContainer .gccServiceCards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; padding: 0; margin: 0; background: transparent; }
body #mainContainer .gccServiceCards .card { width: 100%; min-width: 0; border: 1px solid var(--visibleGray); scroll-margin-top: 120px; display: flex; flex-direction: column; }
body #mainContainer .gccServiceCards .card .content { padding: 28px; flex: 1; }
body #mainContainer .gccServiceCards .card .title { font-size: clamp(24px,2.1vw,31px); line-height: 1.25; font-weight: 400; margin: 0; padding-bottom: 20px; min-height: 3.75em; }
body #mainContainer .gccServiceCards .card .details { padding-top: 20px; }
body #mainContainer .gccServiceCards .card .details p { font-size: 16px; line-height: 1.7; }
body #mainContainer .gccServiceCards .card .media { width: 100%; margin-top: auto; }
body #mainContainer .gccServiceCards .card .media img { display: block; width: 100%; height: 240px; object-fit: cover; }
body #mainContainer .gccServiceCards .card .media .shape { width: 160px; height: 26px; }
body #mainContainer .gccHero .content .gccHeroHeading { font-size: clamp(23px,2.1vw,31px); font-weight: 400; line-height: 1.4; margin-top: 22px; color: var(--white); }
body #mainContainer .gccHero .content .gccHeroTagline { font-size: 18px; font-weight: 500; color: var(--color2); margin-top: 16px; }
body #mainContainer .gccHero .content .gccHeroIntro { max-width: 1100px; font-size: clamp(17px,1.35vw,20px); line-height: 1.8; margin-top: 22px; color: #dce5ea; }
.gccSectionTitle { font-size: clamp(28px,3vw,42px); line-height: 1.2; font-weight: 400; letter-spacing: -.7px; margin: 0 0 36px; }
.gccServices .gccSectionTitle { color: var(--color1); }
body #mainContainer .gccServiceCards .card .details ul { display: grid; gap: 14px; padding-left: 20px; margin: 0; list-style: disc; }
body #mainContainer .gccServiceCards .card .details li { display: list-item; list-style: disc; font-size: 16px; line-height: 1.75; font-weight: 300; color: #4a555c; }
body #mainContainer .gccServiceCards .card .details li::marker { color: var(--color2); }
.gccEngagement,.gccAdvantage { padding-top: clamp(48px,5.5vw,80px); padding-bottom: clamp(48px,5.5vw,80px); }
.gccEngagement { background: var(--color1); color: var(--white); }
.gccStages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; padding: 0; margin: 0; list-style: none; }
.gccStages li { list-style: none; border-top: 1px solid #ffffff40; padding-top: 28px; }
.gccStageNumber { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--color2); color: var(--color1); font-size: 13px; font-weight: 500; margin-bottom: 24px; }
.gccStages h3 { font-size: 24px; line-height: 1.3; font-weight: 400; margin-bottom: 16px; }
.gccStages p,.gccAdvantageCards p { font-size: 17px; line-height: 1.8; font-weight: 300; }
.gccStages p { color: #dce5ea; }
.gccAdvantage { background: linear-gradient(130deg,#dce2e5,#f3f5f6); color: var(--color1); }
.gccAdvantageCards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.gccAdvantageCards article { padding: 32px; background: var(--white); border: 1px solid #cdd5da; border-radius: var(--radius); box-shadow: 0 12px 30px #031e3008; }
.gccAdvantageCards h3 { font-size: clamp(23px,2vw,28px); line-height: 1.35; font-weight: 400; margin-bottom: 18px; }
.gccAdvantageCards p { color: #4a555c; }
@media(max-width:1023px) { body #mainContainer .gccServiceCards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } }
@media(max-width:639px) {
 .gccStages,.gccAdvantageCards { grid-template-columns: 1fr; }
 .gccAdvantageCards article { padding: 24px; }
 body #mainContainer .gccServices { padding-top: 32px; padding-bottom: 40px; }
 body #mainContainer .gccServiceCards { grid-template-columns: 1fr; }
 body #mainContainer .gccServiceCards .card .content { padding: 24px; }
 body #mainContainer .gccServiceCards .card .title { min-height: 0; }
 body #mainContainer .gccServiceCards .card .media img { height: 220px; }
}