@import url(fonts/fonts.css);
@import url('https://use.fontawesome.com/releases/v6.7.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Cairo:wght@200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Cairo', sans-serif; font-weight:normal; font-style:normal; padding:0; color:#1c1c1c; background:#fff; font-weight:400; padding-right:0!important; overflow-x:hidden; position:relative;
font-size:16px;
line-height:1.5;
min-height:100%;
}
body:before{position:absolute; left:0; right:0; height:1px; background:#fff; content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}
::placeholder { color: #222; }

:root{--yellow:#c98b44; --red:#480d05; --dark:#222323; --shade:linear-gradient(45deg,rgba(199, 136, 66, 1) 0%, rgba(248, 229, 158, 1) 50%, rgba(199, 136, 66, 1) 100%);}

img{border:0;}
a{color:var(--yellow); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#000;}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:400; line-height:1.4; font-family:'Cormorant';}


.container-fluid{ max-width:1500px;}


@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--dark);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--yellow);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.fullArea{width:1400px; max-width:95%; margin:0 auto;}

.header-area{display:block; z-index:999; clear:both;}
#myHeader{padding:8px; border-bottom:1px rgba(255,255,255,0.3) solid; display:block;margin-top:1px; position:absolute; top:0; left:0; right:0; z-index:9999;}
#myHeader > div{position:relative;}
.logoIcon{display:none;}
.logoIcon a img{height:65px;}

.logo{text-align:center; display:block; position:relative; z-index:100;}
.logo img{height:150px; margin:10px 0;}


.headerIcons{position:absolute; top:35%; width:100%; left:0; right:0; padding:0 1.5%;}
.headerIcons > div{display:inline-block;}
.headerIcons .action-buttons{float:right;}
/* Golden Button Styling */
.headerIcons a {
    display: inline-block;
    width: 40px;
    height: 40px; line-height:40px; text-align:center;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4af37 0%, #f9e27d 50%, #b8860b 100%);
    color: #4a0404; /* Dark Maroon from your header */
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border: 1px solid #b8860b;
    margin: 2px;
}

.headerIcons a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(184, 134, 11, 0.4);
    background: linear-gradient(135deg, #b8860b 0%, #f9e27d 50%, #d4af37 100%);
}



/* Initial hidden sticky header */
.sticky {
  position: fixed!important;
  top: -100px; /* hidden above */
  left: 0;
  width: 100%;
  background: var(--red) !important;
  z-index: 9999;
  transition: top 0.4s ease, box-shadow 0.4s ease!important; /* smooth slide */
}

/* When active, slide it into view */
#myHeader.sticky.active {
  top: -1px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3)!important;
}

.sticky .logoIcon{display:block;}
.sticky .logo{display:none;}
.sticky .headerIcons{display:none!important;}

.heroTxt{text-align:center; padding:50px 0; background: linear-gradient(0deg,rgba(0, 0, 0,0.7) 0%, rgba(0, 0, 0, 0) 100%); color:#fff; position:absolute; z-index:5; left:0; right:0; bottom:0;}
.heroTxt h3{font-weight:600; font-size:36px; line-height:1.2; margin-bottom:10px;}
.heroTxt p{font-size:18px; letter-spacing:4px;}



.project-slider{position:relative; display:block; width:100%; overflow:hidden; height:100vh; background:#000; background-size:cover;}
.project-slider .sliderContent{position:absolute; padding:30px; width:75%; left:50%; top:80%; transform:translate(-50%,-50%); z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:300; font-size:52px; margin-bottom:0px;}
.project-slider .sliderContent p{font-size:20px; letter-spacing:2px; font-style:italic;}
.project-slider .sliderContent a{display:inline-block; padding:8px 35px; border:2px #fff solid;text-transform:uppercase; border-radius:30px; color:#fff; background:var(--red); font-size:15px; margin-top:10px;}
.project-slider .sliderContent a:hover{background:#fff; color:#222;}
#cmn-video-demo4__video2 {
  position:absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 101%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/
  opacity:0.6;
}



.sliderArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; background:#222; overflow:hidden;}
/*.sliderArea:before{content:''; display:block; position:absolute; transform:translate(-50%,0%); left:50%; top:0;border-top:40px #fff solid;border-left:70px transparent solid;border-right:70px transparent solid; z-index:100;}*/
.sliderArea .carousel{opacity:1; position:relative;}
.sliderArea .carousel-item{}
.sliderArea .carousel-item img{width:100%;}
@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}

.carousel-indicators{ right:10px!important; left:auto!important; display:block!important; bottom:45%; margin:0!important; z-index:999; position:absolute;}
.carousel-indicators li{border:1px var(--dark) solid; background:none; display:block!important; clear:both; margin:5px; width:12px; height:12px; border-radius:50%; cursor:pointer;}
.carousel-indicators li.active{background:var(--dark);}



.aboutArea{display:block; padding:80px 0; background:var(--shade); color:#222; position:relative;}
/*.aboutArea:before{position:absolute; left:20%; width:20%; border-left:1px #fff solid; border-right:1px #fff solid; top:0; bottom:0; content:'';display:block; opacity:0.2;}
.aboutArea:after{position:absolute; right:20%; width:20%; border-left:1px #fff solid; border-right:1px #fff solid; top:0; bottom:0; content:'';display:block; opacity:0.2;}*/
.aboutArea > div{position:relative; z-index:5;}

.aboutArea h2{line-height:1.2; font-size:47px;}
.aboutArea h3{line-height:1; margin-bottom:0; letter-spacing:1px; font-size:28px; text-transform:uppercase;}
.aboutArea a{display:inline-block; padding:8px 25px; min-width:150px; text-align:center; border:1px #222 solid; border-radius:30px; margin-top:10px;}
.aboutArea a:hover{background:#000; color:#fff;}

.fourPillers{display:block; padding:20px 0 0;}
.fourPillers h4{font-size:60px; font-weight:400; line-height:1; text-align:center; display:block; margin-bottom:50px; position:relative; text-transform:uppercase;
text-shadow: 0px 4px 0px #ffeeb0;}
.fourPillers h5{font-size:20px; line-height:1.1; font-weight:600; margin-bottom:5px;}
.fourPillers img{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.fourPillers [class^="col-"] > div{position:relative; display:block; overflow:hidden;}
.fourPillers [class^="col-"] > div > span{position:absolute; transition:all .3s ease-in-out; left:0; right:0; top:200px; bottom:-150px; z-index:5; background:rgba(72,13,5,0.85); color:#fff; padding:15px; display:block; font-size:15px; line-height:1.3;}
.fourPillers [class^="col-"]:hover > div > span{top:0; bottom:0;}


.videoArea{background:#606e8a; display:block; margin:0 auto 25px; width:100%; max-width:100%; position:relative; overflow:hidden;}
.videoArea > img{display:block; width:100%; position:relative; z-index:5;}
.videoArea > video{position:absolute; top:-200px; bottom:0; left:0; right:0;}


.ourRooms{padding:60px 0 75px; margin-bottom:0; position:relative; text-align:center; background:#fff url('../images/plaster.jpg') no-repeat center center fixed; background-size:cover;}
.ourRooms a{background:var(--yellow)!important; color:#fff!important; padding:8px 30px; border-radius:30px; display:inline-block; margin-top:5px;}
.ourRooms a:hover{background:var(--red)!important;}
.ourRooms h2{font-size:42px;}
.ourRooms h3{position:relative; margin-bottom:15px; font-size:22px; font-weight:500; line-height:1.2; text-transform:uppercase;}
.ourRooms h3 span{display:block; overflow:hidden; clear:both; font-size:32px; color:var(--red)}
.ourRooms .item{position:relative; text-align:center;}
.ourRooms .item div{position:relative; padding:30px 50px;}
.ourRooms .item div:before{background:#fff; border:1px #ddd solid; display:block; margin-bottom:10px; border-radius:10px; position:absolute; content:''; top:150px; bottom:0; left:0; right:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index:-1;}

.ourRooms .item img{width:250px!important; border-radius:50%; margin-bottom:25px; display:inline-block!important;}
.ourRooms .owl-nav{position:absolute; top:auto; bottom:-45px; left:45%;}
.ourRooms .owl-nav .owl-prev, .ourRooms .owl-nav .owl-next{ float:left; left:0px; position:relative; display:block; background:#fff!important; border:2px var(--yellow) solid!important; color:var(--yellow); width:45px; height:45px; text-align:center; line-height:45px; border-radius:50%!important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.ourRooms .owl-nav .owl-next{float:right; left:auto; right:0px;}
.ourRooms .owl-nav .owl-prev:hover, .ourRooms .owl-nav .owl-next:hover{background:var(--yellow)!important;}
.ourRooms .owl-nav .owl-prev:hover i, .ourRooms .owl-nav .owl-next:hover i{color:#fff;}
.ourRooms .owl-dots{width:50%; position: absolute; top: 10px;}
.ourRooms .owl-theme .owl-dots .owl-dot span{width:40px; height:5px;}




.galleryArea{background:var(--red) no-repeat fixed url('../images/interiorbg.jpg'); background-size:cover; background-blend-mode:soft-light; color:#fff; display:block; overflow:hidden; padding:60px 0; text-align:center;}
.galleryArea.innerportfolio {
    background: url('https://goldenlinedesigns.com/wp-content/uploads/2026/05/lightbg.jpg') repeat fixed !important;
    background-blend-mode: normal !important;
}
.galleryArea h2{margin-bottom:25px; font-size:42px;}
.galleryArea.innerportfolio h1{font-size:50px; color:#222; margin-bottom:40px;}


/* ===== GALLERY GRID LAYOUT ===== */
.galleryArea ul {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    gap: 20px;
    list-style: none;
    padding: 0;
}

/* Base Item Styling */
.galleryArea ul li {
    border-radius: 18px;
    overflow: hidden;
    background: #000;
}

/* Make the 'a' tag cover the whole li */
.galleryArea ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; /* Context for the icon */
    text-decoration: none;
    overflow: hidden;
}

/* Image Base & Zoom Effect */
.galleryArea ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.galleryArea ul li a:hover img {
    transform: scale(1.15);
}

/* ===== HOVER OVERLAY & ICON ON THE 'A' TAG ===== */

/* Dark Overlay */
.galleryArea ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

/* FontAwesome 6.7 Zoom Icon */
.galleryArea ul li a::after {
    content: '\f00e'; /* Unicode for magnifying-glass-plus */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    color: #ffffff;
    font-size: 30px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
}

/* Show Overlay & Icon on Hover of the link */
.galleryArea ul li a:hover::before {
    opacity: 1;
}

.galleryArea ul li a:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* ===== EXACT GRID PLACEMENT ===== */

.galleryArea ul li:nth-child(1), 
.galleryArea ul li:nth-child(11) {
    grid-column: 1 / 2;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(2), 
.galleryArea ul li:nth-child(12) {
    grid-column: 2 / 3;
}

.galleryArea ul li:nth-child(3) {
    grid-column: 2 / 3;
}

.galleryArea ul li:nth-child(4) {
    grid-column: 1 / 3;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(5) {
    grid-column: 1 / 2;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(6) {
    grid-column: 2 / 3;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(7) {
    grid-column: 2 / 3;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(8) {
    grid-column: 1 / 2;
}

.galleryArea ul li:nth-child(9) {
    grid-column: 2 / 3;
}

.galleryArea ul li:nth-child(10) {
    grid-column: 2 / 3;
    grid-row: span 2;
}

.galleryArea ul li:nth-child(12) {
    grid-column: 2 / 3;
    grid-row: span 2;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .galleryArea ul {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .galleryArea ul li {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .galleryArea ul li img {
        aspect-ratio: 4/3;
        height: auto;
    }
}



.whyUs{display:block; overflow:hidden; padding:80px 0;background:#f2f1ef; background: linear-gradient(180deg,rgba(242, 241, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.whyUs a{display:inline-block; padding:8px 25px; min-width:150px; text-align:center; border:1px #222 solid; color:#222; border-radius:30px; margin-top:10px;}
.whyUs a:hover{background:#000; color:#fff;}
.whyUs h3{font-size:34px; line-height:1.2; margin-bottom:3px;}
.whyUs h3 span {color:var(--yellow); /* gold accent */}
.subtitle {opacity: 0.7;  margin-bottom: 20px;}


.accordion .card {
border: none;
border-radius: 0;
box-shadow: none;
background:none!important;
}
.accordion .card-header {
background: none!important;
padding: 0.5rem 1rem 0.5rem 0; border-bottom:2px #222 solid;
}
.accordion .btn-link {
font-size: 17px;
color: #222;
text-decoration: none;
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center; padding:0;
}
.accordion .btn-link:hover {
color: #000;
}
.accordion .card-body {
font-size: 0.95rem;
color: #555;
line-height: 1.6;
padding: 0.75rem 1rem;
}
.accordion img{height:45px; width:45px}
.accordion .icon {
transition: transform 0.3s ease;
}
.accordion .collapsed .icon {
transform: rotate(0deg);
}
.accordion .icon {
transform: rotate(180deg);
}


/* CONTAINER */
.slider-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 500px;
    overflow: hidden;
    border-radius: 12px; border:3px var(--yellow) solid;
}

/* IMAGES */
.slider-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    user-select: none;
    pointer-events: none;
}

/* AFTER (BOTTOM) */
.after {
    z-index: 1;
}

/* BEFORE (TOP MASK) */
.before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    clip-path: inset(0 50% 0 0); /* start middle */
}

/* SLIDER LINE */
.slider-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    background: #fff;
    transform: translateX(-50%);
    z-index: 3;
}

/* BUTTON */
.slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: white;
  border: 2px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: ew-resize;
  z-index: 4;
  font-size: 18px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);

  /* Animation */
  animation: slideHint 1.5s ease-in-out infinite;
}

/* Move left-right */
@keyframes slideHint {
  0%   { transform: translate(-50%, -50%) translateX(0); }
  25%  { transform: translate(-50%, -50%) translateX(-6px); }
  50%  { transform: translate(-50%, -50%) translateX(0); }
  75%  { transform: translate(-50%, -50%) translateX(6px); }
  100% { transform: translate(-50%, -50%) translateX(0); }
}
/* HOVER */
.slider-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* MOBILE */
@media (max-width: 768px) {
    .slider-container {
        height: 350px;
    }
}



.parallaxArea{display:block; overflow:hidden; height:200px; clear:both; background:url('../images/parallax.jpg') no-repeat center center fixed; background-size:cover;}


.testimonialsArea{text-align:center; padding:60px 0; color:var(--dark);}
.testimonialsArea h3{display:block; clear:both; font-size:36px; margin-bottom:10px;}
.testimonialsArea h3 + p{font-size:20px; margin-bottom:30px;}
.testimonialsArea > div > a{display:inline-block; color:var(--dark); padding:12px 25px; border:1px var(--yellow) solid; width:240px; border-radius:40px;}
.testimonialsArea > div > a:hover{background:var(--yellow); color:#fff;}
.testimonialsArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--yellow); z-index:5;}
.testimonialsArea .row{margin-bottom:30px;}
.testimonialsArea .row [class^="col-"]{position:relative; margin-bottom:20px;}
.testimonialsArea .row [class^="col-"]:before{z-index:1; display:block; overflow:hidden; content:''; position:absolute; border-radius:10px; left:15px;right:15px; top:0;bottom:0;
background: var(--yellow);
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.testimonialsArea .row [class^="col-"] > div{text-align:center; padding:35px; position:relative; z-index:5; color:#fff;}
.testimonialsArea .row [class^="col-"] > div h5{margin-bottom:10px;}
.testimonialsArea [class^="col-"] > div strong{font-weight:600; font-size:16px;}
.testimonialsArea [class^="col-"] > div i{ font-size:48px; margin-bottom:10px;}



.serviceArea{display:block; overflow:hidden;padding:60px 0; text-align:center; color:#fff; position:relative; background:#444 url('../images/parallax.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay;}
.serviceArea:before{ content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:30%; z-index:5;}
.serviceArea > div{width:900px; max-width:100%; position:relative; z-index:5;}
/*.serviceArea > div > div{position:relative;z-index:5; padding: 40px 40px 10px; box-shadow: 5px 5px 10px #183e702e; background:var(--dark);}*/
.serviceArea h2{ font-size:42px; margin-bottom:5px; text-transform:uppercase; font-weight:400;}
.serviceArea h2 + p{margin-bottom:40px; font-size:20px;}
.serviceArea form{width:600px; max-width:100%; text-align:center; margin:0 auto;}
.serviceArea [class^="col"]{margin-bottom:30px;}
#appointment input, #appointment textarea, #appointment select, #appointment .choices__inner{border:1px #fff solid!important; background:rgba(0,0,0,0.5)!important; backdrop-filter: saturate(180%) blur(10px)!important; height:40px!important; padding:0 15px; width:100%; color:#fff; text-align:left!important;}
#appointment textarea{height:80px!important;}
#appointment ::placeholder {
  color: #fff!important; /* Replace with your desired color */
  opacity: 0.5!important;     /* Ensure full visibility (optional) */
}
.serviceArea input[type="submit"], div.wpforms-container-full .wpforms-form button[type=submit]{background:var(--shade)!important; border:none!important; color:var(--red)!important; font-weight:600!important; text-transform:uppercase!important; width:100%!important; height:60px!important;}
.serviceArea input[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover{background:var(--red)!important; color:#fff!important;}


.footer{display:block; clear:both; overflow:hidden; padding:60px 0 20px; position:relative; color:#fff; background:var(--red);}
.footer > div{position:relative; z-index:5;}
.footer ul.links, .footer ul.contactLink{list-style-type:none; margin:0; padding:0; font-size:16px;}
.footer ul.links li{display:block;padding:4px 0;}
.footer ul.links li a, .footer ul.contactLink li a{color:#fff;}
.footer ul.links li a:hover, .footer ul.contactLink li a:hover{color:#cfbdb1;}
.footer ul.contactLink li{display:block;padding:4px; margin-bottom:5px;}
.footer ul.contactLink li a{font-size:18px;}
.footer ul.contactLink li:last-child a{background:var(--shade); padding:15px 45px; text-align:center; color:var(--red); font-size:17px; border-radius:50px;}
.footer ul.contactLink li:last-child a:hover{background:#000; color:#fff;}


.social-icons{margin:0; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:24px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:#cfbdb1;}
.footer p{font-size:14px; color:#fff; display:block; padding:0; margin:5px 0;}
.footer p a{float:right;}

.footer hr{border-color:#fff;}

.footer .fa-chevron-up{font-size:18px; color:#cfbdb1;}




.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:10px;
top:10px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:var(--yellow);
opacity:1;
}


.floting-buttons{position:fixed; left:12px; bottom:12px; z-index:999;}

/* Golden Button Styling */
.floting-buttons a {
    display:block;
    width: 40px;
    height: 40px; line-height:40px; text-align:center;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4af37 0%, #f9e27d 50%, #b8860b 100%);
    color: #4a0404; /* Dark Maroon from your header */
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border: 1px solid #b8860b;
    margin: 5px;
}

.floting-buttons a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(184, 134, 11, 0.4);
    background: linear-gradient(135deg, #b8860b 0%, #f9e27d 50%, #d4af37 100%);
}







.innerHeader{background-color:#1f0501; background-attachment:fixed; background-blend-mode:overlay; background-position:bottom center; color:#fff; position: relative; display:block; padding:320px 0 30px; overflow:hidden;}
.innerHeader:before{position:absolute; left:0; right:0; bottom:0; height:12px; content:''; background:var(--shade); z-index:1;}
.innerHeader > div{z-index: 5; position:relative;}
.innerHeader > div > img{position:absolute; right:0; top:-60px;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:#fff; font-weight:700;}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerHeader h1{display:block; border-left:3px #fff solid; padding-left:15px; margin-bottom: 20px;}


.innerPage{padding:0; display:block; overflow:hidden; background: url('https://goldenlinedesigns.com/wp-content/uploads/2026/05/lightbg.jpg') repeat fixed !important;}
.innerPage > div{background:#fff; padding:40px;}
.innerPage #appointment{padding:30px; color:#fff; display:block; background:var(--dark);}
.innerPage h1{font-size:50px;}
.innerPage h3{font-size:32px; border-left:4px var(--red) solid; padding-left:15px; line-height:1.2; color:var(--red); margin-top:10px;}


.contact {
    position: relative;
    width: 100%;
    /*padding:45px 25px 0 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669;*/
}
.contact #wpforms-108{margin:0 0 30px!important}

.contact .contact-info {
    position: relative;
    display: flex;
    
    margin-bottom: 30px;
    transition: .3s;
	/*background:#082d53;*/
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:var(--shade);
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid var(--red); margin-right: 10px; 
	text-align:center; background: var(--red);
}

.contact .contact-icon i {
    font-size:25px;
    color: #fff!important;
	width: 100px;
}

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 16px; font-weight:600;  color:rgba(68,68,68,1);
}



.contact h2 {font-weight:600; text-align:left; /*margin:20px 0 0;*/ color:var(--dark); font-size: 24px; display: block; margin-top: 20px;}

.contact .contact-text h2 {
    font-size:26px;
    font-weight:600;
    color: #000;
	padding:0; margin:0 0 0px; line-height: 1;
    
}

/*.contact .contact-text p {
    margin: 0;
    font-size: 13px;
	color:#f3f3f3;
}*/

.contact .contact-text a {color:rgba(68,68,68,1); font-size:16px; line-height:1; font-weight:600; }
.contact .contact-text a:hover{color:var(--dark);}



.contact .contact-form {
    position: relative;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}

.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px #00b3ff solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px #00b3ff solid!important;
}




.projectOverview{text-align:center; display:block; padding:60px 0;}
.projectOverview img{width:280px; max-width:100%; margin-bottom:20px;}
.projectOverview h2{font-size:24px;}

.projectOverview{display:block;}
.projectHighlight .carousel-item img{width:100%;}
.projectHighlight [class^="col-"]:last-child > div{position:relative; padding:30px; color:#fff; background:var(--yellow);}
.projectHighlight [class^="col-"]:last-child > div:before{content:''; display:block; position:absolute; top:0; bottom:0; left:-30px; right:100%; background:var(--yellow); z-index:10;}
.projectHighlight [class^="col-"]:last-child > div span:first-child{display:block; font-weight:700; margin-bottom:20px;}
.projectHighlight ul{margin:0; padding:0; list-style-type:none;}
.projectHighlight ul li{position:relative; float:left; width:50%; padding-left:40px;}
.projectHighlight ul li i{position:absolute; left:0; top:5px; font-size:22px;}
.projectHighlight [class^="col-"]:last-child > div span:last-child{font-style:italic;}


.specificationsBox{text-align:center; padding:50px 0;}
/* Desktop: 3 columns */
.specificationsBox .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Heading spans full width */
.specificationsBox h3 {
    grid-column: 1 / -1;
}

/* Item styling */
.specificationsBox p {
    margin: 0 0 15px;
    text-align: left;
}

/* Mobile: 1 column */
@media (max-width: 768px) {
    .specificationsBox .container {
        grid-template-columns: 1fr;
    }
}


.locationBox{display:block; overflow:hidden; background:var(--green);}
.locationBox [class^="col-"] > div{padding:60px; color:#fff;}

.plans{text-align:center; padding:60px 0;}
.plans h4{font-size:16px;}

.quickContact{text-align:center; padding:40px; color:#fff; background:var(--yellow);}
.quickContact a{display:inline-block; margin:5px; background:#fff; padding:10px 20px; font-weight:700;}
.quickContact a:hover{background:var(--yellow); color:#fff;}



.sub-menu-toggle{display:none!important;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){

.logo{text-align:left;}
.logo img{height:80px; margin:0;}
#myHeader .no-gutters > [class*="col-"]:last-child{ height:0;}
#myHeader .no-gutters > [class*="col-"]:last-child{max-width:100%; flex:100%;}
#myHeader.sticky .no-gutters > [class*="col-"]:last-child{max-width:25%!important; flex:25%!important;}

.headerIcons{display:none!important;}


.ourRooms .owl-dots{width:100%;}
.ourRooms .owl-nav{bottom:-30px; left:35%;}

.carousel-indicators{bottom:55%;}
.sliderArea .carousel-item{height:auto;}
.sliderArea .carousel-item video{width: 100%!important;}

.heroTxt{position:static; display:block; clear:both; width:100%; padding:30px 30px 15px; background:var(--dark);}
.heroTxt h3{font-size:22px;}
.heroTxt p{font-size:16px; letter-spacing:2px;}

	
	
.innerHeader{padding:140px 0 30px;}
}

@media (max-width: 767px){

.project-slider{height:85vh;}
.project-slider .sliderContent{width:100%;}
.project-slider .sliderContent h2{font-size:30px;}
.project-slider .sliderContent p{font-size:17px;}
#cmn-video-demo4__video2 {width:350%; height: 120%;}


.fourPillers h4{font-size:42px;}

[class^="col-"]:not(:last-child){margin-bottom:30px;}
#myHeader [class^="col-"]:not(:last-child){margin-bottom:0px;}

.nav-tab{font-size:12px;}
.formBox{padding:20px 30px;}
.formBox [class^="col-"], .formBox [class^="col-"]:first-child{border-bottom:1px #888 solid;}
.formBox [class^="col-"]:nth-child(3){border:none;}
.formBox [class^="col-"]:nth-child(4){border-bottom:none;}
.formBox [class^="col-"]:last-child{padding-top:10px; display:block;}

.ourRooms [class^="col-"]:first-child{margin-bottom:30px;}


.footer{text-align:center;}
.social-icons:before, .social-icons:after{display:none;}
.footer-nav li{width:100%;}
.footer-nav li{border:none; margin-bottom:8px;}

.footer [class^="col-"]{margin-bottom:15px;}

.newsArea svg{bottom: 10px;}
.newsArea svg:last-child{bottom: -5px;}
.footer svg{top: 10px;}
.footer svg.lastSvg{top: -5px;}


.projectHighlight ul li{width:100%;}

.innerHeader > div > img{position:relative; left:-40%; top:auto; bottom:-60px;}


.serviceArea{padding-bottom:20px;}
.serviceArea [class^="col"]{margin-bottom:20px;}
.serviceArea > div > div{padding:20px 20px 0;}
.modal-content .row [class^="col-"]:first-child{height:300px;}

}


@media (max-width: 500px){
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}