/* Aurum Girnar — scoped page styles. Desktop anchors: 1440 and 2560 CSS px. Tune these tokens instead of adding breakpoint overrides. */ @font-face{font-family:AP-Girnar-Avenir;src:url('assets/b6900a3b492d.ttf') format('truetype');font-style:normal;font-weight:300 600;font-display:swap} #ap-girnar{ --ap-gutter:clamp(24px,5.556vw,120px); --ap-body:clamp(17px,calc(4.14px + .893vw),27px); --ap-display:clamp(48px,calc(15.715px + 4.4643vw),130px); --ap-tracking:clamp(5px,calc(3.57px + .4464vw),15px); --ap-scene-height:100vh; --ap-paper:#f9f8f7;--ap-gold:#c39b62; width:100%;max-width:none;margin:0;padding:0;isolation:isolate; font-family:AP-Girnar-Avenir,Avenir,'Avenir Next',sans-serif;font-weight:300;color:#fff; } @supports(height:100svh){#ap-girnar{--ap-scene-height:100svh}} #ap-girnar,#ap-girnar *,#ap-girnar *::before,#ap-girnar *::after{box-sizing:border-box} #ap-girnar h1,#ap-girnar h2,#ap-girnar h3,#ap-girnar p,#ap-girnar figure,#ap-girnar dl,#ap-girnar dd{margin:0} #ap-girnar h1,#ap-girnar h2,#ap-girnar h3{font-family:inherit;font-weight:300;color:inherit;text-transform:uppercase} #ap-girnar a{text-decoration:none;color:inherit} #ap-girnar button,#ap-girnar input{font:inherit;border-radius:0} #ap-girnar button{cursor:pointer} #ap-girnar button:disabled{cursor:default} #ap-girnar [hidden]{display:none!important} #ap-girnar :focus-visible{outline:2px solid var(--ap-gold);outline-offset:5px} #ap-girnar .ap-scene{position:relative;min-height:max(640px,var(--ap-scene-height));isolation:isolate;background:#15202a} #ap-girnar .ap-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2} #ap-girnar .ap-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 45%,rgba(0,0,0,.1))} #ap-girnar .ap-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 34px;border:1px solid rgba(255,255,255,.5);background:transparent;color:inherit;font-size:clamp(12px,calc(-.86px + .893vw),22px);line-height:1.45;letter-spacing:4px;text-transform:uppercase;text-align:center;transition:background .25s,color .25s;max-width:100%} #ap-girnar .ap-button:hover{background:rgba(255,255,255,.2)} #ap-girnar .ap-hero{min-height:max(800px,calc(var(--ap-scene-height)*1.05));display:grid} #ap-girnar .ap-hero .ap-shade{background:linear-gradient(to left,rgba(0,0,0,.6) 15%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.08))} #ap-girnar .ap-hero-inner{display:flex;align-items:flex-end;justify-content:flex-end;padding:110px min(var(--ap-gutter),80px) 70px} #ap-girnar .ap-hero-copy{width:100%;max-width:clamp(660px,calc(222.857px + 30.357vw),1000px);text-align:right;min-width:0} #ap-girnar .ap-hero h1{font-size:clamp(58px,calc(14.286px + 4.9107vw),140px);line-height:1.325;letter-spacing:var(--ap-tracking);margin-bottom:35px} #ap-girnar .ap-hero p{font-size:clamp(17px,calc(.286px + 1.1607vw),30px);line-height:1.38;letter-spacing:.04em;margin:0 0 40px auto;max-width:100%;color:rgba(255,255,255,.92)} /* Grid overlaps slides but lets content establish a safe minimum height. */ #ap-girnar .ap-slider{display:grid;touch-action:pan-y} #ap-girnar .ap-slide{grid-area:1/1;position:relative;display:grid;isolation:isolate;min-width:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none} #ap-girnar .ap-slide.ap-current{opacity:1;visibility:visible;pointer-events:auto;z-index:1} #ap-girnar .ap-slide-layout{width:100%;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:35px;padding:90px 6% 4%} #ap-girnar .ap-slide-heading{align-self:center;max-width:min(100%,1840px);min-width:0} #ap-girnar .ap-slide h2{font-size:var(--ap-display);line-height:1.326;letter-spacing:var(--ap-tracking);overflow-wrap:normal} #ap-girnar .ap-slider-collection .ap-slide h2{font-size:clamp(48px,calc(32.857px + 2.2321vw),90px)} #ap-girnar .ap-v-bottom .ap-slide-heading{align-self:end} #ap-girnar .ap-v-bottom .ap-slide-layout{grid-template-rows:1fr auto;padding-bottom:5%} #ap-girnar .ap-v-bottom h2{font-size:clamp(30px,calc(15.715px + 1.3393vw),50px)} #ap-girnar .ap-slider-collection .ap-v-bottom h2{font-size:clamp(30px,calc(15.715px + 1.3393vw),50px)} #ap-girnar .ap-v-top .ap-slide-heading{align-self:start} #ap-girnar .ap-slide-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-width:0} #ap-girnar .ap-h-right .ap-slide-heading,#ap-girnar .ap-h-right .ap-slide-bottom{justify-self:end} #ap-girnar .ap-h-center .ap-slide-heading,#ap-girnar .ap-h-center .ap-slide-bottom{justify-self:center} #ap-girnar .ap-t-right{text-align:right} #ap-girnar .ap-t-center{text-align:center} #ap-girnar .ap-h-right .ap-slide-bottom{align-items:flex-end} #ap-girnar .ap-h-center .ap-slide-bottom{align-items:center} #ap-girnar .ap-h-right .ap-shade{background:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 45%,rgba(0,0,0,.1))} #ap-girnar .ap-slide-description{max-width:clamp(700px,48vw,1200px);font-size:var(--ap-body);line-height:1.38;letter-spacing:.04em;color:rgba(255,255,255,.92)} #ap-girnar .ap-slide-description p+p{margin-top:1em} #ap-girnar .ap-actions{display:flex;flex-wrap:wrap;gap:0;max-width:100%} #ap-girnar .ap-actions .ap-button{padding:8px 20px} #ap-girnar .ap-image-tag{position:absolute;bottom:1%;right:1.5%;font-size:clamp(9px,.43vw,14px);line-height:1.2;color:rgba(255,255,255,.65);z-index:4;pointer-events:none} #ap-girnar .ap-collage{position:relative;grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));z-index:-2} #ap-girnar .ap-collage figure{position:relative;min-height:100%;min-width:0} #ap-girnar .ap-collage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #ap-girnar .ap-collage+.ap-slide-layout{grid-area:1/1;pointer-events:none} #ap-girnar .ap-slider-controls{position:absolute;top:clamp(18px,1.5vw,30px);right:clamp(20px,2.2vw,48px);z-index:5;display:flex;align-items:center;gap:12px} #ap-girnar .ap-pause{display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.12);color:white;border-radius:50%;height:38px;width:38px;padding:0;font-size:19px;line-height:1} #ap-girnar .ap-progress{width:clamp(80px,5vw,110px);height:2px;background:rgba(255,255,255,.35)} #ap-girnar .ap-progress>span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left} #ap-girnar .ap-restart{min-height:42px;border:1px solid rgba(255,255,255,.6);padding:8px 20px;background:rgba(0,0,0,.2);color:#fff;font-size:12px;letter-spacing:3px;text-transform:uppercase} #ap-girnar .ap-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:radial-gradient(ellipse,rgba(0,0,0,.25),transparent 72%);color:#fff;font-size:clamp(60px,4.5vw,96px);line-height:1;width:clamp(44px,4.8vw,90px);height:100px;padding:0;z-index:4;text-shadow:0 2px 5px rgba(0,0,0,.85)} #ap-girnar .ap-prev{left:8px}#ap-girnar .ap-next{right:clamp(8px,1vw,40px)} #ap-girnar .ap-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* Project cards retain the original three-column, edge-to-edge desktop strip. */ #ap-girnar .ap-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#111} #ap-girnar .ap-project{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:clamp(560px,40vw,1540px);padding:20px;min-width:0} #ap-girnar .ap-project::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.9))} #ap-girnar .ap-project h2{font-size:clamp(20px,1.2vw,30px);letter-spacing:5px;text-align:center} #ap-girnar .ap-project-details{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:clamp(11px,.71vw,20px);letter-spacing:2.5px} #ap-girnar .ap-project-details span{display:flex;align-items:center;gap:8px} #ap-girnar .ap-project-details img{width:20px;height:20px;object-fit:contain} /* Keep the supplied map artwork intact. On mobile it gets its own visible row. */ #ap-girnar .ap-location{position:relative;isolation:isolate;min-height:max(750px,var(--ap-scene-height));display:grid;align-items:center;padding:40px;background:#5d4d4d} #ap-girnar .ap-map-art{position:absolute;inset:0;z-index:-1} #ap-girnar .ap-map-art img{width:100%;height:100%;object-fit:cover;object-position:10% center;display:block} #ap-girnar .ap-location-inner{width:100%;max-width:2000px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px} #ap-girnar .ap-accordion{background:rgba(249,248,247,.98);padding:32px 18px 72px 16px;color:#453b39;min-width:0} #ap-girnar details{border-bottom:1px solid #c39b62} #ap-girnar details:last-child{border-bottom:0} #ap-girnar summary{display:grid;grid-template-columns:clamp(48px,2.82vw,72px) minmax(0,1fr) 38px;align-items:center;gap:22px;padding:20px 0;cursor:pointer;list-style:none;font-size:clamp(18px,calc(9.71px + .7143vw),28px);line-height:1.3;letter-spacing:clamp(2px,.156vw,4px);text-transform:uppercase} #ap-girnar summary::-webkit-details-marker{display:none} #ap-girnar summary>img{width:100%;height:auto;max-height:72px;object-fit:contain} #ap-girnar .ap-toggle{text-align:center;color:var(--ap-gold);font-size:38px;line-height:1} #ap-girnar .ap-toggle::after{content:'+'}#ap-girnar details[open] .ap-toggle::after{content:'−'} #ap-girnar details ul{list-style:none;margin:0;padding:2px 5px 18px calc(clamp(48px,2.82vw,72px) + 22px);font-size:clamp(15px,calc(3.43px + .8036vw),24px);line-height:1.4;color:#8d746a} #ap-girnar details li{padding:9px 0} #ap-girnar .ap-legacy{display:grid;align-items:center;padding:80px 60px} #ap-girnar .ap-legacy .ap-shade{background:linear-gradient(63deg,transparent 0%,transparent 40%,rgba(0,0,0,.93))} #ap-girnar .ap-legacy-inner{width:100%;max-width:2400px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px} #ap-girnar .ap-legacy-copy{grid-column:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0} #ap-girnar .ap-legacy h2{font-size:clamp(52px,calc(32.857px + 2.2321vw),90px);line-height:1.1;letter-spacing:15px;margin-bottom:25px} #ap-girnar .ap-legacy p{font-size:var(--ap-body);line-height:1.6;letter-spacing:.04em;max-width:1150px;margin-bottom:50px;color:#fff} #ap-girnar .ap-legacy-art{width:100%;max-width:clamp(600px,calc(317.143px + 19.6429vw),820px)} #ap-girnar .ap-legacy-art svg{display:block;width:100%;height:auto;overflow:visible} #ap-girnar .ap-legacy-art svg a:hover rect{fill:rgba(255,255,255,.2)} #ap-girnar .ap-mobile-stats{display:none} #ap-girnar .ap-enquiry{display:grid;align-items:center;padding:100px var(--ap-gutter) 60px;color:#121212;background:#e2d2c5;scroll-margin-top:70px} #ap-girnar .ap-enquiry-inner{width:100%;max-width:2560px;margin:auto;display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr)} #ap-girnar .ap-enquiry-copy{grid-column:2;min-width:0;padding-top:40px} #ap-girnar .ap-enquiry h2{font-size:clamp(38px,calc(32.857px + 2.2321vw),90px);line-height:1.326;letter-spacing:clamp(3px,.428vw,11px);margin-bottom:50px;overflow-wrap:normal} #ap-girnar .ap-form{padding-left:9px} #ap-girnar .ap-fields{border-left:0px solid rgba(50,45,40,.6);padding-left:0px;display:flex;flex-direction:column;gap:clamp(10px,calc(-22.14px + 2.23vw),35px);margin-bottom:65px} #ap-girnar .ap-field{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:18px;min-width:0} #ap-girnar .ap-field label{font-size:clamp(16px,calc(1.86px + .982vw),27px);line-height:1.25;color:#4a433d;font-weight:300;letter-spacing:.3px;padding-bottom:6px} #ap-girnar .ap-field input{min-width:0;width:100%;border:0;border-bottom:1.5px solid rgba(58,52,48,.75);background:transparent;height:40px;padding:0 4px;font-size:clamp(17px,1vw,27px);color:#1d1d1d;box-shadow:none} #ap-girnar .ap-field .wpcf7-form-control-wrap{display:block;min-width:0} #ap-girnar .ap-enquiry .ap-button{border-color:rgba(20,20,20,.9);font-size:clamp(12px,calc(5.57px + .446vw),17px);letter-spacing:clamp(3px,.28vw,6px);min-height:50px} #ap-girnar .ap-enquiry .ap-button:hover{background:#171211;color:#fff} #ap-girnar .ap-legal{font-size:clamp(12px,.7vw,18px);letter-spacing:1px;line-height:1.5;margin-top:10px;color:#3d3834} #ap-girnar .ap-form-status{font-size:15px;margin-top:12px} #ap-girnar .wpcf7 form{margin:0}#ap-girnar .wpcf7-not-valid-tip{font-size:14px} #ap-girnar .wpcf7-response-output{font-size:16px;line-height:1.5} #ap-girnar .ap-form-unconfigured{border:1px solid #4a433d;padding:24px;font-size:16px;line-height:1.5} @media(min-width:1920px){ #ap-girnar .ap-location-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)} #ap-girnar .ap-map-art{left:8%} #ap-girnar .ap-accordion{padding:40px 24px 55px} #ap-girnar summary{padding:30px 0} #ap-girnar details li{padding:12px 0} #ap-girnar .ap-map-art img{object-position:center top} #ap-girnar .ap-legacy{padding-right:5.4%} } /* A shorter desktop window may scroll, rather than clipping the copy. */ @media(min-width:1025px) and (max-height:720px){ #ap-girnar .ap-hero-inner{padding-top:90px;padding-bottom:45px} #ap-girnar .ap-legacy,#ap-girnar .ap-enquiry{padding-top:60px;padding-bottom:60px} } @media(max-width:1200px){ #ap-girnar .ap-legacy-inner{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr)} #ap-girnar .ap-location{padding:30px} #ap-girnar .ap-location-inner{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)} #ap-girnar summary{gap:14px;grid-template-columns:40px minmax(0,1fr) 26px;font-size:17px;letter-spacing:2px} #ap-girnar details ul{padding-left:54px} #ap-girnar .ap-project-details{font-size:10px;letter-spacing:1.4px;gap:8px} #ap-girnar .ap-project{padding:18px 10px} #ap-girnar .ap-enquiry-inner{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)} } @media(max-width:1024px){ #ap-girnar{--ap-display:clamp(38px,5.8vw,62px);--ap-body:17px;--ap-tracking:5px} #ap-girnar .ap-scene{min-height:max(600px,85svh)} #ap-girnar .ap-hero{min-height:760px} #ap-girnar .ap-hero-inner{padding:120px 40px 60px} #ap-girnar .ap-hero h1{font-size:clamp(42px,6.5vw,65px);letter-spacing:7px} #ap-girnar .ap-hero-copy{max-width:600px} #ap-girnar .ap-hero p{font-size:17px} #ap-girnar .ap-slide-layout{padding:80px 7% 42px;gap:30px} #ap-girnar .ap-slider-collection .ap-slide h2{font-size:clamp(38px,5.4vw,58px)} #ap-girnar .ap-project{min-height:430px} #ap-girnar .ap-project h2{font-size:17px;letter-spacing:3px} #ap-girnar .ap-project-details{flex-direction:column;align-items:center} #ap-girnar .ap-legacy{padding:60px 35px} #ap-girnar .ap-legacy h2{font-size:48px;letter-spacing:8px} #ap-girnar .ap-legacy p{font-size:17px} #ap-girnar .ap-legacy-inner{grid-template-columns:minmax(0,.3fr) minmax(0,1.7fr)} #ap-girnar .ap-enquiry h2{font-size:40px;letter-spacing:3px} #ap-girnar .ap-field{grid-template-columns:1fr;gap:6px} #ap-girnar .ap-fields{gap:22px;margin-bottom:36px} #ap-girnar .ap-enquiry-copy{padding-top:0} } @media(max-width:767px){ #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities.ap-mobile-view > div:nth-child(2) .ap-shade { background: linear-gradient(182deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 75%, rgb(196 162 130 / 63%)) !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities.ap-mobile-view > div:nth-child(2) > article:nth-child(1) .ap-slide-layout{ background: transparent!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities.ap-mobile-view > div:nth-child(2) img { object-position: 72% top !important; height: 113%!important; } #ap-girnar .ap-slide-layout{ gap: 0!important; } #ap-girnar .ap-girnar-hero { align-items: flex-start!important; } #ap-home .ap-hero h1 { font-size: clamp(32px, 8.2vw, 58px)!important; letter-spacing: clamp(3px, 0.9vw, 6px)!important; line-height: 1.3!important; margin-bottom: 28px!important; } #ap-girnar .ap-girnar-hero-inner{ align-items: flex-end!important; justify-content: flex-end!important; } #ap-girnar .ap-girnar-hero-copy { text-align: right!important; } #ap-girnar .ap-girnar-hero>.ap-shade{ background: transparent!important; } #ap-girnar .ap-girnar-hero>.ap-backdrop { object-position: 100% center!important; } #ap-girnar .ap-shade { background: linear-gradient(1deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 27%, rgb(0 0 0 / 0%))!important; } .ap-slide-layout { background: linear-gradient(1deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 21%, rgb(0 0 0 / 0%))!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-prestige.ap-mobile-view > article > div.ap-slide-layout { background: #6a8390 !important; } .ap-mobile-view .ap-m-group .ap-slide-layout { padding: 15px 18px !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities.ap-mobile-view > article > div.ap-slide-layout { background: #8ed0ea !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities.ap-mobile-view > article > div.ap-shade { background: transparent !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view > article:nth-child(1) > div.ap-slide-layout { background: #9cb9ca !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view > article:nth-child(3) > div.ap-slide-layout { background: #a27f76 !important; } section.ap-scene.ap-slider.ap-slider-visuals article:nth-child(3) img { object-position: 45% center !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view > div:nth-child(4) > article:nth-child(1) > div.ap-slide-layout > div.ap-slide-heading{ margin-bottom: 0px!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect.ap-mobile-view > article > div.ap-slide-layout { background: #a49080 !important; } section.ap-scene.ap-slider.ap-slider-activities article:nth-child(1) img { object-position: 85% center !important; } #ap-girnar .ap-h-right .ap-shade { background: transparent; } #ap-girnar .ap-slide[data-heading-scale="small"] h2 { font-size: clamp(18px, 4vw, 26px) !important; line-height: 1.3 !important; letter-spacing: 2px !important; overflow-wrap: anywhere !important; } article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy .ap-slide-heading { margin-right: -5px; } section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-has-copy.ap-has-buttons.ap-m-story.ap-mobile-page:nth-child(1) .ap-slide-layout { background: #644d44 !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.\32 slides.ap-mobile-view > div:nth-child(2) > article:nth-child(1) > img { object-position: 52% center !important; } #ap-seven > section.ap-scene.ap-slider.ap-slider-visuals.\32 slides.ap-mobile-view > div:nth-child(3) > article:nth-child(1) > img { object-position: 56% center !important; } #ap-seven > section.ap-scene.ap-slider.ap-slider-visuals.\32 slides.ap-mobile-view > div:nth-child(6) > article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy.ap-has-buttons > div.ap-slide-layout > div.ap-slide-bottom > div { display: none; } #ap-seven > section.ap-scene.ap-slider.ap-slider-architect.ap-mobile-view > article > div.ap-slide-layout { background: #425777 !important; } #ap-girnar .ap-video-slide .ap-slide-heading { margin-top: 14vh; } #ap-girnar .ap-video-slide .ap-slide-heading h2{ color: #000; font-size: 27px !important; } #ap-seven > section.ap-scene.ap-slider.ap-slider-culture.ap-mobile-view > article > div.ap-slide-layout { background: #172f44 !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view > div:nth-child(4) > article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy.ap-has-buttons > div.ap-slide-layout > div.ap-slide-bottom > div{ display: none!important; } #ap-girnar .ap-legacy { padding: 40px 24px 25px!important; min-height: 100vh!important; } #ap-girnar .ap-legacy-inner, #ap-girnar .ap-legacy-copy { height: 100%; } #ap-girnar .ap-legacy h2, .ap-legacy p{ margin: 0; } #ap-girnar .ap-legacy-art{ margin-top: auto; } #ap-girnar .ap-enquiry { padding: 65px 24px; min-height: 100vh!important; } #ap-girnar .ap-enquiry { align-content: start; } #ap-girnar .ap-enquiry .ap-button { width: 60% !important; border-color: #fff !important; } #ap-girnar .ap-legal { width: 60% !important; color: #fff !important; } #ap-girnar .ap-enquiry h2 { font-size: clamp(32px, 8.2vw, 58px) !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: clamp(3px, .9vw, 6px) !important; } #ap-girnar .ap-legacy-inner{display:block!important} #ap-girnar.ap-legacy-copy{align-items:center;text-align:center} #ap-girnar .ap-legacy h2{ font-size: clamp(32px, 8.2vw, 58px) !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: clamp(3px, .9vw, 6px) !important; margin-bottom: 28px !important;} #ap-girnar .ap-legacy p{font-size:16px;margin-bottom:30px;max-width: 90%; font-size: clamp(15px, 3.6vw, 23px) !important; line-height: 1.45 !important; letter-spacing: .045em !important; color: #fff;} #ap-girnar .ap-legacy .ap-shade, #ap-legacy .ap-legacy .ap-shade { background: linear-gradient(1deg, rgb(0 0 0 / 91%) 0%, rgba(0, 0, 0, .25) 27%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 100%) !important; } #ap-girnar .ap-enquiry::before, .ap-enquiry::before { background: transparent !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-culture.ap-mobile-view > article > div.ap-slide-layout { background: #04283f !important; } #ap-girnar .ap-overview-copy { align-items: center; } #ap-girnar .ap-girnar-hero .ap-actions{ margin: 0!important; max-width: 100%!important; display: flex; } #ap-girnar .ap-girnar-hero-copy{ gap: 25px!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-prestige.ap-mobile-view > article > div.ap-slide-layout:before { background: rgb(72 117 140 / 87%); } #ap-girnar > section.ap-scene.ap-slider.ap-slider-prestige.ap-mobile-view > div.ap-m-group.ap-mobile-page > article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-has-copy > div.ap-slide-layout { place-self: end; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-prestige.ap-mobile-view > div.ap-m-group.ap-mobile-page .ap-slide-layout { padding: 15px 9px !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-prestige.ap-mobile-view > article > div.ap-slide-layout::before{ mask-image: linear-gradient(to bottom, #000 0%, #000000a3 89%, transparent 100%)!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.ap-mobile-view > article:nth-child(1) > div.ap-slide-layout::before { background: rgb(109 97 83 / 31%); mask-image: linear-gradient(to bottom, #000 0%, #000000 90%, transparent 100%)!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect.ap-mobile-view > article > div.ap-slide-layout { background: rgb(109 97 83 / 31%); mask-image: linear-gradient(to bottom, #000 0%, #000000 90%, transparent 100%)!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-culture.ap-mobile-view > article > div.ap-slide-layout > div.ap-slide-heading > h2 br { display: none; } g.ap-legacy-explore{ display: none; } a.ap-button.mobileonly{ display: block!important; } #ap-girnar{--ap-gutter:24px;--ap-display:clamp(29px,6.9vw,48px);--ap-body:16px;--ap-tracking:3px} #ap-girnar .ap-scene{min-height:max(620px,88svh)} #ap-girnar .ap-hero{min-height:max(680px,95svh)} #ap-girnar .ap-hero-inner{padding:110px 24px 45px} #ap-girnar .ap-hero-copy{max-width:100%} #ap-girnar .ap-hero h1{font-size:clamp(32px,8.2vw,58px);letter-spacing:clamp(3px,.9vw,6px);line-height:1.3;margin-bottom:28px} #ap-girnar .ap-hero p{font-size:16px;line-height:1.5;margin-bottom:28px;max-width:32ch} #ap-girnar .ap-hero p br,#ap-girnar .ap-slide-description br{display:none} #ap-girnar .ap-hero .ap-backdrop{object-position:36% center} #ap-girnar .ap-hero .ap-shade{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 85%)} #ap-girnar .ap-button{font-size:11px;letter-spacing:2.5px;padding:13px 18px;min-height:46px} #ap-girnar .ap-slide-layout{padding:80px 32px 40px;gap:38px;grid-template-rows:1fr auto} #ap-girnar .ap-slide-heading{width:100%;max-width:100%} #ap-girnar .ap-slide h2,#ap-girnar .ap-slider-collection .ap-slide h2{font-size:var(--ap-display);letter-spacing:var(--ap-tracking);line-height:1.33} #ap-girnar .ap-slide-description{font-size:16px;line-height:1.5;max-width:100%} #ap-girnar .ap-v-bottom h2,#ap-girnar .ap-slider-collection .ap-v-bottom h2{font-size:clamp(24px,5.6vw,34px)} #ap-girnar .ap-slide-bottom{width:100%;gap:24px} #ap-girnar .ap-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #ap-girnar .ap-actions .ap-button{font-size:10px;letter-spacing:2px;padding:12px 8px} #ap-girnar .ap-arrow{width:28px;height:70px;font-size:48px}#ap-girnar .ap-prev{left:0}#ap-girnar .ap-next{right:0} #ap-girnar .ap-slider-controls{right:16px;top:16px} #ap-girnar .ap-pause{width:40px;height:40px} #ap-girnar .ap-progress{width:70px} #ap-girnar .ap-collage{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));min-height:780px} #ap-girnar .ap-collage figure{min-height:260px} #ap-girnar .ap-projects{grid-template-columns:minmax(0,1fr)} #ap-girnar .ap-project{width:100%;max-width:100%;min-height:540px;aspect-ratio:4/5;padding:22px 18px} #ap-girnar .ap-project h2{font-size:22px;letter-spacing:4px} #ap-girnar .ap-project-details{font-size:11px;letter-spacing:1.7px;flex-direction:row;flex-wrap:wrap;gap:14px} #ap-girnar .ap-location{padding:0;min-height:0;display:flex;flex-direction:column;gap:0} #ap-girnar .ap-map-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.05;overflow:hidden;z-index:0;order:2} #ap-girnar .ap-map-art img{position:absolute;left:-90%;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:right center} #ap-girnar .ap-location-inner{display:block;padding:28px 20px;order:1} #ap-girnar .ap-accordion{padding:20px 14px 32px} #ap-girnar summary{grid-template-columns:32px minmax(0,1fr) 26px;gap:12px;padding:18px 0;font-size:14px;letter-spacing:1.4px} #ap-girnar .ap-toggle{font-size:30px} #ap-girnar details ul{font-size:14px;padding:0 0 18px 44px} #ap-girnar details li{padding:7px 0} #ap-girnar .ap-legacy{padding:65px 24px;min-height:800px} #ap-girnar .ap-legacy-inner{display:block} #ap-girnar .ap-legacy-copy{align-items:center;text-align:center} #ap-girnar .ap-legacy h2{font-size:34px;letter-spacing:5px;line-height:1.25} #ap-girnar .ap-legacy p{font-size:16px;margin-bottom:30px;max-width:42ch} #ap-girnar .ap-legacy .ap-shade{background:rgba(0,0,0,.55)} #ap-girnar .ap-mobile-stats{display:none!important;width:100%} #ap-girnar .ap-mobile-stats dl{display:grid;gap:24px;margin-top:35px} #ap-girnar .ap-mobile-stats dt{font-size:40px;line-height:1.2} #ap-girnar .ap-mobile-stats small{font-size:16px} #ap-girnar .ap-mobile-stats dd{font-size:15px;line-height:1.4;max-width:30ch;margin:6px auto 0} #ap-girnar .ap-enquiry{padding:65px 24px;min-height:760px} #ap-girnar .ap-enquiry-inner{display:block} #ap-girnar .ap-enquiry h2{font-size:clamp(28px,6.6vw,40px);letter-spacing:2px;margin-bottom:32px} #ap-girnar .ap-enquiry::before{content:'';position:absolute;inset:0;background:rgba(242,229,213,.76);z-index:-1} #ap-girnar .ap-enquiry .ap-backdrop{object-position:35% center} #ap-girnar .ap-form{padding:0} #ap-girnar .ap-fields{padding-left:0px;gap:24px;margin-bottom:32px} #ap-girnar .ap-field label{font-size:16px} #ap-girnar .ap-field input{font-size:16px;height:16px} .ap-field { margin-bottom: 10px !important; } #ap-girnar .ap-enquiry .ap-button{width:100%;font-size:12px;letter-spacing:2px;padding-inline:12px} #ap-girnar .ap-legal{font-size:12px} } @media(prefers-reduced-motion:reduce){#ap-girnar *,#ap-girnar *::before,#ap-girnar *::after{transition:none!important;animation:none!important}} /* Used only by the standalone preview, never the WordPress template. */ .ap-preview-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:30px 5.6%;color:#fff;font:300 18px AP-Girnar-Avenir,sans-serif;letter-spacing:2px} .ap-preview-header a{color:inherit;text-decoration:none}.ap-preview-header nav{display:flex;gap:26px;font-size:10px;letter-spacing:3px;text-transform:uppercase} .ap-preview-footer{padding:30px;background:#171211;color:#ddd;font:14px/1.5 AP-Girnar-Avenir,sans-serif;text-align:center} @media(max-width:767px){.ap-preview-header{padding:24px;font-size:15px}.ap-preview-header nav{display:none}} /* CF7 may insert paragraph and break wrappers around shortcode fields. */ #ap-girnar .ap-field>p{display:contents} #ap-girnar .ap-field br{display:none} #ap-girnar .ap-form>.wpcf7-spinner{vertical-align:middle} /* Fit the two-line enquiry title to its actual column, including letter spacing. */ #ap-girnar .ap-enquiry-copy{container-type:inline-size} @media(min-width:768px){ #ap-girnar .ap-enquiry h2{font-size:min(clamp(38px,calc(32.857px + 2.2321vw),90px),8.3cqw)} } /* Girnar-specific sections. These rules use the same font and spacing system. */ #ap-girnar .ap-girnar-hero{min-height:max(800px,calc(var(--ap-scene-height)*1.17));display:grid;align-items:center} #ap-girnar .ap-girnar-hero>.ap-backdrop{object-position:left top} #ap-girnar .ap-girnar-hero>.ap-shade{background:linear-gradient(to right,transparent 40%,rgba(10,25,47,.4))} #ap-girnar .ap-girnar-hero-inner{display:flex;justify-content:flex-end;padding:clamp(120px,21svh,290px) 5% 40px} #ap-girnar .ap-girnar-hero-copy{width:100%;max-width:clamp(830px,calc(290px + 37.5vw),1250px);text-align:right;min-width:0} #ap-girnar .ap-girnar-hero h1{font-size:var(--ap-display);line-height:1.325;letter-spacing:var(--ap-tracking);margin:0 0 clamp(60px,11.111vw,160px)} #ap-girnar .ap-girnar-hero .ap-actions{justify-content:flex-end} #ap-girnar .ap-girnar-hero .ap-button{padding:14px 34px} #ap-girnar .ap-girnar-overview{background:#f7f7f7;min-height:90svh;display:flex;align-items:center;padding:80px 4%;color:#3a3a3a} #ap-girnar .ap-overview-inner{width:100%;max-width:2480px;margin:auto;display:flex;flex-direction:column;gap:clamp(80px,8vw,180px)} #ap-girnar .ap-overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:clamp(40px,4.167vw,90px);align-items:center} #ap-girnar .ap-overview-brand{display:flex;flex-direction:column;align-items:center;min-width:0} #ap-girnar .ap-girnar-logo{display:block;width:100%;max-width:650px;height:auto;object-fit:contain} #ap-girnar .ap-project-address{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:36px;text-transform:uppercase;font-size:clamp(17px,1.39vw,26px);letter-spacing:.5px;color:#322018} #ap-girnar .ap-location-pin{width:24px;height:24px;flex-shrink:0;color:#af842d} #ap-girnar .ap-overview-copy{display:flex;flex-direction:column;gap:clamp(30px,3vw,60px);min-width:0} #ap-girnar .ap-overview-copy>p{font-size:clamp(17px,calc(.286px + 1.1607vw),30px);line-height:1.7;letter-spacing:.3px} #ap-girnar .ap-overview-copy .ap-actions{gap:20px} #ap-girnar .ap-girnar-overview .ap-button{border-color:#d1c7bd;color:#72594f;font-size:clamp(13px,calc(1.43px + .8036vw),22px);letter-spacing:2px;padding:16px 32px} #ap-girnar .ap-girnar-overview .ap-button-filled,#ap-girnar .ap-girnar-overview .ap-button:hover{background:#72594f;color:#fff;border-color:#72594f} #ap-girnar .ap-girnar-overview .ap-button-filled:hover{background:transparent;color:#72594f;border-color:#d1c7bd} #ap-girnar .ap-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start} #ap-girnar .ap-overview-stat{padding:0 clamp(20px,2.78vw,55px);min-width:0} #ap-girnar .ap-overview-stat:not(:last-child){border-right:1px solid #d1c7bd} #ap-girnar .ap-stat-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;color:#af8431;font-size:clamp(64px,calc(30.86px + 2.857vw),104px);line-height:1;margin-bottom:15px} #ap-girnar .ap-stat-number>span{font-size:clamp(19px,calc(-1.57px + 1.4286vw),35px);font-weight:600;letter-spacing:clamp(2px,.273vw,7px)} #ap-girnar .ap-overview-stat>p{color:#000;font-size:clamp(15px,calc(2.14px + .893vw),25px);line-height:1.5;letter-spacing:.5px} #ap-girnar .ap-slide[data-heading-scale="small"] h2{font-size:clamp(17px, 4.6vw, 30px);clamp(5px,calc(3.57px + .4464vw),15px)} #ap-girnar .ap-slider-visuals .ap-v-top .ap-slide-heading{padding-top:clamp(25px,6.9vw,100px)} #ap-girnar .ap-slider-visuals [data-active-gallery="true"]{background:#7f5741} #ap-girnar .ap-girnar-location details li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px} #ap-girnar .ap-location-time{white-space:nowrap} #ap-girnar .ap-slide-logo{display:block;width:250px;max-width:100%;height:auto;object-fit:contain;margin:40px auto 0} #ap-girnar .ap-video-slide .ap-slide-heading{max-width:1000px;width:52%;padding-top:50px} #ap-girnar .ap-video-slide .ap-slide-bottom{align-items:center;justify-self:center;align-self:start} #ap-girnar .ap-video-play{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.85);color:#777;font-size:26px;padding:0} #ap-girnar .ap-video-play>span{margin-left:4px} #ap-girnar .ap-video-play:hover{background:white;color:#333} #ap-girnar .ap-video-dialog{width:min(92vw,1200px);max-width:92vw;max-height:90svh;padding:0;border:0;background:#000;color:#fff;overflow:auto} #ap-girnar .ap-video-dialog::backdrop{background:rgba(0,0,0,.88)} #ap-girnar .ap-video-dialog-inner{position:relative;padding-top:48px} #ap-girnar .ap-video-dialog video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;background:#000} #ap-girnar .ap-video-close{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:#000;color:#fff;font-size:36px;line-height:1} #ap-girnar .ap-video-error{padding:18px;font-size:16px;line-height:1.5} #ap-girnar .ap-video-error a{text-decoration:underline} @media(min-width:1920px){#ap-girnar .ap-overview-stat{text-align:center}#ap-girnar .ap-stat-number{justify-content:center}} @media(max-width:1024px){ #ap-girnar .ap-girnar-hero-copy{max-width:720px} #ap-girnar .ap-girnar-hero-inner{padding:120px 5% 60px} #ap-girnar .ap-girnar-hero h1{font-size:clamp(48px,6vw,64px);margin-bottom:80px} #ap-girnar .ap-overview-grid{grid-template-columns:1fr;gap:40px} #ap-girnar .ap-girnar-logo{max-width:440px} #ap-girnar .ap-overview-copy{text-align:center;gap:30px} #ap-girnar .ap-overview-copy>p{font-size:18px} #ap-girnar .ap-overview-copy .ap-actions{justify-content:center} #ap-girnar .ap-overview-stats{grid-template-columns:1fr;gap:35px} #ap-girnar .ap-overview-stat{text-align:center;padding:0 0 35px} #ap-girnar .ap-overview-stat:not(:last-child){border-right:0;border-bottom:1px solid #d1c7bd} #ap-girnar .ap-stat-number{justify-content:center} #ap-girnar .ap-video-slide .ap-slide-heading{width:75%;padding-top:25px} } @media(max-width:767px){ #ap-girnar .ap-girnar-hero{min-height:max(720px,95svh)} #ap-girnar .ap-girnar-hero>.ap-backdrop{object-position:35% center} #ap-girnar .ap-girnar-hero>.ap-shade{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 90%)} #ap-girnar .ap-girnar-hero-inner{padding:120px 24px 50px;align-items:flex-end} #ap-girnar .ap-girnar-hero-copy{text-align:center;max-width:100%} #ap-girnar .ap-girnar-hero h1{font-size:clamp(30px,7.8vw,58px);letter-spacing:3px;margin-bottom:55px} #ap-girnar .ap-girnar-hero .ap-actions{grid-template-columns:1fr;gap:14px;max-width:340px;margin:auto} #ap-girnar .ap-girnar-hero .ap-button{font-size:11px;letter-spacing:2.5px;padding:14px 18px} #ap-girnar .ap-girnar-overview{padding:60px 24px;min-height:0} #ap-girnar .ap-overview-inner{gap:50px} #ap-girnar .ap-girnar-logo{max-width:320px} #ap-girnar .ap-project-address{font-size:15px;gap:8px;margin-top:20px} #ap-girnar .ap-overview-copy>p{font-size:16px;line-height:1.65} #ap-girnar .ap-overview-copy .ap-actions{grid-template-columns:1fr;gap:14px} #ap-girnar .ap-girnar-overview .ap-button{font-size:11px;letter-spacing:2px;padding:14px 12px} #ap-girnar .ap-stat-number{font-size:58px;gap:12px} #ap-girnar .ap-stat-number>span{font-size:18px;letter-spacing:2px} #ap-girnar .ap-overview-stat>p{font-size:15px} #ap-girnar .ap-slide[data-heading-scale="small"] h2{font-size:clamp(23px,5.6vw,34px);letter-spacing:2px} #ap-girnar .ap-slider-visuals .ap-v-top .ap-slide-heading{padding-top:25px} #ap-girnar .ap-girnar-location details li{gap:10px} #ap-girnar .ap-video-slide .ap-slide-heading{width:100%;padding-top:0} #ap-girnar .ap-video-slide .ap-slide-bottom{align-self:center} #ap-girnar .ap-slide-logo{width:180px;margin-top:30px} #ap-girnar .ap-video-play{width:64px;height:64px;font-size:23px} } /* Girnar hero positioning and project registration block. */ #ap-girnar .ap-girnar-hero{align-items:stretch} #ap-girnar .ap-girnar-hero-inner{padding:120px 5% max(55px,20svh)} #ap-girnar .ap-girnar-hero-copy{display:grid;grid-template-rows:1fr auto;gap:55px} #ap-girnar .ap-girnar-hero h1{align-self:center;margin:0} #ap-girnar .ap-girnar-hero .ap-actions{align-self:end} #ap-girnar .ap-rera-info{display:flex;align-items:center;gap:20px;min-width:0} #ap-girnar .ap-rera-qr{width:clamp(80px,4.7vw,120px);height:auto;flex-shrink:0} #ap-girnar .ap-rera-info p{font-size:clamp(16px,1.18vw,30px);line-height:1.5;overflow-wrap:anywhere;color:#3a3a3a} #ap-girnar .ap-slide[data-original-size="60"] h2{font-size:clamp(42px,calc(21.43px + 2.6786vw),90px)} @media(max-width:1920px){#ap-girnar .ap-girnar-hero>.ap-backdrop{object-position:60% center}} @media(max-width:1024px){#ap-girnar .ap-rera-info{justify-content:center}} @media(max-width:767px){ #ap-girnar .ap-girnar-hero-inner{padding:120px 24px 55px;align-items:stretch} #ap-girnar .ap-girnar-hero>.ap-backdrop{object-position:35% center} #ap-girnar .ap-girnar-hero h1{font-size:clamp(29px,7.5vw,50px);letter-spacing:2px;margin:0} #ap-girnar .ap-girnar-hero .ap-actions{margin:0 auto} #ap-girnar .ap-rera-info{gap:15px} #ap-girnar .ap-slide[data-original-size="60"] h2{font-size:var(--ap-display)} } @media screen and (min-width: 768px) { .ap-slide-layout { background: transparent!important; }#ap-girnar > section.ap-scene.ap-slider.ap-slider-activities > article:not(:first-child) > div.ap-shade { background: linear-gradient(9deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 0%) 24%, rgb(0 0 0 / 0%) 100%) !important; }#ap-girnar > section.ap-scene.ap-slider.ap-slider-activities > article:first-child > div.ap-shade { background: linear-gradient(99deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%) 45%, rgb(0 0 0 / 0%)); } section.ap-scene.ap-slider.ap-slider-prestige article[aria-label="4 of 4"] .ap-shade { background: linear-gradient(9deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 0%) 24%, rgb(0 0 0 / 0%) 100%) !important; }#ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals > article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right > div.ap-shade { background: linear-gradient(340deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 0%) 24%, rgb(0 0 0 / 0%) 100%) !important; } #ap-girnar .ap-seven-hero>.ap-shade { background: linear-gradient(to right, transparent 40%, rgba(10, 25, 47, .4))!important; } #ap-girnar .ap-girnar-hero { align-items: flex-start!important; } .ap-enquiry > * { color: #000 !important; } .ap-enquiry label { color: #000000 !important; } .ap-field input { border-bottom: 1.5px solid rgb(73 73 73 / 75%) !important; } form.ap-form.ap-demo-form { max-width: 90%!important; } article.ap-slide.ap-v-bottom[data-original-size="35"] .ap-slide-heading{ margin-bottom: -4%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-visuals.\32 slides > article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-current.ap-has-copy.ap-has-buttons > div.ap-shade { background: linear-gradient(90deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, .10) 100%)!important; } .ap-actions { margin-top: 1%!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-h-left.ap-v-middle.ap-t-left.ap-current.ap-has-copy > div.ap-slide-layout > div.ap-slide-heading { margin-top: -17%; max-width: 80%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-h-left.ap-v-middle.ap-t-left.ap-has-copy.ap-current > div.ap-shade { background: linear-gradient(90deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, .10) 100%); } #ap-girnar .ap-girnar-hero-inner , #ap-girnar .ap-girnar-hero-copy{ height: 100%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-activities > article.ap-slide.ap-h-left.ap-v-middle.ap-t-left.ap-has-copy.ap-current > div.ap-slide-layout > div.ap-slide-heading { margin-top: -15%!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-video-slide.ap-h-left.ap-v-top.ap-t-center.ap-has-copy.ap-current > div.ap-slide-layout > div.ap-slide-heading > h2{ text-align: left; font-size: clamp(33px, calc(15.715px + 2.3393vw), 68px); }#ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-video-slide.ap-h-left.ap-v-top.ap-t-center.ap-has-copy.ap-current > div.ap-slide-layout > div.ap-slide-heading > img{ margin: 50px 0 0 0!important; width: 380px; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-video-slide.ap-h-left.ap-v-top.ap-t-center.ap-has-copy.ap-current > div.ap-shade{ background: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 29%, rgb(0 0 0 / 0%))!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-culture > article > div.ap-slide-layout > div.ap-slide-heading { margin-top: 5%; } #ap-girnar .ap-legacy-inner { height: 100%; margin-top: 2%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-has-copy.ap-current > div.ap-shade { background: linear-gradient(82deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 45%, rgb(0 0 0 / 0%))!important; } #ap-girnar .ap-video-slide .ap-slide-heading { max-width: 1200px; width: 75%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-video-slide.ap-h-left.ap-v-top.ap-t-center.ap-has-copy.ap-current > div.ap-slide-layout > div.ap-slide-heading > h2{ letter-spacing: clamp(5px,calc(3.57px + .4464vw),15px)!important; } } @media(min-width:1920px){ article.ap-slide.ap-v-bottom[data-original-size="35"] h2 { font-size: 50px !important; letter-spacing: 7px !important; } #ap-girnar .ap-girnar-hero-copy{ padding-top: 8%; }#ap-girnar .ap-girnar-hero h1 { align-self: auto !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-has-copy.ap-current > div.ap-slide-layout > div.ap-slide-heading { margin-top: 6%; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect > article.ap-slide.ap-h-left.ap-v-top.ap-t-left.ap-has-copy.ap-current > div.ap-slide-layout{ background: transparent!important; } } @media (max-width: 390px) { #ap-girnar .ap-enquiry .ap-button { width: 65% !important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-architect.ap-mobile-view > article > div.ap-slide-layout:before { background: rgb(61 48 36 / 58%)!important; mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%)!important; } #ap-girnar > section.ap-scene.ap-slider.ap-slider-culture.ap-mobile-view > article > div.ap-slide-layout { padding: clamp(50px, 14vw, 100px) 8% clamp(40px, 10vw, 112px) !important; } #ap-enquiry > img { object-position: 0% top !important; height: 110% !important; } #ap-girnar .ap-slide[data-heading-scale="small"] h2 { font-size: clamp(16.7px, 4vw, 26px) !important; } }