@import url(fonts/fonts.css);
@import url('https://use.fontawesome.com/releases/v7.2.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Mulish', sans-serif; font-weight: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{--blue:#0b264d; --orange:#b2802f; --gray:#a9b5af;  --dark:#222323;}

img{border:0;}
a{color:var(--blue); 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:700; line-height:1;}


.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(--blue);
  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{background:var(--blue); padding:0; display:block;margin-top:1px; position:relative; z-index:9999;}
.logoIcon{display:none;}
.logoIcon a img{height:65px;}

.logo{text-align:center; display:block; position:relative;}
.logo:after{display:block; position:absolute; content: ""; background:#fff; top:0; bottom:0; left:-100%; right:0; z-index:1; border-radius:80px;}
.logo img{height:75px; margin:10px 0;position:relative; z-index:5;}
.phoneArea small{display:block; overflow:hidden; clear:both; color:#fff;}
.phoneArea a{font-size:24px; font-weight:800; color:var(--orange);}

.headerContact{display:block; list-style-type:none; margin:0 0 0 15px; padding:0;}
.headerContact li{display:inline-block;}
.headerContact li a{display:block; color:#fff;}

#myHeader .social-icons li{font-size:18px;}


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

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

/*.sticky .logoIcon{display:block;}
.sticky .logo{display:none;}*/


.bannerContentBox{text-align:center; padding:50px 0;background:#f2f1ef; background: linear-gradient(180deg,rgba(242, 241, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.bannerContentBox > div{width:800px; max-width:100%;}
.bannerContentBox h2{font-weight:500; font-size:60px; line-height:1.2; margin-bottom:30px;}
.bannerContentBox a{display:inline-block; padding:8px 25px; border:1px #222 solid; border-radius:30px;}


.sliderArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; background:#fff; overflow:hidden;}
.sliderArea .carousel{opacity:1; z-index:100;}
.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);}


.sliderArea > svg {
    position: absolute;
    bottom: -120px;
    left: calc(50% - 1260px);
    fill:#fff;
    z-index:1111;
 }



.sliderArea:after{position:absolute; content:''; display:block; left:0; right:20%; top:0; bottom:0; z-index:101; opacity:0.7;
background: #000; background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);}
.sliderContent{position:absolute; left:5%; right:50%; top:30%; color:#fff; z-index:102; font-size:20px;}
.sliderContent h3{font-size:36px;}
.sliderContent p{margin-bottom:30px;}
.sliderContent a{color:#fff; background:var(--orange); padding:10px 20px; border-radius:50px; margin-top:10px;}
.sliderContent a:hover{background:var(--blue);}


.aboutArea{display:block; padding:60px 0 30px; position:relative;}
.aboutArea > div{position:relative; z-index:5;}

.aboutArea h2{font-weight:600; line-height:1.2; font-size:24px; margin-bottom:10px;}
.aboutArea h3{font-weight:700; margin-bottom:15px; letter-spacing:1px; font-size:28px; line-height:1.4; color:var(--blue);}
.aboutArea p + a{display:inline-block; padding:8px 25px; min-width:150px; text-align:center; border:1px #222 solid; border-radius:30px; margin-top:10px;}
.aboutArea p + a:hover{background:#000; color:#fff;}
.aboutArea ul{list-style-type:none; margin:0; padding:0;}
.aboutArea ul li{display:block; padding:12px 0 12px 40px; border-bottom:1px var(--blue) dotted; font-size:18px; background:transparent url('../images/bullicon.png') no-repeat center left;}
.aboutArea ul li:last-child{border-bottom:0;}



.about3Box [class^="col-"]{position:relative; margin-bottom:30px;}
.about3Box [class^="col-"]:before{background:#fff; border:1px #ddd solid; border-top:4px var(--orange) solid; content:""; display:block; position:absolute; z-index:-1; border-radius:20px; left:15px; right:15px; top:0; bottom:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.about3Box [class^="col-"]:hover:before{background:var(--orange);}
.about3Box [class^="col-"] > div{text-align:center; padding:25px; display:block; overflow:hidden;}
.about3Box h4{font-size:20px; line-height:1.3;}
.about3Box i{font-size:30px; margin-bottom:20px; background:var(--blue); width:70px; height:70px; line-height:70px; color:#fff; border-radius:50%;}
.about3Box [class^="col-"]:hover{color:#fff;}


.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;}


.servicesArea{padding:60px 0; margin-bottom:0; position:relative; display:block; clear:both; overflow:hidden; color:#fff;}
.servicesArea:before{content:''; display:block; position:absolute; left:0%; right:0%; top:0; bottom:0; z-index:-1; clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%); background:var(--blue);}
.servicesArea [class^="col-"]{margin-bottom:30px; overflow:hidden;}
.servicesArea [class^="col-"] > div{position:absolute; z-index:5; bottom:-110px; left:30px; right:30px; transition:all .2s ease-in-out; text-shadow: 0px 0px 3px rgba(0,0,0,06);}
.servicesArea [class^="col-"]:hover > div{	bottom:30px;}
.servicesArea [class^="col-"]:before{content:''; display:block; position:absolute; left:15px; right:15px; top:20%; bottom:0; z-index:1; opacity:0.8;
background: #000; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.servicesArea [class^="col-"] a{background:var(--blue); display:inline-block; padding:10px 15px; border:2px #fff solid; color:#fff;}
.servicesArea [class^="col-"] a:hover{background:var(--orange);}

.servicesArea [class^="col-"]:first-child:before{background:var(--orange); opacity:1; top:0;}
.servicesArea [class^="col-"]:first-child h2{z-index:5; position:absolute; left:15%; top:35%;}
.servicesArea [class^="col-"]:first-child a{z-index:5; position:absolute; left:15%; top:50%; text-transform:uppercase;}




.galleryArea{display:block; overflow:hidden; padding:0px 0 60px; text-align:center; border-bottom:1px #eee solid;}
.galleryArea h2{margin-bottom:15px;}
.galleryArea ul{list-style-type:none; margin:0; padding:20px 0 0; text-align:left;}
.galleryArea ul li{display:inline-block; border:1px #ddd solid; padding:10px; width:24%; padding-left:45px; position:relative; margin-bottom:12px; background:url("../images/bullicon.png") no-repeat left 10px center;}
.galleryArea ul li a{color:var(--blue);}
.galleryArea ul li a:hover{color:var(--orange);}



.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;}


.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;}
.serviceArea input, .serviceArea textarea, .serviceArea select{border:1px #fff solid; background:rgba(0,0,0,0.5); backdrop-filter: saturate(180%) blur(10px); height:40px; padding:0 15px; width:100%; color:#fff;}
.serviceArea textarea{height:80px;}
.serviceArea ::placeholder {
  color: #fff; /* Replace with your desired color */
  opacity: 0.5;     /* Ensure full visibility (optional) */
}
.serviceArea input[type="submit"]{background:var(--orange); border:none; font-weight:600; text-transform:uppercase; height:60px;}
.serviceArea input[type="submit"]:hover{background:#fff; color:var(--dark);}


.serviceArea .wpforms-container-full .wpforms-form button[type=submit] {border:none!important; font-weight:600; width: 100%; text-transform:uppercase; height:60px; background-color:var(--orange)!important; 
    color: #fff!important;
    font-size: 1em;
    padding: 10px 15px;  }

.serviceArea .wpforms-container-full .wpforms-form input[type=text]{ 
    background-color: rgba(0,0,0,0.6)!important; color: #fff!important; box-shadow: 5px 5px 10px #183e702e; 
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    font-family: inherit;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;}

.serviceArea .wpforms-container-full .wpforms-form input[type=email]{background-color: rgba(0,0,0,0.6)!important; color: #fff!important;}

.serviceArea .wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    background-color: rgba(0,0,0,0.6)!important; color: #fff!important;}

.serviceArea .wpforms-container-full .wpforms-form select{background-color: rgba(0,0,0,0.6)!important; color: #fff!important; }

.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 100px!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0!important;
    clear: both;
}


.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:var(--orange);}


.footerArea{background:var(--blue);background-size:cover;background-blend-mode:overlay;padding:50px 25px 10px;display:block;text-align:center;position:relative}
.footerArea img{height:100px;margin-bottom:25px; filter: brightness(0) invert(1);}
.footerArea>div>a{display:inline-block;clear:both;padding:3px 10px;color:#fff; font-size:18px; font-weight:600;}
.footerArea>div>a i, .footerArea p i{color:var(--orange);margin-right:5px}
.footerArea p{clear:both; display:block; overflow:hidden;margin:10px 0 20px; color:#fff;}
.footerArea>div>a:hover{color:var(--orange);}
ul.social-links{margin:0 0 15px;padding:15px 0;list-style-type:none;display:block;overflow:hidden;clear:both}
ul.social-links li{display:inline-block;margin-right:5px}
ul.social-links li a{text-align:center;color:#fff;display:block;border:1px#fff solid;width:36px;height:36px;text-align:center;border-radius:50%}
ul.social-links li a i{font-size:18px;line-height:36px}
ul.social-links li a:hover{background:var(--orange);color:#fff}
.footerArea ul.social-links li a i{font-size:25px;line-height:50px}
.footerArea ul.social-links li a{width:50px;height:50px}
.footerArea ul+a img{height:auto!important;margin-bottom:0}
.footerArea hr{border-color:var(--orange);}

.footerLink{list-style-type:none; margin:0; padding:5px 0;}
.footerLink li{display:inline-block; margin:0; width:24%; text-align:center; color:#fff; padding:5px;}
.footerLink li a{color:#fff;}
.footerLink li a:hover{color:var(--orange);}

.footerQuickLinks{list-style-type:none; margin:0 0 20px; padding:0; text-align:center;}
.footerQuickLinks li{display:inline-block; margin:0; color:#fff; padding:0 5px; border-right:1px #fff solid; line-height:1; font-size:12px;}
.footerQuickLinks li a{color:#fff;}
.footerQuickLinks li a:hover{color:var(--orange);}


.footerBottom{background:var(--dark);padding:15px;display:block;font-size:13px;position:relative;color:#fff}
.footerBottom ul{float:right;margin:0;padding:0;list-style-type:none}
.footerBottom ul li{display:inline-block}
.footerBottom ul li a{display:block;padding:0 8px;color:#fff;border-left:1px var(--blue) solid;line-height:1}
.footerBottom ul li:first-child a{border:none}
.footerBottom ul li a:hover{color:var(--orange)}
#scroll-icon{position:fixed;right:10px;bottom:10px;cursor:pointer;width:30px;height:30px;background:var(--shade);text-indent:-9999px;display:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:99999}
#scroll-icon span{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:7px solid transparent;border-bottom-color:#fff}
#scroll-icon:hover{background-color:var(--dark);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}




.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(--blue);
opacity:1;
}


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








.innerHeader{background:var(--green); color:#fff; position: relative; display:block; padding:60px 0; overflow:hidden;}
.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;}

.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(--blue);}
.projectHighlight [class^="col-"]:last-child > div:before{content:''; display:block; position:absolute; top:0; bottom:0; left:-30px; right:100%; background:var(--blue); 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(--blue);}
.quickContact a{display:inline-block; margin:5px; background:#fff; padding:10px 20px; font-weight:700;}
.quickContact a:hover{background:var(--blue); color:#fff;}




/*-----------------------Next Page------------------------*/

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

.nxtwelcomeArea{ padding: 30px 0; display: block; background: linear-gradient(to top, #e6f2ff, #ffffff);}


/*.innerHeader{height:50dvh; background-attachment:fixed; background-position:bottom center; background-blend-mode:overlay; background:#444;}
.innerHeader > div{position:absolute; bottom:15px; left:50%; transform:translate(-50%,0%); color:#fff;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase; display:none;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--blue);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerPage{ position:relative; display:block; overflow:hidden; border-bottom:1px #e9e9e9 solid; padding:40px 0;}*/

.nxtBanner {
  display: block;
  position: relative;
  overflow: hidden;
  height: 50vh;
}

@media (max-width:767px){
	.nxtwelcomeArea p{
		padding: 0 10px;
	}
	.nxtBanner {
	  height: 35vh;
	}
}

.nxtBanner:after {
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%);
  position: absolute;
  inset: 0;
  content: ''; background:rgba(0,0,0,0.8);
}

/* Image */
.nxtBanner .nxtbanner-inner img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
}

/* 🔥 Modern Heading */
.nxtBanner h1 {
  position: absolute;
  bottom: 20%;
  left: 13%;
  z-index: 900;
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.2;
  text-transform: uppercase;

  /* Clean shadow */
  text-shadow: 0 4px 15px rgba(0,0,0,0.6);

  /* Animation */
  animation: fadeUp 1s ease forwards;
}

@media screen and (min-device-width: 767px) and (max-device-width: 1679px){
	.nxtBanner h1 {
		 bottom: 50%;
	}
}

/* Animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
    .nxtBanner h1 {
    top: 50%;
    left: 0;
    bottom: auto;
    transform: translate(0, 0);
    text-align: center;
    width: 100%;
    font-size: 26px;
    line-height: 1.3;
    letter-spacing: 2px;
    text-align: center;
  }
}



/*-----------------------Gallery page-------------------------------*/

.gallery-section {
  padding: 40px 0;
  text-align: center;
}

/* FILTER BUTTONS */
.filter-buttons {
  margin-bottom: 25px;
}

.filter-buttons button {
  background: #0b2c4d;
  color: #fff;
  border: none;
  padding: 8px 18px;
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.filter-buttons button:hover,
.filter-buttons button.active {
  background: var(--orange);
}

/* GALLERY GRID */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

/* IMAGE CARD */
.gallery .item {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.gallery .item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: 0.4s;
}

/* HOVER EFFECT */
.gallery .item:hover img {
  transform: scale(1.1);
}


.modern-contact {
  padding: 60px 0;
  /*background: #f9fbf8;*/
	background: linear-gradient(to top, #e3efe0, #ffffff);


}

.contact-wrapper {
  align-items: stretch;
  gap: 30px;
}

/* Card Design */
.modern-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: 0.3s;
}

.modern-card:hover {
  transform: translateY(-5px);
}



/* Left */
.contact-left .section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-heading {
  font-size: 20px;
  margin-bottom: 15px;
  color: var(--orange);
}

/* Contact Items */
.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 10px;
}

.contact-item i {
  color: var(--orange);
  font-size: 18px;
}

.contact-item a {
  color: #333;
  text-decoration: none;
}

.contact-item a:hover {
  color: var(--orange)
}

/* Right Side */
.contact-cta h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

.contact-cta p {
  margin-bottom: 20px;
  color: #555;
}

/* Button */
.btn-call {
  display: inline-block;
  background: linear-gradient(45deg, #00c853, #64dd17);
  color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-call:hover {
  background: #009624;
}

/* Form spacing */
.contact-form {
  margin-top: 20px;
}

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

/*-----------------------Service page-------------------------------*/
.gallery-listing {
  padding: 60px 0;
  text-align: center;
}

/* Heading */
.gallery-listing h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
}

.gallery-listing h2 span {
  color: var(--orange)
}

.gallery-listing h2:before { display:none;}

/* Grid spacing */
.gallery-listing .row {
  margin: 0 -10px;
}

.gallery-listing .col-md-4 {
  padding: 10px;
}

/* Image Card */
.gallery-listing a {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}

/* Image */
.gallery-listing img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: 0.4s ease;
  border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Hover Zoom */
.gallery-listing a:hover img {
  transform: scale(1.1);
}

/* Overlay Effect */
.gallery-listing a::after {
  content: "\f00e"; /* search icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  font-size: 22px;
  background: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  transition: 0.3s;
}

/* Hover Overlay Show */
.gallery-listing a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Shadow */
.gallery-listing a {
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Hover Shadow */
.gallery-listing a:hover {
  box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 768px) {
  .gallery-listing h2 {
    font-size: 28px;
  }

  .gallery-listing img {
    height: 200px;
  }
}

/*------------------area-box------------------------*/
.areatotalbox {
    padding: 50px 0;
}

.area-box {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    transition: 0.3s ease;
    border: 1px solid #eee;
	 display: block;
}

.area-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.area-box h4 {
    font-size: 16px;
    margin: 0;
    display: block;
    align-items: center;
}

.area-box h4 i {
    margin-right: 10px;
    color: #0073aa;
}

.area-box h4 a {
    text-decoration: none;
    color: #333;
    transition: 0.3s;
}

.area-box h4 a:hover {
    color: #0073aa;
}


.areas-We-covertotal {
    padding: 30px 0;
    display: block;
}

.area-item.odd {
    border-bottom: 1px solid #333
    padding: 30px 0;
}

.area-item.even {
    background: #ffffff;
    padding: 30px 0;
}

.area-content {
    max-width: 1200px;
    margin: auto;
}

.area-item h2 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px;
}

.area-item h2::before {
    content: "\f061"; /* arrow icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0073aa;
    font-size: 18px;
}


.nxtwelcomeArea ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.nxtwelcomeArea ul li {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.nxtwelcomeArea ul li::before {
    content: "\f105"; /* arrow icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0073aa;
    font-size: 14px;
}


.nxtwelcomeArea h1,
.nxtwelcomeArea h2,
.nxtwelcomeArea h3 {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    color: #222;
    font-weight: 600;
}

.nxtwelcomeArea h2{
    position: relative;
    padding-left: 40px;
    margin-bottom: 25px;
    color: #222;
    font-weight: 600; font-size: 28px;
}

.nxtwelcomeArea h1::before,
.nxtwelcomeArea h2::before,
.nxtwelcomeArea h3::before {
    content: "\f058"; /* check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5px;
    color: #0073aa;
    font-size: 20px;
}


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


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


@media (max-width: 1024px){

}

@media (max-width: 991px){



.logo{}
.logo img{height:60px;}
#myHeader .no-gutters > [class*="col-"]:last-child, #myHeader .col-lg-8{ height:0;}
/*#myHeader .border-bottom{display:none;}*/
#myHeader .phoneArea{position:absolute; top:-55px; right:20px; text-align:right;}
#myHeader .phoneArea a{font-size:20px;}

#myHeader .col-lg-11{height:0;}
#myHeader .border-bottom{border-bottom:0!important; padding:5px 0 0; margin-bottom:0!important; font-size:18px;}
#myHeader .border-bottom [class*="col-"]:last-child{display:none;}
#myHeader .border-bottom ul li:first-child{display:none;}


#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;}


.sliderArea:after{display:none;}
.sliderContent{position:relative; left:0; right:0; top:0; z-index:5; width:100%; display:block; clear:both; background:var(--blue); padding:15px; color:#fff; z-index:102; font-size:14px;}
.sliderContent h3{font-size:26px;}

.carousel-indicators{bottom:10%;}


.sliderContent{padding:20px 20px 80px;}
.sliderArea > svg {
  bottom: -30px;
  height: 70px;
}


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

.galleryArea ul li{width:48%;}

.whyUs:before{left:0%; right:0%; top:auto; bottom:0; height:30%;}

}

@media (max-width: 767px){

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

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

h2{font-size:30px!important;}
h3{font-size:24px!important;}


.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;}



.newsArea svg{bottom: 10px;}
.newsArea svg:last-child{bottom: -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;}



.servicesArea::before {clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);}
.servicesArea [class^="col-"] > div {bottom: auto; top: 210px;}
.servicesArea [class^="col-"]:hover > div {top: auto; bottom: 10px;}


.footerArea img{height: 70px;}
.footer [class^=col-]{text-align:center;margin-bottom:10px}
.footer h4{text-align:center}
.footerArea > div > a{font-size:14px;}
.footer .w-50{width:auto!important}
.footer .service-link li{display:block;clear:both;overflow:hidden}
.footer .text-sm-right{font-size:11px;margin-top:15px}
.footerArea [class^=col-]{text-align:center;margin-bottom:25px}
.footerBottom{text-align:center}
.footerBottom ul{text-align:center;display:block;float:none;padding-top:10px}
.footerLink li{width:100%;}

}


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

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


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