@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root { --primaryColor: #324C5F; --secondaryColor: #F27170; --tertiaryColor: #82BEB5; --whiteColor: #ffffff; --blackColor: #000000; --textColor: #494848; --bgColor: #F3FAFA; --grayF7:#F7F7F7; --font60:60px; --font40:40px; --font48:48px; --font38:38px; --font32:32px; --font30:30px; --font28:28px; --font26:26px; --font24:24px; --font22:22px; --font20:20px; --font18:18px; --font16:16px; --font14:14px; --font300:300; --font400:400; --font500:500; --font600:600; --font700:700; --font800:800; --cards: 4; --cardTopPadding: 1.5em; --cardMargin: 4vw; --border-color: #e1e1e1; --background-color: #fff; --text-color: #333; --error-color: #dc2626; --success-color: #059669; --radius: 8px; --shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

/* common css */
.bannerHeading { font-size: var(--font60); font-weight: var(--font600); color: var(--whiteColor); line-height: 1; }
.sectionHeading { font-size: var(--font48); font-weight: var(--font600); color: var(--primaryColor); }
.titleText, .primaryTitleText, .tertiaryTitleText { color: var(--secondaryColor); font-size: var(--font38); font-weight: var(--font600); }
.primaryTitleText { color: var(--primaryColor); }
.tertiaryTitleText { color: var(--tertiaryColor); }
.subHeading, .secondarySubHeading, .tertiarySubHeading { color: var(--primaryColor); font-size: var(--font24); font-weight: var(--font600); line-height: 1; }
.secondarySubHeading { color: var(--secondaryColor); }
.tertiarySubHeading { color: var(--tertiaryColor); }
.description { --_descriptionColor: var(--primaryColor); font-size: var(--font16); font-weight: var(--font300); margin: 15px 0; display: inline-block; font-family: "Inter", sans-serif; }
.primaryButton, .uacf7-next, .uacf7-prev { display: inline-block; color: var(--whiteColor); background-color: var(--tertiaryColor); padding: 15px 30px; border-radius: 10px; transition: all 0.3s; text-decoration: none; line-height: 1; font-size: var(--font16); border: none; }

/* .uacf7-next, .uacf7-prev { margin-top: 100px !important; } */
.primaryButton:hover, .uacf7-next:hover, .uacf7-prev:hover { box-shadow: inset 15em 0 0 0 var(--primaryColor), inset -15em 0 0 0 var(--primaryColor); color: var(--whiteColor); }
.secondaryButton { display: inline-block; color: var(--whiteColor); background-color: var(--primaryColor); padding: 15px 30px; border-radius: 10px; transition: all 0.3s; text-decoration: none; line-height: 1; font-size: var(--font16); border: none; }
.secondaryButton:hover { box-shadow: inset 15em 0 0 0 var(--tertiaryColor), inset -15em 0 0 0 var(--tertiaryColor); color: var(--whiteColor); }
.primaryLink { color: var(--tertiaryColor); font-weight: var(--font500); transition: all 0.3s; }
.primaryLink:hover { color: var(--primaryColor); }
.width90 { width: 90%; margin: 0 auto; }
.primaryLink { color: var(--tertiaryColor); transition: all 0.3s; }
.primaryLink:hover { color: var(--primaryColor); }
body, * { font-family: "Poppins", system-ui; margin: 0; padding: 0; }

/* hidden css */
.philosophy, .readyToTransform, .ourApproach, .secSection, .overFlowHidden, .knowArtham { overflow: hidden !important; }

/* ======================== */

/* Header css */

/* ======================== */
header { background-color: var(--whiteColor); position: fixed; width: 100%; z-index: 9; }
.innerHeader { display: flex; align-items: center; justify-content: space-between; }

@media (min-width:1025px) {
	.headerUl>ul { display: flex; list-style: none; margin: 0 40px 0 0; padding: 0; height: 100%; align-items: center; }
	header { background-color: var(--whiteColor); position: fixed; width: 100%; z-index: 9; box-shadow: 0px 5px 10px #0000002e; }
	.innerHeader { display: flex; align-items: center; justify-content: space-between; }
	.headerUl { display: flex; align-items: center; }
	.mobileToggleBtn { display: none; }
	.headerUl>ul li a { text-decoration: none; padding: 35px 20px; color: var(--blackColor); transition: all 0.3s; position: relative; display: inline-block; }
	.headerUl>ul li a:hover { color: var(--primaryColor); }
	.innerBlock .row { display: flex; align-items: center; }
	.headerUl>ul>li.hasUl>a { padding-right: 25px; }
	.headerUl>ul>li.hasUl>a:before { content: '\f107'; font-family: 'FontAwesome'; right: 5px; position: absolute; }
	.subMenu { position: absolute; width: max-content; margin: 0; padding: 0; list-style: none; background-color: #fff; top: 100%; transform: translateY(30px); transition: all 0.3s; opacity: 0; visibility: hidden; box-shadow: 0px 0px 10px #0000004a; }
	li.hasUl { position: relative; }
	ul.subMenu li a { display: block; padding: 7px 40px 7px 20px !important; }
	.headerUl>ul li:hover .subMenu { opacity: 1; visibility: visible; transform: translateY(0); }
	ul.subMenu li a { transition: all 0.3s; }
	ul.subMenu li a:hover { background: var(--primaryColor); color: var(--whiteColor); }
	.closeBtn { display: none; }
	.headerOption { display: flex; align-items: center; }
}


/* banner css */
.banner { position: relative; height: calc(100vh - 100px); }
.bannerSwiper { position: relative; height: 100%; }
.banner .bannerSwiper .swiper-slide { position: relative; }
.banner .bannerSwiper .swiper-slide:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.699), transparent); z-index: 0; }
.swiper-image img { width: 100%; object-fit: cover; }
.InnerSwiperContent { position: absolute; bottom: 150px; }
.InnerSwiperContent h2.bannerHeading { width: 60%; line-height: 70px; margin: 0 0 30px 0; }
.swiper-image { width: 100%; height: 100%; }
.swiper-image img { width: 100%; height: 100%; }




/* about us css */
.textImageBlock { padding: 120px 0; position: relative; overflow: visible; }
.textImageBlock {overflow-x:clip }
.blockImg { position: relative; }
.blockImg img { border-radius: 30px; transition: all 0.3s; position: relative; cursor: pointer; width: 100%; height: 100%; }
.blockImg:before { content: ''; position: absolute; top: 15px; left: 15px; border: 3px solid var(--secondaryColor); width: 100%; height: 100%; border-radius: 30px; z-index: 0; transition: all 0.3s; }
.ringImage { position: relative; z-index: 1; }
.loginSection.ringImage { z-index: unset; }
.ringImage:before { content: ''; position: absolute; bottom: 0; left: -150px; background: url(../images/ring.png)left center no-repeat; background-size: contain; height: 420px; width: 420px; z-index: -1; }
.counterNumber .sectionHeading { color: var(--secondaryColor); font-weight: var(--font700); }
.counterWrapper { display: flex; justify-content: space-between; padding: 50px 0; border-bottom: 1px solid var(--blackColor); border-top: 1px solid #000; }
.counterBox { text-align: center; padding: 0 35px 0 0; margin: 0 35px 0 0; position: relative; }
.counterBox:before { content: ''; position: absolute; width: 1px; height: 110px; background-color: var(--blackColor); right: 0; top: 50%; transform: translateY(-50%); }
.counterBox:last-child:before { display: none; }
.counterBox:last-child { margin: 0; padding: 0; }
span.stat-prefix { margin: 0 -10px 0 0px; }
.buttonWrapper { padding: 60px 0; text-align: center; }
.buttonWrapper a:first-child { margin: 0 30px 0 0; }
.blockImg:hover img { transform: translate(15px, 15px); }

/* investmentPath css */
.investmentPath { padding: 120px 0; background-color: var(--bgColor); }
.cardWrapper { padding: 100px 0 0 0; }
#cards { list-style: none; padding-left: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(var(--cards), var(--cardHeight)); gap: var(--cardMargin); padding-bottom: calc(var(--cards) * var(--cardTopPadding)); margin-bottom: var(--cardMargin); }
#card1 { --index: 1; }
#card2 { --index: 2; }
#card3 { --index: 3; }
#card4 { --index: 4; }

/* .investmentCard { position: sticky; top: 0; padding-top: calc(var(--index) * var(--cardTopPadding)); } */
.investmentCard { position: sticky; top: 150px; padding-top: calc(var(--index) * var(--cardTopPadding)); }
.investmentCard-body { box-sizing: border-box; border-radius: 30px; display: flex; justify-content: center; align-items: center; transition: all 0.5s; box-shadow: 0px 4px 50px rgb(0 0 0 / 5%); background-color: #fff; }
.investmentCardImage { border-radius: 30px; overflow: hidden; width: 50%; margin: -1px 0px 0 0; }
.investmentCardImage img { width: 100%; object-fit: cover; height: 100%; }
.investmentCardText { width: 50%; padding: 20px; }
.investmentCardText span { display: block; }
.investmentCard:nth-child(odd) .investmentCardText .bannerHeading { color: var(--tertiaryColor); font-weight: 400; margin: 0 0 20px 0; }
.investmentCard:nth-child(even) .investmentCardText .bannerHeading { color: var(--secondaryColor); font-weight: 400; margin: 0 0 20px 0; }
.investmentCard:nth-child(odd) .investmentCard-body { border-left: 30px solid var(--tertiaryColor); }
.investmentCard:nth-child(even) .investmentCard-body { border-left: 30px solid var(--secondaryColor); }
.ulTitle { font-size: var(--font20); color: var(--tertiaryColor); margin: 20px 0 10px 0; }
.investmentCardText ul { list-style: none; margin: 0; padding: 0; }
.investmentCardText ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 10px 0; }
.investmentCardText ul li::before { content: ''; position: absolute; width: 12px; height: 12px; background-color: var(--tertiaryColor); border-radius: 50%; left: 0; top: 6px; }
.investmentCard:nth-child(even) .investmentCardText ul li::before { background-color: var(--secondaryColor); }
.investmentCard:nth-child(even) .ulTitle { color: var(--secondaryColor); }
.investmentCard:nth-child(even) .primaryLink { color: var(--secondaryColor); }
.investmentCard:nth-child(even) .primaryLink:hover { color: var(--primaryColor); }
.nextStep { padding: 100px 0 0 0; }
.nextStep .description { padding: 20px 0; }

/* textCardBlock css */
.textCardBlock { padding: 200px 0; }
.textCardBlockDetail { position: sticky; top: 200px; }
.iconTextCardListing .col-lg-6 { margin-bottom: 50px; }
.textCardBlock .iconTextCard { margin-bottom: 50px; }
.iconTextCard { padding: 40px; border: 2px solid var(--tertiaryColor); background-color: #F7F7F7; border-radius: 40px; transition: all 0.3s; cursor: pointer; height: 100%; }
.iconTextCard:hover { background-color: var(--primaryColor); color: var(--whiteColor); }
.iconTextCard:hover .subHeading { color: var(--whiteColor); }
.cardHeading { display: flex; align-items: center; }
.cardIcon { background-color: var(--secondaryColor); width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cardHeading .subHeading { width: calc(100% - 100px); margin-left: auto; }
.textCardBlockDetail .sectionHeading { width: 80%; line-height: 60px; }
.textCardBlockDetail .description { margin-bottom: 50px; }
.textCardBlock .iconTextCard:last-child { margin-bottom: 0; }
.textCardBlock .row { justify-content: space-between; }
section.textCardBlock.ringImage:before { top: 250px; }
.textCardBlock:nth-child(even) { background-color: var(--grayF7); }
.textCardBlock:nth-child(even) .row { flex-direction: row-reverse; }
.cardIcon img { width: 40px; }
.textCardBlock:nth-child(even)::before { top: 250px; left: auto; right: 0; background: url(../images/cut-ring.png) right center no-repeat; background-size: contain; width: -webkit-fill-available; }

/* howItWork css */
.howItWork { padding: 120px 0; background-color: var(--bgColor); }
.workUl { padding: 100px 0 0 0; }
.workUl ul { position: relative; margin: 0; padding: 0; display: flex; align-items: flex-start; justify-content: space-between; list-style: none; }
.workUl ul:before { content: ''; position: absolute; top: 0; left: 0; height: 2px; background-color: var(--tertiaryColor); animation: appearBorder 2s both linear; animation-timeline: view(70% auto); }
.workUl ul li { position: relative; padding: 40px 0 0 0; width: 80%; margin-inline: auto; }
.workUl ul li::before { content: ''; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); width: 26px; height: 26px; background-color: var(--secondaryColor); border-radius: 50%; animation: appaerDot 5s both linear; animation-timeline: view(65% auto); animation-delay: calc(2s * var(--index)); }
.liContent { text-align: center; animation: appear 5s both linear; animation-timeline: view(50% auto); animation-delay: calc(2s * var(--index)); width: 85%; margin-inline: auto; }
@keyframes appear {
	from { opacity: 0; transform: translateY(100px) scale(0.3); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes appaerDot {
	from { opacity: 0; transform: scale(0.3); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes appearBorder {
	form { width: 0; }
	to { width: 100%; }
}

/* news css */
.news { padding: 120px 0; }
.newsDetail { padding: 20px 0 0 0; }
.mediaBtn { text-align: center; margin: 50px 0 0 0; }
.newsImage { border-radius: 30px; overflow: hidden; position: relative; z-index: 1; }
.newsImage img { width: 100%; height: 100%; object-fit: cover; }
.newsImage:before { content: '\f04b'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'FontAwesome'; color: #324c5f; font-size: 24px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; padding: 0 0 0 5px; transition: all 0.3s; z-index: 0;	/* opacity: 0; visibility: hidden; */ }
.newsListing { margin: 70px 0 0 0; }

/* .newsImage:hover:before { opacity: 1; visibility: visible; } */

/* newsletter css */
.newsletter { padding: 70px 0; background-color: var(--grayF7); }
.innerNewsletter form input:not([type="submit"]) { border: 2px solid #82beb5; border-radius: 12px; }
.innerNewsletter form input[type="submit"] { height: 100%; }
.innerNewsletter form input { width: 100%; padding: 18px 30px !important; height: auto; }
span.wpcf7-spinner { position: absolute; display: none; }
.wpcf7-not-valid-tip { position: absolute; }

/* footer css */
.copyRight { background-color: var(--tertiaryColor); }
.innerCopyRight { display: flex; align-items: center; justify-content: space-between; color: var(--whiteColor); padding: 15px 0; }
.innerCopyRight img { width: 50px; }
.footerUl ul { margin: 0; padding: 0; list-style: none; }
.footerUl ul li a { text-decoration: none; margin: 5px 0; display: inline-block; color: var(--textColor); font-size: 15px; transition: all 0.3s; }
.footerUl ul li a:hover { color: var(--tertiaryColor); }
.footerUl ul li a strong { display: block; }
.footerUl ul li p:last-child { font-size: 12px; }
footer { background-color: #DEDBD3; padding: 100px 0 0 0; margin-top: -10px; }
.footerInner { padding: 0 0 80px 0; }
.footerLogo span { display: block; font-size: 12px; margin: 10px 0 0 0; }
span.footerUlHeading { display: block; font-weight: 600; color: var(--primaryColor); margin: 0 0 10px 0; }

/* .socialUl ul { list-style: none; margin: 10px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: flex-end; } */

/* .footerLogo { text-align: center; } */
.socialUl ul { list-style: none; margin: 10px 0 0 -10px; padding: 0; display: flex; align-items: start; justify-content: flex-start; }
.socialUl ul li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 0 0 10px; background-color: var(--primaryColor); border-radius: 50%; color: var(--whiteColor); }

/* ======================== */

/* Investor Persona css */

/* ======================== */
.milestones { background-color: var(--bgColor); padding: 120px 0; }
.milestonesListing { padding: 100px 0 0 0; }
.milestonesList { background-color: #fff; padding: 30px; border-radius: 10px; border-left: 10px solid var(--secondaryColor); margin: 0 0 40px 0; }
.milestonesList:last-child { margin: 0; }
.milestonesHeading { display: flex; align-items: center; }
.milestonesHeading span { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--secondaryColor); color: #fff; border-radius: 50%; font-size: 20px; font-weight: 600; }
.milestonesHeading .subHeading { margin: 0; padding: 0 0 0 20px; width: calc(100% - 50px); }
.milestonesList ul { padding-top: 20px; }
.milestonesList ul li { padding: 0 0 10px 0; }
.milestonesList:nth-child(even) { border-color: var(--primaryColor); }
.milestonesList:nth-child(even) .milestonesHeading span { background-color: var(--primaryColor); }
.milestonesPeopleImage { position: sticky; top: 120px; }
.milestonesListing .buttonWrapper { padding: 80px 0 0 0; }

/* financialSolutions css */
.financialSolutions { padding: 120px 0; }
.financialSolutionsListing { padding: 100px 0 0 0; }
.financialSolutionsListing .col-lg-6 { margin: 0 0 30px 0; }
.financialSolutionsList { border: 2px solid var(--tertiaryColor); border-radius: 20px; padding: 40px; height: 100%; }
.financialSolutionsListHeading { display: flex; align-items: center; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #000; }
.financialSolutionsListHeadingText h4 { margin: 0; }
.financialSolutionsIcon { display: flex; align-items: center; justify-content: center; background-color: var(--secondaryColor); width: 70px; height: 70px; border-radius: 50%; }
.financialSolutionsListHeadingText { padding: 0 0 0 20px; width: calc(100% - 70px); }
.financialSolutionsListHeadingText span { color: var(--tertiaryColor); font-weight: var(--font500); margin: 10px 0 0 0; display: block; }
.financialSolutionsList ul { margin: 25px 0; padding: 0 0 0 20px; }
.PMSs .textImageBlockTop { padding: 0 0 80px 0; }
.PMSs .row { margin: 0 0 60px 0; justify-content: space-between; }
.PMSs .row:last-child { margin: 0; }

/* roadMapInner css */
.roadMap { margin: 0 0 80px 0; }
.roadMapInner>.sectionHeading { color: var(--tertiaryColor); text-align: center; width: 70%; margin: 0 auto; }
.roadMapInner { background-color: var(--primaryColor); padding: 100px; border-radius: 40px; position: relative; overflow: hidden; z-index: 1; }
.roadMapInner:before { content: ''; position: absolute; background: url(../images/roadmap-ring.svg) right top no-repeat; width: 350px; height: 400px; right: -120px; top: -50px; z-index: -1; }
.roadMapBlock { margin: 50px 0 0 0; }
.roadMapBlock .row { display: flex; align-items: flex-end; justify-content: space-between; }
.roadMapDetail .subHeading { color: var(--tertiaryColor); }
.roadMapDetail .subDescription { color: var(--whiteColor); }
.roadMapUl ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; }
.roadMapUl ul li { display: flex; justify-content: center; margin: 0 0 50px 0; }
.roadMapUl ul li:last-child { margin: 0; }
.roadMapIcon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--secondaryColor); border-radius: 50%; }
.roadMapDetail { width: calc(100% - 80px); margin-left: auto; }
.roadMapUl ul:before { content: ''; position: absolute; width: 1px; height: calc(100% - 30px); background-color: var(--whiteColor); top: 0; left: 30px; z-index: -1; }

/* .readyToTransform css */
.readyToTransform { padding: 70px 0; background-color: var(--bgColor); }
section.milestones.ringImage:before { bottom: 500px; }

/* rightForYou css */
.rightForYou { padding: 120px 0; }
.rightForYou .iconTextCardListing { padding: 70px 0 0 0; }

/* discover css */
.discover { background-color: var(--bgColor); padding: 100px 0; }
.discover:before { bottom: auto; top: 100px; }
.discover .discoverHeading { position: sticky; top: 200px; }
.discover .imageCardList { margin-bottom: 50px; box-shadow: 0px 4px 10px 0px #0000001A; background-color: var(--whiteColor); display: flex; border-radius: 20px; overflow: hidden; }
.discover .imageCardList:last-child { margin: 0; }
.imageCardDetail { width: 60%; padding: 30px; }
.imageCardImage { width: 40%; border-radius: 20px; overflow: hidden; }
.imageCardImage img { width: 100%; object-fit: cover; height: 100%; }
.imageCardDetail .subHeading { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid var(--blackColor); position: relative; }
.imageCardDetail .subHeading:before { content: ''; position: absolute; top: calc(100% - 1px); left: 0; width: 160px; height: 3px; background-color: var(--secondaryColor); }
.imageCardDetail span { line-height: 30px; }
.discoverHeading img { position: absolute; right: 0; transform: rotateX(180deg); }
.confusing { padding: 40px 80px; background-color: #82beb5; margin: 60px 0 0 0; border-radius: 30px; display: flex; align-items: center; justify-content: space-between; }
.confusingText .sectionHeading { color: #fff !important; }
.confusingText { color: #fff; }

/* ======================== */

/* about Artham page css */

/* ======================== */

marquee { width: 100%; background-color: #324c5f; top: 94px; z-index: 9; height: auto; color: #fff; padding: 10px 0; z-index: 1; }
marquee ul { margin: 0; padding: 0; list-style: none; }
marquee ul a { color: var(--secondaryColor); margin: 0 0 0 5px; text-decoration: none; transition: all 0.3s; }
marquee ul a:hover { color: var(--tertiaryColor); }
section.subBanner { position: relative; width: 100%; height: 100vh; }

/* .page-template-Investor-persona section.subBanner, .page-template-solutions section.subBanner { position: relative; width: 100%; height: 100vh; padding: 138px 0 0 0; } */
section.subBanner:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, #000000ba, transparent); top: 0; left: 0; }
.subBannerImg { width: 100%; height: 100%; }
.subBannerImg img { width: 100%; height: 100%; object-fit: cover; }
.subBannerImg video { width: 100%; height: 100%; object-fit: cover; }
.subBanner .subBannerContent { position: absolute; z-index: 2; top: 50%; }
.subBanner .subBannerContent h3 { color: var(--whiteColor); }

/* aboutArtham css */
.aboutArtham { padding: 120px 0; }
.achievementBlockListing { padding: 80px 0 0 0; }
.achievementBlockListing .sectionHeading { color: var(--primaryColor); }
.achievementBlock { padding: 80px 0; }
.achievementBlockList { padding: 50px 20px; border: 2px solid var(--tertiaryColor); text-align: center; border-radius: 30px; height: 100%; }
.iconBox { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: var(--secondaryColor); margin: 0 auto; border-radius: 50%; }
.achievementBlockListing span.stat-prefix { margin: 0 -5px 0 0px; }

/* philosophy css */
.philosophy { padding: 120px 0; background-color: var(--bgColor); }
.philosophyBlock ul { list-style: none; background-color: var(--whiteColor); border-radius: 40px; border: 2px solid var(--tertiaryColor); padding: 50px 40px; }
.philosophyList { display: flex; align-items: flex-start; }
.philosophyList .philosophyListText { width: calc(100% - 80px); margin-left: auto; }
.philosophyList .iconBox { width: 60px; height: 60px; }
.philosophyList .description { margin: 0; }
.philosophyBlock ul li { margin: 0 0 30px 0; font-size: 16px; }
.philosophyBlock ul li:last-child { margin: 0; }
.philosophyInner .row { justify-content: space-between; }

/* ourApproach css */
.ourApproach { padding: 120px 0; }
.approachTimeLine ul { list-style: none; margin: 80px 0; padding: 0; position: relative; }
.approachTimeLine ul li { width: 50%; text-align: right; padding: 50px 0; padding-right: 40px; position: relative; }
.approachTimeLine ul li:nth-child(even) { margin-left: auto; text-align: left; padding-left: 40px; }
.approachTimeLine ul:before { content: ''; position: absolute; width: 2px; height: 100%; background-color: var(--tertiaryColor); left: 50%; transform: translateX(-50%); top: 0; }
.TimeLineDetail .description { margin: 0; }
.approachTimeLine ul li:before { content: ''; position: absolute; width: 40px; height: 40px; background-color: var(--secondaryColor); right: -20px; border-radius: 50%; border: 3px solid var(--whiteColor); outline: 3px solid var(--secondaryColor); top: 45px; display: flex; align-items: center; justify-content: center; font-size: var(--font18); font-weight: var(--font700); color: var(--whiteColor); }
.approachTimeLine ul li:nth-child(even):before { right: auto; left: -20px; }
.approachTimeLine ul li:first-child:before { content: '1'; }
.approachTimeLine ul li:nth-child(2):before { content: '2'; }
.approachTimeLine ul li:nth-child(3):before { content: '3'; }

/* investmentSolution css */
.investmentSolution { padding: 120px 0; background-color: var(--grayF7); }
.investmentSolutionTop .tertiaryTitleText { padding: 30px 0; }
.coreExpertiseListing { padding: 80px 0 0 0; }

/* .coreExpertiseListing .row{justify-content: center;} */
.coreExpertiseListing .col-lg-6:last-child .coreExpertiseList { padding: 0; }
.coreExpertiseList { display: flex; align-items: center; padding: 0 0 50px 0; }
.coreExpertiseList .iconBox { margin: 0; }
.coreExpertiseList .description { margin: 0; }
.coreExpertiseListText { width: calc(100% - 100px); margin-left: auto; }

/* newAge css */
.newAge { padding: 120px 0; }
.ExcellenceCard { position: sticky; top: 150px; padding-top: calc(var(--index) * var(--cardTopPadding)); }

/* ======================== */

/* team page css */

/* ======================== */



.ExcellenceCardImage img { width: 100%; height: 100%; object-fit: cover; }
.ExcellenceCard-body { background-color: var(--primaryColor); padding: 40px; border-radius: 40px; box-shadow: 0px 10px 40px 0px #00000040; position: relative; overflow: hidden; z-index: 1; }
.ExcellenceCard-body::before { content: ''; position: absolute; background: url(../images/ring.png) center center no-repeat; width: 300px; height: 300px; top: -20px; right: -80px; background-size: contain; transform: rotateX(180deg) rotate(-128deg); z-index: -1; }
.ExcellenceCard:nth-child(even) .ExcellenceCard-body { background-color: var(--tertiaryColor); }
.ExcellenceCard:nth-child(even) .ExcellenceCardText .tertiaryTitleText { color: var(--primaryColor); }
.ExcellenceCard:nth-child(even) .row { flex-direction: row-reverse; }
.ExcellenceCard-body .row { align-items: center; }
.ExcellenceCardImage { border-radius: 20px; overflow: hidden; height: 420px; }
.ExcellenceCardText .description { color: #fff; line-height: 30px; }
.ExcellenceCard:nth-child(even) .ExcellenceCard-body::before { content: ''; position: absolute; background: url(../images/ring-tertiary.svg) center center no-repeat; width: 300px; height: 300px; bottom: -80px; left: 0px; background-size: contain; transform: rotate(330deg); top: auto; }

/* driveExellence css */
section.driveExellence { padding: 120px 0 0 0; }
.analyticalMind:before { content: ''; position: absolute; background: url(../images/ring.png) right center no-repeat; width: 400px; height: 400px; top: 300px; right: -60px; background-size: contain; transform: rotateY(180deg) rotate(330deg); }

/* teamWrapper css */
.teamWrapper { padding: 120px 0; background-color: var(--bgColor); position: relative; overflow: hidden; }
.teamWrapper:nth-child(even) { background-color: var(--whiteColor); }
.teamCardListing { padding: 80px 0 0 0; }
.teamCardListing .row { display: flex; justify-content: center; }
.teamCardImage img { width: 100%; height: 300px; object-fit: cover; }
.teamCardImage { border-radius: 30px; overflow: hidden; }
.teamCard { padding: 30px; border: 2px solid var(--tertiaryColor); background-color: var(--whiteColor); border-radius: 20px; height: 100%; }
.teamCardText { padding: 20px 0 0 0; }
span.position { color: var(--secondaryColor); font-weight: 500; }

/* ======================== */

/* blog page css */

/* ======================== */
.blog { padding: 120px 0; }
.latestBlog { padding: 80px 0; }
.blogBox-body { background-color: var(--primaryColor); padding: 40px; border-radius: 40px; box-shadow: 0px 10px 40px 0px #00000040; position: relative; overflow: hidden; }
.blogBox .description { color: #fff; line-height: 30px; }
.otherBlog { padding: 40px 0; }
.otherBlog .col-lg-4 { margin: 0 0 30px 0; }
.otherBlog .row { padding: 40px 0 0 0; }
.otherBlogBoxImage img { width: 100%; height: 250px; object-fit: cover; }
.otherBlogBoxImage { border-radius: 20px; overflow: hidden; }
.otherBlogBox { padding: 20px; border: 2px solid var(--tertiaryColor); border-radius: 20px; height: 100%; }
.otherBlogBoxText { padding: 20px 0 0 0; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 250px); }
.otherBlogBoxTextBottom span { text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.blogBoxText .tertiaryTitleText { width: 70%; }
.otherBlogBoxTextTop h4 { text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.blogBoxImage { height: 350px; width: 100%; border-radius: 20px; overflow: hidden; }
.blogBoxImage img { width: 100%; height: 100%; object-fit: cover; }
.blogBoxText .primaryLink:hover { color: var(--secondaryColor); }

/* ======================== */

/* contact page css */

/* ======================== */
.guidance { padding: 120px 0; background-color: var(--bgColor); }
.guidanceText { width: 90%; padding: 100px 0 0 0; position: sticky; top: 120px; }
.guidanceForm form { padding: 80px 50px; border: 2px solid #82beb5; border-radius: 30px; background-color: #fff; }
.guidanceForm form textarea, .guidanceForm form input[type="text"], .guidanceForm form input[type="tel"], .guidanceForm form input[type="email"], .guidanceForm form input[type="password"], .guidanceForm form input[type="number"], .guidanceForm form input[type="date"] { width: 100%; padding: 15px 30px; border: 1px solid #82beb5; border-radius: 15px; margin: 0 0 20px 0; }
span.wpcf7-list-item-label { display: inline-block !important; margin: 0 0 0 10px; }
.wpcf7-form-control { display: flex !important; flex-wrap: wrap; }
.wpcf7-not-valid-tip { top: 100%; margin: 0 !important; }
.guidanceForm form input[type="submit"] { margin: 0 auto; display: flex; }
.image-content { padding: 200px 0 100px 0; }
.uacf7-wrapper-default label { margin: 0 !important; }
.wpcf7-list-item { margin: 0 20px 10px 0; }
.steps-form .steps-row .steps-step .btn-circle { display: flex; align-items: center; justify-content: center; margin: 0 auto; }
label.question { padding: 10px; background-color: #dedbd3; display: block; }
.page-id-1219 .wpcf7-form-control-wrap, .page-id-1225 .wpcf7-form-control-wrap { margin: 10px 0 50px 0; }
.uacf7-btn-default { background-color: #dedbd3 !important; }
.steps-form .steps-row .steps-step .btn-circle { background-color: var(--tertiaryColor); color: var(--whiteColor); }
.uacf7-multisetp-form { margin: 50px 0 0 0; }
.page-id-1219.primaryButton { position: absolute; left: 50%; margin: 5px 0 0 0; }

/* visitUs css */
.visitUs { padding: 120px 0; }
.visitUsInner .row { padding: 80px 0 0 0; align-items: center; }
.visitUsMap iframe { width: 100%; border-radius: 30px; }
.visitDetail { padding: 0 0 0 30px; }
.visitUsAddress ul { list-style: none; margin: 0; padding: 0; }
.visitUsAddress ul li a { display: flex; align-items: flex-start; }
.visitUsAddress ul { list-style: none; margin: 0; padding: 10px 0 0 0; }
.visitUsAddress ul li a { display: flex; align-items: flex-start; text-decoration: none; color: var(--textColor); }
.visitUsAddress ul li a svg { color: var(--secondaryColor); padding: 3px 10px 0 0; display: inline-block; }
.visitUsAddress { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #232529; }

/* getInTouch css */
.getInTouch { padding: 120px 0; background-color: var(--grayF7); }
.getInTouchCard { height: 100%; }
.getInTouchCardTop { background-color: #fff; padding: 50px; border-radius: 10px; box-shadow: 0px 4px 10px 0px #0000001A; border-left: 10px solid red; height: 100%; }
.getInTouchCardTop strong { display: block; }
.getInTouchCardTop span { font-size: 24px; width: 70%; margin: 0; line-height: 40px; }
.getInTouchInner .row { padding: 80px 0; }
.getInTouchInner .col-lg-6:first-child .getInTouchCardTop { border-color: var(--tertiaryColor); }
.getInTouchInner .col-lg-6:first-child .getInTouchCardTop a { color: var(--tertiaryColor); text-decoration: none; }
.getInTouchInner .col-lg-6:last-child .getInTouchCardTop { border-color: var(--secondaryColor); }
.getInTouchInner .col-lg-6:last-child .getInTouchCardTop a { color: var(--secondaryColor); text-decoration: none; }

/* ======================== */

/* gallery page css */

/* ======================== */
.galleryList img { width: 100%; height: 100%; object-fit: cover; }
.gallery { padding: 120px 0; }
.tabContent .row .col-lg-4 { margin: 0 0 30px 0; }
.galleryListing { padding: 80px 0 0 0; }
.galleryList { height: 100%; }
ul.tab-titles { display: flex; align-items: center; justify-content: center; list-style: none; margin: 0; padding: 80px 0 50px 0; }
ul.tab-titles li a { display: inline-block; text-decoration: none; padding: 10px 30px; font-size: 20px; color: var(--primaryColor); transition: all 0.3s; border-radius: 12px; }
li.active-li a { background-color: var(--primaryColor); color: var(--whiteColor) !important; }

/* ======================== */

/* why now css */

/* ======================== */

.economic { padding: 100px 0; position: relative; }
.economic:before { content: ''; position: absolute; width: 100%; height: 35px; background-color: #DEDBD3; bottom: 110px; z-index: -1; }
.digitalBoom { overflow-x: hidden; }
.digitalBoom .row { justify-content: space-between; }
.economicGdp .secondarySubHeading { text-align: center; padding: 40px 0 0 0; }
.ElephentimageWrapper { display: flex; align-items: flex-end; justify-content: space-between; position: relative; padding: 100px 0 0 0; }
.ElephentimageWrapper img:nth-child(2) {			/* width: 20%; */ }
.elephentImage { position: relative; }
span.gdpText { position: absolute; top: -80px; left: 50%; transform: translateX(-50%); color: #fff; background-color: var(--tertiaryColor); padding: 5px 15px; border-radius: 6px; display: inline-block; }
span.gdpYear { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); font-size: var(--font24); color: var(--primaryColor); font-weight: var(--font600); white-space: nowrap; }
.lastDecadeBox span.description { font-size: 20px; font-weight: 500; width: 50%; }
.economic a.primaryLink { position: relative; bottom: -60px; left: 50%; margin: 0 auto; }

/* youthful css */
.youthful { padding: 100px 0; background-color: var(--bgColor); overflow: hidden; }
.primaryPenta { background: url(../images/primary-penta.svg) center center no-repeat; background-size: contain; height: 100%; }
.secondaryPenta { background: url(../images/Secondary-penta.svg) center center no-repeat; background-size: contain; height: 100%; }
.pentaWrapper { display: flex;	/* flex-wrap: wrap; */ justify-content: center; }
.onePenta { text-align: center; width: 300px; color: var(--whiteColor); height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px; }
.onePenta h3 { color: var(--whiteColor); }
.pentaWrapper .onePenta:nth-child(3) { margin-left: -750px; }
.pentaWrapper .onePenta:nth-child(3), .pentaWrapper .onePenta:last-child { margin-top: 240px; }
.youthfulInner .row { align-items: center; }
.youthful.ringImage:before { bottom: -100px; left: -70px; transform: rotate(-60deg); }
.onePenta { transition: all 0.3s; }
.onePenta:hover { filter: drop-shadow(0px 10px 3px #00000080); }

/* lastDecade css */
.lastDecade { padding: 120px 0; }
.chartBox span { font-size: 20px; font-weight: 600; }

/* untapped css */
.untapped { padding: 120px 0; background-color: var(--bgColor); }
.untappedInner img { margin: 80px auto 0 auto; }
.favorableImg img { margin-left: auto; }
.favorableImg { display: flex; }
.favorableDetail ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 30px 0 0 0; }
.favorableDetail ul li { width: 50%; margin: 0 0 50px 0; }
.favorableDetail ul li .description { margin: 0 0 0 15px; }

/* favorable css */
.favorable { padding: 80px 0; background-color: var(--bgColor); overflow: hidden; }
.favorable.ringImage:before { top: -80px; left: -70px; transform: rotateY(180deg) rotateZ(120deg); }
text.highcharts-title { display: none; }
.indiaInvestment { padding: 120px 0 0 0; overflow-x: hidden; }
.indiaInvestment .row { align-items: center; }
.lastDecadeBox { border: 2px solid var(--tertiaryColor); border-radius: 30px; padding: 30px; background-color: var(--grayF7); height: 100%; box-shadow: 0px 4px 20px 0px #00000026; }
.chartWrapper { display: flex; align-items: flex-end; justify-content: space-around; }
.lastDecadeInner .row { margin: 80px 0 0 0; }
.highcharts-background { fill: #ffffff00; }
tspan.highcharts-text-outline { text-shadow: none !important; fill: none; stroke: none; }
.lastDecadeInner .col-lg-4 .lastDecadeBox { display: flex; flex-direction: column; justify-content: space-between; }
.lastDecadeInner .col-lg-8 .lastDecadeBox { padding: 0; overflow: hidden; }
.lastDecadeBox table { width: 100%; }
thead { background-color: #E9E9E9; }
thead tr th:not(:first-child) { text-align: center; }
thead tr th { padding: 25px 50px; font-weight: 500; }
tbody tr td:first-child { text-align: left; }
tbody tr td { padding: 10px 50px; border-right: 2px solid #E9E9E9; text-align: center; }
tbody tr td:last-child { border: none; }
#investedChart { margin: 80px 0 0 0; }
.investedChart { padding: 120px 0; }
.investedChartTop .sectionHeading { width: 45%; margin: 0 auto; }
.coin { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-size: contain; font-size: 20px; font-weight: 800; margin: 0 auto; cursor: pointer; }
.coin:hover { animation: flip 2s ease-in-out forwards; }
@keyframes flip {
	0% { transform: rotateY(0deg); }
	100% { transform: rotateY(calc(360deg * 3)); }
}
.coin.orange { background: url(../images/orange-coin.svg) center center no-repeat; }
.coin.gold { background: url(../images/gold-coin.svg) center center no-repeat; }
.coin.silver { background: url(../images/silver-coin.svg) center center no-repeat; }
span.gold.coin { color: #C97E0E; }
span.orange.coin { color: #C94B1B; }
span.silver.coin { color: #898E8F; }
.favorableInner .row { align-items: flex-end; }
#tab-3 img { width: 40%; margin: 0 auto; display: flex; }
.favorable { overflow-x: hidden; }
text { font-family: "Poppins", system-ui !important; }

/* sip css */
.sip { padding: 120px 0; background-color: var(--primaryColor); }
.sip .sectionHeading { color: var(--whiteColor); }
.sipImageWrapper { display: flex; align-items: flex-end; justify-content: space-around; margin-top: 0; }
.sipImage { text-align: center; }
.sipImageText .sipAmount { display: block; background-color: var(--secondaryColor); padding: 10px 25px; border-radius: 10px; color: var(--whiteColor); font-size: 24px; width: max-content; margin: 0 auto; margin-top: 20px; }
.sipImageText { margin: 70px 0 0 0; }
.sipTop select { padding: 10px 20px; font-size: 18px; border: 2px solid #82BEB5; border-radius: 15px; outline: none; box-shadow: none; margin: 30px 0 0 0; width:auto; }
.sipImageText { margin: 30px 0 0 0; }
.investedChartTop .sectionHeading span input, .investedChartTop .sectionHeading select { width: 30%; border: none; border-bottom: 1px solid var(--primaryColor); margin: 0 0 0 10px; font-weight: 600; color: var(--primaryColor); box-shadow: none; outline: none; padding: 0 10px; }
.investedChartTop .sectionHeading span input::placeholder { color: var(--primaryColor); }
.investedChartTop .sectionHeading span:last-child input { width: 8.5%; margin: 0 10px; }
option { font-size: 18px; }
#container1 .highcharts-color-1, #container2 .highcharts-color-1 { fill: #E9E9E9 !important; }
#container1 .highcharts-color-0 { fill: #82BEB5; }
#container2 .highcharts-color-0 { fill: #F27170; }
span.chartText { display: block; background-color: #E9E9E9; border-radius: 50%; margin: 0 0 30px 0; }
.chart1 .chartText { width: 100px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #82BEB5; }
.chart2 span.chartText { width: 150px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; color: #F27170; }
.sipImageInner { display: flex; align-items: center; flex-direction: column; min-height: 420px; justify-content: flex-end; width: 420px; }
.sipImageInner img:first-child { z-index: 1; margin-bottom: -20px; }
.sipImageInner img:last-child { width: 100px; }
.investedChart .highcharts-data-label text, .investedChart text.highcharts-data-label { transform: translateY(-40px); fill: var(--blackColor) !important; color: var(--blackColor); }
.investedChart .highcharts-axis-title { display: none; }
.disclaimer { padding: 120px 0 80px 0; font-size: 12px; }
.disclaimerInner .row { justify-content: space-between; }
.postDetail { padding: 150px 0 50px 0; }
.entry-content .banner-img { width: 100%; object-fit: cover; height: 500px; border-radius: 16px; }
.entry-content img{margin: 0 0 20px 0;}
.widget-area ul { list-style: none; margin: 0; padding: 0; }
.widget-area ul li a { text-decoration: none; color: #000; margin: 0 0 10px 0; display: inline-block; }
.blg-disclaimer { margin: 20px 0 0 0; }
.blg-disclaimer p { font-size: 14px; }

/* sup { top: 5px; left: 3px; } */

/* Login Form */
.loginSection { padding: 200px 0; overflow: hidden; }
.loginSection input[type="text"] { width: 100%; padding: 15px 30px; border: 1px solid #82beb5; border-radius: 15px; }
.loginSection .titleText { font-size: 24px; }
.loginSection input[type="password"] { width: 100%; padding: 15px 30px; border: 1px solid #82beb5; border-radius: 15px; }
.loginSection .radio-group { display: flex; margin-right: 15px; flex-direction: row; align-items: center; }
.loginSection .form-group label { margin: 0; }
.loginSection .form-group { display: flex; }
.loginSection .radio-group input[type="radio"] { margin-right: 3px; width: max-content; }
.loginSection button.primaryBtn { display: block; color: var(--whiteColor); background-color: var(--tertiaryColor); padding: 15px 30px; border-radius: 10px; transition: all 0.3s; text-decoration: none; line-height: 1; font-size: var(--font16); border: none; }
.loginSection form.formDesign { border: 2px solid #82beb5; padding: 80px 50px; border-radius: 30px; background-color: #fff; width: 50%; margin: 0 auto; }
.loginSection .form-group { margin: 0 0 20px 0; }
section.loginSection.ringImage:before { top: 100px; left: -110px; transform: rotate(-55deg); }
section.loginSection.ringImage:after { content: ''; position: absolute; bottom: 20px; right: -150px; background: url(../images/ring.png) left center no-repeat; background-size: contain; height: 420px; width: 420px; z-index: -1; transform: rotate(360deg); }

/* ===================================== */

/* form css */

/* ===================================== */

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.multiStepForm { padding: 150px 0 120px 0; }
.steps-container { margin-bottom: 2rem; }
.steps-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-bottom: 2rem; }
@media (max-width:768px) {
	.steps-list { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
}
.step-button { padding: 0.75rem; border: 1px solid var(--border-color); background: var(--background-color); border-radius: var(--radius); cursor: pointer; transition: all 0.2s; }
.step-button.active { background: var(--primaryColor); color: white; border-color: var(--primaryColor); }
.card { background: var(--background-color); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 2rem; }
.card-header { padding: 1.5rem; border-bottom: 1px solid var(--border-color); }
.card-header h2 { margin: 0; font-size: 1.5rem; }
.subtitle { color: var(--secondaryColor); margin: 0.5rem 0 0; }
.card-content { padding: 1.5rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (max-width:640px) {
	.form-grid { grid-template-columns: 1fr; }
}
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; }
input, select, textarea { width: 100%; padding: 0.75rem; border: 1px solid var(--border-color); border-radius: var(--radius); font-size: 1rem; }
.table-responsive { overflow-x: auto; margin-bottom: 1rem; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 0.75rem; border: 1px solid var(--border-color); text-align: left; }
.table-input { width: 100%; padding: 0.5rem; border: 1px solid var(--border-color); border-radius: var(--radius); }
.button-primary, .button-secondary { padding: 0.75rem 1.5rem; border-radius: var(--radius); border: none; cursor: pointer; font-size: 1rem; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.2s; }
.button-primary { background: var(--primaryColor); color: white; }
.button-primary:hover { background: var(--primary-hover); }
.button-secondary { background: transparent; border: 1px solid var(--border-color); }
.button-secondary:hover { background: rgba(0, 0, 0, 0.05); }
.helper-text { color: var(--secondaryColor); font-size: 0.875rem; margin: 0.5rem 0; }
.navigation-buttons { display: flex; justify-content: space-between; margin-top: 2rem; }
.family-members-section { margin-top: 2rem; }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.step-content { display: none; }
.step-content.active { display: block; }

/* Accessibility */
@media (prefers-reduced-motion:reduce) {
	* { transition: none !important; }
}

/* Focus styles */
:focus-visible { outline: 2px solid var(--primaryColor); outline-offset: 2px; }

/* Additional styles for radio buttons */
.radio-group { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }
.radio-option { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
.radio-option input[type="radio"] { width: 1.2rem; height: 1.2rem; margin: 0; cursor: pointer; }
.question { margin-bottom: 2rem; }
.question-text { font-size: 1.1rem; font-weight: 500; margin-bottom: 1rem; color: var(--text-color); }

/* Adjust step list for 4 steps instead of 6 */

/* .steps-list { grid-template-columns: repeat(4, 1fr); } */

/* @media (max-width:768px) {
.steps-list { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
} */