*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}


/* OFFER BAR */
#Floating-offer{
    width:100%;
    height:38px;
    background:linear-gradient(90deg,#00152f,#004aad,#00152f);
    overflow:hidden;
    display:flex;
    align-items:center;
}


.offer-text{
    color:#fff;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    animation:slideOffer 14s linear infinite;
}


@keyframes slideOffer{
    from{
        transform:translateX(100%);
    }
    to{
        transform:translateX(-100%);
    }
}
/* ==========================
   HEADER SECTION
========================== */
#page-header{
    width:100%;
    height:85px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 5%;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position:relative;
    z-index:999;
}
/* LOGO */
.logo-box img{
    width:180px;
    height:auto;
    display:block;
}
/* HEADER BUTTON WRAPPER */
.header-buttons{
    display:flex;
    align-items:center;
    gap:15px;
}
/* BUTTON COMMON STYLE */
.premium-btn{
    height:42px;
    min-width:130px;
    padding:0 22px;
    border-radius:30px;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:600;
    transition:.3s ease;
    white-space:nowrap;
}
/* HOME BUTTON */
.home-btn{
    color:#003b73;
    border:2px solid #003b73;
}
.home-btn:hover{
    background:#003b73;
    color:white;
}
/* CALL BUTTON */
.call-btn{
    color:#fff;
    background:
    linear-gradient(135deg,#003b73,#007bff);
    box-shadow:
    0 8px 20px rgba(0,70,150,.25);
}
.call-btn:hover{
    transform:translateY(-3px);
}
/* ==========================
   LARGE TABLET
   1024px
========================== */
@media(max-width:1024px){
#page-header{
    padding:0 4%;
}
.logo-box img{
    width:160px;
}
.header-buttons{
    gap:12px;
}
.premium-btn{
    min-width:120px;
    height:40px;
    padding:0 18px;
    font-size:13px;
}
}
/* ==========================
   TABLET
   900px
========================== */
@media(max-width:900px){
#page-header{
    height:75px;
}
.logo-box img{
    width:145px;
}
.header-buttons{
    gap:10px;
}
.premium-btn{
    min-width:105px;
    height:36px;
    font-size:12px;
}
}
/* ==========================
   MOBILE
   600px
========================== */
@media(max-width:600px){
#Floating-offer{
    height:32px;
}
.offer-text{
    font-size:11px;
}
#page-header{
    height:70px;
    padding:8px 15px;
}
.logo-box img{
    width:120px;
}
.header-buttons{
    flex-direction:row;
    gap:6px;
}
.premium-btn{
    min-width:auto;
    width:85px;
    height:28px;
    padding:0;
    font-size:11px;
}
}
/* ==========================
   SMALL MOBILE
   480px
========================== */
@media(max-width:480px){
#page-header{
    padding:8px 12px;
}
.logo-box img{
    width:110px;
}
.header-buttons{
    gap:5px;
}
.premium-btn{
    width:100px;
    height:26px;
    font-size:10px;
}
}
/* ==========================
   EXTRA SMALL MOBILE
   360px
========================== */
@media(max-width:360px){
#page-header{
    padding:8px 10px;
}
.logo-box img{
    width:95px;
}
.header-buttons{
    gap:4px;
}
.premium-btn{
    width:90px;
    height:24px;
    font-size:9px;
}
}
/* ==========================
   VERY SMALL DEVICES
   320px
========================== */
@media(max-width:320px){
#page-header{
    height:60px;
}
.logo-box img{
    width:85px;
}
.premium-btn{
    width: 75px;
    height:22px;
    font-size:8px;
}
}
/* ===========Hero Section=================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


.hero{

    position:relative;
    width:100%;
    height:100vh;
    min-height:650px;

    overflow:hidden;

    display:flex;
    align-items:center;

    font-family:'Poppins',sans-serif;

    padding:0 7%;

}



/* VIDEO */

.hero-video{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:-2;

    transform:scale(1.04);

}



/* PREMIUM OVERLAY */

.overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        90deg,
        rgba(0,0,0,.82),
        rgba(0,0,0,.48),
        rgba(0,0,0,.25)
    );

    z-index:-1;

}



/* CONTENT */

.hero-content{

    max-width:760px;

    color:#fff;

    text-align:left;

    animation:fadeUp 1.1s ease;

}



/* LUXURY HEADING */

.hero-content h1{

    font-family:'Playfair Display',serif;

    font-size:62px;

    font-weight:700;

    line-height:1.12;

    letter-spacing:-0.5px;

    margin:0 0 22px;

    color:#fff;

    text-transform:capitalize;

    text-shadow:

    0 10px 40px rgba(0,0,0,.7);

}



/* HIGHLIGHT WORD */

.hero-content h1 span{


    background:

    linear-gradient(
        120deg,
        #ffffff,
        #00d4ff,
        #007bff
    );


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;


    position:relative;

}



/* UNDERLINE GLOW */

.hero-content h1 span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:100%;

    height:3px;

    border-radius:10px;


    background:

    linear-gradient(
        90deg,
        #00d4ff,
        transparent
    );

}



/* DESCRIPTION */

.hero-content p{


    max-width:620px;


    font-size:16px;


    font-weight:300;


    line-height:1.8;


    letter-spacing:.3px;


    margin:0 0 32px;


    color:rgba(255,255,255,.88);

}



/* BUTTON AREA */

.hero-buttons{

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}



/* BUTTON */

.btn{

    padding:14px 32px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    font-family:'Poppins',sans-serif;

    letter-spacing:.3px;

    text-decoration:none;

    transition:.35s ease;

}



/* PRIMARY */

.primary{


    color:#fff;


    background:

    linear-gradient(
        135deg,
        #00a8ff,
        #004b8d
    );


    box-shadow:

    0 15px 35px rgba(0,140,255,.35);

}



.primary:hover{

    transform:translateY(-5px);

    box-shadow:

    0 20px 45px rgba(0,140,255,.5);

}



/* SECONDARY */

.secondary{


    color:#fff;


    border:1px solid rgba(255,255,255,.6);


    background:

    rgba(255,255,255,.08);


    backdrop-filter:blur(10px);

}



.secondary:hover{


    background:#fff;


    color:#111;


    transform:translateY(-5px);

}



/* SCROLL ICON */

.scroll-down{


    position:absolute;

    bottom:28px;


    left:50%;


    transform:translateX(-50%);


    width:25px;


    height:40px;


    border:

    2px solid rgba(255,255,255,.7);


    border-radius:20px;

}



.scroll-down::before{


    content:"";


    position:absolute;


    top:8px;


    left:50%;


    width:6px;


    height:6px;


    background:#fff;


    border-radius:50%;


    transform:translateX(-50%);


    animation:scroll 1.5s infinite;

}



@keyframes scroll{


    0%{

        top:8px;

        opacity:1;

    }


    100%{

        top:26px;

        opacity:0;

    }

}



/* TEXT ANIMATION */

@keyframes fadeUp{


    from{

        opacity:0;

        transform:translateY(35px);

    }


    to{

        opacity:1;

        transform:translateY(0);

    }

}



/* MOBILE */

@media(max-width:768px){


.hero{


    height:90vh;


    min-height:560px;


    padding:0 25px;


    justify-content:center;


    text-align:center;

}



.hero-content{


    text-align:center;

}



.hero-content h1{


    font-size:38px;


    line-height:1.2;

}



.hero-content p{


    font-size:14px;


}



.hero-buttons{


    justify-content:center;

}



.btn{


    padding:12px 24px;


    font-size:13px;

}



.overlay{


    background:

    linear-gradient(

        180deg,

        rgba(0,0,0,.65),

        rgba(0,0,0,.85)

    );

}


}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


/* ================= HERO WRAPPER ================= */

.hero{
    position:relative;
    width:100%;
    height:100vh;
    min-height:650px;
    display:flex;
    align-items:center;
    padding:0 7%;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
    isolation:isolate;
}


/* ================= VIDEO ================= */

.hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:-3;
    transform:scale(1.08);
}


/* ================= OVERLAY ================= */

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.85),
        rgba(0,0,0,.55),
        rgba(0,0,0,.35)
    );
    z-index:-2;
}


/* ================= CONTENT ================= */

.hero-content{
    max-width:780px;
    color:#fff;
    animation:fadeUp 1s ease;
}

.hero-content h1{
    font-family:'Playfair Display',serif;
    font-size:64px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:18px;
    text-shadow:0 15px 40px rgba(0,0,0,.8);
}

.hero-content p{
    font-size:17px;
    line-height:1.8;
    font-weight:300;
    max-width:600px;
    color:rgba(255,255,255,.9);
    margin-bottom:30px;
}


/* ================= BUTTON ================= */

.hero-buttons{
    display:flex;
}

.hero-buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:300px;

    padding:16px 0;
    border-radius:50px;

    font-size:16px;
    font-weight:600;
    letter-spacing:.5px;

    text-decoration:none;
    color:white;

    background:transparent;
    border:2px solid #fff;

    position:relative;
    overflow:hidden;

    transition:.4s ease;
    z-index:1;
}

/* GOLD FILL ANIMATION */

.hero-buttons a::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#d4af37,#ffd700);
    transform:scaleX(0);
    transform-origin:left;
    transition:.45s ease;
    z-index:-1;
}

.hero-buttons a:hover::before{
    transform:scaleX(1);
}

.hero-buttons a :hover{
    color:#111;
    border-color:#d4af37;
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(212,175,55,.35);
}


/* ================= SCROLL INDICATOR ================= */

.scroll-down{
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    width:26px;
    height:42px;
    border:2px solid rgba(255,255,255,.8);
    border-radius:20px;
}

.scroll-down::before{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    transform:translateX(-50%);
    animation:scroll 1.5s infinite;
}


/* ================= ANIMATIONS ================= */

@keyframes scroll{
    0%{top:8px;opacity:1;}
    100%{top:28px;opacity:0;}
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* ================= RESPONSIVE ================= */

@media(max-width:768px){

.hero{
    height:100svh;
    padding:0 25px;
    justify-content:center;
    text-align:center;
}

.hero-video{
    transform:scale(1.15);
}

.overlay{
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.55),
        rgba(0,0,0,.9)
    );
}

.hero-content h1{
    font-size:38px;
}

.hero-content p{
    font-size:14px;
    margin:0 auto 25px;
}

.hero-buttons{
    justify-content:center;
}

.btn{
    width:260px;
}

.scroll-down{
    display:none;
}

}

@media(max-width:400px){

.hero-content h1{
    font-size:32px;
}

.hero{
    padding:0 18px;
}

.btn{
    width:100%;
    max-width:260px;
}

}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');


.kitchen-showcase{

width:100%;
padding:100px 7%;
position:relative;
overflow:hidden;
font-family:'Poppins',sans-serif;

background:
linear-gradient(
90deg,
rgba(0,0,0,.88),
rgba(0,0,0,.75)
),
url("kitchen-bg.jpg");

background-size:cover;
background-position:center;

}



/* blur background */

.kitchen-showcase:before{

content:"";
position:absolute;
inset:-30px;

background:url("../Images/Img/Modular-kichen-content.png");

background-size:cover;
background-position:center;

filter:blur(18px);

opacity:.35;

z-index:0;

}



.kitchen-wrap{

position:relative;
z-index:2;

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

gap:80px;

}



/* VIDEO */

.kitchen-video{

width:50%;
height:540px;

border-radius:30px;

overflow:hidden;

position:relative;

box-shadow:
0 30px 80px rgba(0,0,0,.5);

}


.kitchen-video video{

width:100%;
height:100%;

object-fit:cover;

transform:scale(1.05);

transition:.8s;

}


.kitchen-video:hover video{

transform:scale(1.12);

}



.kitchen-video:after{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
180deg,
transparent,
rgba(0,0,0,.45)
);

}



/* CONTENT */


.kitchen-video-content{

width:42%;

color:white;

}



.kitchen-video-content span{

font-size:13px;

letter-spacing:5px;

color:#d4ad63;

font-weight:500;

}



.kitchen-video-content h2{


font-family:'Playfair Display',serif;

font-size:52px;

line-height:1.2;

margin:22px 0;

font-weight:700;

color:#fff;


}



.kitchen-video-content p{

font-size:17px;

line-height:1.9;

color:rgba(255,255,255,.82);

font-weight:300;

margin-bottom:40px;


}




.kitchen-vid-btn{

display:inline-block;

padding:16px 42px;

background:#d4ad63;

color:white;

font-size:15px;

letter-spacing:.5px;

text-decoration:none;

border-radius:50px;

transition:.4s;

}



.kitchen-vid-btn:hover{

background:white;

color:#111;

transform:translateY(-5px);

}





/* MOBILE */

@media(max-width:900px){


.kitchen-showcase{

padding:70px 5%;

}


.kitchen-wrap{

flex-direction:column;

gap:50px;

}



.kitchen-video,
.kitchen-video-content{

width:100%;

}


.kitchen-video{

height:420px;

}



.kitchen-video-content h2{

font-size:36px;

}



}

/* ================= HERO TITLE ================= */

.section-title{
  text-align:center;
  padding:70px 20px 40px;
}

.section-title h1{
  font-family:'Playfair Display', serif;
  font-size:48px;
  font-weight:600;
  letter-spacing:1px;
  margin:0;
  display:inline-block;
}

.section-title .line{
  width:120px;
  height:3px;
  margin:18px auto 15px;
  background:linear-gradient(90deg,#b8860b,#f7e7a6,#d4af37);
  border-radius:50px;
  position:relative;
  overflow:hidden;
}

.section-title .line::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:rgba(255,255,255,0.6);
  transform:skewX(-20deg);
  animation:shine 2.5s infinite;
}

@keyframes shine{
  0%{left:-40%;}
  100%{left:120%;}
}

.section-title p{
  font-family:'Cormorant Garamond', serif;
  font-size:20px;
  color:#666;
  margin-top:10px;
}

/* ================= GALLERY ================= */

.gallery{
  width:92%;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  padding-bottom:80px;
}

/* GOLD LUXURY CARD */
.gallery-item{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  cursor:pointer;

  border:2px solid transparent;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(135deg, #d4af37, #f7e7a6, #b8860b) border-box;

  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:0.4s ease;
}

.gallery-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:0.6s ease;
}

/* HOVER EFFECT */
.gallery-item:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,0.15);
}

.gallery-item:hover img{
  transform:scale(1.08);
}

/* ================= LIGHTBOX ================= */

.lightbox{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.92);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999;
}

.lightbox img{
  width:80%;
  max-width:950px;
  border-radius:14px;
  box-shadow:0 0 40px rgba(255,255,255,0.1);
}

/* CLOSE BUTTON */
.close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:32px;
  cursor:pointer;
  color:#fff;
}

/* NAV */
.nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:42px;
  cursor:pointer;
  color:#fff;
  user-select:none;
}

.prev{left:20px;}
.next{right:20px;}

/* ================= RESPONSIVE ================= */

@media(max-width:900px){
  .gallery{
    grid-template-columns:repeat(2,1fr);
  }

  .section-title h1{
    font-size:34px;
  }
}

@media(max-width:600px){
  .gallery{
    grid-template-columns:1fr;
  }

  .section-title h1{
    font-size:26px;
  }

  .section-title p{
    font-size:16px;
    padding:0 10px;
  }

  .lightbox img{
    width:95%;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

/* SECTION */
#modular-design-contact{
  width:100%;
  padding:80px 7%;
  background:#ffffff;
}

/* WRAPPER */
.contact-wrapper{
  display:flex;
  gap:50px;
  flex-wrap:wrap;
}

/* LEFT */
.left-box{
  flex:1;
  min-width:300px;
}

.left-box h1{
  font-family:'Playfair Display',serif;
  font-size:42px;
  margin:0;
}

.left-box h1 span{
  color:#b8860b;
}

.left-box p{
  margin-top:15px;
  color:#666;
  line-height:1.6;
}

/* CONTACT ICONS */
.social-icons{
  margin-top:25px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.social-icons a{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  padding:12px 15px;
  border-radius:12px;
  border:1px solid #e5e5e5;
  color:#111;
  transition:0.3s;
}

.social-icons a i{
  font-size:18px;
  color:#b8860b;
}

.social-icons a:hover{
  transform:translateY(-3px);
  border-color:#b8860b;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* RIGHT FORM */
.right-form{
  flex:1;
  min-width:300px;
  border-radius:18px;
  padding:30px;

  border:2px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#d4af37,#f7e7a6,#b8860b) border-box;

  box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.right-form h2{
  font-family:'Playfair Display',serif;
  margin-bottom:20px;
}

input,textarea{
  width:100%;
  padding:14px;
  margin-bottom:12px;
  border-radius:10px;
  border:1px solid #ddd;
  outline:none;
  gap: 20px;
  font-family:'Poppins',sans-serif;
}

textarea{
  height:120px;
  resize:none;
}

input:focus,textarea:focus{
  border-color:#b8860b;
  box-shadow:0 0 0 3px rgba(212,175,55,0.15);
  padding: 20px;
  gap: 20px;
}

button{
  width:100%;
  padding:14px;
  border:none;
  border-radius:10px;
  background:linear-gradient(90deg,#b8860b,#f7e7a6);
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

button:hover{
  transform:translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:900px){
  .contact-wrapper{
    flex-direction:column;
  }

  .left-box h1{
    font-size:30px;
  }
}
/* ==============Offer img ================ */
/* SECTION */
#modular-offer {
    width: 100%;
    background: #fff;
    padding: 40px 0;
}

/* WRAPPER */
.offer-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* IMAGE */
.offer-wrapper img {
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}

/* BUTTON CONTAINER (NOW BELOW IMAGE) */
.offer-content {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* PREMIUM BUTTON */
.Offer-btn {
    width: 820px;   /* 🔥 increased width */
    padding: 16px 0;
    border: 2px solid goldenrod;
    background: transparent;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.25);
}

/* TEXT */
.Offer-btn a {
    text-decoration: none;
    color: goldenrod;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}

/* GOLD FILL ANIMATION */
.Offer-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, goldenrod, #ffd700);
    transition: all 0.5s ease;
    z-index: 1;
}

.Offer-btn:hover::before {
    left: 0;
}

.Offer-btn:hover a {
    color: #fff;
}

.Offer-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(218, 165, 32, 0.5);
}

.Offer-btn:active {
    transform: scale(0.96);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .Offer-btn {
        width: 260px;
    }
}

@media (max-width: 480px) {
    .Offer-btn {
        width: 220px;
        font-size: 18px;
    }
}
/* ==========================
   GLOBAL
========================== */

.card-img{
    width:100%;
    display:block;
}
#Type-button a{
    text-decoration:none;
}


.container{
    width:100%;
    max-width:1500px;
    margin:auto;
}

/* ==========================
   SECTION
========================== */

#kitchen-types{
    padding: 0;
    background:#fafafa;
    overflow:hidden;
}

.section-title{
    text-align:center;
    margin-bottom:65px;
}

.section-title span{
    display:inline-block;
    color:#c79a43;
    font-size:13px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:12px;
}

.section-title h2{
    font-size:48px;
    color:#111;
    line-height:1.2;
    font-weight:700;
}

.section-title p{
    max-width:760px;
    margin:20px auto 0;
    color:#666;
    font-size:17px;
    line-height:30px;
}

/* ==========================
   SLIDER
========================== */

.slider-wrapper{
    position:relative;
    overflow:hidden;
}

.slider-track{
    display:flex;
    gap:10px;
    transition:.5s ease;
}

/* ==========================
   CARD
========================== */

.kitchen-card{
    flex:0 0 calc(25% - 23px);
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid #efefef;
    box-shadow:0 18px 50px rgba(0,0,0,.08);
    transition:.45s;
}

.kitchen-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 70px rgba(0,0,0,.16);
}

/* ==========================
   IMAGE
========================== */

.card-img{
    height:250px;
    padding:10px;
    overflow:hidden;
    background:#fff;
    width: 250px;
}

.card-img img{
    height:100%;
    width: 100%;
    object-fit:cover;
    border-radius:18px;
    border:3px solid #c79a43;
    transition:.6s;
}

.kitchen-card:hover img{
    transform:scale(1.08);
}

/* ==========================
   CONTENT
========================== */

.card-content{
    padding:20px;
}

.icon{
    width:70px;
    height:70px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:-65px auto 25px;
    background:#111;
    color:#d8b06b;
    border-radius:50%;
    border:6px solid #fff;
    font-size:24px;
    position:relative;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.card-content h3{
    text-align:center;
    font-size:28px;
    color:#222;
    margin-bottom:18px;
    font-weight:700;
}

.card-content p{
    text-align:center;
    color:#666;
    font-size:16px;
    line-height:30px;
    margin-bottom:28px;
    padding:0 5px;
}

/* ==========================
   BUTTON
========================== */

.learn-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin: 80px;
    margin-top:50px;
    height:55px;
    border-radius:60px;
    background:#111;
    color:#fff;
    font-weight:600;
    letter-spacing:.5px;
    transition:.4s;
}

.learn-btn:hover{
    background:#c79a43;
}

.learn-btn i{
    transition:.4s;
}

.learn-btn:hover i{
    transform:translateX(8px);
}

/* ==========================
   SLIDER BUTTONS
========================== */

.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    cursor:pointer;
    font-size:15px;
    transition:.35s;
    z-index:20;
}

.slider-btn:hover{
    background:#c79a43;
    color:#fff;
}

.prev{
    left:10px;
}

.next{
    right:10px;
}

/* ==========================
   LARGE DESKTOP
========================== */

@media (min-width:1600px){

    .container{
        max-width:1650px;
    }

    .kitchen-card{
        flex:0 0 calc(25% - 23px);
    }

}

/* ==========================
   LAPTOP
========================== */

@media (max-width:1200px){

    .kitchen-card{
        flex:0 0 calc(33.333% - 20px);
    }

    .section-title h2{
        font-size:42px;
    }

}

/* ==========================
   TABLET
========================== */

@media (max-width:992px){

    .kitchen-card{
        flex:0 0 calc(50% - 15px);
    }

    .card-img{
        height:240px;
    }

    .section-title h2{
        font-size:38px;
    }

    .slider-btn{
        display:none;
    }

}

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

@media (max-width:768px){

    #kitchen-types{
        padding:70px 0;
    }

    .container{
        width:92%;
    }

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:30px;
    }

    .section-title p{
        font-size:15px;
        line-height:28px;
    }

    .kitchen-card{
        flex:0 0 100%;
    }

    .card-img{
        height:240px;
    }

    .card-content{
        padding:30px 22px;
    }

    .card-content h3{
        font-size:24px;
    }

    .card-content p{
        font-size:15px;
    }

    .icon{
        width:62px;
        height:62px;
        font-size:22px;
    }

}

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

@media (max-width:480px){

    .section-title h2{
        font-size:26px;
    }

    .card-img{
        height:220px;
    }

    .card-content{
        padding:28px 20px;
    }

    .learn-btn{
        height:50px;
        font-size:15px;
    }

}
/* ==========================
   LIVING ROOM HERO
========================== */


.living-room-hero{

    position:relative;
    width:100%;
    height:100vh;
    min-height:650px;

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

    overflow:hidden;

}



/* VIDEO */

.hero-video{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;

}



/* DARK PREMIUM OVERLAY */

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.35)
    );
    z-index:2;
}
/* CONTENT */
.hero-content{
    position:relative;
    z-index:3;
    width:90%;
    max-width:1200px;
    color:white;
    text-align:left;
}
.hero-content h1{

    font-size:70px;

    line-height:1.1;

    font-weight:700;

    max-width:850px;

    letter-spacing:-2px;

    margin-bottom:25px;


}



.hero-content h1 span{

    display:block;

    color:#d8b36a;

}




.hero-content p{

    max-width:650px;

    font-size:20px;

    line-height:1.7;

    color:#eeeeee;

    margin-bottom:40px;

}




/* BUTTON */


.hero-btn{


    display:inline-flex;

    align-items:center;

    justify-content:center;


    padding:16px 40px;


    background:#d8b36a;


    color:#111;


    text-decoration:none;


    font-size:18px;


    font-weight:600;


    border-radius:50px;


    transition:0.3s ease;


}



.hero-btn:hover{


    background:white;

    transform:translateY(-5px);


}



/* ==========================
      TABLET
========================== */


@media(max-width:992px){


.living-room-hero{

    height:90vh;

}



.hero-content h1{


    font-size:52px;


}



.hero-content p{

    font-size:18px;

}



}



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


@media(max-width:600px){


.living-room-hero{

    min-height:600px;

    height:90vh;

}



.hero-content{

    text-align:center;

}



.hero-content h1{


    font-size:36px;

    letter-spacing:-1px;

}



.hero-content p{


    font-size:16px;

    line-height:1.6;


}



.hero-btn{

    padding:14px 32px;

    font-size:16px;

}



.hero-overlay{

background:

linear-gradient(

180deg,

rgba(0,0,0,0.65),

rgba(0,0,0,0.85)

);

}


}
/* =========================
   SECTION
========================= */
.slider-section{
  width:100%;
  padding:70px 20px;
  text-align:center;
}

/* =========================
   HEADING
========================= */
.slider-section h2{
  font-family:'Playfair Display', serif;
  font-size:38px;
  font-weight:600;
  color:#1a1a1a;
  letter-spacing:1px;
}

/* HR LINE */
.slider-section hr{
  width:120px;
  height:2px;
  background:linear-gradient(90deg,#c8a45d,#f5e6b8,#c8a45d);
  border:none;
  margin:15px auto 40px auto;
}

/* =========================
   SLIDER WRAPPER (CENTER + SMALL WIDTH)
========================= */
.slider-container{
  position:relative;
  width:85%;
  max-width:1000px;
  margin:auto;
  overflow:hidden;
}

/* SLIDES */
.slides{
  display:flex;
  transition:transform 0.6s ease-in-out;
}

/* SLIDE */
.slide{
  min-width:100%;
  height:520px;
}

/* IMPORTANT: NO RADIUS */
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}

/* =========================
   NAV BUTTONS
========================= */
.nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid #c8a45d;
  background:#fff;
  color:#c8a45d;
  font-size:18px;
  cursor:pointer;
  transition:0.4s ease;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.nav-btn:hover{
  background:#c8a45d;
  color:#fff;
}

.prev{ left:20px; }
.next{ right:20px; }

/* =========================
   CTA BUTTON (GOLD BORDER + FILL EFFECT)
========================= */
.cta-btn{
  margin-top:40px;
  padding:14px 40px;
  font-size:16px;
  font-weight:500;
  width: 950px;
  letter-spacing:1px;
  border:2px solid #b3801a;
  background:white;
  color:black;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:0.4s ease;
}

/* hover fill effect */
.cta-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0%;
  height:100%;
  background:#c8a45d;
  z-index:-1;
  transition:0.4s ease;
}

.cta-btn:hover::before{
  width:100%;
}

.cta-btn:hover{
  color:#fff;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:768px){

  .slider-section h2{
    font-size:26px;
  }

  .slider-container{
    width:95%;
  }

  .slide{
    height:300px;
  }

  .nav-btn{
    width:40px;
    height:40px;
  }
}

/* ===============================
   LIVING ROOM CONTENT SECTION
================================ */


.living-room-content{

    position:relative;
    width:100%;
    min-height:650px;

    background-image:url("../Images/Img/living_room2.avif");

    background-size:cover;
    background-position:center;

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

    overflow:hidden;

}


/* DARK PREMIUM OVERLAY */

.content-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.75)
    );

}


/* CONTENT BOX */

.living-content-box{

    position:relative;

    max-width:850px;

    text-align:center;

    padding:55px 45px;

    z-index:2;


    background:rgba(255,255,255,0.08);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,0.2);

    border-radius:18px;


    animation:fadeUp 1s ease;

}



/* HEADING */

.living-content-box h2{


    font-family:
    "Playfair Display",
    serif;

    font-size:48px;

    color:white;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;


}



/* GOLD HR LINE */

.gold-line{

    width:100px;

    height:3px;

    background:#d4af37;

    margin:0 auto 25px;

    border-radius:20px;

}



/* PARA */

.living-content-box p{


    color:white;

    font-size:18px;

    line-height:1.8;

    font-family:
    "Poppins",
    sans-serif;

    opacity:0.95;

    margin-bottom:35px;

}



/* BUTTON */


.living-content-box a{


    display:inline-block;


    padding:14px 35px;


    color:white;

    text-decoration:none;


    font-size:16px;


    border:1px solid #d4af37;


    background:transparent;


    border-radius:50px;


    transition:0.4s ease;


}



.living-content-box a:hover{


    background:#d4af37;


    color:#111;


    transform:translateY(-5px);


}



/* ANIMATION */


@keyframes fadeUp{


from{

opacity:0;

transform:translateY(50px);

}


to{

opacity:1;

transform:translateY(0);

}


}




/* ===============================
      TABLET RESPONSIVE
================================ */


@media(max-width:992px){


.living-room-content{

min-height:600px;

}


.living-content-box{

max-width:700px;

padding:45px 35px;

}


.living-content-box h2{

font-size:38px;

}


}



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


@media(max-width:600px){



.living-room-content{

min-height:580px;

padding:25px;

}



.living-content-box{


padding:35px 22px;

border-radius:15px;


}



.living-content-box h2{


font-size:30px;

line-height:1.3;


}



.living-content-box p{


font-size:15px;

line-height:1.7;


}



.premium-btn{


padding:12px 28px;


font-size:14px;


}



}
/* SECTION */
.gallery-section{
padding:70px 6%;
background:#fff;
}

/* HEADER */
.gallery-head{
text-align:center;
max-width:750px;
margin:auto;
}

.gallery-head h2{
font-size:40px;
font-family:serif;
color:#111;
margin-bottom:10px;
}

.gallery-head hr{
width:90px;
border:2px solid #c9a24d;
margin:auto;
}

.gallery-head p{
color:#555;
font-size:16px;
margin-top:15px;
line-height:1.6;
}

/* GRID */
.gallery-grid{
margin-top:45px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.gallery-grid img{
width:100%;
height:300px;
object-fit:cover;
border-radius:14px;
cursor:pointer;
transition:.3s;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.gallery-grid img:hover{
transform:scale(1.04);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* LIGHTBOX */
.lightbox{
position:fixed;
inset:0;
background:rgba(0,0,0,.9);
display:none;
align-items:center;
justify-content:center;
z-index:999;
}

.popup-img{
max-width:90%;
max-height:85%;
border-radius:10px;
}

.close{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:#fff;
cursor:pointer;
}

.prev,.next{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:40px;
color:#fff;
background:none;
border:0;
cursor:pointer;
}

.prev{left:25px;}
.next{right:25px;}

/* RESPONSIVE */
@media(max-width:900px){
.gallery-grid{grid-template-columns:repeat(2,1fr);}
.gallery-head h2{font-size:32px;}
}

@media(max-width:600px){
.gallery-grid{grid-template-columns:1fr;}
.gallery-grid img{height:250px;}
}
/* ========================
Bedroom Hero Section
============================== */
#bedroom-hero-section{
    width:100%;
    min-height:820px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:
    linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),
    url("../Images/Img/bedroom4.avif");
    background-size:cover;
    background-position:center;
}
/* Overlay */
.bedroom-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at right,
    rgba(212,175,55,.25),
    transparent 45%);
}
/* Container */
.bedroom-hero-container{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    position:relative;
    z-index:2;
}
/* ========================
LEFT CONTENT
============================== */
.bedroom-tag{
    display:inline-block;
    padding:10px 25px;
    border-radius:50px;
    border:1px solid #c9a227;
    color:#c9a227;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    letter-spacing:2px;
}
.bedroom-hero-content h1{
    margin:25px 0;
    color:white;
    font-family:'Playfair Display',serif;
    font-size:58px;
    line-height:1.2;
    font-weight:700;
}
.bedroom-hero-content h1 span{
    color:#c9a227;
    display:block;
}
.bedroom-hero-content p{
    color:#cfcfcf;
    font-family:'Montserrat',sans-serif;
    font-size:17px;
    line-height:1.8;
    max-width:600px;
}
/* Buttons */
.bedroom-buttons{
    display:flex;
    gap:20px;
    margin-top:35px
}
.bedroom-primary-btn,
.bedroom-outline-btn{
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-family:'Montserrat',sans-serif;
    transition:.4s;
}
.bedroom-primary-btn{
    background:
    linear-gradient(135deg,#c9a227,#f4d875);
    color:#111;
    font-weight:700;
}
.bedroom-primary-btn:hover{
    transform:translateY(-5px);
}
.bedroom-outline-btn{
    color:white;
    border:1px solid white;
}
.bedroom-outline-btn:hover{
    background:white;
    color:#111;
}
/* ========================
RIGHT SIDE SHOWCASE
============================== */
.bedroom-showcase{
    height:600px;
    position:relative;
}
.bedroom-main-card{
    width:390px;
    height:500px;
    position:absolute;
    right:80px;
    top:50px;
    border-radius:30px;
    overflow:hidden;
    box-shadow:
    0 30px 70px rgba(0,0,0,.6);
    animation:
    mainImage 1.2s ease;
}
.bedroom-main-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.main-card-content{
    position:absolute;
    bottom:0;
    width:100%;
    padding:30px;
    color:white;
    background:
    linear-gradient(
    transparent,
    rgba(0,0,0,.9)
    );
}
.main-card-content h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
    margin:0;
}
.main-card-content p{
    color:#c9a227;
    font-family:'Montserrat',sans-serif;
}
/* SMALL CARDS */
.bedroom-small-card{
    width:170px;
    padding:12px;
    background:
    rgba(255,255,255,.12);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:20px;
    position:absolute;
    color:white;
    box-shadow:
    0 20px 40px rgba(0,0,0,.4);
    animation:
    floatingCard 5s infinite ease-in-out;
}
.bedroom-small-card img{
    width:100%;
    height:110px;
    object-fit:cover;
    border-radius:15px;
}
.bedroom-small-card h4{
    margin:10px 5px;
    font-family:'Montserrat',sans-serif;
}
.card-one{
    left:0;
    top:100px;
}
.card-two{
    right:0;
    bottom:80px;
    animation-delay:1.5s;
}
/* ========================
ANIMATION
============================== */
@keyframes floatingCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-18px);
    }
}
@keyframes mainImage{
    from{
        opacity:0;
        transform:scale(.85);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}
/* =================================================
TABLET RESPONSIVE (1024px)
================================================= */
@media(max-width:1100px){
#bedroom-hero-section{
    min-height:auto;
    padding:100px 0;
}
.bedroom-hero-container{
    grid-template-columns:1fr;
    gap:50px;
    text-align:center;
}
.bedroom-hero-content p{
    margin:auto;
}
.bedroom-buttons{
    justify-content:center;
}
.bedroom-showcase{
    width:100%;
    height:600px;
}
.bedroom-main-card{
    right:50%;
    transform:translateX(50%);
}
.card-one{
    left:10%;
}
.card-two{
    right:10%;
}
}
/* =================================================
MOBILE RESPONSIVE (768px)
================================================= */
@media(max-width:768px){
#bedroom-hero-section{
    padding:80px 0;
}
.bedroom-hero-container{
    width:92%;
}
.bedroom-tag{
    font-size:12px;
    padding:8px 20px;
}
.bedroom-hero-content h1{
    font-size:38px;
    line-height:1.25;
}
.bedroom-hero-content p{
    font-size:15px;
    line-height:1.7;
}
.bedroom-buttons{
    flex-direction:column;
    align-items:center;
}
.bedroom-primary-btn,
.bedroom-outline-btn{
    width:220px;
    text-align:center;
}
.bedroom-showcase{
    height:520px;
}
.bedroom-main-card{
    width:300px;
    height:420px;
    top:50px;
}
.main-card-content{
    padding:20px;
}
.main-card-content h3{
    font-size:22px;
}
.bedroom-small-card{
    width:130px;
}
.bedroom-small-card img{
    height:80px;
}
.card-one{
    left:0;
    top:30px;
}
.card-two{
    right:0;
    bottom:40px;
}
}
/* =================================================
SMALL MOBILE (480px)
================================================= */
@media(max-width:480px){
#bedroom-hero-section{
    padding:60px 0;
}
.bedroom-hero-content h1{
    font-size:30px;
}
.bedroom-hero-content p{
    font-size:14px;
}
.bedroom-showcase{
    height:450px;
}
.bedroom-main-card{
    width:260px;
    height:360px;
}
.bedroom-small-card{
    width:105px;
    padding:8px;
}
.bedroom-small-card img{
    height:65px;
}
.bedroom-small-card h4{
    font-size:12px;
}
.card-one{
    left:-5px;
    top:50px;
}
.card-two{
    right:-5px;
    bottom:50px;
}
}
/* =================================================
VERY SMALL DEVICES (360px)
================================================= */
@media(max-width:360px){
.bedroom-hero-content h1{
    font-size:26px;
}
.bedroom-main-card{
    width:230px;
    height:330px;
}
.bedroom-small-card{
    display:none;
}
.bedroom-showcase{
    height:380px;
}
}
/* ==============================
   Bedroom Intro Section
================================ */


.bedroom-intro-section{

    width:100%;
    padding:100px 6%;
    background:#ffffff;

}


.bedroom-intro-container{

    max-width:1100px;
    margin:auto;
    text-align:center;

}


.bedroom-intro-content{

    position:relative;

}


/* Gold Top Line */

.gold-line{

    width:70px;
    height:3px;
    background:#c9a227;
    margin:0 auto 25px;

}


/* Small Label */


.bedroom-label{

    display:inline-block;

    font-family:"Poppins", sans-serif;

    font-size:15px;
    letter-spacing:2px;

    text-transform:uppercase;

    color:#b18a18;

    font-weight:600;

    margin-bottom:20px;

}



/* Heading */


.bedroom-intro-content h2{

    font-family:"Playfair Display", serif;

    font-size:45px;

    line-height:1.25;

    font-weight:700;

    color:#151515;

    max-width:900px;

    margin:0 auto 25px;

}



/* Paragraph */


.bedroom-intro-content p{

    font-family:"Poppins", sans-serif;

    font-size:17px;

    line-height:1.9;

    color:#555;

    max-width:900px;

    margin:0 auto 18px;

}



/* Button */


.bedroom-consult-btn{

    margin-top:25px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 38px;

    border-radius:50px;

    background:#c9a227;

    color:#fff;

    font-family:"Poppins",sans-serif;

    font-size:16px;

    font-weight:600;
    text-decoration:none;
    transition:all .4s ease;
    box-shadow:0 10px 25px rgba(201,162,39,0.25);
}
.bedroom-consult-btn span{
    font-size:22px;
    transition:.4s ease;
}
.bedroom-consult-btn:hover{
    background:#111;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.20);
}
.bedroom-consult-btn:hover span{
    transform:translateX(8px);
}
/* Tablet */
@media(max-width:992px){
    .bedroom-intro-section{
        padding:80px 5%;
    }
    .bedroom-intro-content h2{
        font-size:36px;
    }
}
/* Mobile */
@media(max-width:600px){
    .bedroom-intro-section{
        padding:60px 5%;
    }
    .bedroom-label{
        font-size:12px;
        letter-spacing:1.5px;
    }
    .bedroom-intro-content h2{
        font-size:28px;
        line-height:1.35;
    }
    .bedroom-intro-content p{
        font-size:15px;
        line-height:1.7;
    }
    .bedroom-consult-btn{
        padding:14px 28px;
        font-size:14px;
    }
}
/* ================================
   Bedroom Gallery Section
================================ */
.bedroom-gallery-section{
    width:100%;
    padding:100px 6%;
    background:#ffffff;
}
.gallery-container{
    max-width:1200px;
    margin:auto;
}
/* Heading */
.gallery-heading{
    text-align:center;
    margin-bottom:55px;
}
.gallery-tag{
    font-family:"Poppins",sans-serif;
    color:#b08a1c;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:600;
}
.gallery-heading h2{
    font-family:"Playfair Display",serif;
    font-size:44px;
    color:#151515;
    margin:18px auto;
    max-width:850px;
}
.gallery-heading p{
    font-family:"Poppins",sans-serif;
    color:#666;
    font-size:17px;
    line-height:1.8;
    max-width:750px;
    margin:auto;
}
/* Gallery Grid */
.bedroom-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}
.gallery-item{
    position:relative;
    height:320px;
    overflow:hidden;
    border-radius:20px;
    cursor:pointer;
    box-shadow:0 15px 35px rgba(0,0,0,.10);
}
.gallery-item.large{
    grid-row:span 2;
    height:665px;
}
.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}
.gallery-item:hover img{
    transform:scale(1.08);
}
/* Overlay */
.gallery-overlay{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:30px 25px;
    background:linear-gradient(
    transparent,
    rgba(0,0,0,.75)
    );
    color:white;
    transform:translateY(20px);
    opacity:0;
    transition:.5s ease;
}
.gallery-item:hover .gallery-overlay{
    opacity:1;
    transform:translateY(0);
}
.gallery-overlay h3{
    font-family:"Playfair Display",serif;
    font-size:24px;
    margin:0;
}
.gallery-overlay span{
    font-family:"Poppins",sans-serif;
    color:#ffd76a;
    font-size:14px;
}
/* Tablet */
@media(max-width:992px){
.bedroom-gallery-grid{
    grid-template-columns:repeat(2,1fr);
}
.gallery-item.large{
    grid-row:auto;
    height:320px;
}
.gallery-heading h2{
    font-size:36px;
}
}
/* Mobile */
@media(max-width:600px){
.bedroom-gallery-section{
    padding:70px 5%;
}
.bedroom-gallery-grid{
    grid-template-columns:1fr;
}
.gallery-heading h2{
    font-size:28px;
}
.gallery-heading p{
    font-size:15px;
}
.gallery-item,
.gallery-item.large{
    height:280px;
}
.gallery-overlay h3{
    font-size:20px;
}
}
/* ===============================
 TURNKEY HERO SECTION
================================ */

.turnkey-hero{

    width:100%;
    min-height:92vh;

    background:
    url("../Images/Img/bedroom\ img\ 2.avif")
    center center/cover no-repeat;

    position:relative;

    display:flex;
    align-items:center;

    overflow:hidden;

    padding:80px 0;

}


/* DARK LUXURY OVERLAY */

.turnkey-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    90deg,
    rgba(0,0,0,.88),
    rgba(0,0,0,.55),
    rgba(0,0,0,.35)
    );

}



/* CONTAINER */

.turnkey-container{

    width:90%;

    max-width:1250px;

    margin:auto;

    position:relative;

    z-index:2;

}



/* CONTENT */

.turnkey-content{

    max-width:720px;

    color:#fff;

}



/* TAG */

.turnkey-tag{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:50px;

    background:
    rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.25);

    backdrop-filter:blur(12px);

    color:#f7c873;

    font-size:15px;

    letter-spacing:1px;

    margin-bottom:25px;

}



/* HEADING */

.turnkey-content h1{

    font-size:58px;

    line-height:1.15;

    font-weight:700;

    font-family:'Playfair Display',serif;

    margin-bottom:25px;

}

.turnkey-content h1 span{
    display:block;
    color:#e1a820;
}
/* DESCRIPTION */
.turnkey-content p{
    font-size:18px;
    line-height:1.8;
    color:#eeeeee;
    max-width:650px;
    margin-bottom:35px;
}
/* BUTTON AREA */
.turnkey-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}
.turnkey-btn{
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
    display:inline-block;
}
/* PRIMARY BUTTON */
.turnkey-btn.primary{
    background:
    linear-gradient(
    135deg,
    #e1a820,
    #ffd86b
    );
    color:#111;
    box-shadow:
    0 10px 30px rgba(225,168,32,.35);
}
.turnkey-btn.primary:hover{
    transform:translateY(-5px);
}
/* SECONDARY BUTTON */
.turnkey-btn.secondary{
    border:1px solid #fff;
    color:#fff;
}
.turnkey-btn.secondary:hover{
    background:#fff;
    color:#111;
}
/* FEATURES */
.turnkey-features{
    display:flex;
    gap:30px;
    margin-top:45px;
    flex-wrap:wrap;
}
.turnkey-features div{
    font-size:15px;
    color:#fff;
}
.turnkey-features strong{
    color:#e1a820;
    font-size:20px;
    margin-right:8px;
}
/* ===============================
 TABLET RESPONSIVE
================================ */
@media(max-width:992px){
.turnkey-hero{
    min-height:85vh;
    padding:70px 0;
    background-position:center;
}
.turnkey-container{
    width:92%;
}
.turnkey-content{
    max-width:650px;
}
.turnkey-content h1{
    font-size:44px;
}
.turnkey-content p{
    font-size:16px;
    line-height:1.7;
}
.turnkey-features{
    gap:20px;
}

}
/* ===============================
 MOBILE RESPONSIVE
================================ */
@media(max-width:600px){
.turnkey-hero{
    min-height:100vh;
    padding:60px 0;
    align-items:center;
    background-position:center;
}
.turnkey-overlay{
    background:
    linear-gradient(
    180deg,
    rgba(0,0,0,.75),
    rgba(0,0,0,.90)
    );
}
.turnkey-container{
    width:92%;
}
.turnkey-content{
    text-align:left;
}
.turnkey-tag{
    font-size:12px;
    padding:8px 16px;
    margin-bottom:20px;
}
.turnkey-content h1{
    font-size:32px;
    line-height:1.3;
    margin-bottom:20px;
}
.turnkey-content p{
    font-size:15px;
    line-height:1.65;
    margin-bottom:28px;
}
.turnkey-buttons{
    flex-direction:column;
    gap:12px;
}
.turnkey-btn{
    width:100%;
    text-align:center;
    padding:14px 20px;
}
.turnkey-features{
    flex-direction:column;
    gap:12px;
    margin-top:30px;
}
.turnkey-features div{
    font-size:14px;
}
}
/* ===============================
 SMALL MOBILE
================================ */
@media(max-width:380px){
.turnkey-content h1{
    font-size:28px;
}
.turnkey-content p{
    font-size:14px;
}
.turnkey-tag{
    font-size:11px;
}
}
@media(max-width:600px){
.turnkey-hero{
background:
url("../Images/Img/bedroom\ img\ 4.avif")
center center/cover no-repeat;

}

}
/* =================================
   TURNKEY CONTENT SECTION
================================= */
.turnkey-about-section{
    width:100%;
    background:#ffffff;
    padding:100px 20px;
}
.turnkey-about-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:center;
    text-align:center;
}
.turnkey-about-content{
    max-width:950px;
}
/* SMALL TITLE */
.turnkey-small-title{
    display:inline-block;
    color:#b8860b;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
    position:relative;
}
.turnkey-small-title::before,
.turnkey-small-title::after{
    content:"";
    display:inline-block;
    width:35px;
    height:1px;
    background:#d4af37;
    margin:0 12px;
    vertical-align:middle;
}
/* HEADING */
.turnkey-about-content h2{
    font-family:'Playfair Display',serif;
    font-size:48px;
    line-height:1.25;
    color:#111;
    font-weight:700;
    margin-bottom:30px;
}
.turnkey-about-content h2 span{
    display:block;
    background:
    linear-gradient(
    90deg,
    #c28a18,
    #e8c76a
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
/* PARAGRAPH */
.turnkey-about-content p{
    font-family:
    'Poppins',
    sans-serif;
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
}
/* BUTTON */
.turnkey-contact-btn{
    display:inline-block;
    margin-top:25px;
    padding:15px 45px;
    border-radius:50px;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    color:#fff;
    background:
    linear-gradient(
    135deg,
    #b8860b,
    #e1a820
    );
    box-shadow:
    0 12px 30px rgba(184,134,11,.25);
    transition:.4s;
}
.turnkey-contact-btn:hover{
    transform:translateY(-5px);
    box-shadow:
    0 18px 40px rgba(184,134,11,.35);
    color:#fff;
}
/* =================================
   RESPONSIVE DESIGN
================================= */
@media(max-width:992px){
.turnkey-about-section{
    padding:80px 20px;
}
.turnkey-about-content h2{
    font-size:40px;
}
.turnkey-about-content p{
    font-size:16px;
}
}
@media(max-width:600px){
.turnkey-about-section{
    padding:60px 18px;
}
.turnkey-small-title{
    font-size:12px;
    letter-spacing:1px;
}
.turnkey-small-title::before,
.turnkey-small-title::after{
    width:20px;
    margin:0 6px;
}
.turnkey-about-content h2{
    font-size:30px;
    line-height:1.35;
}
.turnkey-about-content p{
    font-size:15px;
    line-height:1.7
}
.turnkey-contact-btn{
    width:100%;
    padding:14px 20px;
}
}
/* ==========================================
   PREMIUM OFFER SECTION
========================================== */


.premium-offer-section{

    width:100%;
    min-height:600px;

    background:#ffffff;

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

    padding:100px 20px;

    position:relative;

    overflow:hidden;

}


/* BACKGROUND GLOW */

.premium-offer-section::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    background:
    radial-gradient(
    circle,
    rgba(225,168,32,.18),
    transparent 65%
    );

    top:-250px;
    right:-250px;

}


.premium-offer-section::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    background:
    radial-gradient(
    circle,
    rgba(0,0,0,.08),
    transparent 70%
    );

    bottom:-200px;
    left:-150px;

}




/* PARTICLES */


.offer-particle{

    position:absolute;

    width:10px;
    height:10px;

    background:#e1a820;

    border-radius:50%;

    animation:
    particleMove 5s infinite ease-in-out;

}


.offer-particle.one{

    left:20%;
    top:30%;

}


.offer-particle.two{

    right:20%;
    bottom:30%;

    animation-delay:2s;

}


@keyframes particleMove{


50%{

transform:translateY(-35px);

opacity:.4;

}

}





/* MAIN WRAPPER */


.premium-offer-wrapper{

    width:560px;

    height:560px;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    animation:
    floatingOffer 4s ease-in-out infinite;

}



@keyframes floatingOffer{


0%,100%{

transform:translateY(0);

}


50%{

transform:translateY(-15px);

}


}




/* OUTER RING */


.offer-ring{

    position:absolute;

    width:560px;

    height:560px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

}



/* ROTATING RING TEXT */


.ring-text{


    width:560px;

    height:560px;


    border-radius:50%;


    display:flex;

    justify-content:center;

    align-items:center;


    font-size:15px;


    font-weight:600;


    letter-spacing:5px;


    text-transform:uppercase;


    color:#b8860b;


    animation:

    rotateText 18s linear infinite;


    position:relative;


}



/* CREATE GOLD CIRCLE */

.ring-text::before{


    content:"";


    position:absolute;


    inset:0;


    border-radius:50%;


    border:

    2px dashed rgba(225,168,32,.8);


}




@keyframes rotateText{


from{

transform:rotate(0deg);

}


to{

transform:rotate(360deg);

}


}





/* CENTER OFFER BOX */


.offer-content-box{


    width:370px;

    height:370px;


    border-radius:50%;


    background:

    linear-gradient(
    145deg,
    #0d0d0d,
    #292929
    );


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    text-align:center;


    position:relative;


    z-index:5;


    overflow:hidden;



    box-shadow:

    0 30px 80px rgba(0,0,0,.35);

}

/* SHINE ANIMATION */

.offer-content-box::after{
    content:"";

    position:absolute;

    width:80px;
    height:450px;
    background:
    rgba(255,255,255,.15);
    transform:rotate(35deg);
    left:-180px;

    top:-50px;
    animation:

    shineMove 4s infinite;
}
@keyframes shineMove{
0%{

left:-200px;

}

50%{
left:450px;}

100%{
left:450px;
}
}
/* TEXT */
.offer-top{
    color:#f7c873;
    font-size:16px;
    letter-spacing:3px;
    font-weight:600;
    position:relative;
    z-index:2;
}
.offer-content-box h2{
    color:#fff;
    margin:12px 0;
    font-family:
    'Playfair Display',
    serif;
    font-size:38px;
    line-height:.9;

    position:relative;
    z-index:2;
}
.offer-content-box strong{
    display:block;
    font-size:115px;

    line-height:.9;
    color:#e1a820;
}
.offer-line{
    width:90px;
    height:2px;
    background:#e1a820;
    margin:12px 0;
    position:relative;
    z-index:2;
}
.offer-content-box p{
    color:#ddd;
    font-size:15px;
    max-width:200px;
    line-height:1.5;
    position:relative;
    z-index:2;
}
/* ==========================================
   TABLET RESPONSIVE
========================================== */
@media(max-width:900px){
.premium-offer-section{
    min-height:500px;
}
.premium-offer-wrapper{
    width:430px;
    height:430px;
}
.offer-ring,
.ring-text{
    width:430px;
    height:430px;
}
.ring-text{
    font-size:12px;
    letter-spacing:3px;
}
.offer-content-box{
    width:290px;
    height:290px;
}
.offer-top{
    font-size:12px;
}
.offer-content-box h2{
    font-size:28px;
}
.offer-content-box strong{
    font-size:80px;
}
.offer-content-box p{
    font-size:12px;
}
}
/* ==========================================
   MOBILE RESPONSIVE
========================================== */
@media(max-width:600px){
.premium-offer-section{
    min-height:360px;
    padding:50px 10px;
}
.premium-offer-wrapper{
    width:290px;
    height:290px;
}
.offer-ring,
.ring-text{
    width:290px;
    height:290px;
}
.ring-text{
    font-size:8px;
    letter-spacing:2px;
}
.offer-content-box{
    width:200px;
    height:200px;
}
.offer-top{
    font-size:9px;
    letter-spacing:1.5px;
}
.offer-content-box h2{
    font-size:18px;
}
.offer-content-box strong{
    font-size:52px;
}
.offer-line{
    width:50px;
    margin:8px 0;
}
.offer-content-box p{
    font-size:9px;
    max-width:130px;
}
.offer-particle{
    display:none;
}
}
/* EXTRA SMALL MOBILE */
@media(max-width:380px){
.premium-offer-wrapper{
    width:250px;
    height:250px;
}
.offer-ring,
.ring-text{
    width:250px;
    height:250px;
}
.offer-content-box{
    width:175px;
    height:175px;
}
.offer-content-box strong{
    font-size:45px;
}
}