:root {
--bg: #192a24;
--bg2: #11201b;
--text: #dba098;
--ivory: #f2e9df;
--muted: #aeb8b1;
--line: rgba(219, 160, 152, 0.24);
--serif: "Cormorant Garamond", serif;
--sans: "Montserrat", sans-serif;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body { margin: 0; background: var(--bg);  color: var(--ivory); font-family: var(--sans); font-weight: 300; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.text-center { text-align: center; }
b { font-weight: 600; }
.page-loader { position: fixed; inset: 0;  background: var(--bg2); display: grid; place-items: center; z-index: 9999; transition: opacity 0.8s, visibility 0.8s; }
.page-loader span { font-family: var(--serif); letter-spacing: 0.35em; color: var(--text); font-size: clamp(1rem, 2vw, 1.5rem); }
.page-loader.done { opacity: 0; visibility: hidden; }
.site-header { position: fixed; top: 0; left: 0; width: 100%; height: 86px; z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 12px 5vw; border-bottom: 1px solid transparent; transition: 0.4s; }
.site-header.scrolled { background: rgba(25, 42, 36, 0.9); backdrop-filter: blur(16px); border-color: var(--line); }
.brand img { width: 170px; height: 58px; object-fit: contain; object-position: left center; }
.nav { display: flex; gap: 34px; }
.nav a { font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; position: relative; }
.nav a:after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 1px; background: var(--text); transition: 0.3s; }
.nav a:hover:after { width: 100%; }
.menu-toggle { display: none; background: none; border: 0; width: 42px; height: 42px; }
.menu-toggle span { display: block; width: 25px; height: 1px; background: var(--ivory); margin: 7px auto; }
.enquiry-rail { position: fixed; display: none; right: 0; top: 45%; z-index: 900; background: var(--text); color: var(--bg2); padding: 18px 10px; writing-mode: vertical-rl; text-transform: uppercase; letter-spacing: 0.2em; font-size: 10px; font-weight: 600; }
.section { padding: 120px 7vw; }
.eyebrow { color: var(--text); text-transform: uppercase; letter-spacing: 0.24em; font-size: 11px; font-weight: 500; margin: 0 0 18px; }
.hero { min-height: 100vh; position: relative; padding-bottom: 86px; }
.carousel { height: calc(100vh - 86px); min-height: 680px; position: relative; overflow: hidden; }
.slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.06); transition: opacity 1s, transform 7s; }
.slide.active { opacity: 1; transform: scale(1); }
.slide-shade { position: absolute; inset: 0; background: linear-gradient(
90deg,
rgba(10, 20, 17, 0.88),
rgba(10, 20, 17, 0.25) 60%,
rgba(10, 20, 17, 0.05)
),
linear-gradient(0deg, rgba(10, 20, 17, 0.5), transparent 45%);
}
.hero-copy { position: absolute; left: 7vw; top: 50%; transform: translateY(-45%); max-width: 680px; z-index: 99; }
.hero h1, .hero h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(58px, 7vw, 112px); line-height: 0.87; margin: 0 0 28px; }
.hero-copy > p:not(.eyebrow) { max-width: 650px; line-height: 1.8; color: #ddd4cb; }
.btn { display: inline-flex; align-items: center; justify-content: center; margin-top: 24px; padding: 15px 24px; border: 1px solid var(--text); color: var(--text); text-transform: uppercase; letter-spacing: 0.14em; font-size: 10px; transition: 0.35s; background: transparent; }
.btn:hover { background: var(--text); color: var(--bg); }
.carousel-controls { position: absolute; right: 5vw; bottom: 38px; display: flex; gap: 10px; z-index: 3;
}
.dot { width: 34px; height: 2px; background: rgba(255, 255, 255, 0.35); border: 0; padding: 0; cursor: pointer; }
.dot.active { background: var(--text); }
.hero-form { position: absolute;width: 80%; transform: translate(-50%); left: 50%; right: 5vw; bottom: 0; z-index: 20; min-height: 86px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr auto; background: #efe9e1; color: var(--bg); padding: 18px 22px; gap: 18px; box-shadow: 0 -12px 35px rgba(0, 0, 0, 0.18);  }
.hero-form label {
display: flex;
flex-direction: column;
gap: 5px;
border-right: 1px solid rgba(25, 42, 36, 0.2);
}
.hero-form span,
.field label {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.18em;
font-weight: 600;
}
.hero-form input,
.field input,
.field textarea {
background: transparent;
border: 0;
border-bottom: 1px solid rgba(25, 42, 36, 0.3);
padding: 8px 0;
outline: none;
color: inherit;
}

.hero-form textarea { background: transparent;
border: 0;
border-bottom: 1px solid rgba(25, 42, 36, 0.3);
padding: 8px 0;
outline: none;
color: inherit; }

.hero-form button {
background: var(--bg);
color: var(--text);
border: 0;
padding: 0 35px;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 10px;
cursor: pointer;
}
.building-story,
.living-section {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 7vw;
align-items: center;
background: var(--bg2);
}
.section-copy h2,
.section-heading h2,
.club-title h2,
.contact h2,
.closing-copy h2 {
font-family: var(--serif);
font-size: clamp(46px, 5vw, 82px);
font-weight: 400;
line-height: 0.95;
margin: 0 0 26px;
}
.section-copy p,
.section-heading p:not(.eyebrow),
.contact-copy p {
color: var(--muted);
line-height: 1.9;
max-width: 720px;
}
.building-stage {
height: 740px;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
}
.building-image {
height: 108%;
width: auto;
max-width: none;
transform: translateY(16%) scale(0.86);
filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.45));
transition: transform 0.1s linear;
}
.building-glow {
position: absolute;
width: 75%;
height: 50%;
bottom: 3%;
background: radial-gradient(circle, rgba(219, 160, 152, 0.18), transparent 70%);
filter: blur(30px);
}
.video-section {
background: #e9e2d9;
color: var(--bg);
}
.video-section .eyebrow {
color: #8c554e;
}
.video-frame {
margin-top: 54px;
aspect-ratio: 16/8.2;
box-shadow: 0 35px 90px rgba(18, 32, 26, 0.18);
}
.video-frame iframe {
width: 100%;
height: 100%;
border: 0;
}
.numbers {
background: var(--bg);
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 54px;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.stat {
padding: 45px 25px;
border-right: 1px solid var(--line);
}
.stat:last-child {
border: 0;
}
.stat strong {
font-family: var(--serif);
font-size: clamp(52px, 5vw, 82px);
font-weight: 400;
color: var(--text);
}
.stat span {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.stat p {
color: var(--muted);
font-size: 13px;
line-height: 1.7;
}
.club-section {
background: var(--bg2);
position: relative;
z-index: 0;
padding: 120px 7vw 80px 7vw;
}
.club-section .disclanerBox { font-size: 8px; margin-top: 20px; text-align: center; }
.club-section:before { content:''; background-Image: url('../assets/club-bg.jpg'); top:0; left: 0; width:100%; height: 100%; position: absolute; background-attachment: fixed; opacity: 0.2; z-index: -1; }
.club-title {

grid-template-columns: 340px 1fr;
gap: 7vw;
align-items: center;

}
.club-title img {

mix-blend-mode: screen;
}
.club-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 65px;
}
.club-card {
border: 1px solid var(--line);
padding: 14px 14px 30px;
transition: 0.4s;
}
.club-card:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.025);
}
.club-visual {
height: 290px;
background-size: cover;
background-position: center;
margin-bottom: 24px;
filter: saturate(0.78);
}
.wellness {
background-image: linear-gradient(
rgba(25, 42, 36, 0.12),
rgba(25, 42, 36, 0.36)
),
url("..//assets/infinity-pool.png");
}
.gourmet {
background-image: linear-gradient(rgba(25, 42, 36, 0.08), rgba(25, 42, 36, 0.4)),
url("..//assets/office.png");
}
.recreation {
background-image: linear-gradient(rgba(25, 42, 36, 0.1), rgba(25, 42, 36, 0.4)),
url("..//assets/nature-evening.png");
}
.club-card span {
color: var(--text);
font-size: 10px;
}
.club-card h3 {
font-family: var(--serif);
font-size: 34px;
font-weight: 400;
margin: 10px 0;
}
.club-card p {
color: var(--muted);
font-size: 13px;
line-height: 1.7;
}
.design-gallery {
background: #e9e2d9;
color: var(--bg);
}
.design-gallery .eyebrow {
color: #8c554e;
}
.split-gallery {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 24px;
margin-top: 60px;
}
.split-gallery figure {
margin: 0;
overflow: hidden;
height: 520px;
}
.split-gallery figure:nth-child(2) {
margin-top: 110px;
height: 430px;
}
.split-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1s;
}
.split-gallery figure:hover img {
transform: scale(1.04);
}
.nature-walk {
height: 100vh;
position: relative;
overflow: hidden;
}
.nature-image {
position: sticky;
top: 0;
height: 100vh;
background-size: cover;
background-position: center;
transform: scale(1);
will-change: transform;
}
.nature-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(11, 24, 19, 0.75),
rgba(11, 24, 19, 0.08)
);
}
.nature-copy {
position: absolute;
top: 30vh;
left: 8vw;
max-width: 570px;
z-index: 2;
}
.nature-copy h2 {
font-family: var(--serif);
font-size: clamp(56px, 6vw, 96px);
font-weight: 400;
line-height: 0.9;
margin: 20px 0 26px;
}
.nature-copy p:last-child {
line-height: 1.85;
color: #e1d9d0;
}
.living-image {
height: 690px;
overflow: hidden;
}
.living-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.connectivity {
background: var(--bg);
}
.connect-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--line);
margin-top: 55px;
}
.connect-item {
background: var(--bg);
padding: 38px;
}
.connect-item b {
font-family: var(--serif);
font-weight: 400;
font-size: 68px;
color: var(--text);
display: block;
}
.connect-item span {
font-size: 12px;
line-height: 1.7;
color: var(--muted);
}
.connectivity small {
display: block;
margin-top: 18px;
color: var(--muted);
font-size: 9px;
}
.masterplan {
background: #e9e2d9;
color: var(--bg);
perspective: 1300px;
}
.masterplan .eyebrow {
color: #8c554e;
}

.plan-stage {
margin-top: 0px;
transform-style: preserve-3d;
will-change: transform;
}
.plan-stage img {
width: 100%;
box-shadow: 0 45px 85px rgba(25, 42, 36, 0.0);
}
.text-dark { color: #333 !important; }
.floorplans {
background: var(--bg2);
}
.floor-tabs {
display: flex;
gap: 35px;
border-bottom: 1px solid var(--line);
margin-top: 45px;
}
.floor-tab {
background: none;
border: 0;
color: var(--muted);
padding: 15px 0;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 10px;
cursor: pointer;
position: relative;
}
.floor-tab.active {
color: var(--text);
}
.floor-tab.active:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 2px;
background: var(--text);
}
.floor-panel {
display: grid;
grid-template-columns: 1.4fr 0.6fr;
gap: 60px;
margin-top: 35px;
}
.floor-placeholder {

border: 1px solid var(--line);
display: grid;
place-content: center;
text-align: center;
background: linear-gradient(135deg, rgba(219, 160, 152, 0.04), transparent);
}
.floor-placeholder span {
font-family: var(--serif);
font-size: 36px;
color: var(--text);
}
.floor-placeholder small {
color: var(--muted);
margin-top: 9px;
}
.floor-details {
padding-top: 35px;
}
.floor-details p {
border-bottom: 1px solid var(--line);
padding: 18px 0;
color: var(--muted);
}
.text-link {
display: inline-block;
margin-top: 25px;
color: var(--text);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.13em;
}
.testimonials {
background: var(--bg);
}
.testimonial-track {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 55px;
}
.testimonial-track blockquote {
margin: 0;
border: 1px solid var(--line);
padding: 42px;
font-family: var(--serif);
font-size: 29px;
line-height: 1.35;
color: #e7ddd4;
}
.testimonial-track footer {
font-family: var(--sans);
font-size: 10px;
color: var(--text);
text-transform: uppercase;
letter-spacing: 0.14em;
margin-top: 32px;
}
.closing-banner {
height: 100vh;

position: relative;
overflow: hidden;
}
.closing-banner img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 38%;
}
.closing-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(8, 18, 15, 0.9), rgba(8, 18, 15, 0.15));
}
.closing-copy {
position: absolute;
left: 8vw;
top: 50%;
transform: translateY(-50%);
max-width: 620px;
}
.closing-copy p:not(.eyebrow) {
line-height: 1.8;
color: #dfd6cd;
}
.contact {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
gap: 8vw;
background: #e9e2d9;
color: var(--bg);
}
.contact .eyebrow {
color: #8c554e;
}
.contact-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
.field {
display: flex;
flex-direction: column;
gap: 8px;
}
.field.full {
grid-column: 1/-1;
}
.contact-form .btn {
grid-column: 1/-1;
width: max-content;
color: var(--bg);
border-color: var(--bg);
}
.contact-form .btn:hover {
background: var(--bg);
color: var(--text);
}

.footer {
padding: 60px 7vw 30px;
background: #0d1a15;
align-items: center;
color: var(--muted);
font-size: 11px;
}
.footer img {
width: 180px;
}
.footer-links {
display: flex;
gap: 20px;
}
.copyright {
grid-column: 1/-1;
padding-top: 22px;
border-top: 1px solid var(--line);
text-align: center;
margin: 0px;}
.form-toast {
position: fixed;
left: 50%;
bottom: 30px;
transform: translate(-50%, 30px);
background: var(--text);
color: var(--bg);
padding: 16px 22px;
z-index: 2000;
opacity: 0;
visibility: hidden;
transition: 0.35s;
font-size: 12px;
}
.form-toast.show {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.reveal {
opacity: 0;
transform: translateY(35px);
transition: opacity 0.9s ease, transform 0.9s ease;
}
.reveal.visible {
opacity: 1;
transform: none;
}

.closing-copy { transform: translateY(-50%) !important; }

.masterplanBox { display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 2), 1fr); gap: var(--bs-gap, 1.5rem); }
.siteMapCntr { display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 2), 1fr); gap: var(--bs-gap, 1.5rem); }
.siteMapCntr div {  border: 1px solid #d7cfc5; padding: 20px; }
.siteMapCntr div ul { padding-left: 10px }
.siteMapCntr h2 { font-size: clamp(24px, 2vw, 82px); }


/*
vars
*/
/*
properties
*/

.cover-flow { margin: 0 auto; color: var(--bg); text-align: center; }
.cover-flow ul { margin: 20px auto 0 auto !important; }
.text-heading { z-index: 99; }
.gapCntr { margin-top: 0; padding: 60px 7vw; background: #e9e2d9; }
.galleryCntr { text-align: center; padding: 120px 7vw 20px 7vw; }
.footer2 { grid-template-columns: auto; padding-top: 0px; }
.footer2 img { margin: 0 auto; }
#London { display: block; }
#Paris { display: none;}
#Tokyo { display: none;}

.floor-placeholder { text-align: center; }
.floor-placeholder img { max-width: 100%; height: 100%; margin: 0 auto; }
.addressBox {}
.FooterBox { display: contents; display: grid; grid-template-columns: 180px 0.4fr 0.4fr 0.4fr; gap: 100px;  }
.video-frame video { height: 800px; }

.ui-imgBox2 ul {background: rgb(233, 226, 217); margin-top:0px !important; }

.rera_links_top { position: absolute; top: 0px; right: 30px; }
.rera_links_top span{ font-size: 10px; }

/*### GALLERY IMAGES SLIDER CLUB HOUSE ###*/



/*### GALLERY IMAGES SLIDER CLUB HOUSE ###*/



@media (max-width: 1100px) {
.siteMapCntr { display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 3), 1fr); gap: var(--bs-gap, 1.5rem); }
}
/*### RESPONSIVE ### */
@media (max-width: 900px) {
.siteMapCntr { grid-template-columns: repeat(var(--bs-columns, 1), 1fr); }
.site-header {
height: 72px;
}
.brand img {
width: 135px;
height: 48px;
}
.menu-toggle {
display: block;
z-index: 3;
}
.nav {
position: fixed;
inset: 0;
background: var(--bg2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 35px;
transform: translateX(100%);
transition: 0.4s;
}
.nav.open {
transform: translateX(0);
}
.nav a {
font-family: var(--serif);
font-size: 30px;
}
.hero {
padding-bottom: 0;
}
.carousel {
height: 100vh;
min-height: 680px;
}
.hero-copy {
left: 7vw;
right: 7vw;
}
.hero h1,
.hero h2 {
font-size: 60px;
}
.hero-form {
position: relative;
left: 50%;
right: auto;
grid-template-columns: 1fr;
padding: 25px;
margin: 0;
}
.hero-form label {
border-right: 0;
}
.hero-form button {
min-height: 48px;
}
.section {
padding: 85px 7vw;
}
.building-story,
.living-section,
.contact {
grid-template-columns: 1fr;
}
.building-stage {

}
.stats-grid,
.club-cards,
.connect-grid,
.testimonial-track {
grid-template-columns: 1fr 1fr;
}
.club-title {
grid-template-columns: 1fr;
}
.club-title img {
width: 280px;
}
.split-gallery {
grid-template-columns: 1fr;
}
.split-gallery figure:nth-child(2) {
margin-top: 0;
}
.floor-panel {
grid-template-columns: 1fr;
}
.footer {
grid-template-columns: 1fr;
text-align: center;
}
.footer img {
margin: auto;
}
.footer-links {
justify-content: center;
}

}
@media (max-width: 600px) {
    .FooterBox {
    display: unset;
    }
	.masterplanBox { grid-template-columns: repeat(var(--bs-columns, 1), 1fr); }
	.video-frame video { height: 200px; }
	.closing-copy { transform: translateY(-50%) !important; }
.building-stage { height: 400px; }
.siteMapCntr {grid-template-columns: repeat(var(--bs-columns, 1), 1fr); }

.enquiry-rail {
display: none;
}
.hero h1,
.hero h2 {
font-size: 49px;
}
.stats-grid,
.club-cards,
.connect-grid,
.testimonial-track {
grid-template-columns: 1fr;
}
.stat {
border-right: 0;
border-bottom: 1px solid var(--line);
}
.split-gallery figure,
.split-gallery figure:nth-child(2) {
height: 320px;
}
.nature-copy {
left: 7vw;
right: 7vw;
}
.nature-copy h2 {
font-size: 50px;
}
.living-image {
height: 420px;
}
.floor-tabs {
overflow: auto;
}

}
.contact-form {
grid-template-columns: 1fr;
}
.field.full,
.contact-form .btn {
grid-column: auto;
}
.footer {
gap: 00px 90px;
}
.closing-copy {
left: 7vw;
right: 7vw;
}
.site-header {
padding-inline: 4vw;
}

/*Custom CSS Code*/
a.club-section-cta {
    padding: 15px;
    display: inline-block;
    margin: 15px 0 -7px 0;
    font-weight: 500;
    background: #ffffff9e;
    transition: 0.5s;
    color: #000;
    border-radius: 7px;
}
a.club-section-cta:hover {
    background: #000;
    color: #fff;
    transition: 0.5s;
    border-color: #000;
}

.floating-contact-buttons {
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.floating-contact-btn {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    text-decoration: none;

    border-radius: 50%;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.20);

    transition:
        transform 0.25s ease,
        width 0.25s ease,
        border-radius 0.25s ease;
}

.floating-contact-btn:hover {
    width: 125px;
    border-radius: 28px;

    transform: translateX(-3px);
}

.floating-icon {
    font-size: 21px;
    line-height: 1;
}

.floating-label {
    display: none;

    margin-left: 8px;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.floating-contact-btn:hover .floating-label {
    display: inline-block;
}


/* Call */

.call-btn {
    background: #18352d;
    color: #ffffff;
}


/* WhatsApp */

.whatsapp-btn {
    background: #25D366;
    color: #ffffff;
}


/* Enquiry */

.enquiry-btn {
    background: #d99a91;
    color: #ffffff;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .floating-contact-buttons {
        right: 15px;
        bottom: 15px;
        gap: 8px;
    }

    .floating-contact-btn {
        width: 48px;
        height: 48px;
    }

    .floating-contact-btn:hover {
        width: 48px;
        border-radius: 50%;
        transform: none;
    }

    .floating-label {
        display: none !important;
    }

    .floating-icon {
        font-size: 19px;
    }
    .thankyou-popup-wrapper {
    width: 95% !important;
}

}

.thankyou-popup-wrapper {
    background: #ffffffc2;
    padding: 30px;
    border-radius: 30px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.thankyou-popup-wrapper h1.thankyou-heading {
    font-family: var(--serif);
    font-size: 87px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #192a24;
}
.thankyou-popup-wrapper img.thankyou_popup_image {
    width: 65%;
    text-align: center;
    margin: 0 auto;
}
.thankyou-popup-wrapper p.thankyou-message {
    color: #000;
    font-weight: 400;
    line-height: 25px;
    margin-top: 0;
}
.thankyou-popup-wrapper a.thankyou-popup-cta {
    border: 1px solid #192a24;
    padding: 15px;
    display: inline-block;
    background: #192a24;
    font-weight: 500;
}
section.thankyou_section_wrapper.section {
    padding: 130px 0 60px 0px;
}