.apv3-breadcrumb{ padding:18px 0; background:#F8F5EF; border-bottom:1px solid #ECE4D3; } .apv3-breadcrumb ul{ display:flex; gap:14px; padding:0; margin:0; list-style:none; align-items:center; } .apv3-breadcrumb li{ font-size:15px; color:#666; } .apv3-breadcrumb li a{ color:#0B2545; text-decoration:none; font-weight:600; } .apv3-breadcrumb li:not(:last-child):after{ content:"/"; margin-left:14px; color:#C9A961; } /*===================================== PRINCIPAL VALUER ======================================*/ /* ========================================================= SECTION 01 — PRINCIPAL VALUER HERO UNIQUE PREFIX: pcgvHero ========================================================= */ .pcgvHero{ position:relative; overflow:hidden; padding:90px 0 100px; background: linear-gradient( 135deg, #f8f6f0 0%, #ffffff 48%, #f4f0e7 100% ); color:#0b2550; } /* ========================================================= BACKGROUND ========================================================= */ .pcgvHeroPattern{ position:absolute; inset:0; opacity:.3; background-image: linear-gradient( rgba(11,37,80,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(11,37,80,.035) 1px, transparent 1px ); background-size:80px 80px; pointer-events:none; } .pcgvHeroWatermark{ position:absolute; top:-170px; right:-130px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:590px; line-height:1; font-weight:600; letter-spacing:-30px; pointer-events:none; } /* ========================================================= CONTENT ========================================================= */ .pcgvHero .container{ position:relative; z-index:3; } .pcgvHeroGrid{ display:grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.72fr); gap:75px; align-items:center; } /* ========================================================= EYEBROW ========================================================= */ .pcgvHeroEyebrow{ display:flex; align-items:center; gap:13px; margin-bottom:25px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:2.4px; } .pcgvHeroEyebrow span{ width:45px; height:1px; background:#b88723; } /* ========================================================= H1 ========================================================= */ .pcgvHeroContent h1{ max-width:850px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:64px; line-height:1.01; font-weight:600; letter-spacing:-1px; } .pcgvHeroContent h1 strong{ color:#b88723; font-weight:600; } /* ========================================================= ROLE ========================================================= */ .pcgvHeroRole{ display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:22px; color:#536273; font-size:15px; line-height:1.5; font-weight:700; } .pcgvHeroRole i{ width:4px; height:4px; border-radius:50%; background:#b88723; } /* ========================================================= INTRO ========================================================= */ .pcgvHeroIntro{ max-width:850px; margin-top:30px; } .pcgvHeroIntro p{ margin:0 0 17px; color:#647181; font-size:15px; line-height:1.85; } .pcgvHeroIntro p strong{ color:#0b2550; font-weight:750; } /* ========================================================= CONTACT ========================================================= */ .pcgvHeroContact{ display:grid; grid-template-columns: 1.45fr .7fr .9fr; gap:18px; margin-top:30px; padding:20px 0; border-top:1px solid #ddd7cb; border-bottom:1px solid #ddd7cb; } .pcgvHeroContactItem{ display:flex; flex-direction:column; gap:6px; padding-right:18px; border-right:1px solid #ddd7cb; } .pcgvHeroContactItem:last-child{ border-right:0; } .pcgvHeroContactItem span{ color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .pcgvHeroContactItem strong{ color:#0b2550; font-size:13px; line-height:1.55; font-weight:650; } .pcgvHeroContactItem a{ color:#0b2550; font-size:15px; line-height:1.4; font-weight:800; text-decoration:none; } /* ========================================================= ACTIONS ========================================================= */ .pcgvHeroActions{ display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:25px; } .pcgvHeroPrimaryButton{ display:inline-flex; align-items:center; gap:14px; padding:15px 18px 15px 22px; background:#0b2550; color:#fff; border-radius:5px; font-size:14px; line-height:1.3; font-weight:800; text-decoration:none; transition:.3s ease; } .pcgvHeroPrimaryButton span{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#d5a646; color:#0b2550; font-size:16px; } .pcgvHeroPrimaryButton:hover{ background:#b88723; transform:translateY(-3px); } .pcgvHeroSecondaryButton{ display:inline-flex; align-items:center; justify-content:center; padding:14px 19px; border:1px solid #cfc5b3; color:#0b2550; border-radius:5px; font-size:13px; line-height:1.3; font-weight:800; text-decoration:none; transition:.3s ease; } .pcgvHeroSecondaryButton:hover{ border-color:#b88723; color:#b88723; } /* ========================================================= PORTRAIT ========================================================= */ .pcgvHeroPortrait{ position:relative; min-height:650px; display:flex; align-items:center; justify-content:center; } .pcgvHeroPortraitFrame{ position:relative; width:100%; max-width:455px; height:650px; overflow:hidden; background:#0b2550; border-radius:10px; box-shadow: 0 30px 70px rgba(11,37,80,.20); } .pcgvHeroPortraitFrame img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center top; } .pcgvHeroPortraitOverlay{ position:absolute; inset:0; background: linear-gradient( to top, rgba(7,27,57,.72), transparent 34% ); pointer-events:none; } .pcgvHeroPortraitGoldLine{ position:absolute; z-index:3; top:18px; left:18px; right:18px; bottom:18px; border:1px solid rgba(213,166,70,.55); pointer-events:none; } /* ========================================================= PORTRAIT BADGE ========================================================= */ .pcgvHeroPortraitBadge{ position: absolute; left: -35px; bottom: 90px; z-index: 5; display: flex; align-items: center; gap: 12px; padding: 14px 17px; background: #fff; border-left: 4px solid #b88723; box-shadow: 0 15px 35px rgba(11, 37, 80, .14); } .pcgvHeroPortraitBadge strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1; } .pcgvHeroPortraitBadge span{ color:#0b2550; font-size:13px; line-height:1.35; font-weight:800; letter-spacing:.7px; } /* ========================================================= PORTRAIT CAPTION ========================================================= */ .pcgvHeroPortraitCaption{ position: absolute; z-index: 5; right: 28px; bottom: 24px; display: flex; flex-direction: column; gap: 4px; text-align: right; } .pcgvHeroPortraitCaption span{ color:#d5a646; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .pcgvHeroPortraitCaption strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1.1; font-weight:600; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1199px){ .pcgvHeroGrid{ grid-template-columns: minmax(0,1fr) minmax(350px,.65fr); gap:45px; } .pcgvHeroContent h1{ font-size:57px; } .pcgvHeroPortrait{ min-height:590px; } .pcgvHeroPortraitFrame{ height:590px; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .pcgvHero{ padding:75px 0 85px; } .pcgvHeroGrid{ grid-template-columns:1fr; gap:50px; } .pcgvHeroContent h1{ font-size:54px; } .pcgvHeroPortrait{ min-height:600px; } .pcgvHeroPortraitFrame{ height:600px; max-width:440px; } .pcgvHeroPortraitBadge{ left:calc(50% - 255px); } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .pcgvHero{ padding:65px 0 70px; } .pcgvHeroWatermark{ top:-50px; right:-100px; font-size:350px; } .pcgvHeroEyebrow{ font-size:13px; letter-spacing:1.4px; } .pcgvHeroContent h1{ font-size:43px; line-height:1.05; } .pcgvHeroRole{ font-size:15px; line-height:1.6; } .pcgvHeroIntro p{ font-size:15px; line-height:1.8; } .pcgvHeroContact{ grid-template-columns:1fr; gap:15px; } .pcgvHeroContactItem{ padding:0 0 14px; border-right:0; border-bottom:1px solid #ddd7cb; } .pcgvHeroContactItem:last-child{ padding-bottom:0; border-bottom:0; } .pcgvHeroContactItem strong{ font-size:13px; } .pcgvHeroActions{ flex-direction:column; align-items:stretch; } .pcgvHeroPrimaryButton, .pcgvHeroSecondaryButton{ width:100%; justify-content:center; } .pcgvHeroPortrait{ min-height:540px; } .pcgvHeroPortraitFrame{ height:540px; max-width:100%; } .pcgvHeroPortraitBadge{ left:15px; bottom:65px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .pcgvHeroContent h1{ font-size:38px; } .pcgvHeroPortrait{ min-height:500px; } .pcgvHeroPortraitFrame{ height:500px; } .pcgvHeroPortraitBadge{ left:10px; bottom:55px; padding:11px 13px; } .pcgvHeroPortraitBadge strong{ font-size:29px; } } /* ========================================================= SECTION 02 — ASSET CLASS BREADTH UNIQUE PREFIX: pcgvBreadth ========================================================= */ .pcgvBreadth{ position:relative; overflow:hidden; padding:105px 0 110px; background:#f7f4ed; color:#0b2550; } .pcgvBreadthWatermark{ position:absolute; right:-80px; top:-100px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:450px; line-height:1; } .pcgvBreadth .container{ position:relative; z-index:2; } /* HEADER */ .pcgvBreadthEyebrow{ display:flex; align-items:center; gap:13px; margin-bottom:22px; color:#b88723; font-size:13px; font-weight:800; letter-spacing:2px; } .pcgvBreadthEyebrow span{ width:42px; height:1px; background:#b88723; } .pcgvBreadthHeader{ max-width:1050px; } .pcgvBreadthHeader h2{ margin:0 0 17px; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.04; font-weight:600; } .pcgvBreadthHeader h2 strong{ color:#b88723; } .pcgvBreadthHeader p{ max-width:900px; margin:0; color:#687583; font-size:15px; line-height:1.8; } /* MAIN GRID */ .pcgvBreadthGrid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:58px; } /* PROBLEM */ .pcgvBreadthProblem{ padding:38px; background:#fff; border:1px solid #e1dbd0; border-radius:10px; } .pcgvBreadthProblemBadge{ display:inline-flex; padding:7px 11px; margin-bottom:22px; background:#f4eee2; color:#9b711c; font-size:13px; font-weight:800; letter-spacing:1.1px; } .pcgvBreadthProblem h3{ margin:0 0 18px; font-family:'Cormorant Garamond',serif; font-size:37px; line-height:1.08; } .pcgvBreadthProblem h3 strong{ color:#b88723; } .pcgvBreadthProblem p{ margin:0 0 17px; color:#687583; font-size:15px; line-height:1.8; } /* MINI ASSETS */ .pcgvBreadthAssetMiniGrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:25px; } .pcgvBreadthAssetMiniGrid span{ padding:11px 8px; background:#f7f4ed; border:1px solid #e4ddd1; color:#0b2550; text-align:center; font-size:13px; font-weight:750; } /* ADVANTAGE */ .pcgvBreadthAdvantage{ padding:38px; background:#0b2550; border-radius:10px; color:#fff; box-shadow:0 20px 45px rgba(11,37,80,.12); } .pcgvBreadthAdvantageTop{ display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; } .pcgvBreadthAdvantageTop span{ color:#d5a646; font-size:13px; font-weight:800; letter-spacing:1.5px; } .pcgvBreadthAdvantageTop strong{ padding:7px 10px; border:1px solid rgba(213,166,70,.4); color:#d5a646; font-size:13px; letter-spacing:1px; } .pcgvBreadthAdvantage h3{ margin:0 0 28px; font-family:'Cormorant Garamond',serif; font-size:37px; line-height:1.08; font-weight:600; color: #ffffff; } .pcgvBreadthAdvantage h3 strong{ color:#d5a646; } /* LIST */ .pcgvBreadthList{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.13); } .pcgvBreadthList div{ display:flex; align-items:center; gap:13px; padding:16px 10px 16px 0; border-bottom:1px solid rgba(255,255,255,.13); } .pcgvBreadthList span{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:22px; } .pcgvBreadthList strong{ color:rgba(255,255,255,.85); font-size:14px; line-height:1.4; } /* BENEFITS */ .pcgvBreadthBenefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:25px; } .pcgvBreadthBenefit{ padding:28px; background:#fff; border:1px solid #e1dbd0; border-radius:8px; } .pcgvBreadthBenefit > span{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:29px; } .pcgvBreadthBenefit h3{ margin:12px 0 10px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.1; } .pcgvBreadthBenefit p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } /* RESPONSIVE */ @media(max-width:991px){ .pcgvBreadthHeader h2{ font-size:46px; } .pcgvBreadthGrid{ grid-template-columns:1fr; } .pcgvBreadthBenefits{ grid-template-columns:1fr; } } @media(max-width:767px){ .pcgvBreadth{ padding:70px 0 75px; } .pcgvBreadthHeader h2{ font-size:39px; } .pcgvBreadthHeader p{ font-size:15px; } .pcgvBreadthProblem, .pcgvBreadthAdvantage{ padding:27px; } .pcgvBreadthProblem h3, .pcgvBreadthAdvantage h3{ font-size:31px; } .pcgvBreadthAssetMiniGrid{ grid-template-columns:1fr 1fr; } .pcgvBreadthList{ grid-template-columns:1fr; } .pcgvBreadthBenefit p{ font-size:15px; } } /* ========================================================= SECTION 03 — FULL STATUTORY CREDENTIAL PROFILE UNIQUE PREFIX: pcgvStatutory ========================================================= */ .pcgvStatutory{ position:relative; overflow:hidden; padding:110px 0; background:#0b2550; color:#fff; } .pcgvStatutoryWatermark{ position:absolute; right:-120px; top:-90px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:330px; font-weight:600; line-height:1; letter-spacing:-15px; } .pcgvStatutory .container{ position:relative; z-index:2; } /* HEADER */ .pcgvStatutoryEyebrow{ display:flex; align-items:center; gap:13px; margin-bottom:22px; color:#d5a646; font-size:13px; font-weight:800; letter-spacing:2px; } .pcgvStatutoryEyebrow span{ width:42px; height:1px; background:#d5a646; } .pcgvStatutoryHeader{ max-width:1050px; } .pcgvStatutoryHeader h2{ margin:0 0 17px; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; color: #ffffff; } .pcgvStatutoryHeader h2 strong{ color:#d5a646; } .pcgvStatutoryHeader p{ max-width:900px; margin:0; color:rgba(255,255,255,.7); font-size:15px; line-height:1.8; } /* TIMELINE */ .pcgvStatutoryTimeline{ position:relative; margin-top:65px; } .pcgvStatutoryTimeline::before{ content:""; position:absolute; top:0; bottom:0; left:123px; width:1px; background: linear-gradient( to bottom, transparent, rgba(213,166,70,.4) 8%, rgba(213,166,70,.4) 92%, transparent ); } /* ITEM */ .pcgvStatutoryItem{ position:relative; display:grid; grid-template-columns:55px 95px 1fr; gap:28px; padding:0 0 50px; } .pcgvStatutoryItem:last-child{ padding-bottom:0; } .pcgvStatutoryIndex{ padding-top:7px; color:rgba(213,166,70,.6); font-family:'Cormorant Garamond',serif; font-size:27px; } .pcgvStatutoryMarker{ position:relative; z-index:3; width:70px; height:70px; display:flex; align-items:center; justify-content:center; margin-left:0; border:1px solid rgba(213,166,70,.55); border-radius:50%; background:#0b2550; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; text-align:center; } .pcgvStatutoryContent{ padding:3px 0 5px; } .pcgvStatutoryContent > span{ display:block; margin-bottom:7px; color:#d5a646; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .pcgvStatutoryContent h3{ margin:0 0 15px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1.08; font-weight:600; } .pcgvStatutoryContent h3 strong{ color:#d5a646; } .pcgvStatutoryContent p{ max-width:900px; margin:0 0 15px; color:rgba(255,255,255,.69); font-size:15px; line-height:1.8; } .pcgvStatutoryContent p strong{ color:#fff; font-weight:750; } /* TAGS */ .pcgvStatutoryTags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; } .pcgvStatutoryTags span{ padding:8px 11px; border:1px solid rgba(213,166,70,.28); color:rgba(255,255,255,.72); font-size:13px; line-height:1.3; } /* AGENCIES */ .pcgvStatutoryAgencyGrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:20px; max-width:700px; } .pcgvStatutoryAgencyGrid span{ padding:12px 14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.75); font-size:13px; line-height:1.4; } /* BOTTOM */ .pcgvStatutoryBottom{ display:flex; align-items:center; gap:15px; margin-top:55px; padding:22px 25px; background:rgba(213,166,70,.08); border-left:3px solid #d5a646; } .pcgvStatutoryBottom strong{ color:#d5a646; font-size:15px; line-height:1.4; } .pcgvStatutoryBottom span{ color:rgba(255,255,255,.6); font-size:13px; line-height:1.5; } /* RESPONSIVE */ @media(max-width:991px){ .pcgvStatutoryHeader h2{ font-size:46px; } .pcgvStatutoryTimeline::before{ left:105px; } .pcgvStatutoryItem{ grid-template-columns:45px 80px 1fr; gap:20px; } } @media(max-width:767px){ .pcgvStatutory{ padding:75px 0 80px; } .pcgvStatutoryHeader h2{ font-size:39px; } .pcgvStatutoryHeader p{ font-size:15px; } .pcgvStatutoryTimeline{ margin-top:48px; } .pcgvStatutoryTimeline::before{ display:none; } .pcgvStatutoryItem{ grid-template-columns:55px 1fr; gap:17px; padding-bottom:38px; } .pcgvStatutoryIndex{ display:none; } .pcgvStatutoryMarker{ width:55px; height:55px; font-size:16px; } .pcgvStatutoryContent h3{ font-size:29px; } .pcgvStatutoryContent p{ font-size:15px; line-height:1.78; } .pcgvStatutoryAgencyGrid{ grid-template-columns:1fr; } .pcgvStatutoryBottom{ display:block; } .pcgvStatutoryBottom strong{ display:block; margin-bottom:5px; } } /* ========================================================= SECTION 04 — GOVERNMENT AGENCY APPOINTMENTS UNIQUE PREFIX: pcgvGovernment ========================================================= */ .pcgvGovernment{ position:relative; overflow:hidden; padding:105px 0 110px; background:#f8f6f1; color:#0b2550; } .pcgvGovernmentStamp{ position:absolute; top:65px; right:7%; width:150px; height:150px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(184,135,35,.25); border-radius:50%; color:rgba(184,135,35,.3); font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; font-weight:600; text-align:center; transform:rotate(-12deg); } .pcgvGovernmentHeader{ max-width:950px; } .pcgvGovernmentEyebrow{ display:flex; align-items:center; gap:13px; margin-bottom:22px; color:#b88723; font-size:13px; font-weight:800; letter-spacing:2px; } .pcgvGovernmentEyebrow span{ width:42px; height:1px; background:#b88723; } .pcgvGovernmentHeader h2{ margin:0 0 17px; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .pcgvGovernmentHeader h2 strong{ color:#b88723; } .pcgvGovernmentHeader p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } /* GRID */ .pcgvGovernmentGrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:58px; } .pcgvGovernmentCard{ position:relative; min-height:360px; padding:27px 23px; background:#fff; border:1px solid #e1dbd0; border-radius:8px; transition:.35s ease; } .pcgvGovernmentCard:hover{ transform:translateY(-6px); border-color:#d1b46a; box-shadow:0 20px 40px rgba(11,37,80,.08); } .pcgvGovernmentCardNo{ position:absolute; top:20px; right:20px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; } .pcgvGovernmentCardIcon{ width:65px; height:65px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; border-radius:50%; background:#0b2550; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:600; } .pcgvGovernmentCard > span{ display:block; margin-bottom:8px; color:#b88723; font-size:13px; font-weight:800; letter-spacing:1.2px; } .pcgvGovernmentCard h3{ margin:0 0 14px; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1.05; font-weight:600; } .pcgvGovernmentCard h3 strong{ color:#b88723; } .pcgvGovernmentCard p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } /* STATEMENT */ .pcgvGovernmentStatement{ display:flex; align-items:center; gap:20px; margin-top:28px; padding:25px 28px; background:#0b2550; border-left:4px solid #d5a646; } .pcgvGovernmentStatementMark{ width:46px; height:46px; flex:0 0 46px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#d5a646; color:#0b2550; font-weight:900; } .pcgvGovernmentStatement strong{ display:block; margin-bottom:5px; color:#fff; font-size:15px; line-height:1.4; } .pcgvGovernmentStatement p{ margin:0; color:rgba(255,255,255,.63); font-size:13px; line-height:1.5; } /* RESPONSIVE */ @media(max-width:991px){ .pcgvGovernmentHeader h2{ font-size:46px; } .pcgvGovernmentGrid{ grid-template-columns:1fr 1fr; } } @media(max-width:767px){ .pcgvGovernment{ padding:75px 0 80px; } .pcgvGovernmentStamp{ width:95px; height:95px; top:35px; right:20px; font-size:16px; } .pcgvGovernmentHeader h2{ font-size:39px; } .pcgvGovernmentGrid{ grid-template-columns:1fr; margin-top:45px; } .pcgvGovernmentCard{ min-height:auto; } .pcgvGovernmentCard p{ font-size:15px; } .pcgvGovernmentStatement{ align-items:flex-start; } } /* ========================================================= SECTION 05 — BANK EMPANELMENT UNIQUE PREFIX: pcgvBank ========================================================= */ .pcgvBank{ position:relative; overflow:hidden; padding:105px 0 100px; background:#fff; color:#0b2550; } .pcgvBankBackgroundMark{ position:absolute; right:-70px; bottom:-130px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:330px; font-weight:600; line-height:1; } .pcgvBank .container{ position:relative; z-index:2; } /* LAYOUT */ .pcgvBankLayout{ display:grid; grid-template-columns:300px 1fr; gap:75px; padding-bottom:60px; border-bottom:1px solid #e0d9ce; } /* HEADING */ .pcgvBankEyebrow{ display:flex; align-items:center; gap:11px; margin-bottom:20px; color:#b88723; font-size:13px; font-weight:800; letter-spacing:1.8px; } .pcgvBankEyebrow span{ width:32px; height:1px; background:#b88723; } .pcgvBankHeading h2{ margin:0; font-family:'Cormorant Garamond',serif; font-size:57px; line-height:.95; font-weight:600; } .pcgvBankHeading h2 strong{ display:block; color:#b88723; } .pcgvBankNumber{ margin-top:35px; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:80px; line-height:1; } /* CONTENT */ .pcgvBankContent h3{ margin:0 0 20px; font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1.08; font-weight:600; } .pcgvBankContent h3 strong{ color:#b88723; } .pcgvBankContent p{ max-width:900px; margin:0 0 17px; color:#687583; font-size:15px; line-height:1.8; } .pcgvBankContent p strong{ color:#0b2550; } /* USE CASES */ .pcgvBankUseCases{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:32px; border-top:1px solid #ded7ca; border-bottom:1px solid #ded7ca; } .pcgvBankUseCases div{ min-height:100px; display:flex; flex-direction:column; justify-content:center; gap:7px; padding:15px; border-right:1px solid #ded7ca; } .pcgvBankUseCases div:last-child{ border-right:0; } .pcgvBankUseCases span{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:26px; } .pcgvBankUseCases strong{ color:#0b2550; font-size:13px; line-height:1.4; } /* BOTTOM */ .pcgvBankBottom{ display:flex; align-items:center; gap:18px; margin-top:35px; padding:23px 25px; background:#f6f2e9; border-left:4px solid #b88723; } .pcgvBankBottomIcon{ width:43px; height:43px; display:flex; align-items:center; justify-content:center; flex:0 0 43px; border-radius:50%; background:#0b2550; color:#d5a646; font-weight:800; } .pcgvBankBottom span{ display:block; margin-bottom:4px; color:#b88723; font-size:13px; font-weight:800; letter-spacing:1.3px; } .pcgvBankBottom strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1.2; font-weight:600; } /* RESPONSIVE */ @media(max-width:991px){ .pcgvBankLayout{ grid-template-columns:220px 1fr; gap:40px; } .pcgvBankHeading h2{ font-size:47px; } .pcgvBankContent h3{ font-size:32px; } .pcgvBankUseCases{ grid-template-columns:1fr 1fr; } .pcgvBankUseCases div:nth-child(2){ border-right:0; } .pcgvBankUseCases div:nth-child(-n+2){ border-bottom:1px solid #ded7ca; } } @media(max-width:767px){ .pcgvBank{ padding:75px 0 80px; } .pcgvBankLayout{ grid-template-columns:1fr; gap:35px; } .pcgvBankHeading h2{ font-size:43px; } .pcgvBankNumber{ margin-top:20px; font-size:60px; } .pcgvBankContent h3{ font-size:31px; } .pcgvBankContent p{ font-size:15px; } .pcgvBankUseCases{ grid-template-columns:1fr 1fr; } .pcgvBankUseCases div{ min-height:90px; } .pcgvBankBottom{ align-items:flex-start; } .pcgvBankBottom strong{ font-size:20px; } } /*===================================== What Is a Registered Capital Gain Valuer? ======================================*/ /* ========================================================= REGISTERED CAPITAL GAIN VALUER — DEFINITION UNIQUE PREFIX: rcgvDefinition ========================================================= */ .rcgvDefinition{ position:relative; overflow:hidden; padding:110px 0 115px; background:#ffffff; color:#0b2550; } /* ========================================================= BACKDROP ========================================================= */ .rcgvDefinitionBackdrop{ position:absolute; top:-100px; right:-120px; pointer-events:none; user-select:none; } .rcgvDefinitionBackdrop span{ color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:430px; line-height:1; font-weight:600; } /* ========================================================= CONTAINER ========================================================= */ .rcgvDefinition .container{ position:relative; z-index:2; } /* ========================================================= MAIN HEADER ========================================================= */ .rcgvDefinitionHeader{ max-width:1080px; padding-bottom:45px; border-bottom:1px solid #ded8cd; } .rcgvDefinitionEyebrow{ display:flex; align-items:center; gap:13px; margin-bottom:20px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:2px; } .rcgvDefinitionEyebrow span{ width:43px; height:1px; flex:0 0 43px; background:#b88723; } .rcgvDefinitionHeader h1{ max-width:1050px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:59px; line-height:1.02; font-weight:600; letter-spacing:-.5px; } .rcgvDefinitionHeader h1 strong{ color:#b88723; font-weight:600; } .rcgvDefinitionHeaderLine{ width:95px; height:3px; margin-top:27px; background:#d5a646; } /* ========================================================= LEGAL DEFINITION ========================================================= */ .rcgvDefinitionLegal{ display:grid; grid-template-columns:240px 1fr; gap:60px; padding:70px 0; border-bottom:1px solid #ded8cd; } .rcgvDefinitionLegalLabel{ display:flex; flex-direction:column; gap:18px; } .rcgvDefinitionLegalNo{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:62px; line-height:1; } .rcgvDefinitionLegalTag{ display:inline-block; width:max-content; max-width:180px; padding:8px 10px; border-left:3px solid #b88723; background:#f7f3ea; color:#9a711e; font-size:13px; line-height:1.4; font-weight:800; letter-spacing:1.2px; } .rcgvDefinitionLegalContent{ max-width:950px; } .rcgvDefinitionLegalContent > p{ margin:0 0 18px; color:#647181; font-size:15px; line-height:1.85; } .rcgvDefinitionLegalContent p strong{ color:#0b2550; font-weight:750; } /* ========================================================= REQUIREMENTS ========================================================= */ .rcgvDefinitionRequirements{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0; } .rcgvDefinitionRequirement{ position:relative; padding:22px 22px 21px 58px; background:#f7f5f0; border:1px solid #e5dfd4; border-radius:5px; } .rcgvDefinitionRequirement > span{ position:absolute; top:19px; left:20px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; } .rcgvDefinitionRequirement > strong{ display:block; margin-bottom:7px; color:#0b2550; font-size:15px; line-height:1.4; font-weight:800; } .rcgvDefinitionRequirement p{ margin:0; color:#687583; font-size:15px; line-height:1.65; } /* ========================================================= LEGAL CONCLUSION ========================================================= */ .rcgvDefinitionLegalConclusion{ display:flex; align-items:center; gap:17px; padding:21px 23px; background:#0b2550; border-left:4px solid #d5a646; } .rcgvDefinitionSeal{ width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#d5a646; color:#0b2550; font-size:17px; font-weight:900; } .rcgvDefinitionLegalConclusion p{ margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.7; } .rcgvDefinitionLegalConclusion p strong{ color:#fff; } /* ========================================================= AUTHORITY SECTION ========================================================= */ .rcgvDefinitionAuthority{ padding:95px 0; border-bottom:1px solid #ded8cd; } .rcgvDefinitionAuthorityIntro{ max-width:920px; } .rcgvDefinitionAuthorityIntro h2{ margin:0 0 17px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .rcgvDefinitionAuthorityIntro h2 strong{ color:#b88723; } .rcgvDefinitionAuthorityIntro p{ max-width:850px; margin:0; color:#687583; font-size:15px; line-height:1.8; } /* ========================================================= AUTHORITY LIST ========================================================= */ .rcgvDefinitionAuthorityList{ margin-top:50px; border-top:1px solid #ddd7cc; } .rcgvDefinitionAuthorityItem{ display:grid; grid-template-columns:65px 78px 1fr; gap:22px; align-items:start; padding:29px 0; border-bottom:1px solid #ddd7cc; } .rcgvDefinitionAuthorityNumber{ padding-top:7px; color:#c4a65e; font-family:'Cormorant Garamond',serif; font-size:26px; } .rcgvDefinitionAuthorityIcon{ width:62px; height:62px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#0b2550; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:700; text-align:center; } .rcgvDefinitionAuthorityText h3{ margin:3px 0 10px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1.08; font-weight:600; } .rcgvDefinitionAuthorityText h3 strong{ color:#b88723; } .rcgvDefinitionAuthorityText p{ max-width:900px; margin:0; color:#687583; font-size:15px; line-height:1.8; } /* ========================================================= INDEPENDENCE ========================================================= */ .rcgvDefinitionIndependence{ position:relative; margin-top:0; padding:90px 0; border-bottom:1px solid #ded8cd; } .rcgvDefinitionIndependenceBadge{ display:flex; align-items:center; gap:12px; margin-bottom:35px; } .rcgvDefinitionIndependenceBadge span{ width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#0b2550; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:24px; } .rcgvDefinitionIndependenceBadge strong{ color:#b88723; font-size:13px; line-height:1.3; letter-spacing:1.7px; } .rcgvDefinitionIndependenceGrid{ display:grid; grid-template-columns:360px 1fr; gap:80px; } .rcgvDefinitionIndependenceHeading h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:.98; font-weight:600; } .rcgvDefinitionIndependenceHeading h2 strong{ display:block; color:#b88723; } .rcgvDefinitionGoldRule{ width:80px; height:3px; margin-top:25px; background:#d5a646; } .rcgvDefinitionIndependenceContent p{ margin:0 0 18px; color:#687583; font-size:15px; line-height:1.85; } .rcgvDefinitionIndependenceContent p strong{ color:#0b2550; font-weight:750; } /* INDEPENDENCE STATEMENT */ .rcgvDefinitionIndependenceStatement{ margin:27px 0; padding:24px 25px; background:#f7f3ea; border-left:4px solid #b88723; } .rcgvDefinitionIndependenceStatement span{ display:block; margin-bottom:8px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .rcgvDefinitionIndependenceStatement strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1.25; font-weight:600; } /* ========================================================= LIABILITY ========================================================= */ .rcgvDefinitionLiability{ position:relative; margin-top:90px; padding:55px; overflow:hidden; background:#0b2550; border-radius:8px; color:#fff; } .rcgvDefinitionLiability::after{ content:""; position:absolute; width:420px; height:420px; right:-200px; top:-220px; border:1px solid rgba(213,166,70,.2); border-radius:50%; } .rcgvDefinitionLiabilityTop{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; } .rcgvDefinitionLiabilityTop .rcgvDefinitionEyebrow{ margin:0; } .rcgvDefinitionLiabilityNumber{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:65px; line-height:1; } .rcgvDefinitionLiabilityGrid{ position:relative; z-index:2; display:grid; grid-template-columns:380px 1fr; gap:70px; margin-top:42px; } .rcgvDefinitionLiabilityHeading h2{ margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:53px; line-height:.99; font-weight:600; } .rcgvDefinitionLiabilityHeading h2 strong{ display:block; color:#d5a646; } .rcgvDefinitionLiabilityHeading p{ margin:0; color:rgba(255,255,255,.6); font-size:15px; line-height:1.75; } .rcgvDefinitionLiabilityContent p{ margin:0 0 18px; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; } .rcgvDefinitionLiabilityContent p strong{ color:#fff; } /* LIABILITY POINTS */ .rcgvDefinitionLiabilityPoints{ display:grid; grid-template-columns:1fr 1fr; margin:25px 0; border-top:1px solid rgba(255,255,255,.13); border-left:1px solid rgba(255,255,255,.13); } .rcgvDefinitionLiabilityPoints div{ display:flex; align-items:center; gap:13px; padding:16px; border-right:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); } .rcgvDefinitionLiabilityPoints span{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:25px; } .rcgvDefinitionLiabilityPoints strong{ color:rgba(255,255,255,.82); font-size:15px; line-height:1.4; } /* ========================================================= FINAL STATEMENT ========================================================= */ .rcgvDefinitionFinalStatement{ position:relative; z-index:2; display:flex; align-items:center; gap:20px; margin-top:38px; padding:22px 25px; background:rgba(213,166,70,.09); border:1px solid rgba(213,166,70,.22); } .rcgvDefinitionFinalMark{ width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:600; } .rcgvDefinitionFinalStatement span{ display:block; margin-bottom:5px; color:#d5a646; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .rcgvDefinitionFinalStatement strong{ display:block; color:#fff; font-family:'Cormorant Garamond',serif; font-size:24px; line-height:1.25; font-weight:600; } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .rcgvDefinitionHeader h1{ font-size:52px; } .rcgvDefinitionLegal{ grid-template-columns:180px 1fr; gap:40px; } .rcgvDefinitionAuthorityIntro h2{ font-size:47px; } .rcgvDefinitionIndependenceGrid{ grid-template-columns:280px 1fr; gap:45px; } .rcgvDefinitionIndependenceHeading h2{ font-size:45px; } .rcgvDefinitionLiabilityGrid{ grid-template-columns:280px 1fr; gap:40px; } .rcgvDefinitionLiabilityHeading h2{ font-size:44px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .rcgvDefinition{ padding:70px 0 75px; } .rcgvDefinitionBackdrop{ right:-100px; top:-40px; } .rcgvDefinitionBackdrop span{ font-size:280px; } .rcgvDefinitionHeader{ padding-bottom:35px; } .rcgvDefinitionHeader h1{ font-size:40px; line-height:1.05; } .rcgvDefinitionLegal{ grid-template-columns:1fr; gap:25px; padding:55px 0; } .rcgvDefinitionLegalNo{ font-size:48px; } .rcgvDefinitionRequirements{ grid-template-columns:1fr; } .rcgvDefinitionLegalContent > p{ font-size:15px; } .rcgvDefinitionAuthority{ padding:65px 0; } .rcgvDefinitionAuthorityIntro h2{ font-size:39px; } .rcgvDefinitionAuthorityList{ margin-top:38px; } .rcgvDefinitionAuthorityItem{ grid-template-columns:52px 1fr; gap:15px; } .rcgvDefinitionAuthorityNumber{ display:none; } .rcgvDefinitionAuthorityIcon{ width:52px; height:52px; font-size:14px; } .rcgvDefinitionAuthorityText h3{ font-size:28px; } .rcgvDefinitionAuthorityText p{ font-size:15px; line-height:1.8; } .rcgvDefinitionIndependence{ padding:65px 0; } .rcgvDefinitionIndependenceGrid{ grid-template-columns:1fr; gap:30px; } .rcgvDefinitionIndependenceHeading h2{ font-size:40px; } .rcgvDefinitionIndependenceContent p{ font-size:15px; } .rcgvDefinitionIndependenceStatement strong{ font-size:22px; } .rcgvDefinitionLiability{ margin-top:65px; padding:30px 25px; border-radius:6px; } .rcgvDefinitionLiabilityGrid{ grid-template-columns:1fr; gap:28px; margin-top:30px; } .rcgvDefinitionLiabilityHeading h2{ font-size:40px; } .rcgvDefinitionLiabilityContent p{ font-size:15px; line-height:1.8; } .rcgvDefinitionLiabilityPoints{ grid-template-columns:1fr; } .rcgvDefinitionFinalStatement{ align-items:flex-start; } .rcgvDefinitionFinalStatement strong{ font-size:21px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .rcgvDefinitionHeader h1{ font-size:36px; } .rcgvDefinitionAuthorityIntro h2{ font-size:36px; } .rcgvDefinitionRequirement{ padding:19px 17px 19px 52px; } .rcgvDefinitionLiabilityHeading h2{ font-size:36px; } .rcgvDefinitionLiabilityTop{ align-items:flex-start; } .rcgvDefinitionLiabilityNumber{ font-size:48px; } .rcgvDefinitionFinalStatement{ padding:18px; } .rcgvDefinitionFinalMark{ width:48px; height:48px; flex-basis:48px; font-size:14px; } } /*===================================== ABOUT HERO ======================================*/ /*========================= ABOUT HERO =========================*/ .aboutHero{ padding:60px 0; background: radial-gradient(circle at left top,rgba(201,169,97,.08),transparent 35%), #faf8f3; } .aboutHero .container{ max-width:1350px; } .aboutHero .row{ --bs-gutter-x:3rem; } /*========================================= PRINCIPAL HERO =========================================*/ .principalHero{ position:relative; padding:70px 0; background:#faf8f3; overflow:hidden; } .principalHero:before{ content:""; position:absolute; width:520px; height:520px; right:-180px; top:-180px; border-radius:50%; background:radial-gradient(rgba(201,169,97,.15),transparent 70%); } .heroLabel{ display:inline-block; padding:10px 22px; border:1px solid #d8c69b; border-radius:40px; color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; } .principalContent h1{ margin:25px 0 10px; font-family:'Cormorant Garamond',serif; font-size:78px; line-height:1; color:#0b2545; } .principalContent h1 strong{ display:block; color:#c9a961; font-weight:700; } .heroDesignation{ display:inline-block; margin:15px 0 30px; padding-bottom:12px; border-bottom:2px solid #c9a961; color:#0b2545; font-weight:600; font-size:20px; } .principalContent p{ font-size:18px; line-height:2; color:#666; margin-bottom:40px; } .heroStats{ display:flex; gap:50px; margin-bottom:45px; } .heroStats h3{ margin:0; font-size:42px; color:#0b2545; font-family:'Cormorant Garamond',serif; } .heroStats span{ color:#777; font-size:15px; } .heroButtons{ display:flex; gap:18px; flex-wrap:wrap; } .heroBtn{ background:#0b2545; color:#fff; padding:17px 36px; border-radius:50px; text-decoration:none; font-weight:600; transition:.35s; } .heroBtn:hover{ background:#c9a961; color:#0b2545; } .heroOutline{ border:1px solid #0b2545; color:#0b2545; padding:17px 36px; border-radius:50px; text-decoration:none; transition:.35s; } .heroOutline:hover{ background:#0b2545; color:#fff; } .principalImage{ position:relative; text-align:center; } .principalImage img{ width:100%; max-width:560px; border-radius:30px; position:relative; z-index:2; } .principalImage:before{ content:""; position:absolute; width:85%; height:85%; right:-20px; bottom:-20px; border:2px solid #c9a961; border-radius:30px; } .experienceCard{ position: absolute; left: -20px; bottom: 40px; background: #0b2545; color: #fff; padding: 17px; border-radius: 20px; z-index: 3; box-shadow: 0 25px 60px rgba(0, 0, 0, .15); } .experienceCard span{ color:#c9a961; text-transform:uppercase; font-size:12px; letter-spacing:2px; } .experienceCard h4{ margin: 5px 0 0; font-size: 26px; font-family: 'Cormorant Garamond', serif; color: #c9a961; } @media(max-width:991px){ .principalHero{ padding:80px 0; } .principalContent{ text-align:center; } .principalContent h1{ font-size:54px; } .heroStats{ justify-content:center; gap:25px; flex-wrap:wrap; } .principalImage{ margin-top:50px; } .principalImage:before{ display:none; } .experienceCard{ position:relative; left:auto; bottom:auto; margin:25px auto 0; display:inline-block; } } /*========================================= PROFESSIONAL BIOGRAPHY =========================================*/ .principalBiography{ padding:120px 0; background:#ffffff; } .bioSide{ position:sticky; top:120px; } .bioSide span{ display:block; color:#c9a961; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:18px; } .bioSide h2{ font-family:'Cormorant Garamond',serif; font-size:62px; line-height:1; color:#0b2545; margin-bottom:30px; } .bioDivider{ width:2px; height:120px; background:#c9a961; margin-bottom:30px; } .bioSide small{ display:block; color:#777; font-size:15px; line-height:2; } .bioContent{ padding-left:40px; } .bioContent p{ font-size:19px; line-height:2.1; color:#555; margin-bottom:35px; } .dropcap:first-letter{ float:left; font-size:95px; line-height:.8; padding-right:18px; padding-top:12px; font-family:'Cormorant Garamond',serif; color:#c9a961; } .bioQuote{ margin:60px 0; padding:45px 0; border-top:1px solid #e9dec8; border-bottom:1px solid #e9dec8; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1.45; color:#0b2545; font-style:italic; } .bioSignature{ margin-top:50px; } .bioSignature h4{ font-family:'Cormorant Garamond',serif; font-size:42px; margin-bottom:8px; color:#0b2545; } .bioSignature span{ color:#888; font-size:16px; letter-spacing:1px; } @media(max-width:991px){ .principalBiography{ padding:80px 0; } .bioSide{ position:relative; top:auto; margin-bottom:50px; } .bioContent{ padding-left:0; } .bioSide h2{ font-size:46px; } .bioQuote{ font-size:30px; padding:35px 0; } .dropcap:first-letter{ font-size:70px; } } /*====================================== PROFESSIONAL CREDENTIALS ======================================*/ .professionalCredentials{ padding:120px 0; background:#faf8f3; } .credentialHeading{ max-width:760px; margin:auto; margin-bottom:70px; } .credentialHeading span{ color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; } .credentialHeading h2{ margin:20px 0; font-size:58px; font-family:'Cormorant Garamond',serif; color:#0b2545; line-height:1.1; } .credentialHeading h2 strong{ color:#c9a961; } .credentialHeading p{ color:#666; line-height:1.9; font-size:17px; } .credentialList{ max-width:1050px; margin:auto; } .credentialItem{ display:grid; grid-template-columns:140px 1fr; align-items:center; padding:40px 0; border-bottom:1px solid #e8dcc5; transition:.35s; } .credentialItem:first-child{ border-top:1px solid #e8dcc5; } .credentialItem:hover{ padding-left:25px; } .credentialNo{ font-family:'Cormorant Garamond',serif; font-size:74px; color:#e4d6b8; transition:.35s; } .credentialItem:hover .credentialNo{ color:#c9a961; } .credentialContent{ padding-left:30px; border-left:2px solid #c9a961; } .credentialContent h3{ margin-bottom:12px; font-size:34px; font-family:'Cormorant Garamond',serif; color:#0b2545; } .credentialContent p{ margin:0; color:#666; line-height:1.9; font-size:16px; } .credentialItem.active{ background:#fff; border-radius:18px; padding:40px 30px; box-shadow:0 18px 45px rgba(11,37,69,.06); border:none; margin:15px 0; } .credentialItem.active .credentialNo{ color:#0b2545; } @media(max-width:991px){ .professionalCredentials{ padding:80px 0; } .credentialHeading h2{ font-size:42px; } .credentialItem{ grid-template-columns:1fr; } .credentialNo{ margin-bottom:20px; font-size:56px; } .credentialContent{ padding-left:20px; } .credentialItem:hover{ padding-left:0; } } /*========================================== EXPERTISE MATRIX ==========================================*/ .expertiseMatrix{ padding:120px 0; background:#ffffff; } .matrix{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:70px; align-items:center; } .matrix:before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#d8c69b; transform:translateX(-50%); } .matrix:after{ content:""; position:absolute; top:50%; left:0; right:0; height:1px; background:#d8c69b; transform:translateY(-50%); } .matrixItem{ position:relative; background:#faf8f3; padding:40px; min-height:220px; display:flex; flex-direction:column; justify-content:center; transition:.35s; z-index:2; } .matrixItem:hover{ background:#0b2545; transform:translateY(-10px); } .matrixItem:hover h4, .matrixItem:hover span{ color:#fff; } .matrixItem h4{ font-family:'Cormorant Garamond',serif; font-size:34px; margin-bottom:15px; color:#0b2545; } .matrixItem span{ color:#777; line-height:1.8; } .matrixCenter{ position:relative; background:#0b2545; color:#fff; height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:3; box-shadow:0 30px 60px rgba(11,37,69,.15); } .matrixCenter:before{ content:""; position:absolute; inset:18px; border:1px solid rgba(201,169,97,.35); } .matrixCenter h3{ position:relative; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1; text-align:center; color: #c9a961; } .matrixCenter strong{ display:block; color:#c9a961; } .matrixCenter p{ position:relative; margin-top:20px; letter-spacing:3px; text-transform:uppercase; font-size:13px; color: #ffffff; } @media(max-width:991px){ .matrix{ grid-template-columns:1fr; } .matrix:before, .matrix:after{ display:none; } .matrixCenter{ order:-1; height:220px; } .matrixItem{ min-height:auto; } } /*====================================== INDUSTRY PORTFOLIO ======================================*/ .industryPortfolio{ padding:120px 0; background:#faf8f3; } .portfolioHeading{ max-width:760px; margin:auto; margin-bottom:70px; } .portfolioHeading span{ color:#c9a961; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; } .portfolioHeading h2{ margin:18px 0 22px; font-family:'Cormorant Garamond',serif; font-size:58px; color:#0b2545; line-height:1.1; } .portfolioHeading h2 strong{ color:#c9a961; } .portfolioHeading p{ color:#666; font-size:17px; line-height:1.9; } .industryGrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ddd5c4; border-left:1px solid #ddd5c4; } .industryColumn{ padding:50px 40px; border-right:1px solid #ddd5c4; border-bottom:1px solid #ddd5c4; transition:.35s; background:#faf8f3; } .industryColumn:hover{ background:#ffffff; box-shadow:0 20px 40px rgba(11,37,69,.06); } .industryColumn span{ display:block; font-size:56px; font-family:'Cormorant Garamond',serif; color:#e3d7bd; margin-bottom:20px; transition:.35s; } .industryColumn:hover span{ color:#c9a961; } .industryColumn h3{ font-size:30px; font-family:'Cormorant Garamond',serif; color:#0b2545; margin-bottom:18px; line-height:1.2; } .industryColumn p{ margin:0; color:#666; line-height:1.9; font-size:16px; } @media(max-width:991px){ .industryPortfolio{ padding:80px 0; } .industryGrid{ grid-template-columns:1fr; } .portfolioHeading h2{ font-size:42px; } .industryColumn{ padding:35px 25px; } .industryColumn span{ font-size:42px; } } /*========================================= VALUATION METHODOLOGY =========================================*/ .valuationMethodology{ padding:120px 0; background:#ffffff; overflow:hidden; } .methodHeading{ max-width:760px; margin:auto auto 80px; } .methodHeading span{ display:inline-block; color:#c9a961; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; } .methodHeading h2{ margin:18px 0 22px; font-size:58px; line-height:1.1; color:#0b2545; font-family:'Cormorant Garamond',serif; } .methodHeading h2 strong{ color:#c9a961; font-weight:700; } .methodHeading p{ color:#666; font-size:17px; line-height:1.9; } .methodFlow{ display:flex; align-items:flex-start; justify-content:space-between; gap:0; } .methodStep{ flex:1; position:relative; text-align:center; padding:0 20px; } .stepNumber{ width:90px; height:90px; margin:0 auto 30px; border:2px solid #c9a961; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#faf8f3; color:#0b2545; font-family:'Cormorant Garamond',serif; font-size:34px; transition:.35s; } .methodStep:hover .stepNumber{ background:#0b2545; color:#fff; transform:scale(1.08); } .methodStep h3{ font-family:'Cormorant Garamond',serif; font-size:30px; color:#0b2545; margin-bottom:18px; } .methodStep p{ color:#666; line-height:1.9; font-size:15px; } .flowLine{ width:90px; height:2px; background:linear-gradient(to right,#c9a961,#0b2545); margin-top:44px; flex-shrink:0; } @media(max-width:991px){ .valuationMethodology{ padding:80px 0; } .methodHeading h2{ font-size:42px; } .methodFlow{ flex-direction:column; } .flowLine{ width:2px; height:60px; margin:0 auto; background:linear-gradient(to bottom,#c9a961,#0b2545); } .methodStep{ padding:0; } .stepNumber{ width:75px; height:75px; font-size:28px; } .methodStep h3{ font-size:26px; } } /*========================================== VALUATION PHILOSOPHY ==========================================*/ .valuationPhilosophy{ padding:120px 0; background:#0b2545; color:#fff; position:relative; overflow:hidden; } .valuationPhilosophy:before{ content:""; position:absolute; top:-180px; right:-180px; width:420px; height:420px; border-radius:50%; background:rgba(201,169,97,.06); } .philosophyIntro{ position:sticky; top:120px; } .philosophyIntro span{ color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; } .philosophyIntro h2{ font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.08; margin:20px 0 25px; color:#fff; } .philosophyIntro h2 strong{ color:#c9a961; font-weight:700; } .philosophyIntro p{ color:#d9d9d9; font-size:17px; line-height:2; } .principleList{ padding-left:40px; } .principle{ display:flex; gap:30px; padding:35px 0; border-bottom:1px solid rgba(255,255,255,.08); } .principle:last-child{ border-bottom:none; } .principle span{ font-family:'Cormorant Garamond',serif; font-size:52px; color:#c9a961; min-width:70px; } .principle h3{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:34px; margin-bottom:15px; } .principle p{ color:#d8d8d8; line-height:1.9; margin:0; } .philosophyQuote{ margin-top:90px; padding-top:70px; border-top:1px solid rgba(201,169,97,.25); text-align:center; } .philosophyQuote h3{ max-width:900px; margin:auto; font-family:'Cormorant Garamond',serif; font-size:44px; line-height:1.5; color:#fff; font-style:italic; } .philosophyQuote span{ display:block; margin-top:35px; color:#c9a961; letter-spacing:2px; text-transform:uppercase; font-size:14px; } @media(max-width:991px){ .valuationPhilosophy{ padding:80px 0; } .philosophyIntro{ position:relative; top:auto; margin-bottom:50px; } .philosophyIntro h2{ font-size:42px; } .principleList{ padding-left:0; } .principle{ gap:20px; } .principle span{ font-size:40px; min-width:50px; } .principle h3{ font-size:28px; } .philosophyQuote{ margin-top:60px; padding-top:50px; } .philosophyQuote h3{ font-size:30px; } } /*========================================= WHY CHOOSE PRINCIPAL =========================================*/ .whyChoosePrincipal{ padding:120px 0; background:#faf8f3; } .chooseHeading{ max-width:760px; margin:auto auto 80px; } .chooseHeading span{ color:#c9a961; text-transform:uppercase; font-size:13px; letter-spacing:2px; font-weight:700; } .chooseHeading h2{ margin:18px 0 25px; font-family:'Cormorant Garamond',serif; font-size:58px; color:#0b2545; line-height:1.1; } .chooseHeading h2 strong{ color:#c9a961; } .chooseHeading p{ color:#666; font-size:17px; line-height:1.9; } .chooseWrapper{ max-width:1100px; margin:auto; } .chooseRow{ display:grid; grid-template-columns:1.3fr .7fr; align-items:center; margin-bottom:45px; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 20px 60px rgba(11,37,69,.05); } .chooseRow.reverse{ grid-template-columns:.7fr 1.3fr; } .chooseRow.reverse .chooseContent{ order:2; } .chooseRow.reverse .chooseVisual{ order:1; } .chooseContent{ padding:60px; } .chooseContent small{ display:block; color:#c9a961; font-size:14px; letter-spacing:3px; font-weight:700; margin-bottom:18px; } .chooseContent h3{ font-family:'Cormorant Garamond',serif; font-size:38px; color:#0b2545; margin-bottom:20px; } .chooseContent p{ margin:0; color:#666; line-height:2; } .chooseVisual{ background:#0b2545; height:100%; min-height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; position:relative; } .chooseVisual:before{ content:""; position:absolute; inset:20px; border:1px solid rgba(201,169,97,.35); } .visualNumber{ position:relative; font-family:'Cormorant Garamond',serif; font-size:74px; color:#c9a961; line-height:1; } .chooseVisual span{ position:relative; margin-top:15px; letter-spacing:2px; text-transform:uppercase; font-size:13px; text-align:center; max-width:220px; } @media(max-width:991px){ .whyChoosePrincipal{ padding:80px 0; } .chooseHeading h2{ font-size:42px; } .chooseRow, .chooseRow.reverse{ grid-template-columns:1fr; } .chooseRow.reverse .chooseContent, .chooseRow.reverse .chooseVisual{ order:initial; } .chooseContent{ padding:35px; } .chooseVisual{ min-height:220px; } .visualNumber{ font-size:58px; } } /*========================================== SIGNATURE VALUATION DOMAINS ==========================================*/ .signatureDomains{ padding:120px 0; background:#ffffff; } .domainHeader{ margin-bottom:70px; } .domainLabel{ display:inline-block; color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; margin-bottom:18px; } .domainHeader h2{ font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.08; color:#0b2545; margin:0; } .domainHeader h2 strong{ color:#c9a961; } .domainHeader p{ color:#666; line-height:2; font-size:17px; margin:0; } .domainLayout{ display:grid; grid-template-columns:repeat(12,1fr); gap:25px; } .domainCard{ grid-column:span 4; padding:45px; background:#faf8f3; border-top:4px solid transparent; transition:.35s; min-height:300px; } .domainCard.large{ grid-column:span 6; } .domainCard:hover{ transform:translateY(-10px); border-color:#c9a961; box-shadow:0 20px 50px rgba(11,37,69,.08); background:#fff; } .domainCard span{ display:block; font-family:'Cormorant Garamond',serif; font-size:62px; color:#d8ccb3; margin-bottom:18px; } .domainCard h3{ font-family:'Cormorant Garamond',serif; color:#0b2545; font-size:34px; margin-bottom:18px; line-height:1.2; } .domainCard p{ color:#666; line-height:1.9; margin:0; } @media(max-width:991px){ .signatureDomains{ padding:80px 0; } .domainHeader h2{ font-size:42px; } .domainLayout{ grid-template-columns:1fr; } .domainCard, .domainCard.large{ grid-column:auto; min-height:auto; padding:35px; } .domainCard span{ font-size:48px; } } /*====================================== REPORT STANDARDS ======================================*/ .reportStandards{ padding:120px 0; background:#faf8f3; } .standardsIntro{ max-width:850px; margin:0 auto 70px; text-align:center; } .standardsIntro span{ color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; } .standardsIntro h2{ margin:18px 0 25px; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.1; color:#0b2545; } .standardsIntro h2 strong{ color:#c9a961; } .standardsIntro p{ color:#666; line-height:1.9; font-size:17px; } .standardsGrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:35px; } .standardItem{ position:relative; padding:40px; background:#fff; border-left:4px solid #c9a961; transition:.35s; } .standardItem:hover{ transform:translateY(-8px); box-shadow:0 20px 50px rgba(11,37,69,.08); } .standardHead{ display:flex; align-items:center; gap:25px; margin-bottom:25px; } .standardHead span{ width:62px; height:62px; border-radius:50%; background:#0b2545; color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:26px; } .standardHead h3{ margin:0; font-family:'Cormorant Garamond',serif; font-size:32px; color:#0b2545; } .standardItem p{ margin:0; color:#666; line-height:1.9; } @media(max-width:991px){ .reportStandards{ padding:80px 0; } .standardsIntro h2{ font-size:42px; } .standardsGrid{ grid-template-columns:1fr; } .standardItem{ padding:30px; } .standardHead{ flex-direction:column; align-items:flex-start; gap:15px; } .standardHead h3{ font-size:28px; } } /*================================== REPUTATION ==================================*/ .reputationSection{ padding:120px 0; background:#fff; } .reputationGrid{ display:grid; grid-template-columns:1.2fr .8fr; gap:50px; margin-top:70px; } .trustCard{ background:#faf8f3; padding:45px; margin-bottom:30px; border-left:4px solid #c9a961; transition:.35s; } .trustCard:hover{ transform:translateY(-8px); box-shadow:0 25px 50px rgba(11,37,69,.08); } .trustCard h3{ font-family:'Cormorant Garamond',serif; font-size:36px; color:#0b2545; margin-bottom:20px; } .trustCard p{ line-height:1.9; color:#666; margin-bottom:25px; } .client strong{ display:block; color:#0b2545; } .client span{ color:#888; font-size:14px; } .trustPoint{ padding:35px; border-bottom:1px solid #e8dcc5; } .trustPoint:last-child{ border-bottom:none; } .trustPoint h4{ font-family:'Cormorant Garamond',serif; font-size:30px; color:#0b2545; margin-bottom:10px; } .trustPoint p{ margin:0; color:#666; line-height:1.8; } @media(max-width:991px){ .reputationGrid{ grid-template-columns:1fr; } .reputationSection{ padding:80px 0; } } /*================================== EXECUTIVE CTA ==================================*/ .executiveCTA{ padding:120px 0; background:#0b2545; color:#fff; position:relative; overflow:hidden; } .executiveCTA:before{ content:""; position:absolute; right:-180px; top:-180px; width:450px; height:450px; border-radius:50%; background:rgba(201,169,97,.08); } .executiveCTA span{ color:#c9a961; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; } .executiveCTA h2{ margin:20px 0 25px; font-family:'Cormorant Garamond',serif; font-size:62px; line-height:1.08; color: #f1f1f1; } .executiveCTA h2 strong{ color:#c9a961; } .executiveCTA p{ color:#ddd; font-size:18px; line-height:2; margin-bottom:40px; } .ctaButtons{ display:flex; gap:20px; flex-wrap:wrap; } .ctaPrimary{ padding:18px 42px; background:#c9a961; color:#0b2545; border-radius:50px; text-decoration:none; font-weight:700; transition:.35s; } .ctaPrimary:hover{ background:#fff; color:#0b2545; } .ctaSecondary{ padding:18px 42px; border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:50px; text-decoration:none; transition:.35s; } .ctaSecondary:hover{ background:#fff; color:#0b2545; } .ctaProfile{ background:rgba(255,255,255,.06); backdrop-filter:blur(12px); padding:40px; text-align:center; border:1px solid rgba(201,169,97,.25); } .ctaProfile img{ width:100%; max-width:340px; margin:auto; display:block; } .ctaProfile h3{ margin-top:30px; font-family:'Cormorant Garamond',serif; font-size:40px; color:#fff; } .ctaProfile p{ margin:5px 0; color:#c9a961; font-size:18px; } .ctaProfile small{ letter-spacing:2px; text-transform:uppercase; color:#ddd; } @media(max-width:991px){ .executiveCTA{ padding:80px 0; text-align:center; } .executiveCTA h2{ font-size:44px; } .ctaButtons{ justify-content:center; } .ctaProfile{ margin-top:50px; } } /*========================================= VALUATION BLUEPRINT =========================================*/ .valuationBlueprint{ padding:50px 0; background:#faf8f3; overflow:hidden; } .blueprintHeading{ max-width:820px; margin:auto auto 90px; } .blueprintHeading span{ display:inline-block; color:#c9a961; text-transform:uppercase; letter-spacing:3px; font-size:13px; font-weight:700; } .blueprintHeading h2{ margin:18px 0 25px; font-size:62px; line-height:1.08; font-family:'Cormorant Garamond',serif; color:#0b2545; } .blueprintHeading h2 strong{ display:block; color:#c9a961; font-weight:700; } .blueprintHeading p{ max-width:760px; margin:auto; color:#666; line-height:2; font-size:17px; } .blueprintProcess{ position:relative; } .processCard{ width:100%; background:#fff; padding:45px 55px; margin-bottom:45px; position:relative; transition:.35s; border-left:5px solid #c9a961; box-shadow:0 18px 45px rgba(11,37,69,.05); } .processCard:nth-child(4), .processCard:nth-child(8){ margin-left:auto; } .processCard:nth-child(2), .processCard:nth-child(6), .processCard:nth-child(10){ margin-right:auto; } .processCard:hover{ transform:translateY(-8px); box-shadow:0 25px 60px rgba(11,37,69,.10); } .processNo{ position:absolute; top:-22px; right:35px; width:70px; height:70px; background:#0b2545; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:28px; border:3px solid #c9a961; } .processCard h3{ font-family:'Cormorant Garamond',serif; font-size:36px; color:#0b2545; margin-bottom:18px; } .processCard p{ margin:0; color:#666; line-height:1.9; font-size:16px; } .connector{ width:2px; height:45px; background:#c9a961; margin:auto; position:relative; } .connector:after{ content:""; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); width:10px; height:10px; border-radius:50%; background:#0b2545; } @media(max-width:991px){ .valuationBlueprint{ padding:80px 0; } .blueprintHeading h2{ font-size:42px; } .processCard{ width:100%; margin-left:0!important; margin-right:0!important; padding:35px; } .processNo{ right:20px; } } /*========================================== SIGNATURE PORTFOLIO ==========================================*/ .signaturePortfolio{ position:relative; overflow:hidden; padding:120px 0; background: radial-gradient(circle at 15% 20%, rgba(201,169,97,.10) 0%, transparent 30%), radial-gradient(circle at 85% 75%, rgba(11,37,69,.05) 0%, transparent 28%), linear-gradient(135deg,#fcfbf8 0%,#f8f4eb 45%,#ffffff 100%); } .portfolioTitle{ max-width:900px; margin:auto auto 90px; } .portfolioTitle span{ color:#c9a961; text-transform:uppercase; letter-spacing:3px; font-size:13px; font-weight:700; } .portfolioTitle h2{ margin:20px 0; font-size:62px; line-height:1.08; color:#0b2545; font-family:'Cormorant Garamond',serif; } .portfolioTitle h2 strong{ display:block; color:#c9a961; } .portfolioTitle p{ max-width:760px; margin:auto; color:#666; font-size:17px; line-height:2; } .portfolioRow{ display:grid; grid-template-columns:170px 1fr; align-items:center; gap:60px; padding:55px 0; border-top:1px solid #e7dbc5; position:relative; } .portfolioRow:last-child{ border-bottom:1px solid #e7dbc5; } .portfolioRow.reverse{ grid-template-columns:1fr 170px; } .portfolioRow.reverse .portfolioNumber{ order:2; text-align:right; } .portfolioRow.reverse .portfolioContent{ order:1; text-align:right; } .portfolioNumber{ font-family:'Cormorant Garamond',serif; font-size:110px; line-height:1; color:#e4d7bc; transition:.35s; font-weight:700; } .portfolioRow:hover .portfolioNumber{ color:#c9a961; transform:scale(1.08); } .portfolioContent{ position:relative; } .portfolioContent:before{ content:""; width:90px; height:2px; background:#c9a961; display:block; margin-bottom:25px; } .portfolioRow.reverse .portfolioContent:before{ margin-left:auto; } .portfolioContent small{ display:block; text-transform:uppercase; letter-spacing:2px; color:#888; font-size:12px; margin-bottom:15px; } .portfolioContent h3{ font-family:'Cormorant Garamond',serif; font-size:42px; color:#0b2545; margin-bottom:20px; } .portfolioContent p{ max-width:700px; color:#666; line-height:2; margin:0; } .portfolioRow.reverse .portfolioContent p{ margin-left:auto; } .portfolioRow:hover{ background:#fff; transition:.35s; padding-left:25px; padding-right:25px; } @media(max-width:991px){ .signaturePortfolio{ padding:80px 0; } .portfolioTitle h2{ font-size:42px; } .portfolioRow, .portfolioRow.reverse{ grid-template-columns:1fr; gap:20px; text-align:left; padding:40px 0; } .portfolioRow.reverse .portfolioContent, .portfolioRow.reverse .portfolioNumber{ order:initial; text-align:left; } .portfolioContent:before, .portfolioRow.reverse .portfolioContent:before{ margin-left:0; } .portfolioNumber{ font-size:70px; } .portfolioContent h3{ font-size:34px; } .portfolioContent p, .portfolioRow.reverse .portfolioContent p{ max-width:100%; margin-left:0; } .portfolioRow:hover{ padding-left:0; padding-right:0; } } .npHero{ padding:130px 0; background:linear-gradient(135deg,#faf8f4,#fff 55%,#f5efe5); position:relative; overflow:hidden; } .npHero:before{ content:""; position:absolute; right:-170px; top:-180px; width:520px; height:520px; border-radius:50%; background:rgba(184,135,35,.08); } .npHero-tag{ display:inline-flex; align-items:center; gap:12px; padding:12px 30px; background:#fff; border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; color:#b88723; box-shadow:0 15px 40px rgba(0,0,0,.05); margin-bottom:30px; } .npHero-tag i{ color:#0b2545; } .npHero h1{ font-family:'Cormorant Garamond',serif; font-size:68px; line-height:1.08; color:#0b2545; margin-bottom:18px; } .npHero h1 span{ display:block; font-size:38px; color:#b88723; font-weight:600; margin-top:15px; } .npHero-line{ width:110px; height:4px; background:#c9a961; border-radius:10px; margin:30px 0; } .npHeroContact{ display:grid; gap:16px; margin-bottom:30px; } .npHeroContact div{ display:flex; gap:14px; align-items:flex-start; font-size:16px; font-weight:600; color:#555; } .npHeroContact i{ color:#b88723; width:20px; margin-top:4px; } .npHero p{ font-size:18px; line-height:2; color:#666; margin-bottom:35px; } .npHero strong{ color:#0b2545; } .npHeroPoints{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .npHeroPoints div{ padding:18px; background:#fff; border-radius:18px; display:flex; align-items:center; gap:12px; box-shadow:0 15px 35px rgba(0,0,0,.05); } .npHeroPoints i{ color:#c9a961; } .npProfile{ background:#0b2545; padding:40px; border-radius:26px; text-align:center; color:#fff; box-shadow:0 35px 80px rgba(0,0,0,.18); } .npPhoto{ width:240px; height:240px; margin:auto; border-radius:50%; overflow:hidden; border:6px solid rgba(255,255,255,.12); margin-bottom:25px; } .npPhoto img{ width:100%; height:100%; object-fit:cover; } .npBadge{ display:flex; justify-content:center; gap:12px; margin-bottom:25px; flex-wrap:wrap; } .npBadge div{ padding:8px 18px; background:#c9a961; border-radius:30px; font-size:12px; font-weight:700; letter-spacing:2px; color:#0b2545; } .npProfile h3{ font-family:'Cormorant Garamond',serif; font-size:46px; margin-bottom:10px; color: #c9a961; } .npProfile>span{ display:block; color:#ddd; margin-bottom:30px; } .npStats{ display:grid; gap:15px; } .npStats div{ padding:16px; background:rgba(255,255,255,.08); border-radius:14px; } .npStats strong{ display:block; color:#fff; font-size:18px; margin-bottom:4px; } @media(max-width:991px){ .npHero{ padding:90px 0; } .npHero h1{ font-size:46px; } .npHero h1 span{ font-size:28px; } .npHeroPoints{ grid-template-columns:1fr; } .npProfile{ margin-top:50px; } } .nsAuthority{ padding:120px 0; background:#f8f6f2; } .nsAuthority-head{ max-width:920px; margin:auto; text-align:center; margin-bottom:70px; } .nsAuthority-head span{ display:inline-block; padding:12px 28px; background:#fff; border:1px solid rgba(184,135,35,.18); border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; color:#b88723; margin-bottom:25px; } .nsAuthority-head h2{ font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.15; color:#0b2545; margin-bottom:25px; } .nsAuthority-head strong{ color:#b88723; } .nsAuthority-head p{ font-size:18px; line-height:1.95; color:#666; } .nsAuthority-wrap{ display:grid; grid-template-columns:420px 1fr; gap:50px; align-items:start; } .nsDocument{ background:#0b2545; padding:45px; border-radius:26px; color:#fff; position:sticky; top:120px; box-shadow:0 30px 80px rgba(0,0,0,.15); } .nsDocument span{ display:inline-block; padding:10px 22px; background:#c9a961; border-radius:30px; color:#0b2545; font-size:12px; font-weight:700; letter-spacing:2px; margin-bottom:25px; } .nsDocument h3{ font-family:'Cormorant Garamond',serif; font-size:46px; line-height:1.2; margin-bottom:25px; } .nsDocument strong{ color:#fff; } .nsDocument p{ font-size:17px; line-height:2; color:#ddd; } .nsSeal{ margin-top:35px; padding:18px; border-radius:16px; background:rgba(255,255,255,.08); display:flex; align-items:center; gap:15px; font-weight:700; } .nsSeal i{ color:#c9a961; font-size:24px; } .nsRow{ display:flex; gap:25px; padding:35px; background:#fff; border-radius:22px; margin-bottom:25px; box-shadow:0 15px 45px rgba(0,0,0,.05); transition:.35s; } .nsRow:hover{ transform:translateX(10px); } .nsIcon{ width:72px; height:72px; border-radius:50%; background:#0b2545; display:flex; align-items:center; justify-content:center; color:#c9a961; font-size:30px; flex-shrink:0; } .nsRow h4{ font-family:'Cormorant Garamond',serif; font-size:34px; color:#0b2545; margin-bottom:12px; } .nsRow p{ font-size:17px; line-height:1.9; color:#666; margin:0; } .nsRow strong{ color:#0b2545; } @media(max-width:991px){ .nsAuthority{ padding:80px 0; } .nsAuthority-head h2{ font-size:42px; } .nsAuthority-wrap{ grid-template-columns:1fr; } .nsDocument{ position:relative; top:auto; } } .nsExecutive{ padding:120px 0; background:linear-gradient(135deg,#ffffff 0%,#faf8f4 100%); position:relative; overflow:hidden; } .nsExecutive:before{ content:""; position:absolute; right:-180px; bottom:-180px; width:420px; height:420px; border-radius:50%; background:rgba(201,169,97,.06); } .nsExecutive-content span{ display:inline-block; padding:12px 28px; background:#0b2545; color:#fff; border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; margin-bottom:25px; } .nsExecutive-content h2{ font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.15; color:#0b2545; margin-bottom:28px; } .nsExecutive-content strong{ color:#b88723; } .nsExecutive-content p{ font-size:18px; line-height:2; color:#666; margin-bottom:24px; } .nsExecutive-content blockquote{ margin-top:40px; padding:35px; background:#fff; border-left:5px solid #c9a961; border-radius:18px; font-family:'Cormorant Garamond',serif; font-size:32px; font-style:italic; line-height:1.5; color:#0b2545; box-shadow:0 15px 40px rgba(0,0,0,.05); } .nsConfidence{ background:#0b2545; padding:45px; border-radius:28px; box-shadow:0 30px 80px rgba(0,0,0,.18); color:#fff; } .nsConfidence h3{ font-family:'Cormorant Garamond',serif; font-size:42px; margin-bottom:30px; text-align:center; color: #c9a961; } .nsConfidence ul{ list-style:none; padding:0; margin:0; } .nsConfidence li{ display:flex; align-items:flex-start; gap:15px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:17px; line-height:1.7; } .nsConfidence li i{ color:#c9a961; margin-top:5px; } .nsConfidence strong{ color:#fff; } .nsExecutiveCTA{ margin-top:40px; } .nsExecutiveBtn{ display:block; padding:18px; background:#c9a961; color:#0b2545; text-align:center; font-weight:700; text-decoration:none; border-radius:50px; margin-bottom:15px; transition:.35s; } .nsExecutiveBtn:hover{ background:#fff; } .nsExecutivePhone{ display:flex; align-items:center; justify-content:center; gap:10px; padding:18px; border:2px solid rgba(255,255,255,.12); border-radius:50px; text-decoration:none; font-weight:700; color:#fff; transition:.35s; } .nsExecutivePhone:hover{ background:rgba(255,255,255,.08); } @media(max-width:991px){ .nsExecutive{ padding:80px 0; } .nsExecutive-content h2{ font-size:42px; } .nsExecutive-content blockquote{ font-size:24px; } .nsConfidence{ margin-top:50px; } } .nsHero{ padding:110px 0; background:linear-gradient(135deg,#faf8f4,#efe4d2); overflow:hidden; } .nsHeroBadge{ display:inline-flex; align-items:center; gap:10px; padding:12px 26px; background:#fff; border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; color:#b88723; margin-bottom:25px; box-shadow:0 15px 35px rgba(0,0,0,.05); } .nsHero h1{ font-family:'Cormorant Garamond',serif; font-size:62px; line-height:1.08; margin-bottom:25px; color:#0b2550; } .nsHero h1 span{ display:block; margin-top:10px; font-size:34px; color:#b88723; } .nsHero strong{ color:#0b2550; } .nsHero p{ font-size:17px; line-height:1.95; color:#666; margin-bottom:22px; } .nsContactBar{ display:flex; flex-wrap:wrap; gap:30px; margin:35px 0; } .nsContactBar a{ display:flex; align-items:center; gap:10px; font-weight:700; text-decoration:none; color:#0b2550; } .nsContactBar i{ color:#b88723; } .nsHeroBtns{ display:flex; gap:18px; flex-wrap:wrap; } .nsPrimaryBtn, .nsSecondaryBtn{ padding:17px 34px; border-radius:50px; text-decoration:none; font-weight:700; transition:.35s; } .nsPrimaryBtn{ background:#b88723; color:#fff; } .nsSecondaryBtn{ background:#0b2550; color:#fff; } .nsPrimaryBtn:hover{ background:#0b2550; color:#fff; } .nsSecondaryBtn:hover{ background:#b88723; color:#fff; } .nsHeroImage{ position:relative; text-align:center; } .nsHeroImage img{ max-width:92%; border-radius:26px; box-shadow:0 25px 60px rgba(0,0,0,.18); } .nsProfileCard{ position: absolute; bottom: 15px; left: -10px; background: #fff; padding: 15px; border-radius: 22px; max-width: 320px; box-shadow: 0 20px 45px rgba(0, 0, 0, .15); text-align: left; } .nsProfileCard h3{ font-family:'Cormorant Garamond',serif; font-size:34px; margin-bottom:5px; color:#0b2550; } .nsProfileCard span{ display:block; color:#b88723; font-weight:700; margin-bottom:2px; } .nsProfileCard ul{ list-style:none; padding:0; margin:0; } .nsProfileCard li{ display:flex; gap:10px; padding:10px 0; font-size:15px; font-weight:600; } .nsProfileCard i{ color:#b88723; margin-top:4px; } @media(max-width:991px){ .nsHero{ padding:70px 0; } .nsHero h1{ font-size:42px; } .nsHero h1 span{ font-size:28px; } .nsHeroImage{ margin-top:50px; } .nsProfileCard{ position:relative; left:auto; bottom:auto; margin:25px auto 0; max-width:100%; } } .nsInstitution{ padding:110px 0; background:#ffffff; } .nsInstitutionHead{ max-width:930px; margin:auto; text-align:center; margin-bottom:70px; } .nsInstitutionHead span{ display:inline-block; padding:10px 24px; background:#f5efe2; border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; color:#b88723; margin-bottom:20px; } .nsInstitutionHead h2{ font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.15; color:#0b2550; margin-bottom:20px; } .nsInstitutionHead strong{ color:#b88723; } .nsInstitutionHead p{ font-size:17px; line-height:1.9; color:#666; } .institutionCard{ position:relative; padding:45px; border-radius:28px; height:100%; transition:.35s; } .government{ background:#f9f7f2; border:1px solid #ece3d5; } .auction{ background:#0b2550; } .institutionCard:hover{ transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,.08); } .institutionLabel{ display:inline-block; padding:8px 18px; background:#b88723; color:#fff; font-size:12px; font-weight:700; border-radius:40px; letter-spacing:1px; margin-bottom:25px; } .institutionIcon{ width:85px; height:85px; border-radius:18px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:34px; color:#b88723; margin-bottom:25px; } .auction .institutionIcon{ background:rgba(255,255,255,.08); color:#fff; } .institutionCard h3{ font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1.2; margin-bottom:18px; color:#0b2550; } .auction h3, .auction p, .auction strong, .auction li{ color:#fff; } .institutionCard p{ font-size:16px; line-height:1.9; color:#666; margin-bottom:25px; } .institutionCard ul{ list-style:none; padding:0; margin:0; } .institutionCard li{ display:flex; gap:12px; padding:10px 0; font-size:15px; font-weight:600; } .institutionCard li i{ color:#b88723; margin-top:4px; } .auction li i{ color:#d7b15b; } .institutionQuote{ margin-top:70px; display:flex; gap:28px; background:#0b2550; padding:45px; border-radius:28px; } .institutionQuoteIcon{ width:90px; height:90px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-size:34px; color:#d7b15b; flex-shrink:0; } .institutionQuote h3{ font-family:'Cormorant Garamond',serif; font-size:42px; color:#fff; margin-bottom:18px; } .institutionQuote p{ margin:0; font-size:17px; line-height:1.9; color:#ddd; } .institutionQuote strong{ color:#fff; } @media(max-width:991px){ .nsInstitution{ padding:70px 0; } .nsInstitutionHead h2{ font-size:42px; } .institutionQuote{ flex-direction:column; text-align:center; } .institutionQuoteIcon{ margin:auto; } } .nsAuthority{ padding:110px 0; background:#f8f6f2; } .nsAuthorityHead{ max-width:920px; margin:auto; text-align:center; margin-bottom:70px; } .nsAuthorityHead span{ display:inline-block; padding:10px 24px; background:#fff; border-radius:40px; font-size:13px; font-weight:700; letter-spacing:2px; color:#b88723; margin-bottom:20px; } .nsAuthorityHead h2{ font-family:'Cormorant Garamond',serif; font-size:56px; line-height:1.15; margin-bottom:20px; color:#0b2550; } .nsAuthorityHead strong{ color:#b88723; } .nsAuthorityHead p{ font-size:17px; line-height:1.9; color:#666; } .landmarkCard{ background:#fff; padding:42px; border-radius:26px; height:100%; box-shadow:0 15px 40px rgba(0,0,0,.05); } .govtCard{ background:#0b2550; color:#fff; } .landmarkIcon{ width:82px; height:82px; border-radius:18px; background:#f6efe1; display:flex; align-items:center; justify-content:center; font-size:32px; color:#b88723; margin-bottom:25px; } .govtCard .landmarkIcon{ background:rgba(255,255,255,.08); color:#fff; } .landmarkTag{ display:inline-block; margin-bottom:20px; padding:8px 18px; border-radius:40px; background:#b88723; color:#fff; font-size:12px; font-weight:700; letter-spacing:1px; } .landmarkCard h3{ font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1.2; margin-bottom:20px; } .landmarkCard p{ line-height:1.9; font-size:16px; margin:0; } .govtCard h3, .govtCard p, .govtCard strong{ color:#fff; } .registrationPanel{ margin-top:60px; display:grid; grid-template-columns:1fr 2fr; gap:40px; background:#fff; padding:45px; border-radius:28px; } .registrationLeft h3{ font-family:'Cormorant Garamond',serif; font-size:42px; color:#0b2550; margin-bottom:20px; } .registrationRight{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .registrationItem{ display:flex; gap:15px; padding:20px; background:#f8f6f2; border-radius:18px; font-size:15px; line-height:1.7; } .registrationItem i{ font-size:28px; color:#b88723; margin-top:4px; } .authorityBottom{ margin-top:60px; background:#0b2550; padding:45px; border-radius:28px; text-align:center; } .authorityBottom h3{ font-family:'Cormorant Garamond',serif; font-size:44px; color:#fff; margin-bottom:18px; } .authorityBottom p{ max-width:900px; margin:auto; color:#ddd; font-size:17px; line-height:1.9; } .authorityBottom strong{ color:#fff; } @media(max-width:991px){ .nsAuthority{ padding:70px 0; } .registrationPanel{ grid-template-columns:1fr; } .registrationRight{ grid-template-columns:1fr; } .nsAuthorityHead h2{ font-size:42px; } } /* ========================================================= SECTION 1 THE CAPITAL GAIN VALUER'S CREDENTIALS UNIQUE PREFIX: cgvCredentialsCore ========================================================= */ .cgvCredentialsCore{ position:relative; padding:105px 0 100px; background:#f8f6f1; overflow:hidden; color:#0b2550; } .cgvCredentialsCore::before{ content:""; position:absolute; width:520px; height:520px; right:-260px; top:-240px; border:1px solid rgba(184,135,35,.13); border-radius:50%; } .cgvCredentialsCore::after{ content:"34AB"; position:absolute; right:-15px; bottom:-75px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:300px; line-height:1; font-weight:600; } .cgvCredentialsCore .container{ position:relative; z-index:2; } /* HEADER */ .cgvCredentialsCoreHeader{ max-width:950px; margin-bottom:70px; } .cgvCredentialsCoreKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.8px; } .cgvCredentialsCoreKicker span{ width:45px; height:2px; background:#b88723; } .cgvCredentialsCoreHeader h2{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:57px; line-height:1.04; font-weight:600; } .cgvCredentialsCoreHeader h2 strong{ color:#b88723; } .cgvCredentialsCoreIntro{ max-width:900px; margin:0; color:#647181; font-size:15px; line-height:1.85; } /* MAIN GRID */ .cgvCredentialsCoreLayout{ display:grid; grid-template-columns:210px 1fr; gap:65px; } /* LEFT INDEX */ .cgvCredentialsCoreIndex{ position:relative; min-height:520px; padding:5px 0 0; } .cgvCredentialsCoreIndexNumber{ color:#d3aa52; font-family:'Cormorant Garamond',serif; font-size:80px; line-height:.9; } .cgvCredentialsCoreIndex span{ display:block; margin-top:25px; color:#8a6b28; font-size:13px; line-height:1.7; font-weight:800; letter-spacing:1.6px; } .cgvCredentialsCoreVertical{ width:1px; height:170px; margin:30px 0; background:#d5cdbd; } .cgvCredentialsCoreIndex strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:48px; font-weight:600; } /* ITEMS */ .cgvCredentialsCoreContent{ border-top:1px solid #d9d2c6; } .cgvCredentialsCoreItem{ display:grid; grid-template-columns:55px 1fr; gap:22px; padding:32px 0; border-bottom:1px solid #d9d2c6; } .cgvCredentialsCoreItemNo{ padding-top:4px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:50px; } .cgvCredentialsCoreItem h3{ margin:0 0 10px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1.1; font-weight:600; } .cgvCredentialsCoreItem h3 strong{ color:#b88723; } .cgvCredentialsCoreItem p{ max-width:900px; margin:0 0 13px; color:#667482; font-size:15px; line-height:1.82; } .cgvCredentialsCoreItem p:last-child{ margin-bottom:0; } .cgvCredentialsCoreItem p strong{ color:#0b2550; font-weight:750; } /* STRIP */ .cgvCredentialsCoreStrip{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:65px; border:1px solid #d8d0c2; background:#fff; } .cgvCredentialsCoreStrip div{ position:relative; padding:25px 23px; border-right:1px solid #d8d0c2; } .cgvCredentialsCoreStrip div:last-child{ border-right:0; } .cgvCredentialsCoreStrip span{ display:block; margin-bottom:5px; color:#c39a42; font-family:'Cormorant Garamond',serif; font-size:40px; } .cgvCredentialsCoreStrip strong{ display:block; margin-bottom:4px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:33px; font-weight:600; } .cgvCredentialsCoreStrip small{ display:block; color:#78838e; font-size:15px; line-height:1.4; } /* TABLET */ @media(max-width:991px){ .cgvCredentialsCoreHeader h2{ font-size:49px; } .cgvCredentialsCoreLayout{ grid-template-columns:150px 1fr; gap:40px; } .cgvCredentialsCoreStrip{ grid-template-columns:1fr 1fr; } .cgvCredentialsCoreStrip div:nth-child(2){ border-right:0; } } /* MOBILE */ @media(max-width:767px){ .cgvCredentialsCore{ padding:70px 0 75px; } .cgvCredentialsCoreHeader{ margin-bottom:45px; } .cgvCredentialsCoreHeader h2{ font-size:40px; } .cgvCredentialsCoreIntro{ font-size:15px; } .cgvCredentialsCoreLayout{ grid-template-columns:1fr; gap:35px; } .cgvCredentialsCoreIndex{ min-height:auto; padding-bottom:25px; border-bottom:1px solid #d8d0c2; } .cgvCredentialsCoreIndexNumber{ font-size:58px; } .cgvCredentialsCoreVertical{ display:none; } .cgvCredentialsCoreIndex span{ display:inline-block; margin:12px 20px 0 0; } .cgvCredentialsCoreIndex strong{ font-size:38px; } .cgvCredentialsCoreItem{ grid-template-columns:42px 1fr; gap:14px; padding:26px 0; } .cgvCredentialsCoreItem h3{ font-size:27px; } .cgvCredentialsCoreItem p{ font-size:15px; line-height:1.8; } .cgvCredentialsCoreStrip{ grid-template-columns:1fr; } .cgvCredentialsCoreStrip div{ border-right:0; border-bottom:1px solid #d8d0c2; } .cgvCredentialsCoreStrip div:last-child{ border-bottom:0; } } /* SMALL MOBILE */ @media(max-width:420px){ .cgvCredentialsCoreHeader h2{ font-size:36px; } .cgvCredentialsCoreItem h3{ font-size:25px; } } /* ========================================================= SECTION 2 INSTITUTIONAL AUTHORITY + CTA UNIQUE PREFIX: cgvCredentialsAuthority ========================================================= */ .cgvCredentialsAuthority{ position:relative; overflow:hidden; color:#0b2550; background:#fff; } /* ========================================================= TOP AREA ========================================================= */ .cgvCredentialsAuthorityTop{ position:relative; padding:105px 0 90px; background:#fff; } .cgvCredentialsAuthorityTop::before{ content:""; position:absolute; width:520px; height:520px; left:-310px; top:40px; border:1px solid rgba(184,135,35,.12); border-radius:50%; } .cgvCredentialsAuthorityTop .container{ position:relative; z-index:2; } /* HEADER */ .cgvCredentialsAuthorityHeader{ max-width:950px; margin-bottom:58px; } .cgvCredentialsAuthorityKicker{ display:flex; align-items:center; gap:12px; margin-bottom:18px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.8px; } .cgvCredentialsAuthorityKicker span{ width:45px; height:2px; background:#b88723; } .cgvCredentialsAuthorityHeader h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.02; font-weight:600; } .cgvCredentialsAuthorityHeader h2 strong{ color:#b88723; } .cgvCredentialsAuthorityHeader p{ max-width:850px; margin:0; color:#687583; font-size:15px; line-height:1.85; } /* ========================================================= FEATURE GRID ========================================================= */ .cgvCredentialsAuthorityGrid{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #ddd6ca; border-left:1px solid #ddd6ca; } .cgvCredentialsAuthorityFeature{ display:grid; grid-template-columns:68px 1fr; gap:22px; min-height:245px; padding:32px; background:#fff; border-right:1px solid #ddd6ca; border-bottom:1px solid #ddd6ca; transition:.3s ease; } .cgvCredentialsAuthorityFeature:hover{ background:#faf8f3; } .cgvCredentialsAuthorityIcon{ width:58px; height:58px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:14px; font-weight:700; text-align:center; } .cgvCredentialsAuthorityLabel{ display:block; margin:2px 0 8px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvCredentialsAuthorityFeature h3{ margin:0 0 11px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1.05; font-weight:600; } .cgvCredentialsAuthorityFeature h3 strong{ color:#b88723; } .cgvCredentialsAuthorityFeature p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } .cgvCredentialsAuthorityFeature p strong{ color:#0b2550; font-weight:750; } /* ========================================================= NUMBERS ========================================================= */ .cgvCredentialsAuthorityNumbers{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:55px; background:#0b2550; } .cgvCredentialsAuthorityNumbers div{ display:flex; align-items:center; gap:17px; min-height:110px; padding:22px 25px; border-right:1px solid rgba(255,255,255,.12); } .cgvCredentialsAuthorityNumbers div:last-child{ border-right:0; } .cgvCredentialsAuthorityNumbers strong{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; font-weight:600; } .cgvCredentialsAuthorityNumbers span{ color:rgba(255,255,255,.68); font-size:15px; line-height:1.5; } /* ========================================================= INSTITUTIONAL RECORD ========================================================= */ .cgvCredentialsAuthorityRecord{ display:grid; grid-template-columns:90px 1fr; gap:27px; align-items:center; margin-top:42px; padding:32px; background:#f7f3ea; border-left:4px solid #b88723; } .cgvCredentialsAuthorityRecordMark{ width:76px; height:76px; display:flex; align-items:center; justify-content:center; border:1px solid #c39a42; border-radius:50%; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:700; } .cgvCredentialsAuthorityRecord span{ display:block; margin-bottom:7px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .cgvCredentialsAuthorityRecord h3{ margin:0 0 8px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:29px; line-height:1.15; font-weight:600; } .cgvCredentialsAuthorityRecord h3 strong{ color:#b88723; } .cgvCredentialsAuthorityRecord p{ max-width:1000px; margin:0; color:#687583; font-size:15px; line-height:1.75; } .cgvCredentialsAuthorityRecord p strong{ color:#0b2550; } /* ========================================================= CTA ========================================================= */ .cgvCredentialsAuthorityCTA{ position:relative; padding:82px 0; background:#0b2550; overflow:hidden; } .cgvCredentialsAuthorityCTA::before{ content:"CAPITAL"; position:absolute; right:-40px; bottom:-85px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:250px; line-height:1; font-weight:600; } .cgvCredentialsAuthorityCTA .container{ position:relative; z-index:2; } .cgvCredentialsAuthorityCTAGrid{ display:grid; grid-template-columns:1fr 360px; gap:70px; align-items:center; } .cgvCredentialsAuthorityCTAKicker{ display:block; margin-bottom:15px; color:#d5a646; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .cgvCredentialsAuthorityCTAGrid h2{ max-width:760px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.02; font-weight:600; } .cgvCredentialsAuthorityCTAGrid h2 strong{ color:#d5a646; } .cgvCredentialsAuthorityCTAGrid p{ max-width:820px; margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; } /* CTA ACTION */ .cgvCredentialsAuthorityCTAAction{ display:flex; flex-direction:column; align-items:flex-start; } .cgvCredentialsAuthorityCTAButton{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:18px 21px; background:#d5a646; color:#0b2550; text-decoration:none; font-size:14px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvCredentialsAuthorityCTAButton:hover{ background:#fff; color:#0b2550; } .cgvCredentialsAuthorityCTAButton span{ font-size:22px; line-height:1; } .cgvCredentialsAuthorityCTAMail{ margin-top: 19px; color: #d5a646; font-size: 20px; line-height: 1.4; text-decoration: none; font-weight: 600; } .cgvCredentialsAuthorityPhone{ margin-top:8px; color:rgba(255,255,255,.62); line-height:1.4; font-size: 20px; font-weight: 600; } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .cgvCredentialsAuthorityHeader h2{ font-size:50px; } .cgvCredentialsAuthorityFeature{ min-height:260px; } .cgvCredentialsAuthorityNumbers{ grid-template-columns:1fr 1fr; } .cgvCredentialsAuthorityNumbers div:nth-child(2){ border-right:0; } .cgvCredentialsAuthorityCTAGrid{ grid-template-columns:1fr 300px; gap:40px; } .cgvCredentialsAuthorityCTAGrid h2{ font-size:46px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .cgvCredentialsAuthorityTop{ padding:70px 0 65px; } .cgvCredentialsAuthorityHeader{ margin-bottom:42px; } .cgvCredentialsAuthorityHeader h2{ font-size:40px; } .cgvCredentialsAuthorityHeader p{ font-size:15px; } .cgvCredentialsAuthorityGrid{ grid-template-columns:1fr; } .cgvCredentialsAuthorityFeature{ grid-template-columns:58px 1fr; min-height:auto; padding:25px 21px; } .cgvCredentialsAuthorityFeature h3{ font-size:27px; } .cgvCredentialsAuthorityFeature p{ font-size:15px; } .cgvCredentialsAuthorityNumbers{ grid-template-columns:1fr; margin-top:40px; } .cgvCredentialsAuthorityNumbers div{ border-right:0; border-bottom:1px solid rgba(255,255,255,.12); } .cgvCredentialsAuthorityNumbers div:last-child{ border-bottom:0; } .cgvCredentialsAuthorityRecord{ grid-template-columns:1fr; gap:18px; padding:25px; } .cgvCredentialsAuthorityRecord h3{ font-size:27px; } .cgvCredentialsAuthorityCTA{ padding:65px 0; } .cgvCredentialsAuthorityCTAGrid{ grid-template-columns:1fr; gap:35px; } .cgvCredentialsAuthorityCTAGrid h2{ font-size:40px; } .cgvCredentialsAuthorityCTAAction{ width:100%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .cgvCredentialsAuthorityHeader h2{ font-size:36px; } .cgvCredentialsAuthorityFeature h3{ font-size:25px; } .cgvCredentialsAuthorityRecord h3{ font-size:25px; } .cgvCredentialsAuthorityCTAGrid h2{ font-size:36px; } } /* ========================================================= ABOUT A2Z VALUERS SECTION 1 UNIQUE PREFIX: acgvAboutIntro ========================================================= */ .acgvAboutIntro{ position:relative; padding:105px 0 100px; background:#ffffff; color:#0b2550; overflow:hidden; } .acgvAboutIntro::before{ content:"A2Z"; position:absolute; right:-20px; top:-65px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:330px; line-height:1; font-weight:600; } .acgvAboutIntro .container{ position:relative; z-index:2; } .acgvAboutIntroGrid{ display:grid; grid-template-columns:390px 1fr; gap:85px; align-items:start; } /* LEFT */ .acgvAboutIntroLead{ position:sticky; top:100px; } .acgvAboutIntroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:22px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.8px; } .acgvAboutIntroKicker span{ width:45px; height:2px; background:#b88723; } .acgvAboutIntroLead h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.02; font-weight:600; } .acgvAboutIntroLead h2 strong{ display:block; color:#b88723; font-weight:600; } .acgvAboutIntroRule{ width:85px; height:3px; margin-top:28px; background:#d5a646; } /* RIGHT */ .acgvAboutIntroContent{ max-width:900px; padding-top:4px; } .acgvAboutIntroContent p{ margin:0 0 20px; color:#687583; font-size:15px; line-height:1.85; } .acgvAboutIntroContent p strong{ color:#0b2550; font-weight:750; } .acgvAboutIntroOpening{ color:#3f536b !important; font-size:18px !important; line-height:1.75 !important; font-weight:500; } /* STATEMENT */ .acgvAboutIntroStatement{ margin-top:32px; padding:25px 27px; background:#f7f3ea; border-left:4px solid #b88723; } .acgvAboutIntroStatement span{ display:block; margin-bottom:8px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .acgvAboutIntroStatement strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.25; font-weight:600; } /* TABLET */ @media(max-width:991px){ .acgvAboutIntroGrid{ grid-template-columns:280px 1fr; gap:45px; } .acgvAboutIntroLead h2{ font-size:48px; } } /* MOBILE */ @media(max-width:767px){ .acgvAboutIntro{ padding:70px 0 75px; } .acgvAboutIntroGrid{ grid-template-columns:1fr; gap:35px; } .acgvAboutIntroLead{ position:static; } .acgvAboutIntroLead h2{ font-size:40px; } .acgvAboutIntroOpening{ font-size:17px !important; } .acgvAboutIntroContent p{ font-size:15px; } .acgvAboutIntroStatement strong{ font-size:23px; } } /* ========================================================= ABOUT A2Z VALUERS SECTION 2 UNIQUE PREFIX: acgvAboutPractice ========================================================= */ .acgvAboutPractice{ padding:105px 0 100px; background:#f6f4ef; color:#0b2550; } .acgvAboutPracticeHeader{ max-width:940px; margin-bottom:60px; } .acgvAboutPracticeKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.8px; } .acgvAboutPracticeKicker span{ width:45px; height:2px; background:#b88723; } .acgvAboutPracticeHeader h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:57px; line-height:1.03; font-weight:600; } .acgvAboutPracticeHeader h2 strong{ color:#b88723; } .acgvAboutPracticeHeader p{ max-width:900px; margin:0; color:#687583; font-size:15px; line-height:1.85; } /* FRAMEWORK */ .acgvAboutPracticeFramework{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d7d0c4; border-left:1px solid #d7d0c4; } .acgvAboutPracticeColumn{ position:relative; min-height:405px; padding:36px 32px; background:#fff; border-right:1px solid #d7d0c4; border-bottom:1px solid #d7d0c4; } .acgvAboutPracticeFeatured{ background:#0b2550; color:#fff; } .acgvAboutPracticeNumber{ color:#c4a05a; font-family:'Cormorant Garamond',serif; font-size:48px; line-height:1; } .acgvAboutPracticeLine{ width:50px; height:2px; margin:22px 0 25px; background:#b88723; } .acgvAboutPracticeColumn h3{ margin:0 0 15px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:35px; line-height:1; font-weight:600; } .acgvAboutPracticeColumn h3 strong{ color:#b88723; } .acgvAboutPracticeFeatured h3{ color:#fff; } .acgvAboutPracticeColumn p{ margin:0 0 22px; color:#687583; font-size:15px; line-height:1.8; } .acgvAboutPracticeFeatured p{ color:rgba(255,255,255,.68); } .acgvAboutPracticeColumn ul{ margin:0; padding:0; list-style:none; } .acgvAboutPracticeColumn li{ display:flex; align-items:center; gap:10px; margin-bottom:11px; color:#536476; font-size:13px; line-height:1.5; font-weight:650; } .acgvAboutPracticeFeatured li{ color:rgba(255,255,255,.75); } .acgvAboutPracticeColumn li span{ color:#b88723; font-weight:900; } /* BOTTOM */ .acgvAboutPracticeBottom{ display:flex; align-items:center; gap:22px; margin-top:32px; padding:24px 27px; background:#fff; border:1px solid #d7d0c4; } .acgvAboutPracticeBottomMark{ width:68px; height:68px; flex:0 0 68px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:700; } .acgvAboutPracticeBottom p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } .acgvAboutPracticeBottom p strong{ color:#0b2550; } /* TABLET */ @media(max-width:991px){ .acgvAboutPracticeHeader h2{ font-size:49px; } .acgvAboutPracticeFramework{ grid-template-columns:1fr; } .acgvAboutPracticeColumn{ min-height:auto; } } /* MOBILE */ @media(max-width:767px){ .acgvAboutPractice{ padding:70px 0 75px; } .acgvAboutPracticeHeader h2{ font-size:40px; } .acgvAboutPracticeHeader p{ font-size:15px; } .acgvAboutPracticeColumn{ padding:28px 23px; } .acgvAboutPracticeColumn h3{ font-size:30px; } .acgvAboutPracticeColumn p{ font-size:15px; } .acgvAboutPracticeBottom{ align-items:flex-start; } } /* SMALL MOBILE */ @media(max-width:420px){ .acgvAboutPracticeHeader h2{ font-size:36px; } .acgvAboutPracticeColumn h3{ font-size:27px; } } /* ========================================================= ABOUT A2Z VALUERS SECTION 3 — SCALE + CTA UNIQUE PREFIX: acgvAboutAuthority ========================================================= */ .acgvAboutAuthority{ position:relative; overflow:hidden; color:#0b2550; } /* ========================================================= MAIN ========================================================= */ .acgvAboutAuthorityMain{ padding:105px 0 95px; background:#0b2550; color:#fff; } .acgvAboutAuthorityMain .container{ position:relative; z-index:2; } /* HEADER */ .acgvAboutAuthorityHeader{ max-width:900px; margin-bottom:55px; } .acgvAboutAuthorityKicker{ display:flex; align-items:center; gap:12px; margin-bottom:19px; color:#d5a646; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.8px; } .acgvAboutAuthorityKicker span{ width:45px; height:2px; background:#d5a646; } .acgvAboutAuthorityHeader h2{ margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.02; font-weight:600; } .acgvAboutAuthorityHeader h2 strong{ color:#d5a646; } .acgvAboutAuthorityHeader p{ max-width:850px; margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; } /* ========================================================= STATS ========================================================= */ .acgvAboutAuthorityStats{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); } .acgvAboutAuthorityStat{ min-height:220px; padding:31px 27px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); } .acgvAboutAuthorityStat strong{ display:block; margin-bottom:5px; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:.9; font-weight:600; } .acgvAboutAuthorityStat span{ display:block; margin-bottom:18px; color:#fff; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .acgvAboutAuthorityStat p{ max-width:150px; margin:0; color:rgba(255,255,255,.55); font-size:15px; line-height:1.65; } /* ========================================================= REACH ========================================================= */ .acgvAboutAuthorityReach{ display:grid; grid-template-columns:390px 1fr; gap:70px; margin-top:65px; padding:40px 0; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); } .acgvAboutAuthorityReachHeading{ display:flex; gap:18px; align-items:flex-start; } .acgvAboutAuthorityReachHeading > span{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:27px; } .acgvAboutAuthorityReachHeading h3{ margin:0; color:#fff; font-family:'Cormorant Garamond',serif; font-size:35px; line-height:1.05; font-weight:600; } .acgvAboutAuthorityReachHeading h3 strong{ display:block; color:#d5a646; } .acgvAboutAuthorityReachContent p{ margin:0 0 16px; color:rgba(255,255,255,.66); font-size:15px; line-height:1.8; } .acgvAboutAuthorityReachContent p:last-child{ margin-bottom:0; } .acgvAboutAuthorityReachContent p strong{ color:#fff; } /* ========================================================= PROFESSIONAL NETWORK ========================================================= */ .acgvAboutAuthorityNetwork{ display:grid; grid-template-columns:390px 1fr; gap:70px; margin-top:42px; } .acgvAboutAuthorityNetworkTitle{ display:flex; gap:18px; align-items:flex-start; } .acgvAboutAuthorityNetworkTitle > span{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:27px; } .acgvAboutAuthorityNetworkTitle h3{ margin:0; color:#fff; font-family:'Cormorant Garamond',serif; font-size:35px; line-height:1.05; font-weight:600; } .acgvAboutAuthorityNetworkTitle h3 strong{ display:block; color:#d5a646; } .acgvAboutAuthorityNetworkItems{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.12); } .acgvAboutAuthorityNetworkItems div{ padding:21px; background:#0b2550; } .acgvAboutAuthorityNetworkItems strong{ display:block; margin-bottom:6px; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:22px; } .acgvAboutAuthorityNetworkItems span{ display:block; color:rgba(255,255,255,.58); font-size:15px; line-height:1.55; } /* ========================================================= CTA ========================================================= */ .acgvAboutAuthorityCTA{ position:relative; padding:78px 0; background:#f7f3ea; overflow:hidden; } .acgvAboutAuthorityCTA::after{ content:"A2Z"; position:absolute; right:-20px; bottom:-100px; color:rgba(11,37,80,.035); font-family:'Cormorant Garamond',serif; font-size:310px; line-height:1; } .acgvAboutAuthorityCTA .container{ position:relative; z-index:2; } .acgvAboutAuthorityCTAGrid{ display:grid; grid-template-columns:1fr 360px; gap:70px; align-items:center; } .acgvAboutAuthorityCTALabel{ display:block; margin-bottom:14px; color:#b88723; font-size:13px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .acgvAboutAuthorityCTAGrid h2{ max-width:780px; margin:0 0 17px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .acgvAboutAuthorityCTAGrid h2 strong{ color:#b88723; } .acgvAboutAuthorityCTAGrid p{ max-width:780px; margin:0; color:#687583; font-size:15px; line-height:1.8; } /* CTA BUTTON */ .acgvAboutAuthorityCTAActions{ display:flex; flex-direction:column; align-items:flex-start; } .acgvAboutAuthorityCTAButton{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:19px 22px; background:#0b2550; color:#fff; text-decoration:none; font-size:14px; line-height:1.3; font-weight:800; transition:.3s ease; } .acgvAboutAuthorityCTAButton:hover{ background:#b88723; color:#fff; } .acgvAboutAuthorityCTAButton span{ color:#d5a646; font-size:23px; line-height:1; } .acgvAboutAuthorityCTAMail{ margin-top:18px; color:#b88723; font-size:14px; line-height:1.4; text-decoration:none; } .acgvAboutAuthorityPhone{ margin-top:7px; color:#647181; font-size:15px; line-height:1.4; } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .acgvAboutAuthorityHeader h2{ font-size:50px; } .acgvAboutAuthorityStats{ grid-template-columns:1fr 1fr; } .acgvAboutAuthorityStat:nth-child(2){ border-right:0; } .acgvAboutAuthorityReach, .acgvAboutAuthorityNetwork{ grid-template-columns:280px 1fr; gap:40px; } .acgvAboutAuthorityCTAGrid{ grid-template-columns:1fr 300px; gap:40px; } .acgvAboutAuthorityCTAGrid h2{ font-size:46px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .acgvAboutAuthorityMain{ padding:70px 0 65px; } .acgvAboutAuthorityHeader h2{ font-size:40px; } .acgvAboutAuthorityHeader p{ font-size:15px; } .acgvAboutAuthorityStats{ grid-template-columns:1fr; } .acgvAboutAuthorityStat{ min-height:auto; padding:27px 23px; border-right:0; } .acgvAboutAuthorityReach, .acgvAboutAuthorityNetwork{ grid-template-columns:1fr; gap:30px; margin-top:45px; } .acgvAboutAuthorityReachHeading h3, .acgvAboutAuthorityNetworkTitle h3{ font-size:30px; } .acgvAboutAuthorityNetworkItems{ grid-template-columns:1fr; } .acgvAboutAuthorityCTA{ padding:65px 0; } .acgvAboutAuthorityCTAGrid{ grid-template-columns:1fr; gap:32px; } .acgvAboutAuthorityCTAGrid h2{ font-size:40px; } .acgvAboutAuthorityCTAActions{ width:100%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .acgvAboutAuthorityHeader h2{ font-size:36px; } .acgvAboutAuthorityReachHeading h3, .acgvAboutAuthorityNetworkTitle h3{ font-size:27px; } .acgvAboutAuthorityCTAGrid h2{ font-size:36px; } } /* ========================================================= SECTION 1 REGISTERED VS UNREGISTERED UNIQUE PREFIX: rcuvComparison ========================================================= */ .rcuvComparison{ position:relative; padding:110px 0 105px; background:#f7f5f0; color:#0b2550; overflow:hidden; } .rcuvComparison::before{ content:"34AB"; position:absolute; top:-80px; right:-20px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:340px; line-height:1; } .rcuvComparison .container{ position:relative; z-index:2; } /* HEADER */ .rcuvComparisonHeader{ max-width:980px; margin-bottom:60px; } .rcuvComparisonKicker{ display:flex; align-items:center; gap:12px; margin-bottom:19px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .rcuvComparisonKicker span{ width:45px; height:2px; background:#b88723; } .rcuvComparisonHeader h1{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .rcuvComparisonHeader h1 strong{ color:#b88723; } .rcuvComparisonHeader > p{ max-width:900px; margin:0; color:#657382; font-size:15px; line-height:1.85; } /* ========================================================= COMPARISON TABLE ========================================================= */ .rcuvComparisonTable{ border-top:1px solid #d8d1c5; border-left:1px solid #d8d1c5; background:#fff; } /* HEADER */ .rcuvComparisonTableHead{ display:grid; grid-template-columns:25% 37.5% 37.5%; background:#0b2550; color:#fff; } .rcuvComparisonTableHead > div{ padding:20px 23px; border-right:1px solid rgba(255,255,255,.14); font-size:15px; line-height:1.4; font-weight:800; letter-spacing:.8px; } .rcuvComparisonTableHead > div:nth-child(2){ color:#d5a646; } /* ROW */ .rcuvComparisonRow{ display:grid; grid-template-columns:25% 37.5% 37.5%; border-bottom:1px solid #d8d1c5; } .rcuvComparisonRow > div{ padding:25px 23px; border-right:1px solid #d8d1c5; } /* TOPIC */ .rcuvComparisonTopic{ display:flex; flex-direction:column; gap:11px; background:#faf8f3; } .rcuvComparisonTopic span{ color:#c19a45; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; } .rcuvComparisonTopic strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:24px; line-height:1.12; font-weight:600; } /* POSITIVE */ .rcuvComparisonPositive{ background:#fff; } .rcuvComparisonPositive b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#edf4ed; color:#315f39; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonPositive p{ margin:0; color:#657382; font-size:15px; line-height:1.72; } .rcuvComparisonPositive p strong{ color:#0b2550; } /* NEGATIVE */ .rcuvComparisonNegative{ background:#fbf9f6; } .rcuvComparisonNegative b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#f5e9e5; color:#875047; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonNegative p{ margin:0; color:#687583; font-size:15px; line-height:1.72; } /* BOTTOM */ .rcuvComparisonBottom{ display:flex; align-items:center; gap:22px; margin-top:38px; padding:25px 28px; background:#0b2550; } .rcuvComparisonBottomBadge{ width:70px; height:70px; flex:0 0 70px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; } .rcuvComparisonBottom span{ display:block; margin-bottom:7px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .rcuvComparisonBottom p{ margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.7; } .rcuvComparisonBottom p strong{ color:#fff; } /* TABLET */ @media(max-width:991px){ .rcuvComparisonHeader h1{ font-size:50px; } .rcuvComparisonTable{ overflow-x:auto; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:900px; } } /* MOBILE */ @media(max-width:767px){ .rcuvComparison{ padding:70px 0 75px; } .rcuvComparisonHeader{ margin-bottom:40px; } .rcuvComparisonHeader h1{ font-size:40px; } .rcuvComparisonHeader > p{ font-size:15px; } .rcuvComparisonTable{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:850px; } .rcuvComparisonTableHead > div, .rcuvComparisonRow > div{ padding:20px; } .rcuvComparisonBottom{ align-items:flex-start; padding:22px; } } /* SMALL MOBILE */ @media(max-width:420px){ .rcuvComparisonHeader h1{ font-size:36px; } } /* ========================================================= SECTION 1 REGISTERED VS UNREGISTERED UNIQUE PREFIX: rcuvComparison ========================================================= */ .rcuvComparison{ position:relative; padding:110px 0 105px; background:#f7f5f0; color:#0b2550; overflow:hidden; } .rcuvComparison::before{ content:"34AB"; position:absolute; top:-80px; right:-20px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:340px; line-height:1; } .rcuvComparison .container{ position:relative; z-index:2; } /* HEADER */ .rcuvComparisonHeader{ max-width:980px; margin-bottom:60px; } .rcuvComparisonKicker{ display:flex; align-items:center; gap:12px; margin-bottom:19px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .rcuvComparisonKicker span{ width:45px; height:2px; background:#b88723; } .rcuvComparisonHeader h1{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .rcuvComparisonHeader h1 strong{ color:#b88723; } .rcuvComparisonHeader > p{ max-width:900px; margin:0; color:#657382; font-size:15px; line-height:1.85; } /* ========================================================= COMPARISON TABLE ========================================================= */ .rcuvComparisonTable{ border-top:1px solid #d8d1c5; border-left:1px solid #d8d1c5; background:#fff; } /* HEADER */ .rcuvComparisonTableHead{ display:grid; grid-template-columns:25% 37.5% 37.5%; background:#0b2550; color:#fff; } .rcuvComparisonTableHead > div{ padding:20px 23px; border-right:1px solid rgba(255,255,255,.14); font-size:15px; line-height:1.4; font-weight:800; letter-spacing:.8px; } .rcuvComparisonTableHead > div:nth-child(2){ color:#d5a646; } /* ROW */ .rcuvComparisonRow{ display:grid; grid-template-columns:25% 37.5% 37.5%; border-bottom:1px solid #d8d1c5; } .rcuvComparisonRow > div{ padding:25px 23px; border-right:1px solid #d8d1c5; } /* TOPIC */ .rcuvComparisonTopic{ display:flex; flex-direction:column; gap:11px; background:#faf8f3; } .rcuvComparisonTopic span{ color:#c19a45; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; } .rcuvComparisonTopic strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:24px; line-height:1.12; font-weight:600; } /* POSITIVE */ .rcuvComparisonPositive{ background:#fff; } .rcuvComparisonPositive b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#edf4ed; color:#315f39; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonPositive p{ margin:0; color:#657382; font-size:15px; line-height:1.72; } .rcuvComparisonPositive p strong{ color:#0b2550; } /* NEGATIVE */ .rcuvComparisonNegative{ background:#fbf9f6; } .rcuvComparisonNegative b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#f5e9e5; color:#875047; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonNegative p{ margin:0; color:#687583; font-size:15px; line-height:1.72; } /* BOTTOM */ .rcuvComparisonBottom{ display:flex; align-items:center; gap:22px; margin-top:38px; padding:25px 28px; background:#0b2550; } .rcuvComparisonBottomBadge{ width:70px; height:70px; flex:0 0 70px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; } .rcuvComparisonBottom span{ display:block; margin-bottom:7px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .rcuvComparisonBottom p{ margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.7; } .rcuvComparisonBottom p strong{ color:#fff; } /* TABLET */ @media(max-width:991px){ .rcuvComparisonHeader h1{ font-size:50px; } .rcuvComparisonTable{ overflow-x:auto; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:900px; } } /* MOBILE */ @media(max-width:767px){ .rcuvComparison{ padding:70px 0 75px; } .rcuvComparisonHeader{ margin-bottom:40px; } .rcuvComparisonHeader h1{ font-size:40px; } .rcuvComparisonHeader > p{ font-size:15px; } .rcuvComparisonTable{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:850px; } .rcuvComparisonTableHead > div, .rcuvComparisonRow > div{ padding:20px; } .rcuvComparisonBottom{ align-items:flex-start; padding:22px; } } /* SMALL MOBILE */ @media(max-width:420px){ .rcuvComparisonHeader h1{ font-size:36px; } } /* ========================================================= SECTION 1 REGISTERED VS UNREGISTERED UNIQUE PREFIX: rcuvComparison ========================================================= */ .rcuvComparison{ position:relative; padding:110px 0 105px; background:#f7f5f0; color:#0b2550; overflow:hidden; } .rcuvComparison::before{ content:"34AB"; position:absolute; top:-80px; right:-20px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:340px; line-height:1; } .rcuvComparison .container{ position:relative; z-index:2; } /* HEADER */ .rcuvComparisonHeader{ max-width:980px; margin-bottom:60px; } .rcuvComparisonKicker{ display:flex; align-items:center; gap:12px; margin-bottom:19px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .rcuvComparisonKicker span{ width:45px; height:2px; background:#b88723; } .rcuvComparisonHeader h1{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .rcuvComparisonHeader h1 strong{ color:#b88723; } .rcuvComparisonHeader > p{ max-width:900px; margin:0; color:#657382; font-size:15px; line-height:1.85; } /* ========================================================= COMPARISON TABLE ========================================================= */ .rcuvComparisonTable{ border-top:1px solid #d8d1c5; border-left:1px solid #d8d1c5; background:#fff; } /* HEADER */ .rcuvComparisonTableHead{ display:grid; grid-template-columns:25% 37.5% 37.5%; background:#0b2550; color:#fff; } .rcuvComparisonTableHead > div{ padding:20px 23px; border-right:1px solid rgba(255,255,255,.14); font-size:15px; line-height:1.4; font-weight:800; letter-spacing:.8px; } .rcuvComparisonTableHead > div:nth-child(2){ color:#d5a646; } /* ROW */ .rcuvComparisonRow{ display:grid; grid-template-columns:25% 37.5% 37.5%; border-bottom:1px solid #d8d1c5; } .rcuvComparisonRow > div{ padding:25px 23px; border-right:1px solid #d8d1c5; } /* TOPIC */ .rcuvComparisonTopic{ display:flex; flex-direction:column; gap:11px; background:#faf8f3; } .rcuvComparisonTopic span{ color:#c19a45; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; } .rcuvComparisonTopic strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:24px; line-height:1.12; font-weight:600; } /* POSITIVE */ .rcuvComparisonPositive{ background:#fff; } .rcuvComparisonPositive b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#edf4ed; color:#315f39; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonPositive p{ margin:0; color:#657382; font-size:15px; line-height:1.72; } .rcuvComparisonPositive p strong{ color:#0b2550; } /* NEGATIVE */ .rcuvComparisonNegative{ background:#fbf9f6; } .rcuvComparisonNegative b{ display:inline-block; margin-bottom:8px; padding:5px 9px; background:#f5e9e5; color:#875047; font-size:15px; line-height:1.3; font-weight:800; } .rcuvComparisonNegative p{ margin:0; color:#687583; font-size:15px; line-height:1.72; } /* BOTTOM */ .rcuvComparisonBottom{ display:flex; align-items:center; gap:22px; margin-top:38px; padding:25px 28px; background:#0b2550; } .rcuvComparisonBottomBadge{ width:70px; height:70px; flex:0 0 70px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:600; } .rcuvComparisonBottom span{ display:block; margin-bottom:7px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .rcuvComparisonBottom p{ margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.7; } .rcuvComparisonBottom p strong{ color:#fff; } /* TABLET */ @media(max-width:991px){ .rcuvComparisonHeader h1{ font-size:50px; } .rcuvComparisonTable{ overflow-x:auto; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:900px; } } /* MOBILE */ @media(max-width:767px){ .rcuvComparison{ padding:70px 0 75px; } .rcuvComparisonHeader{ margin-bottom:40px; } .rcuvComparisonHeader h1{ font-size:40px; } .rcuvComparisonHeader > p{ font-size:15px; } .rcuvComparisonTable{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .rcuvComparisonTableHead, .rcuvComparisonRow{ min-width:850px; } .rcuvComparisonTableHead > div, .rcuvComparisonRow > div{ padding:20px; } .rcuvComparisonBottom{ align-items:flex-start; padding:22px; } } /* SMALL MOBILE */ @media(max-width:420px){ .rcuvComparisonHeader h1{ font-size:36px; } } /* ========================================================= SECTION 2 FINANCIAL CONSEQUENCES UNIQUE PREFIX: rcuvFinancial ========================================================= */ .rcuvFinancial{ position:relative; background:#fff; color:#0b2550; overflow:hidden; } .rcuvFinancial .container{ position:relative; z-index:2; } /* ========================================================= HEADER ========================================================= */ .rcuvFinancialHeader{ max-width:950px; padding:110px 0 65px; } .rcuvFinancialKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .rcuvFinancialKicker span{ width:45px; height:2px; background:#b88723; } .rcuvFinancialHeader h2{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:59px; line-height:1.02; font-weight:600; } .rcuvFinancialHeader h2 strong{ color:#b88723; } .rcuvFinancialHeader p{ max-width:880px; margin:0; color:#687583; font-size:15px; line-height:1.85; } /* ========================================================= TIMELINE ========================================================= */ .rcuvFinancialTimeline{ position:relative; max-width:1080px; padding-bottom:65px; } .rcuvFinancialTimeline::before{ content:""; position:absolute; top:0; bottom:0; left:34px; width:1px; background:#d8d1c5; } /* STEP */ .rcuvFinancialStep{ position:relative; display:grid; grid-template-columns:70px 1fr; gap:35px; margin-bottom:35px; } .rcuvFinancialStep:last-child{ margin-bottom:0; } .rcuvFinancialStepMarker{ position:relative; z-index:2; width:69px; height:69px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; background:#fff; } .rcuvFinancialStepMarker span{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1; font-weight:600; } .rcuvFinancialStepContent{ padding:27px 30px; background:#f7f5f0; border:1px solid #e1dbd0; border-left:4px solid #b88723; } .rcuvFinancialStepTag{ display:inline-block; margin-bottom:9px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .rcuvFinancialStepContent h3{ margin:0 0 12px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:32px; line-height:1.05; font-weight:600; } .rcuvFinancialStepContent h3 strong{ color:#b88723; } .rcuvFinancialStepContent p{ max-width:900px; margin:0; color:#687583; font-size:15px; line-height:1.82; } .rcuvFinancialStepContent p strong{ color:#0b2550; font-weight:750; } /* WARNING */ .rcuvFinancialWarning{ display:flex; align-items:center; gap:15px; margin-top:20px; padding:13px 16px; background:#fff; border:1px solid #ded6c9; } .rcuvFinancialWarning strong{ color:#a34b3d; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1; } .rcuvFinancialWarning span{ color:#687583; font-size:15px; line-height:1.5; } /* ========================================================= SUMMARY ========================================================= */ .rcuvFinancialSummary{ margin:0 0 90px; padding:38px; background:#f7f3ea; border:1px solid #ded5c5; } .rcuvFinancialSummaryTitle{ display:grid; grid-template-columns:240px 1fr; gap:35px; align-items:center; padding-bottom:30px; border-bottom:1px solid #d7cdbd; } .rcuvFinancialSummaryTitle span{ color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .rcuvFinancialSummaryTitle h3{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1.05; font-weight:600; } .rcuvFinancialSummaryTitle h3 strong{ color:#b88723; } /* COST LIST */ .rcuvFinancialCostList{ display:grid; grid-template-columns:repeat(5,1fr); margin-top:30px; border-top:1px solid #d7cdbd; border-left:1px solid #d7cdbd; } .rcuvFinancialCostList div{ min-height:120px; padding:20px; background:#fff; border-right:1px solid #d7cdbd; border-bottom:1px solid #d7cdbd; } .rcuvFinancialCostList span{ display:block; margin-bottom:8px; color:#c19a45; font-family:'Cormorant Garamond',serif; font-size:22px; } .rcuvFinancialCostList strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:21px; line-height:1.15; font-weight:600; } /* SUMMARY CONCLUSION */ .rcuvFinancialSummaryConclusion{ display:flex; align-items:center; gap:20px; margin-top:28px; padding:23px; background:#0b2550; } .rcuvFinancialSummarySeal{ width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:27px; } .rcuvFinancialSummaryConclusion p{ margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.75; } .rcuvFinancialSummaryConclusion p strong{ color:#fff; } /* ========================================================= CTA ========================================================= */ .rcuvFinancialCTA{ position:relative; padding:82px 0; background:#0b2550; overflow:hidden; } .rcuvFinancialCTA::after{ content:"₹"; position:absolute; right:-10px; bottom:-120px; color:rgba(213,166,70,.045); font-family:'Cormorant Garamond',serif; font-size:430px; line-height:1; } .rcuvFinancialCTAGrid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 350px; gap:70px; align-items:center; } .rcuvFinancialCTAGrid > div:first-child > span{ display:block; margin-bottom:15px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .rcuvFinancialCTAGrid h2{ max-width:800px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .rcuvFinancialCTAGrid h2 strong{ color:#d5a646; } .rcuvFinancialCTAGrid p{ max-width:800px; margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; } /* CTA ACTION */ .rcuvFinancialCTAActions{ display:flex; flex-direction:column; align-items:flex-start; } .rcuvFinancialCTAButton{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:19px 22px; background:#d5a646; color:#0b2550; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .rcuvFinancialCTAButton:hover{ background:#fff; } .rcuvFinancialCTAButton b{ font-size:23px; line-height:1; } .rcuvFinancialCTAMail{ margin-top:19px; color:#d5a646; font-size:15px; line-height:1.4; text-decoration:none; } .rcuvFinancialPhone{ margin-top:8px; color:rgba(255,255,255,.62); font-size:15px; line-height:1.4; } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .rcuvFinancialHeader h2{ font-size:50px; } .rcuvFinancialCostList{ grid-template-columns:1fr 1fr; } .rcuvFinancialCostList div:last-child{ grid-column:span 2; } .rcuvFinancialCTAGrid{ grid-template-columns:1fr 300px; gap:40px; } .rcuvFinancialCTAGrid h2{ font-size:46px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .rcuvFinancialHeader{ padding:70px 0 45px; } .rcuvFinancialHeader h2{ font-size:40px; } .rcuvFinancialHeader p{ font-size:15px; } .rcuvFinancialTimeline::before{ left:25px; } .rcuvFinancialStep{ grid-template-columns:52px 1fr; gap:17px; } .rcuvFinancialStepMarker{ width:51px; height:51px; } .rcuvFinancialStepMarker span{ font-size:19px; } .rcuvFinancialStepContent{ padding:23px 19px; } .rcuvFinancialStepContent h3{ font-size:28px; } .rcuvFinancialStepContent p{ font-size:15px; } .rcuvFinancialWarning{ align-items:flex-start; flex-direction:column; gap:7px; } .rcuvFinancialSummary{ padding:25px 20px; margin-bottom:65px; } .rcuvFinancialSummaryTitle{ grid-template-columns:1fr; gap:12px; } .rcuvFinancialSummaryTitle h3{ font-size:29px; } .rcuvFinancialCostList{ grid-template-columns:1fr; } .rcuvFinancialCostList div:last-child{ grid-column:auto; } .rcuvFinancialSummaryConclusion{ align-items:flex-start; flex-direction:column; } .rcuvFinancialCTA{ padding:65px 0; } .rcuvFinancialCTAGrid{ grid-template-columns:1fr; gap:32px; } .rcuvFinancialCTAGrid h2{ font-size:40px; } .rcuvFinancialCTAActions{ width:100%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .rcuvFinancialHeader h2{ font-size:36px; } .rcuvFinancialStepContent h3{ font-size:26px; } .rcuvFinancialSummaryTitle h3{ font-size:26px; } .rcuvFinancialCTAGrid h2{ font-size:36px; } } /* ========================================================= CAPITAL GAIN VALUERS CREDENTIAL VERIFICATION CHECKLIST UNIQUE PREFIX: cgvVerify ========================================================= */ .cgvVerify{ position:relative; padding:110px 0 105px; background:#ffffff; color:#0b2550; overflow:hidden; } .cgvVerify::before{ content:"VERIFY"; position:absolute; top:-35px; right:-65px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:210px; line-height:1; font-weight:600; pointer-events:none; } .cgvVerify .container{ position:relative; z-index:2; } /* ========================================================= HEADER ========================================================= */ .cgvVerifyHeader{ max-width:1000px; margin-bottom:62px; } .cgvVerifyKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.6px; } .cgvVerifyKicker span{ width:45px; height:2px; background:#b88723; } .cgvVerifyHeader h1{ margin:0 0 22px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.03; font-weight:600; } .cgvVerifyHeader h1 strong{ color:#b88723; } .cgvVerifyHeader > p{ max-width:930px; margin:0; color:#667585; font-size:15px; line-height:1.9; } .cgvVerifyHeader > p strong{ color:#0b2550; font-weight:750; } /* ========================================================= CHECKLIST ========================================================= */ .cgvVerifyChecklist{ border-top:1px solid #d9d2c7; } /* ITEM */ .cgvVerifyItem{ display:grid; grid-template-columns:82px minmax(0,1fr) 145px; gap:28px; align-items:start; padding:31px 0; border-bottom:1px solid #d9d2c7; } /* NUMBER */ .cgvVerifyNumber{ width:62px; height:62px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1; font-weight:600; } /* CONTENT */ .cgvVerifyItemBody{ max-width:850px; } .cgvVerifyItemLabel{ margin-bottom:7px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvVerifyItemBody h2{ margin:0 0 10px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:32px; line-height:1.08; font-weight:600; } .cgvVerifyItemBody h2 strong{ color:#b88723; } .cgvVerifyItemBody p{ margin:0; color:#687583; font-size:15px; line-height:1.82; } .cgvVerifyItemBody p strong{ color:#0b2550; font-weight:750; } /* STATUS */ .cgvVerifyStatus{ padding:13px 14px; background:#f7f3ea; border:1px solid #dfd6c6; color:#697585; font-size:15px; line-height:1.45; text-align:center; } .cgvVerifyStatus span{ display:block; margin-bottom:4px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } /* ========================================================= PRINCIPLE ========================================================= */ .cgvVerifyPrinciple{ display:flex; align-items:center; gap:24px; margin-top:42px; padding:28px 30px; background:#0b2550; } .cgvVerifyPrincipleIcon{ width:72px; height:72px; flex:0 0 72px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:19px; line-height:1; font-weight:600; } .cgvVerifyPrincipleText span{ display:block; margin-bottom:7px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .cgvVerifyPrincipleText p{ max-width:1000px; margin:0; color:rgba(255,255,255,.72); font-size:15px; line-height:1.75; } .cgvVerifyPrincipleText p strong{ color:#fff; } /* ========================================================= TABLET ========================================================= */ @media(max-width:991px){ .cgvVerifyHeader h1{ font-size:51px; } .cgvVerifyItem{ grid-template-columns:70px minmax(0,1fr); gap:23px; } .cgvVerifyStatus{ grid-column:2; justify-self:start; min-width:150px; text-align:left; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .cgvVerify{ padding:70px 0 75px; } .cgvVerifyHeader{ margin-bottom:42px; } .cgvVerifyHeader h1{ font-size:40px; } .cgvVerifyHeader > p{ font-size:15px; line-height:1.8; } .cgvVerifyItem{ grid-template-columns:54px minmax(0,1fr); gap:16px; padding:27px 0; } .cgvVerifyNumber{ width:52px; height:52px; font-size:21px; } .cgvVerifyItemBody h2{ font-size:28px; } .cgvVerifyItemBody p{ font-size:15px; line-height:1.78; } .cgvVerifyStatus{ grid-column:2; width:100%; box-sizing:border-box; text-align:left; } .cgvVerifyPrinciple{ align-items:flex-start; flex-direction:column; padding:24px 21px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:420px){ .cgvVerifyHeader h1{ font-size:36px; } .cgvVerifyItemBody h2{ font-size:26px; } .cgvVerifyPrincipleIcon{ width:64px; height:64px; flex-basis:64px; } } /* ========================================================= CREDENTIAL VERIFICATION CTA UNIQUE PREFIX: cgvVerifyCTA ========================================================= */ .cgvVerifyCTA{ padding:72px 0; background:#f7f3ea; } .cgvVerifyCTAInner{ display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:center; } .cgvVerifyCTAInner > div:first-child > span{ display:block; margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvVerifyCTAInner h2{ max-width:800px; margin:0 0 16px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:50px; line-height:1.03; font-weight:600; } .cgvVerifyCTAInner h2 strong{ color:#b88723; } .cgvVerifyCTAInner p{ max-width:800px; margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvVerifyCTAActions{ display:flex; flex-direction:column; } .cgvVerifyCTAActions > a:first-child{ display:flex; align-items:center; justify-content:space-between; padding:19px 21px; background:#0b2550; color:#fff; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvVerifyCTAActions > a:first-child:hover{ background:#b88723; } .cgvVerifyCTAActions > a:first-child span{ font-size:23px; } .cgvVerifyCTAActions > a:last-child{ margin-top:17px; color:#b88723; text-decoration:none; font-size:15px; line-height:1.4; } /* MOBILE */ @media(max-width:767px){ .cgvVerifyCTA{ padding:60px 0; } .cgvVerifyCTAInner{ grid-template-columns:1fr; gap:30px; } .cgvVerifyCTAInner h2{ font-size:39px; } } /* ========================================================= GOVERNMENT AGENCY APPOINTMENTS INTRO UNIQUE PREFIX: cgvAgencyIntro ========================================================= */ .cgvAgencyIntro{ position:relative; padding:105px 0 100px; background:#f7f4ed; color:#0b2550; overflow:hidden; } .cgvAgencyIntro::after{ content:"GOV"; position:absolute; right:-30px; top:-85px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:300px; line-height:1; pointer-events:none; } .cgvAgencyIntro .container{ position:relative; z-index:2; } .cgvAgencyIntroGrid{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; } .cgvAgencyIntroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .cgvAgencyIntroKicker span{ width:45px; height:2px; background:#b88723; } .cgvAgencyIntroHeading h1{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.03; font-weight:600; } .cgvAgencyIntroHeading h1 strong{ color:#b88723; } .cgvAgencyIntroLead{ padding-left:25px; border-left:2px solid #d5a646; } .cgvAgencyIntroLead > p{ margin:0 0 30px; color:#687583; font-size:17px; line-height:1.85; } .cgvAgencyIntroStatement{ padding:25px 27px; background:#fff; border:1px solid #ddd5c6; } .cgvAgencyIntroStatement span{ display:block; margin-bottom:8px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvAgencyIntroStatement strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.2; font-weight:600; } /* ========================================================= INCOME TAX UNIQUE PREFIX: cgvAgencyIncome ========================================================= */ .cgvAgencyIncome{ padding:105px 0; background:#0b2550; color:#fff; } .cgvAgencyIncomeGrid{ display:grid; grid-template-columns:230px 1fr; gap:70px; align-items:start; } .cgvAgencyIncomeBadge{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:230px; border:1px solid rgba(213,166,70,.5); background:rgba(255,255,255,.025); } .cgvAgencyIncomeBadge span{ margin-bottom:12px; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvAgencyIncomeBadge strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:72px; line-height:.8; font-weight:600; } .cgvAgencyIncomeBadge small{ margin-top:15px; color:rgba(255,255,255,.55); font-size:15px; line-height:1.4; font-weight:700; letter-spacing:1px; text-align:center; } .cgvAgencyIncomeLabel{ margin-bottom:12px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvAgencyIncomeContent h2{ margin:0 0 23px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1.02; font-weight:600; } .cgvAgencyIncomeContent h2 strong{ color:#d5a646; } .cgvAgencyIncomeContent p{ margin:0 0 18px; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; } .cgvAgencyIncomeContent p strong{ color:#fff; } .cgvAgencyIncomeHighlight{ margin-top:30px; padding:25px 27px; background:rgba(213,166,70,.08); border-left:4px solid #d5a646; } .cgvAgencyIncomeHighlight > span{ display:block; margin-bottom:8px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvAgencyIncomeHighlight p{ margin:0; color:rgba(255,255,255,.78); } .cgvAgencyIncomeHighlight p strong{ color:#fff; } /* TABLET */ @media(max-width:991px){ .cgvAgencyIntroHeading h1{ font-size:49px; } .cgvAgencyIntroGrid{ gap:45px; } .cgvAgencyIncomeGrid{ grid-template-columns:180px 1fr; gap:45px; } } /* MOBILE */ @media(max-width:767px){ .cgvAgencyIntro{ padding:70px 0 75px; } .cgvAgencyIntroGrid{ grid-template-columns:1fr; gap:35px; } .cgvAgencyIntroHeading h1{ font-size:40px; } .cgvAgencyIntroLead{ padding-left:20px; } .cgvAgencyIntroLead > p{ font-size:15px; } .cgvAgencyIncome{ padding:70px 0; } .cgvAgencyIncomeGrid{ grid-template-columns:1fr; gap:35px; } .cgvAgencyIncomeBadge{ min-height:170px; max-width:200px; } .cgvAgencyIncomeContent h2{ font-size:40px; } } @media(max-width:420px){ .cgvAgencyIntroHeading h1{ font-size:36px; } .cgvAgencyIncomeContent h2{ font-size:36px; } } /* ========================================================= COURTS UNIQUE PREFIX: cgvAgencyCourt ========================================================= */ .cgvAgencyCourt{ padding:105px 0; background:#fff; color:#0b2550; } .cgvAgencyCourtTop{ display:flex; align-items:center; gap:22px; margin-bottom:55px; padding-bottom:25px; border-bottom:1px solid #ded8cd; } .cgvAgencyCourtNumber{ width:68px; height:68px; flex:0 0 68px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #d5a646; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvAgencyCourtKicker{ margin-bottom:7px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvAgencyCourtTop h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1; font-weight:600; } .cgvAgencyCourtTop h2 strong{ color:#b88723; } .cgvAgencyCourtGrid{ display:grid; grid-template-columns:370px 1fr; gap:80px; align-items:start; } .cgvAgencyCourtQuote{ padding:32px; background:#f7f3ea; border-top:4px solid #b88723; } .cgvAgencyCourtQuote span{ display:block; margin-bottom:15px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .cgvAgencyCourtQuote strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:29px; line-height:1.25; font-weight:600; } .cgvAgencyCourtContent p{ margin:0 0 20px; color:#687583; font-size:15px; line-height:1.85; } .cgvAgencyCourtContent p:last-child{ margin-bottom:0; } .cgvAgencyCourtContent p strong{ color:#0b2550; } /* MOBILE */ @media(max-width:767px){ .cgvAgencyCourt{ padding:70px 0; } .cgvAgencyCourtTop{ align-items:flex-start; } .cgvAgencyCourtTop h2{ font-size:40px; } .cgvAgencyCourtGrid{ grid-template-columns:1fr; gap:30px; } .cgvAgencyCourtContent p{ font-size:15px; } } @media(max-width:420px){ .cgvAgencyCourtTop h2{ font-size:36px; } } /* ========================================================= GST / NARCOTICS / CUSTOMS UNIQUE PREFIX: cgvAgencyEnforcement ========================================================= */ .cgvAgencyEnforcement{ padding:105px 0 0; background:#fff; color:#0b2550; } .cgvAgencyEnforcementHeader{ max-width:900px; margin-bottom:55px; } .cgvAgencyEnforcementKicker{ display:flex; align-items:center; gap:12px; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvAgencyEnforcementKicker span{ width:45px; height:2px; background:#b88723; } .cgvAgencyEnforcementHeader h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:57px; line-height:1.02; font-weight:600; } .cgvAgencyEnforcementHeader h2 strong{ color:#b88723; } .cgvAgencyEnforcementHeader p{ margin:0; color:#687583; font-size:15px; line-height:1.85; } /* CARDS */ .cgvAgencyEnforcementGrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d9d2c7; border-left:1px solid #d9d2c7; } .cgvAgencyEnforcementCard{ position:relative; min-height:340px; padding:32px; background:#f7f4ed; border-right:1px solid #d9d2c7; border-bottom:1px solid #d9d2c7; } .cgvAgencyEnforcementCard:nth-child(2){ background:#0b2550; } .cgvAgencyEnforcementCard:nth-child(2) h3{ color:#fff; } .cgvAgencyEnforcementCard:nth-child(2) p{ color:rgba(255,255,255,.68); } .cgvAgencyEnforcementNo{ position:absolute; top:25px; right:25px; color:#c5a15a; font-family:'Cormorant Garamond',serif; font-size:23px; } .cgvAgencyEnforcementIcon{ width:70px; height:70px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; border:1px solid #d5a646; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:700; } .cgvAgencyEnforcementCard:nth-child(2) .cgvAgencyEnforcementIcon{ color:#d5a646; } .cgvAgencyEnforcementCard h3{ margin:0 0 13px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1; font-weight:600; } .cgvAgencyEnforcementCard h3 strong{ color:#b88723; } .cgvAgencyEnforcementCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvAgencyEnforcementCard p strong{ color:#0b2550; } .cgvAgencyEnforcementCard:nth-child(2) p strong{ color:#fff; } /* AUTHORITY */ .cgvAgencyEnforcementAuthority{ display:flex; align-items:center; gap:20px; margin-top:35px; padding:25px; background:#f7f3ea; border-left:4px solid #b88723; } .cgvAgencyEnforcementAuthorityMark{ width:55px; height:55px; flex:0 0 55px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#b88723; font-size:22px; } .cgvAgencyEnforcementAuthority p{ margin:0; color:#687583; font-size:15px; line-height:1.7; } /* CTA */ .cgvAgencyEnforcementCTA{ margin-top:90px; padding:75px 0; background:#0b2550; } .cgvAgencyEnforcementCTAGrid{ display:grid; grid-template-columns:1fr 330px; gap:65px; align-items:center; } .cgvAgencyEnforcementCTAGrid > div:first-child > span{ display:block; margin-bottom:14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvAgencyEnforcementCTAGrid h2{ margin:0 0 17px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:53px; line-height:1.02; font-weight:600; } .cgvAgencyEnforcementCTAGrid h2 strong{ color:#d5a646; } .cgvAgencyEnforcementCTAGrid p{ max-width:800px; margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.8; } .cgvAgencyEnforcementActions{ display:flex; flex-direction:column; } .cgvAgencyEnforcementActions a:first-child{ display:flex; align-items:center; justify-content:space-between; padding:19px 21px; background:#d5a646; color:#0b2550; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvAgencyEnforcementActions a:first-child:hover{ background:#fff; } .cgvAgencyEnforcementActions a:first-child b{ font-size:22px; } .cgvAgencyEnforcementActions a:nth-child(2){ margin-top:18px; color:#d5a646; text-decoration:none; font-size:15px; } .cgvAgencyEnforcementActions strong{ margin-top:7px; color:rgba(255,255,255,.62); font-size:15px; } /* TABLET */ @media(max-width:991px){ .cgvAgencyEnforcementHeader h2{ font-size:49px; } .cgvAgencyEnforcementGrid{ grid-template-columns:1fr; } .cgvAgencyEnforcementCard{ min-height:auto; } .cgvAgencyEnforcementCTAGrid{ grid-template-columns:1fr 290px; gap:40px; } } /* MOBILE */ @media(max-width:767px){ .cgvAgencyEnforcement{ padding:70px 0 0; } .cgvAgencyEnforcementHeader h2{ font-size:40px; } .cgvAgencyEnforcementCard{ padding:27px 22px; } .cgvAgencyEnforcementCard h3{ font-size:30px; } .cgvAgencyEnforcementAuthority{ align-items:flex-start; } .cgvAgencyEnforcementCTA{ margin-top:65px; padding:65px 0; } .cgvAgencyEnforcementCTAGrid{ grid-template-columns:1fr; gap:32px; } .cgvAgencyEnforcementCTAGrid h2{ font-size:40px; } } @media(max-width:420px){ .cgvAgencyEnforcementHeader h2{ font-size:36px; } .cgvAgencyEnforcementCTAGrid h2{ font-size:36px; } } /* ========================================================= BANKS UNIQUE PREFIX: cgvAgencyBank ========================================================= */ .cgvAgencyBank{ padding:105px 0; background:#f7f4ed; color:#0b2550; } .cgvAgencyBankGrid{ display:grid; grid-template-columns:1fr 430px; gap:80px; align-items:center; } .cgvAgencyBankKicker{ margin-bottom:15px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvAgencyBankContent h2{ margin:0 0 22px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvAgencyBankContent h2 strong{ color:#b88723; } .cgvAgencyBankContent p{ margin:0 0 19px; color:#687583; font-size:15px; line-height:1.85; } .cgvAgencyBankContent p strong{ color:#0b2550; } /* PANEL */ .cgvAgencyBankPanel{ background:#0b2550; padding:30px; box-shadow:12px 12px 0 #d5a646; } .cgvAgencyBankPanelHead{ display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.16); } .cgvAgencyBankPanelHead span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvAgencyBankPanelHead strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvAgencyBankPanelRows{ margin:20px 0; } .cgvAgencyBankPanelRows div{ display:flex; align-items:center; gap:15px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); } .cgvAgencyBankPanelRows b{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:20px; } .cgvAgencyBankPanelRows span{ color:rgba(255,255,255,.72); font-size:15px; line-height:1.4; } .cgvAgencyBankPanel > p{ margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.7; } .cgvAgencyBankPanel > p strong{ color:#fff; } /* MOBILE */ @media(max-width:767px){ .cgvAgencyBank{ padding:70px 0; } .cgvAgencyBankGrid{ grid-template-columns:1fr; gap:45px; } .cgvAgencyBankContent h2{ font-size:40px; } .cgvAgencyBankPanel{ box-shadow:7px 7px 0 #d5a646; } } @media(max-width:420px){ .cgvAgencyBankContent h2{ font-size:36px; } } /* ========================================================= CAPITAL GAIN SERVICES HERO UNIQUE PREFIX: cgvServicesHero ========================================================= */ .cgvServicesHero{ position:relative; padding:105px 0 100px; background:#f7f4ed; overflow:hidden; } .cgvServicesHero::after{ content:"VALUATION"; position:absolute; right:-85px; bottom:-55px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:170px; line-height:1; font-weight:600; pointer-events:none; } .cgvServicesHero .container{ position:relative; z-index:2; } .cgvServicesHeroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:80px; align-items:center; } .cgvServicesHeroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.6px; } .cgvServicesHeroKicker span{ width:45px; height:2px; background:#b88723; } .cgvServicesHeroContent h1{ max-width:900px; margin:0 0 24px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvServicesHeroContent h1 strong{ color:#b88723; } .cgvServicesHeroContent > p{ max-width:850px; margin:0; color:#687583; font-size:16px; line-height:1.85; } .cgvServicesHeroContent p strong{ color:#0b2550; } /* STAT PANEL */ .cgvServicesHeroStat{ padding:30px; background:#0b2550; box-shadow:12px 12px 0 #d5a646; } .cgvServicesHeroStatTop{ display:flex; align-items:center; justify-content:space-between; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.15); } .cgvServicesHeroStatTop span{ color:#d5a646; font-size:18px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvServicesHeroStatTop strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:72px; line-height:.8; font-weight:600; } .cgvServicesHeroStatBottom{ display:grid; grid-template-columns:1fr 1fr; margin-top:20px; } .cgvServicesHeroStatBottom div{ padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); } .cgvServicesHeroStatBottom b{ display:block; margin-bottom:4px; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:31px; } .cgvServicesHeroStatBottom span{ color:rgba(255,255,255,.68); font-size:18px; } /* MOBILE */ @media(max-width:767px){ .cgvServicesHero{ padding:70px 0 75px; } .cgvServicesHeroGrid{ grid-template-columns:1fr; gap:45px; } .cgvServicesHeroContent h1{ font-size:42px; } .cgvServicesHeroContent > p{ font-size:15px; } .cgvServicesHeroStat{ box-shadow:7px 7px 0 #d5a646; } } @media(max-width:420px){ .cgvServicesHeroContent h1{ font-size:37px; } } /* ========================================================= SERVICE DIRECTORY UNIQUE PREFIX: cgvServiceDirectory ========================================================= */ .cgvServiceDirectory{ padding:105px 0; background:#fff; } .cgvServiceDirectoryHeader{ max-width:850px; margin-bottom:50px; } .cgvServiceDirectoryKicker{ display:flex; align-items:center; gap:12px; margin-bottom:17px; color:#b88723; font-size:15px; font-weight:800; letter-spacing:1.5px; } .cgvServiceDirectoryKicker span{ width:45px; height:2px; background:#b88723; } .cgvServiceDirectoryHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvServiceDirectoryHeader h2 strong{ color:#b88723; } /* GRID */ .cgvServiceDirectoryGrid{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #d9d2c7; border-left:1px solid #d9d2c7; } /* CARD */ .cgvServiceCard{ position:relative; padding:34px; min-height:410px; border-right:1px solid #d9d2c7; border-bottom:1px solid #d9d2c7; } .cgvServiceCardLight{ background:#f7f4ed; color:#0b2550; } .cgvServiceCardDark{ background:#0b2550; color:#fff; } .cgvServiceCardTop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; } .cgvServiceCardTop > span{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvServiceCardTop small{ color:#7b8490; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvServiceCardDark .cgvServiceCardTop small{ color:rgba(255,255,255,.55); } .cgvServiceCard h3{ max-width:550px; margin:0 0 17px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:36px; line-height:1.05; font-weight:600; } .cgvServiceCardDark h3{ color:#fff; } .cgvServiceCard h3 strong{ color:#b88723; } .cgvServiceCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvServiceCardDark p{ color:rgba(255,255,255,.67); } .cgvServiceCard p strong{ color:#0b2550; } .cgvServiceCardDark p strong{ color:#fff; } /* FOOTER */ .cgvServiceCardFooter{ display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:30px; padding-top:20px; border-top:1px solid #d9d2c7; } .cgvServiceCardDark .cgvServiceCardFooter{ border-color:rgba(255,255,255,.15); } .cgvServiceCardFooter span{ display:block; margin-bottom:5px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvServiceCardFooter strong{ color:#0b2550; font-size:15px; line-height:1.4; } .cgvServiceCardDark .cgvServiceCardFooter strong{ color:#fff; } /* LINK */ .cgvServiceCardLink{ display:inline-block; margin-top:20px; color:#b88723; font-size:15px; font-weight:800; text-decoration:none; } /* MOBILE */ @media(max-width:767px){ .cgvServiceDirectory{ padding:70px 0; } .cgvServiceDirectoryHeader h2{ font-size:40px; } .cgvServiceDirectoryGrid{ grid-template-columns:1fr; } .cgvServiceCard{ min-height:auto; padding:28px 22px; } .cgvServiceCard h3{ font-size:31px; } .cgvServiceCardFooter{ grid-template-columns:1fr; } } @media(max-width:420px){ .cgvServiceDirectoryHeader h2{ font-size:36px; } } /* ========================================================= ADVANCED SERVICES UNIQUE PREFIX: cgvServiceAdvanced ========================================================= */ .cgvServiceAdvanced{ padding:105px 0; background:#f7f4ed; } .cgvServiceAdvancedHeader{ margin-bottom:50px; } .cgvServiceAdvancedKicker{ display:flex; align-items:center; gap:12px; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvServiceAdvancedKicker span{ width:45px; height:2px; background:#b88723; } .cgvServiceAdvancedHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvServiceAdvancedHeader h2 strong{ color:#b88723; } /* LIST */ .cgvServiceAdvancedList{ border-top:1px solid #d6cec0; } /* ROW */ .cgvServiceAdvancedRow{ display:grid; grid-template-columns:75px minmax(0,1fr) 190px; gap:35px; align-items:start; padding:35px 0; border-bottom:1px solid #d6cec0; } .cgvServiceAdvancedNumber{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1; } .cgvServiceAdvancedMain > span{ display:block; margin-bottom:8px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvServiceAdvancedMain h3{ margin:0 0 13px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:37px; line-height:1.04; font-weight:600; } .cgvServiceAdvancedMain h3 strong{ color:#b88723; } .cgvServiceAdvancedMain p{ max-width:820px; margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvServiceAdvancedMain p strong{ color:#0b2550; } .cgvServiceAdvancedMain > a{ display:inline-block; margin-top:15px; color:#b88723; font-size:15px; line-height:1.4; font-weight:800; text-decoration:none; } /* TIME */ .cgvServiceAdvancedTime{ padding:20px; background:#fff; border:1px solid #ddd5c7; text-align:center; } .cgvServiceAdvancedTime small{ display:block; margin-bottom:8px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvServiceAdvancedTime strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:48px; line-height:.9; font-weight:600; } .cgvServiceAdvancedTime span{ display:block; margin-top:7px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; } .cgvServiceAdvancedTime em{ display:block; margin-top:10px; color:#7a8590; font-size:15px; line-height:1.5; font-style:normal; } /* FORENSIC */ .cgvServiceAdvancedForensic{ background:#0b2550; margin-top:1px; padding-left:25px; padding-right:25px; border-bottom:0; } .cgvServiceAdvancedForensic .cgvServiceAdvancedNumber{ color:#d5a646; } .cgvServiceAdvancedForensic .cgvServiceAdvancedMain > span{ color:#d5a646; } .cgvServiceAdvancedForensic .cgvServiceAdvancedMain h3{ color:#fff; } .cgvServiceAdvancedForensic .cgvServiceAdvancedMain p{ color:rgba(255,255,255,.68); } .cgvServiceAdvancedForensic .cgvServiceAdvancedMain p strong{ color:#fff; } .cgvServiceAdvancedForensic .cgvServiceAdvancedTime{ background:rgba(255,255,255,.06); border-color:rgba(213,166,70,.35); } .cgvServiceAdvancedForensic .cgvServiceAdvancedTime small{ color:#d5a646; } .cgvServiceAdvancedForensic .cgvServiceAdvancedTime strong{ color:#fff; } .cgvServiceAdvancedForensic .cgvServiceAdvancedTime span{ color:#d5a646; } .cgvServiceAdvancedForensic .cgvServiceAdvancedTime em{ color:rgba(255,255,255,.55); } /* RESTRICTION */ .cgvServiceAdvancedRestriction{ display:flex; align-items:center; gap:14px; margin-top:20px; padding:13px 16px; border-left:3px solid #d5a646; background:rgba(213,166,70,.08); } .cgvServiceAdvancedRestriction strong{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; } .cgvServiceAdvancedRestriction span{ color:rgba(255,255,255,.6); font-size:15px; line-height:1.4; } /* MOBILE */ @media(max-width:767px){ .cgvServiceAdvanced{ padding:70px 0; } .cgvServiceAdvancedHeader h2{ font-size:40px; } .cgvServiceAdvancedRow{ grid-template-columns:50px 1fr; gap:18px; padding:28px 0; } .cgvServiceAdvancedMain h3{ font-size:31px; } .cgvServiceAdvancedTime{ grid-column:2; text-align:left; } .cgvServiceAdvancedForensic{ padding:28px 18px; } .cgvServiceAdvancedRestriction{ flex-direction:column; align-items:flex-start; gap:5px; } } @media(max-width:420px){ .cgvServiceAdvancedHeader h2{ font-size:36px; } .cgvServiceAdvancedMain h3{ font-size:28px; } } /* ========================================================= SERVICE CTA UNIQUE PREFIX: cgvServicesCTA ========================================================= */ .cgvServicesCTA{ padding:78px 0; background:#0b2550; } .cgvServicesCTAInner{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:70px; align-items:center; } .cgvServicesCTAContent > span{ display:block; margin-bottom:14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvServicesCTAContent h2{ max-width:800px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvServicesCTAContent h2 strong{ color:#d5a646; } .cgvServicesCTAContent p{ max-width:850px; margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.8; } .cgvServicesCTAContent p strong{ color:#fff; } .cgvServicesCTAActions{ display:flex; flex-direction:column; } .cgvServicesCTAActions > a:first-child{ display:flex; align-items:center; justify-content:space-between; padding:20px 22px; background:#d5a646; color:#0b2550; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvServicesCTAActions > a:first-child:hover{ background:#fff; } .cgvServicesCTAActions > a:first-child b{ font-size:22px; } .cgvServicesCTAActions > a:nth-child(2){ margin-top:18px; color:#d5a646; text-decoration:none; font-size:15px; line-height:1.4; } .cgvServicesCTAActions > strong{ margin-top:8px; color:rgba(255,255,255,.62); font-size:15px; line-height:1.4; } /* MOBILE */ @media(max-width:767px){ .cgvServicesCTA{ padding:65px 0; } .cgvServicesCTAInner{ grid-template-columns:1fr; gap:35px; } .cgvServicesCTAContent h2{ font-size:40px; } } /* ========================================================= PAN INDIA HERO UNIQUE PREFIX: cgvPanHero ========================================================= */ .cgvPanHero{ position:relative; padding:105px 0 100px; background:#f7f4ed; overflow:hidden; } .cgvPanHero::after{ content:"INDIA"; position:absolute; right:-60px; bottom:-75px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:260px; line-height:1; font-weight:600; pointer-events:none; } .cgvPanHero .container{ position:relative; z-index:2; } .cgvPanHeroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:85px; align-items:center; } .cgvPanHeroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.7px; } .cgvPanHeroKicker span{ width:45px; height:2px; background:#b88723; } .cgvPanHeroContent h1{ max-width:900px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvPanHeroContent h1 strong{ color:#b88723; } .cgvPanHeroContent p{ max-width:900px; margin:0 0 17px; color:#687583; font-size:16px; line-height:1.85; } .cgvPanHeroContent p:last-child{ margin-bottom:0; } .cgvPanHeroContent p strong{ color:#0b2550; } /* COVERAGE PANEL */ .cgvPanHeroCoverage{ padding:35px; background:#0b2550; box-shadow:12px 12px 0 #d5a646; } .cgvPanHeroCoverageTop{ display:flex; align-items:flex-end; gap:14px; } .cgvPanHeroCoverageTop span{ margin-bottom:10px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvPanHeroCoverageTop strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:95px; line-height:.75; font-weight:600; } .cgvPanHeroCoverageTop small{ margin-bottom:8px; color:rgba(255,255,255,.55); font-size:15px; line-height:1.3; font-weight:800; } .cgvPanHeroCoverageDivider{ height:1px; margin:28px 0; background:rgba(255,255,255,.15); } .cgvPanHeroCoverageBottom{ display:flex; align-items:baseline; gap:15px; } .cgvPanHeroCoverageBottom strong{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:70px; line-height:.8; font-weight:600; } .cgvPanHeroCoverageBottom span{ color:rgba(255,255,255,.6); font-size:15px; line-height:1.4; font-weight:800; } .cgvPanHeroCoverageNote{ margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.68); font-size:15px; line-height:1.6; } .cgvPanHeroCoverageNote strong{ color:#fff; } /* MOBILE */ @media(max-width:767px){ .cgvPanHero{ padding:70px 0 75px; } .cgvPanHeroGrid{ grid-template-columns:1fr; gap:45px; } .cgvPanHeroContent h1{ font-size:42px; } .cgvPanHeroContent p{ font-size:15px; } .cgvPanHeroCoverage{ box-shadow:7px 7px 0 #d5a646; } } @media(max-width:420px){ .cgvPanHeroContent h1{ font-size:37px; } } /* ========================================================= DELHI NCR UNIQUE PREFIX: cgvPanDelhi ========================================================= */ .cgvPanDelhi{ padding:105px 0; background:#fff; } .cgvPanDelhiGrid{ display:grid; grid-template-columns:310px minmax(0,1fr); gap:80px; align-items:start; } .cgvPanDelhiMarker{ min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; background:#0b2550; text-align:center; } .cgvPanDelhiMarker span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanDelhiMarker strong{ margin-top:12px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:65px; line-height:.9; font-weight:600; } .cgvPanDelhiMarker small{ margin-top:8px; color:rgba(255,255,255,.55); font-size:15px; font-weight:800; letter-spacing:1px; } .cgvPanDelhiLine{ width:50px; height:1px; margin:25px 0; background:#d5a646; } .cgvPanDelhiMarker b{ color:#d5a646; font-size:15px; line-height:1.3; letter-spacing:1px; } .cgvPanDelhiKicker{ margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanDelhiContent h2{ margin:0 0 22px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvPanDelhiContent h2 strong{ color:#b88723; } .cgvPanDelhiContent > p{ max-width:900px; margin:0 0 18px; color:#687583; font-size:15px; line-height:1.85; } .cgvPanDelhiContent p strong{ color:#0b2550; } /* FACTS */ .cgvPanDelhiFacts{ display:grid; grid-template-columns:1fr 1fr; margin-top:35px; border-top:1px solid #ddd5c7; border-left:1px solid #ddd5c7; } .cgvPanDelhiFacts div{ display:flex; align-items:center; gap:15px; padding:18px; background:#f7f4ed; border-right:1px solid #ddd5c7; border-bottom:1px solid #ddd5c7; } .cgvPanDelhiFacts strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvPanDelhiFacts span{ color:#5f6c79; font-size:15px; line-height:1.4; } /* MOBILE */ @media(max-width:767px){ .cgvPanDelhi{ padding:70px 0; } .cgvPanDelhiGrid{ grid-template-columns:1fr; gap:40px; } .cgvPanDelhiMarker{ min-height:240px; max-width:300px; } .cgvPanDelhiContent h2{ font-size:40px; } .cgvPanDelhiFacts{ grid-template-columns:1fr; } } @media(max-width:420px){ .cgvPanDelhiContent h2{ font-size:36px; } } /* ========================================================= METROS UNIQUE PREFIX: cgvPanMetro ========================================================= */ .cgvPanMetro{ padding:105px 0; background:#f7f4ed; } .cgvPanMetroHeader{ max-width:850px; margin-bottom:50px; } .cgvPanMetroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanMetroKicker span{ width:45px; height:2px; background:#b88723; } .cgvPanMetroHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvPanMetroHeader h2 strong{ color:#b88723; } /* GRID */ .cgvPanMetroGrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvPanMetroCard{ position:relative; min-height:260px; padding:30px; background:#fff; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvPanMetroCard > span{ position:absolute; top:25px; right:25px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:23px; } .cgvPanMetroCity{ margin-bottom:25px; color:#0b2550; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanMetroCard h3{ margin:0 0 15px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:31px; line-height:1.08; font-weight:600; } .cgvPanMetroCard h3 strong{ color:#b88723; } .cgvPanMetroCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvPanMetroCard p strong{ color:#0b2550; } /* FEATURED */ .cgvPanMetroFeatured{ background:#0b2550; grid-column:span 2; } .cgvPanMetroFeatured .cgvPanMetroCity{ color:#d5a646; } .cgvPanMetroFeatured h3{ color:#fff; font-size:40px; } .cgvPanMetroFeatured h3 strong{ color:#d5a646; } .cgvPanMetroFeatured p{ max-width:650px; color:rgba(255,255,255,.68); } .cgvPanMetroFeatured p strong{ color:#fff; } /* SOUTH */ .cgvPanMetroSouth{ background:#f1eadc; } /* DELIVERY */ .cgvPanMetroDelivery{ background:#0b2550; } .cgvPanMetroDelivery .cgvPanMetroCity{ color:#d5a646; } .cgvPanMetroDelivery p{ color:rgba(255,255,255,.68); } .cgvPanMetroDelivery p strong{ color:#fff; } /* MOBILE */ @media(max-width:991px){ .cgvPanMetroGrid{ grid-template-columns:1fr 1fr; } .cgvPanMetroFeatured{ grid-column:span 2; } } @media(max-width:767px){ .cgvPanMetro{ padding:70px 0; } .cgvPanMetroHeader h2{ font-size:40px; } .cgvPanMetroGrid{ grid-template-columns:1fr; } .cgvPanMetroFeatured{ grid-column:span 1; } .cgvPanMetroFeatured h3{ font-size:33px; } } @media(max-width:420px){ .cgvPanMetroHeader h2{ font-size:36px; } } /* ========================================================= ALL INDIA COVERAGE UNIQUE PREFIX: cgvPanAllIndia ========================================================= */ .cgvPanAllIndia{ padding:105px 0 0; background:#fff; } .cgvPanAllIndiaGrid{ display:grid; grid-template-columns:350px minmax(0,1fr); gap:80px; align-items:center; } /* COUNT PANEL */ .cgvPanAllIndiaCount{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:470px; padding:35px; background:#0b2550; text-align:center; box-shadow:12px 12px 0 #d5a646; } .cgvPanAllIndiaCount > span{ margin-bottom:20px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .cgvPanAllIndiaCount > strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:90px; line-height:.72; font-weight:600; } .cgvPanAllIndiaCount > small{ margin:10px 0 18px; color:rgba(255,255,255,.55); font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvPanAllIndiaPlus{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:35px; line-height:1; } /* CONTENT */ .cgvPanAllIndiaKicker{ margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanAllIndiaContent h2{ max-width:850px; margin:0 0 22px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvPanAllIndiaContent h2 strong{ color:#b88723; } .cgvPanAllIndiaContent > p{ max-width:900px; margin:0 0 20px; color:#687583; font-size:15px; line-height:1.85; } .cgvPanAllIndiaContent p strong{ color:#0b2550; } /* SIGNATURE */ .cgvPanAllIndiaSignature{ display:flex; align-items:center; gap:18px; margin:30px 0 20px; padding:20px; background:#f7f4ed; border-left:4px solid #b88723; } .cgvPanAllIndiaSignatureMark{ width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; border:1px solid #d5a646; border-radius:50%; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:22px; } .cgvPanAllIndiaSignature span{ display:block; margin-bottom:4px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvPanAllIndiaSignature strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.1; font-weight:600; } .cgvPanAllIndiaSignature small{ display:block; margin-top:3px; color:#687583; font-size:15px; line-height:1.4; } .cgvPanAllIndiaClosing{ font-size:15px !important; } /* CTA */ .cgvPanAllIndiaCTA{ margin-top:100px; padding:78px 0; background:#0b2550; } .cgvPanAllIndiaCTAGrid{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:70px; align-items:center; } .cgvPanAllIndiaCTAGrid > div:first-child > span{ display:block; margin-bottom:14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPanAllIndiaCTAGrid h2{ max-width:900px; margin:0; color:#fff; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1.03; font-weight:600; } .cgvPanAllIndiaCTAGrid h2 strong{ color:#d5a646; } .cgvPanAllIndiaActions{ display:flex; flex-direction:column; } .cgvPanAllIndiaActions > a:first-child{ display:flex; align-items:center; justify-content:space-between; padding:20px 22px; background:#d5a646; color:#0b2550; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvPanAllIndiaActions > a:first-child:hover{ background:#fff; } .cgvPanAllIndiaActions > a:first-child b{ font-size:22px; } .cgvPanAllIndiaActions > a:nth-child(2){ margin-top:18px; color:#d5a646; text-decoration:none; font-size:15px; line-height:1.4; } .cgvPanAllIndiaActions > strong{ margin-top:7px; color:rgba(255,255,255,.62); font-size:15px; line-height:1.4; } /* TABLET */ @media(max-width:991px){ .cgvPanAllIndiaGrid{ grid-template-columns:280px 1fr; gap:50px; } .cgvPanAllIndiaContent h2{ font-size:47px; } } /* MOBILE */ @media(max-width:767px){ .cgvPanAllIndia{ padding:70px 0 0; } .cgvPanAllIndiaGrid{ grid-template-columns:1fr; gap:45px; } .cgvPanAllIndiaCount{ min-height:350px; max-width:320px; box-shadow:7px 7px 0 #d5a646; } .cgvPanAllIndiaContent h2{ font-size:40px; } .cgvPanAllIndiaCTA{ margin-top:65px; padding:65px 0; } .cgvPanAllIndiaCTAGrid{ grid-template-columns:1fr; gap:35px; } .cgvPanAllIndiaCTAGrid h2{ font-size:40px; } } @media(max-width:420px){ .cgvPanAllIndiaContent h2{ font-size:36px; } .cgvPanAllIndiaCTAGrid h2{ font-size:36px; } } /* ========================================================= SECTION 1 — BRIEFING HERO UNIQUE PREFIX: cgvBriefHero ========================================================= */ .cgvBriefHero{ position:relative; padding:105px 0 70px; background:#f7f4ed; overflow:hidden; } .cgvBriefHero::after{ content:"PROCESS"; position:absolute; right:-80px; bottom:-55px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:175px; line-height:1; font-weight:600; pointer-events:none; } .cgvBriefHero .container{ position:relative; z-index:2; } .cgvBriefHeroInner{ max-width:1000px; } .cgvBriefHeroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.6px; } .cgvBriefHeroKicker span{ width:45px; height:2px; background:#b88723; } .cgvBriefHero h1{ margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvBriefHero h1 strong{ color:#b88723; } .cgvBriefHeroInner > p{ max-width:900px; margin:0; color:#687583; font-size:16px; line-height:1.85; } .cgvBriefHeroInner p strong{ color:#0b2550; } /* PROCESS RAIL */ .cgvBriefHeroRail{ display:grid; grid-template-columns:repeat(6,1fr); margin-top:60px; border-top:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvBriefHeroRail div{ position:relative; min-height:105px; display:flex; flex-direction:column; justify-content:center; padding:18px 20px; border-right:1px solid #d8d0c1; } .cgvBriefHeroRail div:last-child{ border-right:0; } .cgvBriefHeroRail strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1; } .cgvBriefHeroRail span{ margin-top:7px; color:#0b2550; font-size:15px; line-height:1.3; font-weight:800; } /* MOBILE */ @media(max-width:767px){ .cgvBriefHero{ padding:70px 0 55px; } .cgvBriefHero h1{ font-size:42px; } .cgvBriefHeroInner > p{ font-size:15px; } .cgvBriefHeroRail{ grid-template-columns:repeat(2,1fr); } .cgvBriefHeroRail div{ border-bottom:1px solid #d8d0c1; } .cgvBriefHeroRail div:nth-child(2n){ border-right:0; } } @media(max-width:420px){ .cgvBriefHero h1{ font-size:37px; } } /* ========================================================= SECTION 2 — FOUNDATION STEPS UNIQUE PREFIX: cgvBriefFoundation ========================================================= */ .cgvBriefFoundation{ padding:105px 0; background:#fff; } .cgvBriefFoundationGrid{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvBriefStepCard{ min-height:500px; padding:40px; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvBriefStepDark{ background:#0b2550; color:#fff; } .cgvBriefStepLight{ background:#f7f4ed; } .cgvBriefStepNumber{ margin-bottom:22px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:45px; line-height:1; font-weight:600; } .cgvBriefStepLabel{ margin-bottom:16px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefStepCard h2{ max-width:600px; margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1.04; font-weight:600; } .cgvBriefStepDark h2{ color:#fff; } .cgvBriefStepCard h2 strong{ color:#b88723; } .cgvBriefStepCard p{ margin:0 0 17px; color:#687583; font-size:15px; line-height:1.85; } .cgvBriefStepDark p{ color:rgba(255,255,255,.68); } .cgvBriefStepCard p strong{ color:#0b2550; } .cgvBriefStepDark p strong{ color:#fff; } .cgvBriefStepTag{ display:inline-block; margin-top:18px; padding:9px 13px; border:1px solid #b88723; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } /* MOBILE */ @media(max-width:767px){ .cgvBriefFoundation{ padding:70px 0; } .cgvBriefFoundationGrid{ grid-template-columns:1fr; } .cgvBriefStepCard{ min-height:auto; padding:30px 24px; } .cgvBriefStepCard h2{ font-size:34px; } } /* ========================================================= SECTION 3 — ENGAGEMENT UNIQUE PREFIX: cgvBriefEngagement ========================================================= */ .cgvBriefEngagement{ padding:105px 0; background:#f7f4ed; } .cgvBriefEngagementHeader{ max-width:800px; margin-bottom:48px; } .cgvBriefEngagementKicker{ display:flex; align-items:center; gap:12px; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefEngagementKicker span{ width:45px; height:2px; background:#b88723; } .cgvBriefEngagementHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvBriefEngagementHeader h2 strong{ color:#b88723; } /* GRID */ .cgvBriefEngagementGrid{ display:grid; grid-template-columns:1fr 1fr; gap:25px; } /* CARDS */ .cgvBriefEngagementCard{ padding:38px; background:#fff; border:1px solid #ddd5c7; } .cgvBriefEngagementInspection{ background:#0b2550; border-color:#0b2550; } .cgvBriefEngagementTop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; padding-bottom:18px; border-bottom:1px solid #ddd5c7; } .cgvBriefEngagementInspection .cgvBriefEngagementTop{ border-color:rgba(255,255,255,.15); } .cgvBriefEngagementTop strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:40px; line-height:1; } .cgvBriefEngagementTop span{ color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvBriefEngagementInspection .cgvBriefEngagementTop span{ color:#d5a646; } .cgvBriefEngagementCard h3{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:39px; line-height:1.05; font-weight:600; } .cgvBriefEngagementInspection h3{ color:#fff; } .cgvBriefEngagementCard h3 strong{ color:#b88723; } .cgvBriefEngagementCard p{ margin:0; color:#687583; font-size:15px; line-height:1.85; } .cgvBriefEngagementInspection p{ color:rgba(255,255,255,.68); } .cgvBriefEngagementCard p strong{ color:#0b2550; } .cgvBriefEngagementInspection p strong{ color:#fff; } /* ACCOUNTABILITY */ .cgvBriefAccountability{ display:flex; flex-direction:column; gap:8px; margin-top:28px; padding:18px; border-left:3px solid #b88723; background:#f7f4ed; } .cgvBriefAccountability strong{ color:#0b2550; font-size:15px; line-height:1.55; } .cgvBriefAccountability span{ color:#687583; font-size:15px; line-height:1.5; } /* INFORMATION */ .cgvBriefInformationList{ display:flex; flex-direction:column; margin-top:25px; } .cgvBriefInformationList div{ display:grid; grid-template-columns:150px 1fr; gap:20px; padding:16px 0; border-top:1px solid rgba(255,255,255,.12); } .cgvBriefInformationList strong{ color:#d5a646; font-size:15px; line-height:1.4; font-weight:800; } .cgvBriefInformationList span{ color:rgba(255,255,255,.65); font-size:15px; line-height:1.6; } /* MOBILE */ @media(max-width:767px){ .cgvBriefEngagement{ padding:70px 0; } .cgvBriefEngagementHeader h2{ font-size:40px; } .cgvBriefEngagementGrid{ grid-template-columns:1fr; } .cgvBriefEngagementCard{ padding:28px 22px; } .cgvBriefEngagementCard h3{ font-size:33px; } .cgvBriefInformationList div{ grid-template-columns:1fr; gap:6px; } } /* ========================================================= SECTION 4 — VALUATION UNIQUE PREFIX: cgvBriefValuation ========================================================= */ .cgvBriefValuation{ padding:105px 0; background:#fff; } .cgvBriefValuationGrid{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:70px; align-items:start; } .cgvBriefValuationNumber{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; background:#0b2550; box-shadow:10px 10px 0 #d5a646; text-align:center; } .cgvBriefValuationNumber span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefValuationNumber strong{ margin:15px 0 8px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:90px; line-height:.75; font-weight:600; } .cgvBriefValuationNumber small{ color:rgba(255,255,255,.55); font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefValuationKicker{ margin-bottom:14px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefValuationContent h2{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvBriefValuationContent h2 strong{ color:#b88723; } .cgvBriefValuationContent > p{ max-width:900px; margin:0; color:#687583; font-size:15px; line-height:1.85; } .cgvBriefValuationContent p strong{ color:#0b2550; } /* FLOW */ .cgvBriefValuationFlow{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:35px; border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvBriefValuationFlow div{ min-height:115px; padding:20px; background:#f7f4ed; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvBriefValuationFlow strong{ display:block; margin-bottom:9px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:25px; } .cgvBriefValuationFlow span{ color:#0b2550; font-size:15px; line-height:1.45; font-weight:800; } /* MOBILE */ @media(max-width:767px){ .cgvBriefValuation{ padding:70px 0; } .cgvBriefValuationGrid{ grid-template-columns:1fr; gap:45px; } .cgvBriefValuationNumber{ max-width:220px; } .cgvBriefValuationContent h2{ font-size:40px; } .cgvBriefValuationFlow{ grid-template-columns:1fr 1fr; } } @media(max-width:420px){ .cgvBriefValuationFlow{ grid-template-columns:1fr; } } /* ========================================================= SECTION 5 — FINAL REPORT + CTA UNIQUE PREFIX: cgvBriefReport ========================================================= */ .cgvBriefReport{ padding:105px 0; background:#f7f4ed; } .cgvBriefReportGrid{ display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:80px; align-items:center; } .cgvBriefReportKicker{ margin-bottom:15px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefReportContent h2{ margin:0 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.02; font-weight:600; } .cgvBriefReportContent h2 strong{ color:#b88723; } .cgvBriefReportContent p{ max-width:850px; margin:0 0 17px; color:#687583; font-size:15px; line-height:1.85; } .cgvBriefReportContent p strong{ color:#0b2550; } /* ACCEPTANCE */ .cgvBriefReportAcceptance{ display:flex; flex-direction:column; gap:8px; margin-top:28px; padding:18px 20px; border-left:4px solid #b88723; background:#fff; } .cgvBriefReportAcceptance span{ color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvBriefReportAcceptance strong{ color:#0b2550; font-size:15px; line-height:1.55; } /* DOCUMENT VISUAL */ .cgvBriefReportDocument{ position:relative; min-height:450px; padding:35px; background:#fff; border:1px solid #d6cec0; box-shadow:15px 15px 0 #0b2550; } .cgvBriefReportDocumentTop{ text-align:center; } .cgvBriefReportDocumentTop span{ display:block; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefReportDocumentTop strong{ display:block; margin-top:20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1; } .cgvBriefReportDocumentTop small{ display:block; margin-top:6px; color:#687583; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvBriefReportDocumentLine{ height:1px; margin:35px 0; background:#d8d0c1; } .cgvBriefReportSignature{ text-align:center; } .cgvBriefReportSignature span{ display:block; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; } .cgvBriefReportSignature strong{ display:block; margin-top:12px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.1; } .cgvBriefReportSignature small{ display:block; margin-top:5px; color:#687583; font-size:15px; line-height:1.4; } .cgvBriefReportStamp{ position:absolute; right:25px; bottom:25px; width:75px; height:75px; display:flex; align-items:center; justify-content:center; border:2px solid #b88723; border-radius:50%; color:#b88723; font-size:15px; line-height:1.15; font-weight:800; text-align:center; } /* CTA */ .cgvBriefReportCTA{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:50px; align-items:center; margin-top:100px; padding:45px; background:#0b2550; } .cgvBriefReportCTA > div:first-child > span{ display:block; margin-bottom:12px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvBriefReportCTA h3{ margin:0 0 12px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1.04; font-weight:600; } .cgvBriefReportCTA h3 strong{ color:#d5a646; } .cgvBriefReportCTA p{ margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.7; } .cgvBriefReportActions{ display:flex; flex-direction:column; gap:12px; } .cgvBriefReportActions a{ display:block; padding:17px 20px; border:1px solid #d5a646; color:#d5a646; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; text-align:center; transition:.3s ease; } .cgvBriefReportActions a:first-child{ background:#d5a646; color:#0b2550; } .cgvBriefReportActions a:hover{ background:#fff; border-color:#fff; color:#0b2550; } /* MOBILE */ @media(max-width:767px){ .cgvBriefReport{ padding:70px 0; } .cgvBriefReportGrid{ grid-template-columns:1fr; gap:50px; } .cgvBriefReportContent h2{ font-size:40px; } .cgvBriefReportDocument{ max-width:350px; min-height:400px; box-shadow:8px 8px 0 #0b2550; } .cgvBriefReportCTA{ grid-template-columns:1fr; gap:30px; margin-top:65px; padding:30px 24px; } .cgvBriefReportCTA h3{ font-size:35px; } } /* ========================================================= SECTION 1 — CA HERO UNIQUE PREFIX: cgvCaHero ========================================================= */ .cgvCaHero{ position:relative; padding:105px 0 95px; background:#f7f4ed; overflow:hidden; } .cgvCaHero::after{ content:"CA"; position:absolute; right:-20px; bottom:-100px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:320px; line-height:1; font-weight:600; pointer-events:none; } .cgvCaHero .container{ position:relative; z-index:2; } .cgvCaHeroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:80px; align-items:center; } .cgvCaHeroKicker{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.6px; } .cgvCaHeroKicker span{ width:45px; height:2px; background:#b88723; } .cgvCaHeroContent h1{ max-width:950px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvCaHeroContent h1 strong{ color:#b88723; } .cgvCaHeroContent p{ max-width:900px; margin:0 0 17px; color:#687583; font-size:16px; line-height:1.85; } .cgvCaHeroContent p strong{ color:#0b2550; } /* CALL BUTTON */ .cgvCaHeroCall{ display:inline-flex; align-items:center; gap:15px; margin-top:18px; padding:15px 20px; background:#0b2550; color:#fff; text-decoration:none; border:2px solid #0b2550; transition:.3s ease; } .cgvCaHeroCall:hover{ background:#b88723; border-color:#b88723; color:#fff; } .cgvCaHeroCallIcon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:#d5a646; color:#0b2550; font-size:20px; border-radius:50%; } .cgvCaHeroCall small{ display:block; margin-bottom:4px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.8px; } .cgvCaHeroCall strong{ display:block; color:#fff; font-size:20px; line-height:1.2; } .cgvCaHeroCall b{ margin-left:10px; color:#d5a646; font-size:25px; } /* PANEL */ .cgvCaHeroPanel{ min-height:350px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px; background:#0b2550; text-align:center; box-shadow:12px 12px 0 #d5a646; } .cgvCaHeroPanel > span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvCaHeroPanel > strong{ margin:20px 0 5px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:105px; line-height:.75; font-weight:600; } .cgvCaHeroPanel > small{ color:rgba(255,255,255,.55); font-size:15px; line-height:1.4; font-weight:800; letter-spacing:1px; } .cgvCaHeroPanel > div{ width:55px; height:1px; margin:25px 0; background:#d5a646; } .cgvCaHeroPanel p{ margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.6; } /* MOBILE */ @media(max-width:767px){ .cgvCaHero{ padding:70px 0; } .cgvCaHeroGrid{ grid-template-columns:1fr; gap:50px; } .cgvCaHeroContent h1{ font-size:42px; } .cgvCaHeroContent p{ font-size:15px; } .cgvCaHeroCall{ width:100%; justify-content:center; } .cgvCaHeroPanel{ max-width:300px; } } @media(max-width:420px){ .cgvCaHeroContent h1{ font-size:37px; } } /* ========================================================= SECTION 2 — WORKFLOW UNIQUE PREFIX: cgvCaWorkflow ========================================================= */ .cgvCaWorkflow{ padding:105px 0; background:#fff; } .cgvCaWorkflowHeader{ display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:60px; align-items:end; margin-bottom:50px; } .cgvCaWorkflowHeader > div > span{ display:block; margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvCaWorkflowHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvCaWorkflowHeader h2 strong{ color:#b88723; } .cgvCaWorkflowHeader > p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } /* GRID */ .cgvCaWorkflowGrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvCaWorkflowCard{ position:relative; min-height:330px; padding:30px; background:#f7f4ed; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvCaWorkflowCard > strong{ display:block; margin-bottom:17px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:40px; line-height:1; } .cgvCaWorkflowCard > span{ display:block; margin-bottom:13px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvCaWorkflowCard h3{ margin:0 0 17px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:32px; line-height:1.07; font-weight:600; } .cgvCaWorkflowCard h3 strong{ color:#b88723; } .cgvCaWorkflowCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvCaWorkflowCard p strong{ color:#0b2550; } /* DARK */ .cgvCaWorkflowDark{ background:#0b2550; } .cgvCaWorkflowDark > span{ color:#d5a646; } .cgvCaWorkflowDark h3{ color:#fff; } .cgvCaWorkflowDark p{ color:rgba(255,255,255,.66); } .cgvCaWorkflowDark p strong{ color:#fff; } /* GOLD */ .cgvCaWorkflowGold{ background:#d5a646; } .cgvCaWorkflowGold > strong{ color:#0b2550; } .cgvCaWorkflowGold > span{ color:#0b2550; } .cgvCaWorkflowGold h3{ color:#0b2550; } .cgvCaWorkflowGold h3 strong{ color:#fff; } .cgvCaWorkflowGold p{ color:#31435d; } .cgvCaWorkflowGold p strong{ color:#0b2550; } /* MOBILE */ @media(max-width:991px){ .cgvCaWorkflowGrid{ grid-template-columns:1fr 1fr; } } @media(max-width:767px){ .cgvCaWorkflow{ padding:70px 0; } .cgvCaWorkflowHeader{ grid-template-columns:1fr; gap:20px; } .cgvCaWorkflowHeader h2{ font-size:40px; } .cgvCaWorkflowGrid{ grid-template-columns:1fr; } .cgvCaWorkflowCard{ min-height:auto; padding:28px 24px; } .cgvCaWorkflowCard h3{ font-size:29px; } } /* ========================================================= SECTION 3 — CHECKLIST UNIQUE PREFIX: cgvCaChecklist ========================================================= */ .cgvCaChecklist{ padding:105px 0; background:#f7f4ed; } .cgvCaChecklistHeader{ display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:60px; align-items:end; margin-bottom:48px; } .cgvCaChecklistHeader > div > span{ display:block; margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvCaChecklistHeader h2{ margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvCaChecklistHeader h2 strong{ color:#b88723; } .cgvCaChecklistHeader > p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } /* GRID */ .cgvCaChecklistGrid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } .cgvCaChecklistCard{ padding:35px; background:#fff; border:1px solid #ddd5c7; } .cgvCaChecklistTop{ display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #ddd5c7; } .cgvCaChecklistTop strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1; } .cgvCaChecklistTop span{ color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.2px; } .cgvCaChecklistCard h3{ margin:22px 0 20px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:37px; line-height:1.05; font-weight:600; } .cgvCaChecklistCard h3 strong{ color:#b88723; } .cgvCaChecklistCard ul{ margin:0; padding:0; list-style:none; } .cgvCaChecklistCard li{ position:relative; padding:0 0 14px 25px; color:#687583; font-size:15px; line-height:1.7; } .cgvCaChecklistCard li::before{ content:""; position:absolute; left:0; top:9px; width:7px; height:7px; background:#b88723; border-radius:50%; } .cgvCaChecklistCard li strong{ color:#0b2550; } /* DARK */ .cgvCaChecklistDark{ background:#0b2550; border-color:#0b2550; } .cgvCaChecklistDark .cgvCaChecklistTop{ border-color:rgba(255,255,255,.14); } .cgvCaChecklistDark .cgvCaChecklistTop span{ color:#d5a646; } .cgvCaChecklistDark h3{ color:#fff; } .cgvCaChecklistDark h3 strong{ color:#d5a646; } .cgvCaChecklistDark li{ color:rgba(255,255,255,.66); } .cgvCaChecklistDark li strong{ color:#fff; } /* MOBILE */ @media(max-width:767px){ .cgvCaChecklist{ padding:70px 0; } .cgvCaChecklistHeader{ grid-template-columns:1fr; gap:20px; } .cgvCaChecklistHeader h2{ font-size:40px; } .cgvCaChecklistGrid{ grid-template-columns:1fr; } .cgvCaChecklistCard{ padding:28px 23px; } .cgvCaChecklistCard h3{ font-size:32px; } } /* ========================================================= SECTION 4 — REPORT REVIEW UNIQUE PREFIX: cgvCaReview ========================================================= */ .cgvCaReview{ padding:105px 0; background:#fff; } .cgvCaReviewGrid{ display:grid; grid-template-columns:350px minmax(0,1fr); gap:75px; align-items:start; } .cgvCaReviewIntro{ position:sticky; top:30px; padding:35px; background:#0b2550; box-shadow:12px 12px 0 #d5a646; } .cgvCaReviewNumber{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:65px; line-height:1; } .cgvCaReviewKicker{ margin:20px 0 14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvCaReviewIntro h2{ margin:0 0 20px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:43px; line-height:1.04; font-weight:600; } .cgvCaReviewIntro h2 strong{ color:#d5a646; } .cgvCaReviewIntro p{ margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.8; } /* REVIEW LIST */ .cgvCaReviewList{ border-top:1px solid #d8d0c1; } .cgvCaReviewItem{ display:grid; grid-template-columns:65px 1fr; gap:20px; padding:25px 0; border-bottom:1px solid #d8d0c1; } .cgvCaReviewItem > strong{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:32px; line-height:1; } .cgvCaReviewItem h3{ margin:0 0 8px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:27px; line-height:1.1; font-weight:600; } .cgvCaReviewItem p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } .cgvCaReviewItem p strong{ color:#0b2550; } /* REGISTERED VALUER HIGHLIGHT */ .cgvCaReviewRegistered{ margin-top:10px; padding:25px; background:#f7f4ed; border:1px solid #d8d0c1; border-left:4px solid #b88723; } /* MOBILE */ @media(max-width:991px){ .cgvCaReviewGrid{ grid-template-columns:280px 1fr; gap:50px; } .cgvCaReviewIntro h2{ font-size:36px; } } @media(max-width:767px){ .cgvCaReview{ padding:70px 0; } .cgvCaReviewGrid{ grid-template-columns:1fr; gap:50px; } .cgvCaReviewIntro{ position:relative; top:auto; max-width:350px; } .cgvCaReviewItem{ grid-template-columns:50px 1fr; } } /* ========================================================= SECTION 5 — IMPACT CTA UNIQUE PREFIX: cgvCaCTA ========================================================= */ .cgvCaCTA{ padding:0 0 105px; background:#fff; } .cgvCaCTABox{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:70px; align-items:center; padding:60px; background:#0b2550; overflow:hidden; } .cgvCaCTABox::after{ content:"CALL"; position:absolute; right:-30px; bottom:-85px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:190px; line-height:1; pointer-events:none; } .cgvCaCTAText{ position:relative; z-index:2; } .cgvCaCTAKicker{ margin-bottom:14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvCaCTA h2{ max-width:850px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1.03; font-weight:600; } .cgvCaCTA h2 strong{ color:#d5a646; } .cgvCaCTA p{ max-width:800px; margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.8; } /* ACTION AREA */ .cgvCaCTAAction{ position:relative; z-index:2; } .cgvCaBigCall{ display:flex; align-items:center; gap:15px; padding:18px; background:#d5a646; color:#0b2550; text-decoration:none; border:3px solid #d5a646; transition:.3s ease; } .cgvCaBigCall:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .cgvCaBigCallIcon{ width:50px; height:50px; flex:0 0 50px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:22px; } .cgvCaBigCall span:nth-child(2){ flex:1; } .cgvCaBigCall small{ display:block; margin-bottom:4px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.8px; } .cgvCaBigCall strong{ display:block; font-size:23px; line-height:1.15; } .cgvCaBigCall em{ display:block; margin-top:4px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .cgvCaBigCall b{ font-size:28px; } .cgvCaEmailButton{ display:block; margin-top:12px; padding:15px; border:1px solid rgba(255,255,255,.3); color:#fff; text-decoration:none; text-align:center; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvCaEmailButton:hover{ background:#fff; color:#0b2550; } /* MOBILE */ @media(max-width:767px){ .cgvCaCTA{ padding-bottom:70px; } .cgvCaCTABox{ grid-template-columns:1fr; gap:35px; padding:32px 24px; } .cgvCaCTA h2{ font-size:40px; } .cgvCaBigCall{ padding:14px; } .cgvCaBigCall strong{ font-size:20px; } } @media(max-width:420px){ .cgvCaCTA h2{ font-size:36px; } .cgvCaBigCallIcon{ width:43px; height:43px; flex-basis:43px; } } /* ========================================================= SECTION 1 — PROPERTY INTRO UNIQUE PREFIX: cgvPropertyIntro ========================================================= */ .cgvPropertyIntro{ position:relative; padding:105px 0; background:#f7f4ed; overflow:hidden; } .cgvPropertyIntroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:85px; align-items:center; } .cgvPropertyIntroTag{ display:inline-flex; align-items:center; gap:12px; margin-bottom:18px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPropertyIntroTag::before{ content:""; width:42px; height:2px; background:#b88723; } .cgvPropertyIntroContent h2{ max-width:850px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.02; font-weight:600; } .cgvPropertyIntroContent h2 strong{ color:#b88723; } .cgvPropertyIntroContent > p{ max-width:850px; margin:0 0 17px; color:#687583; font-size:16px; line-height:1.85; } .cgvPropertyIntroContent p strong{ color:#0b2550; } .cgvPropertyIntroHighlight{ max-width:680px; margin-top:28px; padding:22px 25px; border-left:4px solid #b88723; background:#fff; } .cgvPropertyIntroHighlight > span{ display:block; margin-bottom:6px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvPropertyIntroHighlight > strong{ display:block; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:25px; line-height:1.2; } .cgvPropertyIntroHighlight p{ margin:7px 0 0; color:#687583; font-size:15px; line-height:1.65; } /* VISUAL */ .cgvPropertyIntroVisual{ position:relative; min-height:390px; } .cgvPropertyIntroSquare{ position:absolute; width:285px; height:285px; top:25px; right:10px; background:#0b2550; } .cgvPropertyIntroSquare::after{ content:""; position:absolute; width:215px; height:215px; top:35px; left:35px; border:1px solid rgba(213,166,70,.55); } .cgvPropertyIntroStat{ position:absolute; z-index:2; left:0; bottom:30px; width:180px; min-height:170px; padding:25px; display:flex; flex-direction:column; justify-content:center; background:#d5a646; } .cgvPropertyIntroStat strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:65px; line-height:.8; } .cgvPropertyIntroStat span{ margin-top:17px; color:#0b2550; font-size:15px; line-height:1.4; font-weight:800; letter-spacing:1px; } .cgvPropertyIntroLine{ position:absolute; width:100px; height:1px; right:-20px; bottom:10px; background:#b88723; } @media(max-width:767px){ .cgvPropertyIntro{ padding:70px 0; } .cgvPropertyIntroGrid{ grid-template-columns:1fr; gap:45px; } .cgvPropertyIntroContent h2{ font-size:42px; } .cgvPropertyIntroContent > p{ font-size:15px; } .cgvPropertyIntroVisual{ min-height:330px; max-width:320px; margin:auto; width:100%; } } /* ========================================================= SECTION 2 — PROPERTY METHODOLOGY UNIQUE PREFIX: cgvPropertyMethod ========================================================= */ .cgvPropertyMethod{ padding:105px 0; background:#fff; } .cgvPropertyMethodHeader{ max-width:900px; margin-bottom:48px; } .cgvPropertyMethodHeader > span{ display:block; margin-bottom:13px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPropertyMethodHeader h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvPropertyMethodHeader h2 strong{ color:#b88723; } .cgvPropertyMethodHeader p{ max-width:800px; margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvPropertyMethodGrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .cgvPropertyMethodCard{ position:relative; min-height:280px; padding:32px; background:#f7f4ed; border:1px solid #e1d9ca; overflow:hidden; } .cgvPropertyMethodCard::after{ content:""; position:absolute; width:90px; height:90px; right:-35px; bottom:-35px; border:1px solid rgba(184,135,35,.25); border-radius:50%; } .cgvPropertyMethodNumber{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; margin-bottom:22px; } .cgvPropertyMethodCard h3{ max-width:500px; margin:0 0 15px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1.05; font-weight:600; } .cgvPropertyMethodCard h3 strong{ color:#b88723; } .cgvPropertyMethodCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvPropertyMethodCard p strong{ color:#0b2550; } /* DARK CARD */ .cgvPropertyMethodDark{ background:#0b2550; border-color:#0b2550; } .cgvPropertyMethodDark .cgvPropertyMethodNumber{ color:#d5a646; } .cgvPropertyMethodDark h3{ color:#fff; } .cgvPropertyMethodDark h3 strong{ color:#d5a646; } .cgvPropertyMethodDark p{ color:rgba(255,255,255,.68); } .cgvPropertyMethodDark p strong{ color:#fff; } /* BOTTOM STRIP */ .cgvPropertyMethodBottom{ display:grid; grid-template-columns:1fr 1fr; margin-top:18px; border:1px solid #d8d0c1; } .cgvPropertyMethodBottom > div{ padding:23px 28px; background:#fff; } .cgvPropertyMethodBottom > div + div{ border-left:1px solid #d8d0c1; } .cgvPropertyMethodBottom span{ display:block; margin-bottom:7px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvPropertyMethodBottom strong{ color:#0b2550; font-size:16px; line-height:1.5; } @media(max-width:767px){ .cgvPropertyMethod{ padding:70px 0; } .cgvPropertyMethodHeader h2{ font-size:41px; } .cgvPropertyMethodGrid{ grid-template-columns:1fr; } .cgvPropertyMethodCard{ min-height:auto; padding:27px 23px; } .cgvPropertyMethodCard h3{ font-size:31px; } .cgvPropertyMethodBottom{ grid-template-columns:1fr; } .cgvPropertyMethodBottom > div + div{ border-left:0; border-top:1px solid #d8d0c1; } } /* ========================================================= SECTION 3 — PROPERTY CTA UNIQUE PREFIX: cgvPropertyCTA ========================================================= */ .cgvPropertyCTA{ padding:0 0 105px; background:#fff; } .cgvPropertyCTABox{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:60px; align-items:center; padding:58px; background:#0b2550; overflow:hidden; } .cgvPropertyCTABox::before{ content:"PROPERTY"; position:absolute; right:-35px; bottom:-65px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:150px; line-height:1; pointer-events:none; } .cgvPropertyCTADecor{ position:absolute; top:-55px; left:-55px; width:150px; height:150px; border:1px solid rgba(213,166,70,.35); border-radius:50%; } .cgvPropertyCTADecor span{ position:absolute; right:25px; bottom:15px; color:rgba(213,166,70,.45); font-family:'Cormorant Garamond',serif; font-size:45px; } .cgvPropertyCTAContent{ position:relative; z-index:2; } .cgvPropertyCTATag{ display:block; margin-bottom:13px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPropertyCTAContent h2{ max-width:780px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:50px; line-height:1.04; font-weight:600; } .cgvPropertyCTAContent h2 strong{ color:#d5a646; } .cgvPropertyCTAContent p{ max-width:760px; margin:0; color:rgba(255,255,255,.67); font-size:15px; line-height:1.8; } .cgvPropertyCTAContent p strong{ color:#fff; } /* CALL */ .cgvPropertyCTAActions{ position:relative; z-index:3; } .cgvPropertyCallButton{ display:flex; align-items:center; gap:14px; padding:17px; background:#d5a646; color:#0b2550; text-decoration:none; border:3px solid #d5a646; transition:.3s ease; } .cgvPropertyCallButton:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .cgvPropertyCallIcon{ width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#0b2550; color:#d5a646; font-size:21px; } .cgvPropertyCallButton span:nth-child(2){ flex:1; } .cgvPropertyCallButton small{ display:block; margin-bottom:3px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.7px; } .cgvPropertyCallButton strong{ display:block; font-size:22px; line-height:1.2; } .cgvPropertyCallButton em{ display:block; margin-top:4px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .cgvPropertyCallButton b{ font-size:28px; } .cgvPropertyEmailButton{ display:block; margin-top:12px; padding:15px; color:#fff; text-align:center; text-decoration:none; border:1px solid rgba(255,255,255,.28); font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvPropertyEmailButton:hover{ background:#fff; color:#0b2550; } @media(max-width:767px){ .cgvPropertyCTA{ padding-bottom:70px; } .cgvPropertyCTABox{ grid-template-columns:1fr; gap:35px; padding:34px 24px; } .cgvPropertyCTAContent h2{ font-size:40px; } .cgvPropertyCallButton{ padding:14px; } .cgvPropertyCallButton strong{ font-size:19px; } }/* ========================================================= GLOBAL ========================================================= */ .agclv-intro, .agclv-use, .agclv-process{ font-size:15px; } /* ========================================================= SECTION 1 ========================================================= */ .agclv-intro{ position:relative; padding:105px 0; background:#f7f4ed; overflow:hidden; } .agclv-intro::after{ content:"LAND"; position:absolute; right:-70px; bottom:-90px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:250px; line-height:1; font-weight:600; pointer-events:none; } .agclv-intro-grid{ position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:75px; align-items:center; } .agclv-eyebrow{ display:inline-block; margin-bottom:15px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .agclv-intro-content h1{ max-width:900px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .agclv-intro-content h1 strong{ color:#b88723; } .agclv-intro-content p{ max-width:900px; margin:0 0 17px; color:#687583; font-size:16px; line-height:1.85; } .agclv-intro-content p strong{ color:#0b2550; } .agclv-highlight{ display:flex; flex-direction:column; gap:7px; margin-top:28px; padding:20px 23px; border-left:4px solid #b88723; background:#fff; } .agclv-highlight span{ color:#8a7a5a; font-size:15px; font-weight:800; letter-spacing:1px; } .agclv-highlight strong{ color:#0b2550; font-size:15px; line-height:1.6; } .agclv-intro-side{ min-height:390px; display:flex; flex-direction:column; justify-content:center; padding:38px; background:#0b2550; box-shadow:12px 12px 0 #d5a646; } .agclv-side-number{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:75px; line-height:.8; } .agclv-intro-side > span{ margin-top:30px; color:#d5a646; font-size:15px; font-weight:800; letter-spacing:1.2px; } .agclv-intro-side h2{ margin:15px 0; color:#fff; font-family:'Cormorant Garamond',serif; font-size:40px; line-height:1.05; font-weight:600; } .agclv-intro-side h2 strong{ color:#d5a646; } .agclv-side-line{ width:55px; height:2px; margin:10px 0 20px; background:#d5a646; } .agclv-intro-side p{ margin:0; color:rgba(255,255,255,.66); font-size:15px; line-height:1.75; } /* ========================================================= SECTION 2 ========================================================= */ .agclv-use{ padding:105px 0; background:#fff; } .agclv-use-heading{ max-width:850px; margin-bottom:50px; } .agclv-use-heading h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .agclv-use-heading h2 strong{ color:#b88723; } .agclv-use-heading p{ max-width:760px; margin:0; color:#687583; font-size:15px; line-height:1.8; } .agclv-use-grid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ddd5c7; border-left:1px solid #ddd5c7; } .agclv-use-card{ min-height:300px; padding:32px; background:#f7f4ed; border-right:1px solid #ddd5c7; border-bottom:1px solid #ddd5c7; } .agclv-use-card.agclv-use-dark{ background:#0b2550; } .agclv-use-card.agclv-use-gold{ background:#d5a646; } .agclv-card-number{ display:block; margin-bottom:18px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:40px; line-height:1; } .agclv-use-dark .agclv-card-number{ color:#d5a646; } .agclv-use-gold .agclv-card-number{ color:#0b2550; } .agclv-use-card h3{ margin:0 0 16px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:31px; line-height:1.06; font-weight:600; } .agclv-use-card h3 strong{ color:#b88723; } .agclv-use-dark h3{ color:#fff; } .agclv-use-dark h3 strong{ color:#d5a646; } .agclv-use-gold h3 strong{ color:#fff; } .agclv-use-card p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .agclv-use-dark p{ color:rgba(255,255,255,.67); } .agclv-use-gold p{ color:#30435e; } .agclv-use-card p strong{ color:#0b2550; } /* METHOD STRIP */ .agclv-method{ display:grid; grid-template-columns:270px 1fr; margin-top:45px; background:#0b2550; } .agclv-method-title{ display:flex; flex-direction:column; justify-content:center; padding:28px; background:#d5a646; } .agclv-method-title span{ margin-bottom:8px; color:#0b2550; font-size:15px; font-weight:800; letter-spacing:1px; } .agclv-method-title strong{ color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:28px; line-height:1.1; } .agclv-method-list{ display:grid; grid-template-columns:repeat(5,1fr); } .agclv-method-list div{ display:flex; flex-direction:column; justify-content:center; gap:12px; min-height:125px; padding:20px; border-right:1px solid rgba(255,255,255,.12); } .agclv-method-list b{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:28px; } .agclv-method-list span{ color:rgba(255,255,255,.7); font-size:15px; line-height:1.5; } /* ========================================================= SECTION 3 ========================================================= */ .agclv-process{ padding:105px 0; background:#f7f4ed; } .agclv-process-top{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:60px; align-items:end; margin-bottom:50px; } .agclv-process-top h2{ max-width:850px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .agclv-process-top h2 strong{ color:#b88723; } .agclv-process-top > p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .agclv-process-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } .agclv-process-step{ min-height:285px; padding:28px; background:#fff; border:1px solid #ddd5c7; } .agclv-process-step > strong{ display:block; margin-bottom:25px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; } .agclv-process-step span{ display:block; margin-bottom:10px; color:#8a7a5a; font-size:15px; font-weight:800; letter-spacing:1px; } .agclv-process-step h3{ margin:0 0 14px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:28px; line-height:1.08; } .agclv-process-step h3 strong{ color:#b88723; } .agclv-process-step p{ margin:0; color:#687583; font-size:15px; line-height:1.75; } /* CTA */ .agclv-cta{ display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:60px; align-items:center; margin-top:60px; padding:55px; background:#0b2550; position:relative; overflow:hidden; } .agclv-cta::after{ content:"FMV"; position:absolute; right:-15px; bottom:-90px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:230px; line-height:1; } .agclv-cta-content{ position:relative; z-index:2; } .agclv-cta-content > span{ display:block; margin-bottom:13px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .agclv-cta-content h2{ max-width:800px; margin:0 0 17px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:50px; line-height:1.04; font-weight:600; } .agclv-cta-content h2 strong{ color:#d5a646; } .agclv-cta-content p{ max-width:760px; margin:0; color:rgba(255,255,255,.66); font-size:15px; line-height:1.8; } .agclv-cta-actions{ position:relative; z-index:2; } .agclv-call-btn{ display:flex; align-items:center; gap:14px; padding:17px; background:#d5a646; color:#0b2550; text-decoration:none; border:3px solid #d5a646; transition:.3s ease; } .agclv-call-btn:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .agclv-call-icon{ width:50px; height:50px; flex:0 0 50px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:22px; } .agclv-call-btn span:nth-child(2){ flex:1; } .agclv-call-btn small{ display:block; margin-bottom:4px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.8px; } .agclv-call-btn strong{ display:block; font-size:22px; line-height:1.2; } .agclv-call-btn em{ display:block; margin-top:4px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .agclv-call-btn b{ font-size:27px; } .agclv-email-btn{ display:block; margin-top:12px; padding:15px; color:#fff; border:1px solid rgba(255,255,255,.28); text-decoration:none; text-align:center; font-size:15px; font-weight:800; transition:.3s ease; } .agclv-email-btn:hover{ background:#fff; color:#0b2550; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:1100px){ .agclv-intro-grid{ grid-template-columns:minmax(0,1fr) 290px; gap:50px; } .agclv-use-grid{ grid-template-columns:1fr 1fr; } .agclv-method{ grid-template-columns:220px 1fr; } .agclv-method-list{ grid-template-columns:repeat(3,1fr); } .agclv-process-steps{ grid-template-columns:1fr 1fr; } } @media(max-width:767px){ .agclv-intro, .agclv-use, .agclv-process{ padding:70px 0; } .agclv-intro-grid{ grid-template-columns:1fr; gap:50px; } .agclv-intro-content h1{ font-size:43px; } .agclv-intro-content p{ font-size:15px; } .agclv-intro-side{ max-width:340px; min-height:330px; } .agclv-use-heading h2, .agclv-process-top h2{ font-size:41px; } .agclv-use-grid{ grid-template-columns:1fr; } .agclv-method{ grid-template-columns:1fr; } .agclv-method-list{ grid-template-columns:1fr 1fr; } .agclv-method-title{ min-height:130px; } .agclv-process-top{ grid-template-columns:1fr; gap:20px; } .agclv-process-steps{ grid-template-columns:1fr; } .agclv-process-step{ min-height:auto; } .agclv-cta{ grid-template-columns:1fr; gap:35px; padding:32px 24px; } .agclv-cta-content h2{ font-size:40px; } } @media(max-width:420px){ .agclv-intro-content h1{ font-size:38px; } .agclv-use-heading h2, .agclv-process-top h2{ font-size:37px; } .agclv-method-list{ grid-template-columns:1fr; } .agclv-call-btn{ padding:14px; } .agclv-call-icon{ width:44px; height:44px; flex-basis:44px; } .agclv-call-btn strong{ font-size:19px; } }/* ========================================================= PLANT & MACHINERY CAPITAL GAIN VALUATION UNIQUE CSS PREFIXES: cgvPmIntro cgvPmScope cgvPmAction ========================================================= */ /* ========================================================= SECTION 1 — INTRODUCTION ========================================================= */ .cgvPmIntro{ position:relative; padding:100px 0; background:#f7f4ed; overflow:hidden; } .cgvPmIntro::after{ content:"⚙"; position:absolute; right:-45px; bottom:-95px; color:rgba(11,37,80,.035); font-size:330px; line-height:1; pointer-events:none; } .cgvPmIntro .container{ position:relative; z-index:2; } .cgvPmIntroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:80px; align-items:center; } .cgvPmEyebrow{ display:block; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPmIntroContent h1{ max-width:900px; margin:0 0 28px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvPmIntroContent h1 strong{ color:#b88723; } .cgvPmIntroContent p{ max-width:900px; margin:0 0 17px; color:#687583; font-size:15px; line-height:1.85; } .cgvPmIntroContent p strong{ color:#0b2550; } /* INTRO CARD */ .cgvPmIntroCard{ min-height:390px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px; background:#0b2550; text-align:center; box-shadow:13px 13px 0 #d5a646; } .cgvPmIntroIcon{ width:65px; height:65px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; background:#d5a646; color:#0b2550; border-radius:50%; font-size:30px; } .cgvPmIntroCard > span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.4px; } .cgvPmIntroCard > strong{ margin-top:15px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:45px; line-height:.95; font-weight:600; } .cgvPmIntroLine{ width:60px; height:1px; margin:25px 0; background:#d5a646; } .cgvPmIntroCard p{ max-width:230px; margin:0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.7; } /* ========================================================= SECTION 2 — SCOPE ========================================================= */ .cgvPmScope{ padding:105px 0; background:#fff; } .cgvPmScopeHeader{ display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:60px; align-items:end; margin-bottom:50px; } .cgvPmScopeHeader > div > span{ display:block; margin-bottom:14px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvPmScopeHeader h2{ max-width:850px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:55px; line-height:1.03; font-weight:600; } .cgvPmScopeHeader h2 strong{ color:#b88723; } .cgvPmScopeHeader > p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } /* SCOPE GRID */ .cgvPmScopeGrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvPmScopeCard{ min-height:345px; padding:32px; background:#f7f4ed; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvPmScopeNumber{ display:block; margin-bottom:17px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:40px; line-height:1; } .cgvPmScopeTag{ display:block; margin-bottom:13px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.1px; } .cgvPmScopeCard h3{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:31px; line-height:1.07; font-weight:600; } .cgvPmScopeCard h3 strong{ color:#b88723; } .cgvPmScopeCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvPmScopeCard p strong{ color:#0b2550; } /* DARK CARD */ .cgvPmScopeDark{ background:#0b2550; } .cgvPmScopeDark .cgvPmScopeNumber{ color:#d5a646; } .cgvPmScopeDark .cgvPmScopeTag{ color:#d5a646; } .cgvPmScopeDark h3{ color:#fff; } .cgvPmScopeDark h3 strong{ color:#d5a646; } .cgvPmScopeDark p{ color:rgba(255,255,255,.65); } .cgvPmScopeDark p strong{ color:#fff; } /* GOLD CARD */ .cgvPmScopeGold{ background:#d5a646; } .cgvPmScopeGold .cgvPmScopeNumber{ color:#0b2550; } .cgvPmScopeGold .cgvPmScopeTag{ color:#0b2550; } .cgvPmScopeGold h3{ color:#0b2550; } .cgvPmScopeGold h3 strong{ color:#fff; } .cgvPmScopeGold p{ color:#31435d; } .cgvPmScopeGold p strong{ color:#0b2550; } /* ========================================================= SECTION 3 — DOCUMENTS + CTA ========================================================= */ .cgvPmAction{ padding:0 0 105px; background:#fff; } .cgvPmActionGrid{ display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:65px; align-items:stretch; } /* DOCUMENTS */ .cgvPmDocuments{ padding:45px; background:#f7f4ed; border:1px solid #ded6c9; } .cgvPmDocuments h2{ max-width:700px; margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:49px; line-height:1.04; font-weight:600; } .cgvPmDocuments h2 strong{ color:#b88723; } .cgvPmDocuments > p{ max-width:750px; margin:0 0 30px; color:#687583; font-size:15px; line-height:1.8; } /* DOCUMENT LIST */ .cgvPmDocumentList{ border-top:1px solid #d7cfc1; } .cgvPmDocumentList > div{ display:grid; grid-template-columns:45px 1fr; gap:18px; padding:17px 0; border-bottom:1px solid #d7cfc1; } .cgvPmDocumentList > div > span{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:28px; line-height:1; font-weight:600; } .cgvPmDocumentList p{ margin:0; color:#687583; font-size:15px; line-height:1.65; } .cgvPmDocumentList p strong{ color:#0b2550; } /* CTA */ .cgvPmCallBox{ position:relative; display:flex; flex-direction:column; justify-content:center; padding:42px; background:#0b2550; overflow:hidden; } .cgvPmCallBox::after{ content:"CALL"; position:absolute; right:-35px; bottom:-70px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:150px; line-height:1; pointer-events:none; } .cgvPmCallBox > span{ position:relative; z-index:2; margin-bottom:14px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .cgvPmCallBox h2{ position:relative; z-index:2; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:45px; line-height:1.04; font-weight:600; } .cgvPmCallBox h2 strong{ color:#d5a646; } .cgvPmCallBox > p{ position:relative; z-index:2; margin:0 0 28px; color:rgba(255,255,255,.65); font-size:15px; line-height:1.75; } /* CALL BUTTON */ .cgvPmCallButton{ position:relative; z-index:3; display:flex; align-items:center; gap:13px; padding:16px; background:#d5a646; color:#0b2550; text-decoration:none; border:2px solid #d5a646; transition:.3s ease; } .cgvPmCallButton:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-2px); } .cgvPmPhoneIcon{ width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:21px; } .cgvPmCallButton span:nth-child(2){ flex:1; } .cgvPmCallButton small{ display:block; margin-bottom:3px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.7px; } .cgvPmCallButton strong{ display:block; font-size:22px; line-height:1.2; } .cgvPmCallButton b{ font-size:27px; } .cgvPmMailButton{ position:relative; z-index:3; display:block; margin-top:12px; padding:14px; color:#fff; border:1px solid rgba(255,255,255,.28); text-decoration:none; text-align:center; font-size:15px; line-height:1.3; font-weight:700; transition:.3s ease; } .cgvPmMailButton:hover{ background:#fff; color:#0b2550; } .cgvPmAddress{ position:relative; z-index:2; margin-top:18px; color:rgba(255,255,255,.45); text-align:center; font-size:15px; line-height:1.4; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:1100px){ .cgvPmIntroGrid{ grid-template-columns:minmax(0,1fr) 290px; gap:55px; } .cgvPmScopeHeader{ grid-template-columns:minmax(0,1fr) 330px; } .cgvPmActionGrid{ grid-template-columns:minmax(0,1fr) 350px; gap:40px; } } @media(max-width:991px){ .cgvPmIntroGrid{ grid-template-columns:1fr; gap:55px; } .cgvPmIntroCard{ max-width:380px; } .cgvPmScopeGrid{ grid-template-columns:1fr 1fr; } .cgvPmScopeHeader{ grid-template-columns:1fr; gap:20px; } .cgvPmActionGrid{ grid-template-columns:1fr; } .cgvPmCallBox{ min-height:400px; } } @media(max-width:767px){ .cgvPmIntro{ padding:70px 0; } .cgvPmIntroContent h1{ font-size:43px; } .cgvPmIntroContent p{ font-size:15px; } .cgvPmIntroCard{ min-height:340px; box-shadow:8px 8px 0 #d5a646; } .cgvPmScope{ padding:70px 0; } .cgvPmScopeHeader h2{ font-size:42px; } .cgvPmScopeGrid{ grid-template-columns:1fr; } .cgvPmScopeCard{ min-height:auto; padding:28px 24px; } .cgvPmScopeCard h3{ font-size:30px; } .cgvPmAction{ padding-bottom:70px; } .cgvPmDocuments{ padding:30px 23px; } .cgvPmDocuments h2{ font-size:40px; } .cgvPmCallBox{ min-height:auto; padding:32px 24px; } .cgvPmCallBox h2{ font-size:39px; } } @media(max-width:420px){ .cgvPmIntroContent h1{ font-size:38px; } .cgvPmScopeHeader h2{ font-size:38px; } .cgvPmDocuments h2{ font-size:36px; } .cgvPmCallBox h2{ font-size:35px; } .cgvPmCallButton strong{ font-size:19px; } }/* ========================================================= GLOBAL STOCKS PAGE ========================================================= */ .cgvStocksIntro, .cgvStocksScope, .cgvStocksCTA{ font-family:inherit; } .cgvStocksIntro .container, .cgvStocksScope .container, .cgvStocksCTA .container{ width:100%; } /* ========================================================= SECTION 1 ========================================================= */ .cgvStocksIntro{ position:relative; padding:100px 0; background:#f7f4ed; overflow:hidden; } .cgvStocksIntro::after{ content:"₹"; position:absolute; right:-50px; bottom:-150px; color:rgba(11,37,80,.035); font-family:'Cormorant Garamond',serif; font-size:390px; line-height:1; pointer-events:none; } .cgvStocksIntroGrid{ position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:80px; align-items:center; } .cgvStocksIntroContent{ max-width:900px; } .cgvStocksEyebrow{ display:block; margin-bottom:17px; color:#b88723; font-size:15px; line-height:1.35; font-weight:800; letter-spacing:1.5px; } .cgvStocksIntro h1{ margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:60px; line-height:1.02; font-weight:600; } .cgvStocksIntro h1 strong{ color:#b88723; } .cgvStocksIntro p{ margin:0 0 17px; color:#687583; font-size:16px; line-height:1.85; } .cgvStocksIntro p strong{ color:#0b2550; } /* HIGHLIGHT */ .cgvStocksHighlight{ margin-top:30px; padding:23px 25px; border-left:4px solid #b88723; background:#fff; } .cgvStocksHighlight span{ display:block; margin-bottom:7px; color:#8a7a5a; font-size:15px; font-weight:800; letter-spacing:1px; } .cgvStocksHighlight > strong{ display:block; margin-bottom:8px; color:#0b2550; font-size:19px; line-height:1.4; } .cgvStocksHighlight p{ margin:0; font-size:15px; line-height:1.7; } /* VISUAL */ .cgvStocksIntroVisual{ display:flex; justify-content:center; } .cgvStocksVisualBox{ width:300px; min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px; background:#0b2550; text-align:center; box-shadow:15px 15px 0 #d5a646; } .cgvStocksVisualBox span{ color:#d5a646; font-size:15px; font-weight:800; letter-spacing:1.5px; } .cgvStocksVisualBox > strong{ margin:25px 0 5px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:120px; line-height:.8; font-weight:500; } .cgvStocksVisualBox b{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1; letter-spacing:1px; } .cgvStocksVisualBox small{ margin-top:25px; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.65); font-size:15px; line-height:1.4; } /* ========================================================= SECTION 2 ========================================================= */ .cgvStocksScope{ padding:105px 0; background:#fff; } .cgvStocksSectionHead{ max-width:850px; margin-bottom:50px; } .cgvStocksSectionHead > span{ display:block; margin-bottom:14px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvStocksSectionHead h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.04; font-weight:600; } .cgvStocksSectionHead h2 strong{ color:#b88723; } .cgvStocksSectionHead p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvStocksCards{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .cgvStocksCard{ position:relative; padding:35px; background:#f7f4ed; border:1px solid #ddd5c7; overflow:hidden; } .cgvStocksCardNumber{ margin-bottom:18px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; } .cgvStocksCard > span{ display:block; margin-bottom:12px; color:#8a7a5a; font-size:15px; font-weight:800; line-height:1.3; letter-spacing:1.2px; } .cgvStocksCard h3{ margin:0 0 16px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1.05; font-weight:600; } .cgvStocksCard h3 strong{ color:#b88723; } .cgvStocksCard p{ margin:0 0 20px; color:#687583; font-size:15px; line-height:1.8; } .cgvStocksCard p strong{ color:#0b2550; } .cgvStocksCard ul{ margin:0; padding:0; list-style:none; } .cgvStocksCard li{ position:relative; padding:0 0 10px 23px; color:#5f6d7c; font-size:15px; line-height:1.6; } .cgvStocksCard li::before{ content:""; position:absolute; left:0; top:9px; width:7px; height:7px; background:#b88723; border-radius:50%; } /* DARK CARD */ .cgvStocksCardDark{ background:#0b2550; border-color:#0b2550; } .cgvStocksCardDark > span{ color:#d5a646; } .cgvStocksCardDark h3{ color:#fff; } .cgvStocksCardDark h3 strong{ color:#d5a646; } .cgvStocksCardDark p{ color:rgba(255,255,255,.65); } .cgvStocksCardDark p strong{ color:#fff; } .cgvStocksCardDark li{ color:rgba(255,255,255,.65); } /* GOLD CARD */ .cgvStocksCardGold{ background:#d5a646; border-color:#d5a646; } .cgvStocksCardGold .cgvStocksCardNumber{ color:#0b2550; } .cgvStocksCardGold > span{ color:#0b2550; } .cgvStocksCardGold h3{ color:#0b2550; } .cgvStocksCardGold h3 strong{ color:#fff; } .cgvStocksCardGold p{ color:#30415a; } .cgvStocksCardGold p strong{ color:#0b2550; } .cgvStocksCardGold li{ color:#30415a; } /* ========================================================= SECTION 3 — CTA ========================================================= */ .cgvStocksCTA{ padding:0 0 105px; background:#fff; } .cgvStocksCTAInner{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:70px; align-items:center; padding:65px; background:#0b2550; overflow:hidden; } .cgvStocksCTAInner::after{ content:"STOCKS"; position:absolute; right:-45px; bottom:-70px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:160px; line-height:1; pointer-events:none; } .cgvStocksCTAContent{ position:relative; z-index:2; } .cgvStocksCTAContent h2{ max-width:850px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.03; font-weight:600; } .cgvStocksCTAContent h2 strong{ color:#d5a646; } .cgvStocksCTAContent p{ max-width:800px; margin:0; color:rgba(255,255,255,.67); font-size:15px; line-height:1.8; } /* PROCESS */ .cgvStocksProcess{ display:flex; flex-wrap:wrap; gap:25px; margin-top:32px; } .cgvStocksProcess div{ display:flex; align-items:center; gap:8px; } .cgvStocksProcess strong{ color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:26px; } .cgvStocksProcess span{ color:rgba(255,255,255,.65); font-size:15px; font-weight:700; } /* ACTION */ .cgvStocksCTAActions{ position:relative; z-index:2; } .cgvStocksCallButton{ display:flex; align-items:center; gap:15px; padding:18px; background:#d5a646; border:3px solid #d5a646; color:#0b2550; text-decoration:none; transition:.3s ease; } .cgvStocksCallButton:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .cgvStocksCallIcon{ width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:22px; } .cgvStocksCallButton span:nth-child(2){ flex:1; } .cgvStocksCallButton small{ display:block; margin-bottom:4px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.8px; } .cgvStocksCallButton strong{ display:block; font-size:23px; line-height:1.2; } .cgvStocksCallButton em{ display:block; margin-top:5px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .cgvStocksCallButton b{ font-size:27px; } .cgvStocksMailButton{ display:block; margin-top:12px; padding:15px; border:1px solid rgba(255,255,255,.3); color:#fff; text-decoration:none; text-align:center; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvStocksMailButton:hover{ background:#fff; color:#0b2550; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:991px){ .cgvStocksIntroGrid{ grid-template-columns:1fr; gap:55px; } .cgvStocksIntroVisual{ justify-content:flex-start; } .cgvStocksCards{ grid-template-columns:1fr 1fr; } .cgvStocksCTAInner{ grid-template-columns:1fr; gap:40px; } } @media(max-width:767px){ .cgvStocksIntro{ padding:70px 0; } .cgvStocksIntro h1{ font-size:43px; } .cgvStocksIntro p{ font-size:15px; } .cgvStocksVisualBox{ width:100%; max-width:320px; min-height:330px; } .cgvStocksScope{ padding:70px 0; } .cgvStocksSectionHead h2{ font-size:41px; } .cgvStocksCards{ grid-template-columns:1fr; } .cgvStocksCard{ padding:28px 24px; } .cgvStocksCard h3{ font-size:31px; } .cgvStocksCTA{ padding-bottom:70px; } .cgvStocksCTAInner{ padding:35px 24px; } .cgvStocksCTAContent h2{ font-size:41px; } .cgvStocksProcess{ gap:18px; } } @media(max-width:420px){ .cgvStocksIntro h1{ font-size:38px; } .cgvStocksSectionHead h2{ font-size:37px; } .cgvStocksCTAContent h2{ font-size:37px; } .cgvStocksCallButton strong{ font-size:20px; } } /* ========================================================= GOODWILL & INTANGIBLES VALUATION UNIQUE CSS PREFIX: gciVal ========================================================= */ /* ========================================================= SHARED ========================================================= */ .gciValIntro, .gciValScope, .gciValCTA{ width:100%; box-sizing:border-box; } .gciValIntro *, .gciValScope *, .gciValCTA *{ box-sizing:border-box; } .gciValEyebrow{ display:inline-flex; align-items:center; gap:12px; margin-bottom:16px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .gciValEyebrow::before{ content:""; display:block; width:38px; height:2px; background:#b88723; } /* ========================================================= SECTION 1 — INTRO ========================================================= */ .gciValIntro{ position:relative; padding:100px 0; background:#f7f4ed; overflow:hidden; } .gciValIntro::after{ content:"INTANGIBLE"; position:absolute; right:-70px; bottom:-55px; color:rgba(11,37,80,.025); font-family:'Cormorant Garamond',serif; font-size:150px; line-height:1; font-weight:600; white-space:nowrap; pointer-events:none; } .gciValIntroGrid{ position:relative; z-index:2; display:grid; grid-template-columns:250px minmax(0,1fr); gap:70px; align-items:start; } .gciValIntroLabel{ min-height:310px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; background:#0b2550; border-left:5px solid #d5a646; box-shadow:12px 12px 0 #d5a646; } .gciValIntroLabel span{ color:#d5a646; font-size:15px; line-height:1.4; font-weight:800; letter-spacing:1.2px; } .gciValIntroLabel strong{ color:#fff; font-family:'Cormorant Garamond',serif; font-size:85px; line-height:.8; font-weight:600; } .gciValIntroLabel small{ color:rgba(255,255,255,.58); font-size:15px; line-height:1.5; font-weight:700; letter-spacing:1px; } .gciValIntroContent{ max-width:930px; } .gciValIntroContent h1{ margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.03; font-weight:600; } .gciValIntroContent h1 strong{ color:#b88723; } .gciValIntroContent p{ margin:0 0 18px; color:#657486; font-size:15px; line-height:1.85; } .gciValIntroContent p strong{ color:#0b2550; } .gciValLead{ color:#394b63 !important; font-size:17px !important; line-height:1.85 !important; font-weight:500; } /* ========================================================= SECTION 2 — SCOPE ========================================================= */ .gciValScope{ padding:105px 0; background:#fff; } .gciValScopeHeader{ display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:65px; align-items:end; margin-bottom:50px; } .gciValScopeHeader h2{ max-width:850px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:53px; line-height:1.04; font-weight:600; } .gciValScopeHeader h2 strong{ color:#b88723; } .gciValScopeHeader > p{ margin:0; color:#657486; font-size:15px; line-height:1.8; } .gciValScopeGrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .gciValScopeCard{ position:relative; min-height:310px; padding:32px; background:#f7f4ed; border:1px solid #e0d9cc; overflow:hidden; transition:.3s ease; } .gciValScopeCard:hover{ transform:translateY(-4px); box-shadow:0 15px 35px rgba(11,37,80,.08); } .gciValScopeCard::after{ content:""; position:absolute; width:90px; height:90px; right:-35px; bottom:-35px; border:18px solid rgba(184,135,35,.08); border-radius:50%; } .gciValScopeNo{ color:#b88723; font-family:'Cormorant Garamond',serif; font-size:45px; line-height:1; font-weight:600; } .gciValScopeCard h3{ margin:22px 0 15px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:1.05; font-weight:600; } .gciValScopeCard p{ margin:0; color:#657486; font-size:15px; line-height:1.8; } .gciValScopeCard p strong{ color:#0b2550; } .gciValScopeTag{ display:inline-block; margin-top:22px; padding:7px 11px; background:#fff; color:#8a6b28; font-size:15px; line-height:1.2; font-weight:800; letter-spacing:.7px; } .gciValScopeFeatured{ background:#0b2550; border-color:#0b2550; } .gciValScopeFeatured .gciValScopeNo{ color:#d5a646; } .gciValScopeFeatured h3{ color:#fff; } .gciValScopeFeatured p{ color:rgba(255,255,255,.67); } .gciValScopeFeatured p strong{ color:#fff; } .gciValScopeFeatured .gciValScopeTag{ background:#d5a646; color:#0b2550; } /* METHODOLOGY CARD */ .gciValMethodCard{ grid-column:1 / -1; padding:38px; background:#e1bb68; border:1px solid #d0a64e; } .gciValMethodTop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; } .gciValMethodTop span{ color:#0b2550; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .gciValMethodTop strong{ color:rgba(11,37,80,.22); font-family:'Cormorant Garamond',serif; font-size:45px; line-height:1; } .gciValMethodCard h3{ max-width:850px; margin:0 0 15px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:38px; line-height:1.05; font-weight:600; } .gciValMethodCard h3 strong{ color:#fff; } .gciValMethodCard > p{ max-width:900px; margin:0; color:#31445e; font-size:15px; line-height:1.8; } .gciValMethods{ display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; } .gciValMethods span{ padding:10px 15px; background:#0b2550; color:#fff; font-size:15px; line-height:1.3; font-weight:700; } /* ========================================================= SECTION 3 — CTA ========================================================= */ .gciValCTA{ padding:0 0 105px; background:#fff; } .gciValCTABox{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:70px; align-items:center; padding:62px; background:#0b2550; overflow:hidden; } .gciValCTABox::after{ content:"VALUE"; position:absolute; right:-25px; bottom:-85px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:190px; line-height:1; pointer-events:none; } .gciValCTAContent{ position:relative; z-index:2; } .gciValCTAContent h2{ max-width:800px; margin:0 0 18px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.03; font-weight:600; } .gciValCTAContent h2 strong{ color:#d5a646; } .gciValCTAContent p{ max-width:820px; margin:0 0 15px; color:rgba(255,255,255,.66); font-size:15px; line-height:1.8; } .gciValCTAContent p strong{ color:#fff; } .gciValCTAAction{ position:relative; z-index:2; } .gciValCallButton{ display:flex; align-items:center; gap:15px; padding:18px; background:#d5a646; color:#0b2550; text-decoration:none; border:3px solid #d5a646; transition:.3s ease; } .gciValCallButton:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .gciValCallIcon{ width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#0b2550; color:#d5a646; font-size:22px; } .gciValCallText{ flex:1; } .gciValCallText small{ display:block; margin-bottom:4px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.8px; } .gciValCallText strong{ display:block; font-size:23px; line-height:1.15; } .gciValCallText em{ display:block; margin-top:5px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .gciValCallButton > b{ font-size:28px; } .gciValMailButton{ display:block; margin-top:12px; padding:15px; border:1px solid rgba(255,255,255,.3); color:#fff; text-decoration:none; text-align:center; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .gciValMailButton:hover{ background:#fff; color:#0b2550; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:991px){ .gciValIntroGrid{ grid-template-columns:200px minmax(0,1fr); gap:45px; } .gciValIntroContent h1{ font-size:48px; } .gciValScopeHeader{ grid-template-columns:1fr; gap:20px; } .gciValCTABox{ grid-template-columns:1fr; gap:40px; } } @media(max-width:767px){ .gciValIntro{ padding:70px 0; } .gciValIntroGrid{ grid-template-columns:1fr; gap:45px; } .gciValIntroLabel{ width:220px; min-height:250px; } .gciValIntroContent h1{ font-size:41px; } .gciValIntroContent p{ font-size:15px; } .gciValLead{ font-size:16px !important; } .gciValScope{ padding:70px 0; } .gciValScopeHeader h2{ font-size:42px; } .gciValScopeGrid{ grid-template-columns:1fr; } .gciValScopeCard{ min-height:auto; padding:28px 24px; } .gciValScopeCard h3{ font-size:32px; } .gciValMethodCard{ grid-column:auto; padding:28px 24px; } .gciValMethodCard h3{ font-size:33px; } .gciValCTA{ padding-bottom:70px; } .gciValCTABox{ padding:35px 24px; } .gciValCTAContent h2{ font-size:41px; } .gciValCTAContent p{ font-size:15px; } .gciValCallButton{ padding:14px; } .gciValCallIcon{ width:45px; height:45px; flex-basis:45px; } .gciValCallText strong{ font-size:20px; } } @media(max-width:420px){ .gciValIntroContent h1{ font-size:37px; } .gciValScopeHeader h2{ font-size:38px; } .gciValCTAContent h2{ font-size:37px; } .gciValCallButton > b{ display:none; } } /* ========================================================= GLOBAL JEWELLERY VALUATION ========================================================= */ .jcgValIntro, .jcgValMethod, .jcgValCTA{ font-size:15px; } /* ========================================================= SECTION 1 — INTRO ========================================================= */ .jcgValIntro{ position:relative; padding:100px 0; background:#f7f4ed; overflow:hidden; } .jcgValIntro::after{ content:"₹"; position:absolute; right:-30px; bottom:-130px; color:rgba(11,37,80,.035); font-family:'Cormorant Garamond',serif; font-size:390px; line-height:1; pointer-events:none; } .jcgValIntro .container{ position:relative; z-index:2; } .jcgValIntroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:75px; align-items:center; } .jcgValEyebrow{ display:block; margin-bottom:18px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.6px; } .jcgValIntroContent h1{ max-width:900px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:58px; line-height:1.03; font-weight:600; } .jcgValIntroContent h1 strong{ color:#b88723; } .jcgValIntroContent p{ max-width:880px; margin:0 0 17px; color:#687583; font-size:16px; line-height:1.82; } .jcgValIntroContent p strong{ color:#0b2550; } /* STAT PANEL */ .jcgValIntroStat{ min-height:410px; padding:38px; background:#0b2550; box-shadow:13px 13px 0 #d5a646; } .jcgValStatTop{ display:flex; justify-content:space-between; align-items:center; } .jcgValStatTop span{ color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.3px; } .jcgValStatTop strong{ color:rgba(255,255,255,.25); font-family:'Cormorant Garamond',serif; font-size:40px; } .jcgValIntroStat h2{ margin:65px 0 20px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:68px; line-height:.82; font-weight:600; } .jcgValIntroStat h2 em{ color:#d5a646; font-style:normal; } .jcgValIntroStat p{ margin:0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.7; } .jcgValIntroStat p strong{ color:#fff; } .jcgValStatLine{ width:55px; height:1px; margin:30px 0; background:#d5a646; } .jcgValStatBottom{ color:rgba(255,255,255,.48); font-size:15px; line-height:1.4; font-weight:700; letter-spacing:1px; } /* ========================================================= SECTION 2 — METHODOLOGY ========================================================= */ .jcgValMethod{ padding:105px 0; background:#fff; } .jcgValMethodHead{ max-width:850px; margin-bottom:50px; } .jcgValMethodHead > span{ display:block; margin-bottom:14px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .jcgValMethodHead h2{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.03; font-weight:600; } .jcgValMethodHead h2 strong{ color:#b88723; } .jcgValMethodHead p{ max-width:800px; margin:0; color:#687583; font-size:15px; line-height:1.8; } /* METHOD GRID */ .jcgValMethodGrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .jcgValMethodCard{ min-height:355px; padding:32px; background:#f7f4ed; border:1px solid #ded7ca; transition:.3s ease; } .jcgValMethodCard:hover{ transform:translateY(-5px); box-shadow:0 15px 35px rgba(11,37,80,.08); } .jcgValCardNo{ margin-bottom:20px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:42px; line-height:1; } .jcgValMethodCard > span{ display:block; margin-bottom:13px; color:#8a7957; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.1px; } .jcgValMethodCard h3{ margin:0 0 17px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:31px; line-height:1.07; font-weight:600; } .jcgValMethodCard h3 strong{ color:#b88723; } .jcgValMethodCard p{ margin:0; color:#687583; font-size:15px; line-height:1.78; } .jcgValMethodCard p strong{ color:#0b2550; } /* DARK CARD */ .jcgValMethodDark{ background:#0b2550; border-color:#0b2550; } .jcgValMethodDark > span{ color:#d5a646; } .jcgValMethodDark h3{ color:#fff; } .jcgValMethodDark h3 strong{ color:#d5a646; } .jcgValMethodDark p{ color:rgba(255,255,255,.67); } .jcgValMethodDark p strong{ color:#fff; } /* GOLD CARD */ .jcgValMethodGold{ background:#d5a646; border-color:#d5a646; } .jcgValMethodGold .jcgValCardNo{ color:#0b2550; } .jcgValMethodGold > span{ color:#0b2550; } .jcgValMethodGold h3{ color:#0b2550; } .jcgValMethodGold h3 strong{ color:#fff; } .jcgValMethodGold p{ color:#35455e; } .jcgValMethodGold p strong{ color:#0b2550; } /* ========================================================= SECTION 3 — CTA ========================================================= */ .jcgValCTA{ padding:0 0 105px; background:#fff; } .jcgValCTABox{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 410px; gap:65px; align-items:center; padding:62px; background:#0b2550; overflow:hidden; } .jcgValCTABox::after{ content:"₹"; position:absolute; right:-25px; bottom:-115px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:300px; line-height:1; } .jcgValCTAContent{ position:relative; z-index:2; } .jcgValCTAContent > span{ display:block; margin-bottom:15px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .jcgValCTAContent h2{ max-width:800px; margin:0 0 20px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:53px; line-height:1.02; font-weight:600; } .jcgValCTAContent h2 strong{ color:#d5a646; } .jcgValCTAContent p{ max-width:780px; margin:0 0 15px; color:rgba(255,255,255,.67); font-size:15px; line-height:1.8; } .jcgValCTAContent p strong{ color:#fff; } /* CTA ACTION */ .jcgValCTAActions{ position:relative; z-index:3; } .jcgValCallBtn{ display:flex; align-items:center; gap:15px; padding:18px; background:#d5a646; border:3px solid #d5a646; color:#0b2550; text-decoration:none; transition:.3s ease; } .jcgValCallBtn:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .jcgValCallIcon{ width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:23px; } .jcgValCallText{ flex:1; } .jcgValCallText small{ display:block; margin-bottom:4px; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.7px; } .jcgValCallText strong{ display:block; font-size:23px; line-height:1.2; } .jcgValCallText em{ display:block; margin-top:4px; font-size:15px; line-height:1.3; font-style:normal; font-weight:700; } .jcgValCallBtn > b{ font-size:28px; } .jcgValMailBtn{ display:block; margin-top:12px; padding:15px; border:1px solid rgba(255,255,255,.3); color:#fff; text-align:center; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .jcgValMailBtn:hover{ background:#fff; color:#0b2550; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:1100px){ .jcgValIntroGrid{ grid-template-columns:minmax(0,1fr) 300px; gap:50px; } .jcgValIntroContent h1{ font-size:50px; } .jcgValMethodGrid{ grid-template-columns:1fr 1fr; } .jcgValCTABox{ grid-template-columns:minmax(0,1fr) 350px; padding:48px; } } @media(max-width:767px){ .jcgValIntro, .jcgValMethod{ padding:70px 0; } .jcgValIntroGrid{ grid-template-columns:1fr; gap:50px; } .jcgValIntroContent h1{ font-size:41px; } .jcgValIntroContent p{ font-size:15px; } .jcgValIntroStat{ max-width:350px; } .jcgValMethodHead h2{ font-size:41px; } .jcgValMethodGrid{ grid-template-columns:1fr; } .jcgValMethodCard{ min-height:auto; } .jcgValCTA{ padding-bottom:70px; } .jcgValCTABox{ grid-template-columns:1fr; gap:35px; padding:35px 24px; } .jcgValCTAContent h2{ font-size:41px; } } @media(max-width:420px){ .jcgValIntroContent h1{ font-size:37px; } .jcgValMethodHead h2, .jcgValCTAContent h2{ font-size:36px; } } /* ========================================================= SECTION 1 — INTRODUCTION UNIQUE PREFIX: cgvArtIntro ========================================================= */ .cgvArtIntro{ position:relative; padding:105px 0; background:#f7f4ed; overflow:hidden; } .cgvArtIntro::before{ content:""; position:absolute; width:420px; height:420px; right:-180px; top:-180px; border:1px solid rgba(184,135,35,.15); border-radius:50%; } .cgvArtIntroGrid{ display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:85px; align-items:center; } .cgvArtIntroEyebrow{ display:flex; align-items:center; gap:12px; margin-bottom:20px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvArtIntroEyebrow::before{ content:""; width:45px; height:2px; background:#b88723; } .cgvArtIntroContent h2{ max-width:850px; margin:0 0 25px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:56px; line-height:1.04; font-weight:600; } .cgvArtIntroContent h2 strong{ color:#b88723; } .cgvArtIntroContent p{ max-width:850px; margin:0 0 17px; color:#687583; font-size:15px; line-height:1.85; } .cgvArtIntroContent p strong{ color:#0b2550; } .cgvArtIntroHighlight{ display:flex; flex-direction:column; gap:8px; margin-top:28px; padding:20px 23px; border-left:4px solid #b88723; background:#fff; } .cgvArtIntroHighlight span{ color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvArtIntroHighlight strong{ color:#0b2550; font-size:17px; line-height:1.5; } /* ART VISUAL */ .cgvArtIntroVisual{ display:flex; justify-content:center; } .cgvArtIntroFrame{ position:relative; width:300px; height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#0b2550; border:12px solid #fff; outline:1px solid #d5a646; box-shadow:15px 15px 0 #d5a646; overflow:hidden; } .cgvArtIntroFrame::before{ content:""; position:absolute; width:220px; height:220px; border:1px solid rgba(213,166,70,.35); border-radius:50%; } .cgvArtIntroMark{ position:relative; z-index:2; color:#d5a646; font-family:'Cormorant Garamond',serif; font-size:72px; line-height:1; font-weight:600; } .cgvArtIntroLines{ position:relative; z-index:2; width:55px; height:1px; margin:20px 0; background:#d5a646; } .cgvArtIntroFrame > span{ position:relative; z-index:2; color:rgba(255,255,255,.55); font-size:15px; line-height:1.3; font-weight:800; letter-spacing:2px; } .cgvArtIntroFrame > strong{ position:relative; z-index:2; margin-top:12px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:47px; line-height:.9; text-align:center; font-weight:600; } .cgvArtIntroFrame > small{ position:relative; z-index:2; margin-top:16px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:2px; } /* ========================================================= SECTION 2 — METHODOLOGY UNIQUE PREFIX: cgvArtMethod ========================================================= */ .cgvArtMethod{ padding:105px 0; background:#fff; } .cgvArtMethodHeader{ display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:60px; align-items:end; margin-bottom:50px; } .cgvArtMethodHeader > div{ grid-column:1; } .cgvArtMethodHeader > span{ display:block; margin-bottom:14px; color:#b88723; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvArtMethodHeader h2{ max-width:800px; margin:0; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:54px; line-height:1.04; font-weight:600; } .cgvArtMethodHeader h2 strong{ color:#b88723; } .cgvArtMethodHeader p{ grid-column:2; grid-row:1; margin:0; color:#687583; font-size:15px; line-height:1.85; } /* METHOD GRID */ .cgvArtMethodGrid{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d8d0c1; border-left:1px solid #d8d0c1; } .cgvArtMethodCard{ min-height:390px; padding:30px; background:#f7f4ed; border-right:1px solid #d8d0c1; border-bottom:1px solid #d8d0c1; } .cgvArtMethodNumber{ margin-bottom:25px; color:#b88723; font-family:'Cormorant Garamond',serif; font-size:43px; line-height:1; } .cgvArtMethodCard > span{ display:block; margin-bottom:14px; color:#8a7a5a; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1px; } .cgvArtMethodCard h3{ margin:0 0 18px; color:#0b2550; font-family:'Cormorant Garamond',serif; font-size:31px; line-height:1.07; font-weight:600; } .cgvArtMethodCard h3 strong{ color:#b88723; } .cgvArtMethodCard p{ margin:0; color:#687583; font-size:15px; line-height:1.8; } .cgvArtMethodCard p strong{ color:#0b2550; } /* DARK CARD */ .cgvArtMethodDark{ background:#0b2550; } .cgvArtMethodDark > span{ color:#d5a646; } .cgvArtMethodDark h3{ color:#fff; } .cgvArtMethodDark h3 strong{ color:#d5a646; } .cgvArtMethodDark p{ color:rgba(255,255,255,.67); } .cgvArtMethodDark p strong{ color:#fff; } /* GOLD CARD */ .cgvArtMethodGold{ background:#d5a646; } .cgvArtMethodGold .cgvArtMethodNumber{ color:#0b2550; } .cgvArtMethodGold > span{ color:#0b2550; } .cgvArtMethodGold h3{ color:#0b2550; } .cgvArtMethodGold h3 strong{ color:#fff; } .cgvArtMethodGold p{ color:#31435d; } .cgvArtMethodGold p strong{ color:#0b2550; } /* ========================================================= SECTION 3 — CTA UNIQUE PREFIX: cgvArtCTA ========================================================= */ .cgvArtCTA{ padding:0 0 105px; background:#fff; } .cgvArtCTABox{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:70px; align-items:center; padding:60px; background:#0b2550; overflow:hidden; } .cgvArtCTABox::after{ content:"ART"; position:absolute; right:-20px; bottom:-90px; color:rgba(255,255,255,.025); font-family:'Cormorant Garamond',serif; font-size:220px; line-height:1; pointer-events:none; } .cgvArtCTAText{ position:relative; z-index:2; } .cgvArtCTAText > span{ display:block; margin-bottom:15px; color:#d5a646; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:1.5px; } .cgvArtCTAText h2{ max-width:800px; margin:0 0 20px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:52px; line-height:1.03; font-weight:600; } .cgvArtCTAText h2 strong{ color:#d5a646; } .cgvArtCTAText p{ max-width:780px; margin:0; color:rgba(255,255,255,.67); font-size:15px; line-height:1.85; } /* CTA ACTION */ .cgvArtCTAAction{ position:relative; z-index:2; } .cgvArtCallButton{ display:flex; align-items:center; gap:15px; padding:18px; background:#d5a646; border:3px solid #d5a646; color:#0b2550; text-decoration:none; transition:.3s ease; } .cgvArtCallButton:hover{ background:#fff; border-color:#fff; color:#0b2550; transform:translateY(-3px); } .cgvArtCallIcon{ width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; background:#0b2550; color:#d5a646; border-radius:50%; font-size:23px; } .cgvArtCallContent{ flex:1; } .cgvArtCallContent small{ display:block; margin-bottom:5px; color:#0b2550; font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.7px; } .cgvArtCallContent strong{ display:block; color:#0b2550; font-size:23px; line-height:1.2; } .cgvArtCallContent em{ display:block; margin-top:4px; color:#31435d; font-size:15px; line-height:1.35; font-style:normal; font-weight:700; } .cgvArtCallButton > b{ font-size:28px; } .cgvArtEmailButton{ display:block; margin-top:12px; padding:15px; border:1px solid rgba(255,255,255,.3); color:#fff; text-align:center; text-decoration:none; font-size:15px; line-height:1.3; font-weight:800; transition:.3s ease; } .cgvArtEmailButton:hover{ background:#fff; color:#0b2550; } /* ========================================================= RESPONSIVE ========================================================= */ @media(max-width:1100px){ .cgvArtMethodGrid{ grid-template-columns:1fr 1fr; } .cgvArtMethodCard{ min-height:350px; } } @media(max-width:991px){ .cgvArtIntroGrid{ grid-template-columns:1fr; gap:60px; } .cgvArtIntroVisual{ justify-content:flex-start; } .cgvArtMethodHeader{ grid-template-columns:1fr; gap:20px; } .cgvArtMethodHeader p{ grid-column:auto; grid-row:auto; } .cgvArtCTABox{ grid-template-columns:1fr; gap:40px; } } @media(max-width:767px){ .cgvArtIntro, .cgvArtMethod{ padding:70px 0; } .cgvArtIntroContent h2{ font-size:41px; } .cgvArtIntroFrame{ width:270px; height:350px; } .cgvArtMethodHeader h2{ font-size:41px; } .cgvArtMethodGrid{ grid-template-columns:1fr; } .cgvArtMethodCard{ min-height:auto; padding:28px 24px; } .cgvArtMethodCard h3{ font-size:30px; } .cgvArtCTA{ padding-bottom:70px; } .cgvArtCTABox{ padding:35px 24px; } .cgvArtCTAText h2{ font-size:40px; } .cgvArtCallButton{ padding:14px; } .cgvArtCallContent strong{ font-size:20px; } } @media(max-width:420px){ .cgvArtIntroContent h2, .cgvArtMethodHeader h2{ font-size:37px; } .cgvArtCTAText h2{ font-size:36px; } .cgvArtCallIcon{ width:44px; height:44px; flex-basis:44px; } }