/*

TemplateMo 591 villa agency

https://templatemo.com/tm-591-villa-agency

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #1e1e1e;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 28px;
  color: #4a4a4a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
Global Styles
--------------------------------------------- 
*/
html,
body {
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #0071f8;
  color: #fff;
}

::-moz-selection {
  background: #0071f8;
  color: #fff;
}

.section {
  margin-top: 120px;
}

.section-heading {
  margin-bottom: 70px;
}

.section-heading h2 {
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 20px;
  line-height: 56px;
}

.section-heading h2 em {
  font-style: normal;
  color: #0071f8;
}

.section-heading h6 {
  color: #ee626b;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
}

.icon-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px 0px 0px;
  border-radius: 25px;
  transition: all .3s;
}

.icon-button a i {
  background-color: #f35525;
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  display: inline-block;
  margin-right: 15px;
  margin-left: -1px;
}

.icon-button a:hover {
  color: #f35525;
}

.icon-button a:hover i {
  color: #fff;
}

.main-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
  border-radius: 25px;
  transition: all .3s;
}

.main-button a:hover {
  background-color: #f35525;
  color: #fff;
}

/* 
---------------------------------------------
Pre-loader Style
--------------------------------------------- 
*/

.js-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.99);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.js-preloader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@-webkit-keyframes dot {
  50% {
      -webkit-transform: translateX(96px);
      transform: translateX(96px);
  }
}

@keyframes dot {
  50% {
      -webkit-transform: translateX(96px);
      transform: translateX(96px);
  }
}

@-webkit-keyframes dots {
  50% {
      -webkit-transform: translateX(-31px);
      transform: translateX(-31px);
  }
}

@keyframes dots {
  50% {
      -webkit-transform: translateX(-31px);
      transform: translateX(-31px);
  }
}

.preloader-inner {
  position: relative;
  width: 142px;
  height: 40px;
  background: transparent;
}

.preloader-inner .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  background: #f35525;
  border-radius: 50%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: dot 2.8s infinite;
  animation: dot 2.8s infinite;
}

.preloader-inner .dots {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  -webkit-animation: dots 2.8s infinite;
  animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background: #f35525;
  border-radius: 50%;
}



/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/

.sub-header {
  background-color: #fff;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.sub-header ul li {
  display: inline-block;
}

.sub-header ul.social-links {
  text-align: right;
}

.sub-header ul.social-links li {
  margin-left: 8px;
}

.sub-header ul.social-links li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #cdcdcd;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  transition: all .3s;
}

.sub-header ul.social-links li a:hover {
  background-color: #f35525;
}

.sub-header ul.info li {
  font-size: 14px;
  color: #7a7a7a;
  border-right: 1px solid #eee;
  margin-right: 25px;
  padding-right: 25px;
}

/* .sub-header ul.info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
} */

.sub-header ul.info li i {
  font-size: 20px;
  color: #f35525;
  margin-right: 8px;
}

.background-header {
  background-color: #fff;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area {
  position: relative;
  background-color: #fff;
  height: 77px;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  background: transparent;
  display: flex;
}

.header-area .main-nav .logo {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

.header-area .main-nav .logo h1 {
  line-height: 100px;
  font-size: 28px;
  text-transform: uppercase;
  color: #1e1e1e;
  font-weight: 700;
  letter-spacing: 2px;
}
/* .logo>img{
  margin-top: 11px;
  padding-bottom: 5px;
} */

.logo{
  display: flex;
  align-items: center;
  justify-content: center;
}

.background-header .main-nav .logo h1 {
  line-height: 80px;
}

.header-area .main-nav ul.nav {
  flex-basis: 100%;
  margin-top: 15px;
  justify-content: right;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

/* .header-area .main-nav .nav li:last-child {
  padding-right: 0px;
} */

.header-area .main-nav .nav li {
  padding-left: 10px;
  padding-right: 10px;
  height: 100px;
  line-height: 100px;
}

.header-area .main-nav .nav li a {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  text-transform: capitalize;
  color: #1e1e1e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: transparent;
  letter-spacing: .25px;
}

/* .header-area .main-nav .nav li:last-child a {
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  border-radius: 20px;
  padding-left: 0px;
} */

/* .header-area .main-nav .nav li:last-child a i {
  background-color: #f35525;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  margin-left: -1px;
} */

/* .header-area .main-nav .nav li:last-child:hover a {
  background-color: #1e1e1e;
}

.header-area .main-nav .nav li:last-child:hover a i {
  color: #fff;
} */

.header-area .main-nav .nav li:hover a {
  color: #f35525;
}

.header-area .main-nav .nav li a.active {
  color: #f35525;
}


.background-header .main-nav .nav li a.active {
  color: #f35525;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 20px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 22px;
}

.background-header .main-nav ul.nav {
  margin-top: 20px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.visible{
  display:inline !important;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 5px;
    padding-right: 5px;
  }

}

@media (max-width: 767px) {
  .background-header .main-nav {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 25px 25px;
    width: 100%;
  }
  .background-header .main-nav .nav,
  .header-area .main-nav .nav {
    background-color: #fff;
  }
  .background-header .main-nav .nav li a,
  .header-area .main-nav .nav li a {
    line-height: 50px;
    height: 50px;
    font-weight: 400;
    color: #1e1e1e;
    background-color: #fff;
     border-radius: 0px 0px 25px 25px;
  }
  .background-header .main-nav .nav li,
  .header-area .main-nav .nav li {
    border-top: 1px solid #ddd;
    background-color: #f1f0fe;
    height: 50px;
    border-radius: 0px 0px 25px 25px;
  }
  .header-area .main-nav .nav {
    height: auto;
    flex-basis: 100%;
  }
  .header-area .main-nav .logo {
    position: absolute;
    left: 30px;
    top: 0px;
  }
  .logo>img{
    margin-top: 0;
  }
  .background-header .main-nav .logo {
    top: 0px;
  }
  .background-header .main-nav .border-button {
    top: 0px !important;
  }
  .header-area .main-nav .border-button {
    position: absolute;
    top: 15px;
    right: 70px;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #ee626b!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  /* .header-area .nav li:last-child a {
    background-color: transparent !important;
    font-weight: 300 !important;
    text-transform: capitalize !important;
  } */
  .header-area {
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 0px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .background-header.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
}

/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/
.main-banner {
  font-family: "Train One", serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  height: 100vh; /* Full screen height */
  overflow: hidden;
}

.main-banner .item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 220px 20% 320px 20%;
  margin-top: 0px;
}

.main-banner .item-1 {
  background-image: url(../images/mpus/IMG-20250219-WA0011.jpg);
}

.main-banner .item-2 {
  background-image: url(../images/mpus/IMG-20250219-WA0012.jpg);
}

.main-banner .item-3 {
  background-image: url(../images/mpus/IMG-20250219-WA0015.jpg);
}

.main-banner .item span.category {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 6px 15px;
  display: inline-block;
  margin-bottom: 30px;
}

.main-banner .item span.category em {
  font-style: normal;
  color: #f35525;
}

.main-banner .item h2 {
  font-size: 62px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  line-height: 72px;
  width: 50%;
  margin-bottom: 0px;
}

.main-banner .owl-dots {
  position: absolute;
  bottom: 60px;
  left: 20%;
}

.main-banner .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  transition: all .5s;
}

.main-banner .owl-dots .active {
  background-color: #f35525;
}

.main-banner .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50px);
}

.main-banner .owl-nav .owl-prev i,
.main-banner .owl-nav .owl-next i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  display: inline-block;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 1;
  transition: all .3s;
}

.main-banner .owl-nav .owl-prev i {
  position: absolute;
  left: 45px;
}

.main-banner .owl-nav .owl-next i {
  position: absolute;
  right: 45px;
}

.main-banner .owl-nav .owl-prev i:hover,
.main-banner .owl-nav .owl-next i:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Main Banner - Overlay Effect */
.main-banner .item {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 220px 20% 320px 20%;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Overlay Layer */
.main-banner .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(rgba(255, 215, 0, 0.5), rgba(139, 69, 19, 0.5)); */
  /* background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(37, 35, 35, 0.5)); */
  z-index: 1;
}

/* Header Text inside Overlay */
.main-banner .header-text {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  max-width: 80%;
}

.main-banner .header-text h2 {
  font-size: 62px;
  font-weight: 700;
  text-transform:capitalize;
  line-height: 72px;
  width: 100%;
  color: #fffefd;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .main-banner .header-text h2 {
    font-size: 50px;
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .main-banner .header-text h2 {
    font-size: 36px;
    line-height: 44px;
  }
}

@media (max-width: 480px) {
  .main-banner .header-text h2 {
    font-size: 28px;
    line-height: 36px;
  }
}


/* Default (Large Screens) */


/* Tablets (768px - 1024px) */
@media (max-width: 1024px) {
  .main-banner .item {
    padding: 180px 10% 250px 10%;
  }

  .main-banner .item h2 {
    font-size: 50px;
    line-height: 60px;
    width: 60%;
  }

  .main-banner .owl-dots {
    bottom: 40px;
    left: 10%;
  }

  .main-banner .owl-nav .owl-prev i,
  .main-banner .owl-nav .owl-next i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }

  .main-banner .owl-nav .owl-prev i {
    left: 25px;
  }

  .main-banner .owl-nav .owl-next i {
    right: 25px;
  }
}

/* Mobile Devices (480px - 767px) */
@media (max-width: 767px) {
  .main-banner .item {
    padding: 140px 5% 200px 5%;
  }

  .main-banner .item h2 {
    font-size: 36px;
    line-height: 44px;
    width: 80%;
  }

  .main-banner .owl-dots {
    bottom: 30px;
    left: 5%;
  }

  .main-banner .owl-nav .owl-prev i,
  .main-banner .owl-nav .owl-next i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
  }

  .main-banner .owl-nav .owl-prev i {
    left: 15px;
  }

  .main-banner .owl-nav .owl-next i {
    right: 15px;
  }
}

/* Small Mobile Devices (Below 480px) */
@media (max-width: 480px) {
  .main-banner .item {
    padding: 120px 5% 180px 5%;
  }

  .main-banner .item h2 {
    font-size: 28px;
    line-height: 36px;
    width: 90%;
    text-align: center;
  }

  .main-banner .owl-dots {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .main-banner .owl-nav {
    display: none; /* Hides navigation on very small screens */
  }
}


/* 
---------------------------------------------
Featured Style
--------------------------------------------- 
*/
/* .featured{
  
} */

.featured .left-image {
  position: relative;
}

.featured .left-image img {
  padding-left: 55px;
}

.featured .left-image a {
  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  background-color: #f35525;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -55px;
}

.featured .section-heading {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 60px;
}

.featured .section-heading h2 {
  width: 70%;
}

.featured .accordion {
  margin-left: 10px;
  margin-right: 10px;
  --bs-accordion-border-radius: 10px;
  --bs-accordion-inner-border-radius: 10px;
  --bs-accordion-bg: #fafafa;
  --bs-accordion-border-color: none;
  border: none !important;
}

.featured .accordion-header {
  border-bottom: 1px solid #eaeaea;
}

.featured .accordion-button {
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  color: #1e1e1e;
}

.featured .accordion-button:not(.collapsed) {
  color: #f35525;
  background-color: #fafafa;
  outline: none;
}

.featured .accordion-button::after {
  display: none;
}

.featured #headingThree {
  border-bottom: none;
}

.featured .accordion-item:last-of-type .accordion-collapse {
  border-top: 1px solid #eaeaea;
}

.featured .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
}

.featured .info-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}

.featured .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.featured .info-table ul li img {
  float: left;
  margin-right: 25px;
}

.featured .info-table ul li h4 {
  font-size: 18px;
  font-weight: 600;
}

.featured .info-table ul li h4 span {
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}
@media (max-width: 1024px) { /* Tablet */
  .featured .left-image img {
    padding-left: 30px; /* Reduce padding */
  }
  
  .featured .left-image a {
    width: 90px; /* Slightly smaller */
    height: 90px;
    line-height: 90px;
    bottom: -40px; /* Adjust position */
  }
}

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

  .main-banner {
    font-family: "Train One", serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    height: 85vh;
    overflow: hidden;
  }


  .featured .left-image img {
    padding-left: 20px; /* Reduce padding more */
  }
  
  .featured .left-image a {
    width: 80px; /* Smaller size */
    height: 80px;
    line-height: 80px;
    bottom: -30px; /* Adjust position */
  }
}

@media (max-width: 480px) { /* Small Mobile */
  .featured .left-image img {
    padding-left: 10px; /* Minimal padding */
  }

  .featured .left-image a {
    width: 70px; /* Even smaller */
    height: 70px;
    line-height: 70px;
    bottom: -25px; /* Adjust position */
  }
}

/* For desktops and large screens (above 1200px) */
@media (min-width: 1200px) {
  /* .featured .container {
    max-width: 1140px;
  } */
}

/* For laptops and medium screens (between 992px and 1200px) */
@media (max-width: 1200px) {
  /* .featured .left-image img {
    padding-left: 40px; 
  }

  .featured .left-image a {
    width: 100px;
    height: 100px;
    line-height: 100px;
    bottom: -45px;
  }

  .featured .section-heading h2 {
    width: 80%;
  } */
}

/* For tablets and small laptops (between 768px and 991px) */
@media (max-width: 991px) {
  .featured .left-image img {
    padding-left: 20px;
  }

  .featured .left-image a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    bottom: -35px;
  }

  .featured .section-heading {
    text-align: center;
  }

  .featured .section-heading h2 {
    width: 100%;
  }

  .featured .info-table {
    padding: 25px 20px;
  }

  .featured .info-table ul li {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}

/* For mobile devices (between 576px and 767px) */
@media (max-width: 767px) {
  .featured{
    margin-top: -180px;
  }
  .featured .row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .featured .left-image img {
    padding-left: 0;
    width: 100%;
  }

  .featured .left-image a {
    width: 70px;
    height: 70px;
    line-height: 70px;
    bottom: -20px;
  }

  .featured .section-heading {
    margin-bottom: 40px;
  }

  .featured .accordion {
    margin-left: 0;
    margin-right: 0;
  }

  .featured .info-table {
    width: 100%;
    padding: 20px;
  }

  .featured .info-table ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }

  .featured .info-table ul li img {
    margin-right: 15px;
    width: 40px;
  }

  .featured .info-table ul li h4 {
    font-size: 16px;
  }
}

/* For small mobile screens (below 576px) */
@media (max-width: 576px) {
  .featured{
    margin-top: -180px !important;
  }
  .featured .left-image img {
    width: 100%;
  }

  .featured .left-image a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: -15px;
  }

  .featured .section-heading h2 {
    font-size: 20px;
  }

  .featured .accordion-button {
    font-size: 15px;
  }

  .featured .info-table {
    padding: 15px;
  }

  .featured .info-table ul li {
    flex-direction: column;
    text-align: center;
  }

  .featured .info-table ul li img {
    margin: 0 auto 10px;
  }

  .featured .info-table ul li h4 {
    font-size: 14px;
  }
}



/* 
---------------------------------------------
Video Style
--------------------------------------------- 
*/

/* .video {
  background-image: url(../images/video-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px 250px 0px;
  position: relative;
}

.video-content {
  margin-top: -240px;
}

.video .section-heading h2 {
  color: #fff;
}

.video-content .video-frame {
  position: relative;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.video-content .video-frame img {
  border-radius: 10px;
}

.video-content .video-frame a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-26px, -26px);
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 52px;
  color: #f35525;
  outline: 15px solid rgba(254, 85, 37, 0.5);
  font-size: 18px;
}
.video-content .video-frame video {
  width: 100%;
  border-radius: 10px;
  display: block;
} */

/* .video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

.video-content h2 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}

.video-content p {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

.video-content .btn {
  background-color: #f35525;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 5px;
  color: white;
  text-decoration: none;
}

.video-content .btn:hover {
  background-color: #d43c1d;
} */

.video::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(35, 35, 35, 0.5)); */
  z-index: 0;
}

.video {
  background-image: url(../images/mpus/IMG-20250219-WA0011.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px 250px 0px;
  position: relative;
}
.video-content {
  
  margin-top: -450px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Adjust height as needed */
}

/* Ensuring col-lg-6 is always centered */
.video-content .row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Override Bootstrap’s col-lg-6 behavior */
.video-content .col-lg-6 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* ✅ Makes it take full width */
}

.video-frame {
  position: relative;
  width: 700px; /* Adjust as needed */
  height: 440px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0px 0px 20px rgba(255, 215, 0, 0.8);  */
  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8); 
  
  animation: glowEffect 2s infinite alternate;
}

@keyframes glowEffect {
  0% {
    /* box-shadow: 0px 0px 20px rgba(255, 215, 0, 0.8); */
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
  }
  100% {
    /* box-shadow: 0px 0px 40px rgba(255, 215, 0, 1); */
    box-shadow: 0px 0px 40px rgb(255, 255, 255);
  }
}

.video-frame video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

#muteButton {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#muteButton:hover {
  background: rgba(0, 0, 0, 0.8);
}
/* ========================= */
/* Media Queries for Responsiveness */
/* ========================= */

/* Large Tablets (992px and below) */
@media (max-width: 992px) {
  .video-content {
    height: 80vh; /* Reduce height */
    margin-top: -350px; /* Adjust margin */
  }

  .video-frame {
    margin-left: 11px;
    width: 90%; /* Make width responsive */
    height: auto; /* Maintain aspect ratio */
  }
}

/* Tablets (768px and below) */
@media (max-width: 768px) {
  .video-content {
    height: 70vh; /* Reduce height further */
    margin-top: -200px;
  }

  .video-frame {
    margin-left: 11px;
    width: 90%;
    height: auto;
  }

  #muteButton {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }
}

/* Mobile Devices (576px and below) */
@media (max-width: 576px) {
  .video-content {
    height: 60vh;
    margin-top: -150px;
  }

  .video-frame {
    margin-left: 11px;
    width: 95%;
    height: auto;
  }

  #muteButton {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}

/* Small Mobile Devices (400px and below) */
@media (max-width: 400px) {
  .video{
    height: 50vh;
  }
  
  .video-content {
    height: 50vh;
    margin-top: -180px;
  }

  .video-frame {
    /* margin-left: 11px; */
    width: 100%;
    height: auto;
  }

  #muteButton {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
} 


/* 
---------------------------------------------
Fun Facts Style
--------------------------------------------- 
*/

.fun-facts {
  text-align: center;
  /* margin-top: 125px; */
}

.fun-facts .counter {
  background-color: #ffeee9;
  position: relative;
  border-radius: 10px;
  width: 270px;
  padding: 20px 0px;
  display: inline-block;
}

.fun-facts .counter h2,
.fun-facts .counter p {
  display: inline-flex;
  vertical-align: middle;
}

.fun-facts .counter p {
  text-align: left;
  font-size: 16px;
  color: #1e1e1e;
  font-weight: 600;
  line-height: 28px;
}

.fun-facts .counter h2 {
  margin-right: 25px;
  font-size: 40px;
  color: #f35525;
}

/* .fun-facts .counter:after {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #f35525;
  border-radius: 50%;
  content: '';
  right: -25px;
  top: -25px;
} */





/* 
---------------------------------------------
Best Deal Style
--------------------------------------------- 
*/

.best-deal {
  background-color: #fafafa;
  padding: 100px 0px;
}

.best-deal .tab-content img {
  padding: 0px 45px;
}

.best-deal .tabs-content .nav-link {
  font-size: 16px;
  font-weight: 500;
  background-color: #1e1e1e !important;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0px 25px;
  color: #fff;
}

.best-deal .tabs-content .nav-tabs .nav-link.active {
  background-color: #f35525 !important;
  color: #fff;
}

.best-deal .tabs-content ul.nav-tabs {
  border-bottom: none !important;
  margin-bottom: 80px;
  align-items: end;
  justify-content: end;
  margin-top: -130px;
}

.best-deal .tabs-content ul.nav-tabs li {
  padding-right: 0px;
  border-right: none;
  margin-left: 20px;
}

.best-deal .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
}

.best-deal .info-table ul li {
  display: block;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}

.best-deal .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.best-deal .info-table ul li span {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  /* float: right; */
  display: inline-block;
}

.best-deal .tabs-content {
  padding: 0px;
  background-color: transparent;
}

.best-deal .tabs-content h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 30px;
}

.best-deal .icon-button {
  margin-top: 30px;
}


/* 
---------------------------------------------
Properties Style
--------------------------------------------- 
*/
.properties{
  margin-top: 18px !important;
}
.properties .item {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}

.properties .item img {
  border-radius: 10px;
  width: 400px;
  height: 300px;
}

.properties .item span.category {
  background-color: #fbd9cf;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  color: #1e1e1e;
  padding: 5px 12px;
  display: inline-block;
  margin-top: 25px;
}

.properties .item h4 {
  font-size: 19px;
  margin: 25px 0px;
}

.properties .item h4 a {
  color: #1e1e1e;
}

.properties .item ul li {
  display: inline-block;
  font-size: 15px;
  color: #4a4a4a;
  margin-right: 20px;
}

.properties .item ul li span {
  font-weight: 600;
  color: #1e1e1e;
}

.properties .item ul {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.properties .item h6 {
  font-size: 20px;
  color: #f35525;
  margin-top: 6px;
  display: inline-block;
  /* float: right; */
  margin-top: 30px;
}

.properties .item .main-button {
  text-align: center;
}

/* For tablets (width between 768px and 1024px) */
@media (max-width: 1024px) {
  .properties .item {
    padding: 20px;
    margin-bottom: 20px;
  }

  .properties .item img {
    width: 100%;
    height: auto;
  }

  .properties .item span.category {
    font-size: 13px;
    padding: 4px 10px;
  }

  .properties .item h4 {
    font-size: 18px;
    margin: 20px 0px;
  }

  .properties .item ul li {
    font-size: 14px;
    margin-right: 15px;
  }

  .properties .item h6 {
    font-size: 18px;
    margin-top: 20px;
  }
}

/* For mobile screens (width less than 768px) */
@media (max-width: 767px) {
  .properties .item {
    padding: 15px;
    margin-bottom: 15px;
  }

  .properties .item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .properties .item span.category {
    font-size: 12px;
    padding: 3px 8px;
  }

  .properties .item h4 {
    font-size: 16px;
    margin: 15px 0px;
  }

  .properties .item ul li {
    font-size: 13px;
    margin-right: 10px;
  }

  .properties .item ul {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .properties .item h6 {
    font-size: 16px;
    margin-top: 15px;
    float: none;
    display: block;
    text-align: center;
  }

  .properties .item .main-button {
    text-align: center;
  }
}

/* For small mobile screens (width less than 480px) */
@media (max-width: 480px) {
  .properties .item {
    padding: 10px;
    margin-bottom: 10px;
  }

  .properties .item img {
    width: 100%;
    height: auto;
  }

  .properties .item span.category {
    font-size: 11px;
    padding: 3px 6px;
  }

  .properties .item h4 {
    font-size: 14px;
    margin: 10px 0px;
  }

  .properties .item ul li {
    font-size: 12px;
    margin-right: 8px;
  }

  .properties .item ul {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .properties .item h6 {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    float: none;
    display: block;
  }
}



/* 
---------------------------------------------
Contact Style
--------------------------------------------- 
*/

.contact {
  background-image: url(../images/mpus/contact-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px 250px 0px;
  position: relative;
}


.contact .section-heading h2 {
  color: #fff;
}

.contact-content {
  margin-top: -240px;
  position: relative;
  z-index: 1;
}

.contact-content #map {
  border-radius: 10px;
  margin-bottom: 60px;
}

.contact-content .item {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-content .phone {
  margin-right: 15px;
}

.contact-content .email {
  margin-left: 15px;
}

.contact-content .item img {
  float: left;
  margin-right: 25px;
  vertical-align: middle;
}

.contact-content .item h6 {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}

.contact-content .item h6 span {
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 400;
}

.contact-content #contact-form {
  margin-left: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-content #contact-form label {
  font-size: 15px;
  color: #3a3a3a;
  margin-bottom: 15px;
}

.contact-content #contact-form input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 30px;
  font-size: 14px;
  padding: 0px 15px;
}

.contact-content #contact-form textarea {
  width: 100%;
  height: 150px;
  max-height: 180px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 40px;
  font-size: 14px;
  padding: 15px 15px;
}

.contact-content #contact-form button {
  background-color: #1e1e1e;
  height: 44px;
  border-radius: 22px;
  padding: 0px 20px;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 500;
  transition: all .5s;
}

.contact-content #contact-form button:hover {
  background-color: #f35525;
}


/* 
---------------------------------------------
Footer Style
--------------------------------------------- 
*/

footer.footer-no-gap {
  margin-top: 0px;
}

footer {
  margin-top: 150px;
  background-color: #1e1e1e;
  min-height: 100px;
}

footer p {
  text-align: center;
  line-height: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

footer p a {
  color: #fff;
  transition: all .3s;
  position: relative;
  z-index: 3;
}

footer p a:hover {
  opacity: 0.75;
}


/* 
---------------------------------------------
Page Header Style
--------------------------------------------- 
*/

.page-heading-G {
  background-image: url(../images/mpus/gallery-banner.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px;
  text-align: center;
}

.page-heading-G span {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.page-heading-G span a {
  color: #1e1e1e;
}

.page-heading-G h3 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}

/* for contact */
.page-heading-C {
  background-image: url(../images/mpus/contact-banner\ -\ Copy.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px;
  text-align: center;
}

.page-heading-C span {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.page-heading-C span a {
  color: #1e1e1e;
}

.page-heading-C h3 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}

/* for About */
.page-heading-A {
  background-image: url(../images/mpus/mpus-about.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 309px 0px;
  text-align: center;
}

.page-heading-A span {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.page-heading-A span a {
  color: #1e1e1e;
}

.page-heading-A h3 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}


/* 
---------------------------------------------
Properties Style
--------------------------------------------- 
*/

.properties ul.properties-filter {
  list-style: none;
  text-align: center;
  margin-bottom: 70px;
}

.properties ul.properties-filter li {
  display: inline-block;
  margin: 5px 8px;
}

.properties ul.properties-filter li a {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  color: #fff;
  background-color: #1e1e1e;
  padding: 12px 25px;
  border-radius: 5px;
  transition: all .3s;
}

.properties ul.properties-filter li a.is_active {
  background-color: #f35525;
  color: #fff;
}

.properties ul.properties-filter li a.is_active:hover {
  color: #fff;
}

.properties ul.properties-filter li a:hover {
  color: #f35525;
}

.properties ul.pagination {
  margin-top: 50px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.properties ul.pagination li {
  display: inline-block;
  margin: 0px 5px;
}

.properties ul.pagination li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 50%;
  transition: all .3s;
}

.properties ul.pagination li a:hover,
.properties ul.pagination li a.is_active {
  background-color: #f35525;
  color: #fff;
}


/* 
---------------------------------------------
Single Page Style
--------------------------------------------- 
*/

.single-property .main-image img {
  float: none;
}

.single-property .main-content h4 {
  font-size: 25px;
  margin-top: 25px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.single-property .main-content span.category {
  background-color: #fbd9cf;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  color: #1e1e1e;
  padding: 5px 12px;
  display: inline-block;
  margin-top: 40px;
}

.single-property .accordion {
  margin-top: 60px;
  margin-left: 0px;
  margin-right: 0px;
  --bs-accordion-border-radius: 10px;
  --bs-accordion-inner-border-radius: 10px;
  --bs-accordion-bg: #fafafa;
  --bs-accordion-border-color: none;
  border: none !important;
}

.single-property .accordion-header {
  border-bottom: 1px solid #eaeaea;
}

.single-property .accordion-button {
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  color: #1e1e1e;
}

.single-property .accordion-button:not(.collapsed) {
  color: #f35525;
  background-color: #fafafa;
  outline: none;
}

.single-property .accordion-button::after {
  display: none;
}

.single-property #headingThree {
  border-bottom: none;
}

.single-property .accordion-item:last-of-type .accordion-collapse {
  border-top: 1px solid #eaeaea;
}

.single-property .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  margin-left: 60px;
}

.single-property .info-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}

.single-property .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.single-property .info-table ul li img {
  float: left;
  margin-right: 25px;
}

.single-property .info-table ul li h4 {
  font-size: 22px;
  font-weight: 600;
}

.single-property .info-table ul li h4 span {
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}


/* 
---------------------------------------------
Contact Page Style
--------------------------------------------- 
*/

.contact-page #map {
  margin-top: 100px;
}

.contact-page .section-heading {
  margin-bottom: 40px;
  margin-right: 280px;
}

.contact-page p {
  margin-bottom: 50px;
}

.contact-page .item {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
  display: inline-block;
  min-width: 360px;
}

.contact-page .phone {
  margin-bottom: 30px;
}

.contact-page .item img {
  float: left;
  margin-right: 25px;
  vertical-align: middle;
}

.contact-page .item h6 {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}

.contact-page .item h6 span {
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 400;
}

.contact-page #contact-form {
  margin-left: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-page #contact-form label {
  font-size: 15px;
  color: #3a3a3a;
  margin-bottom: 15px;
}

.contact-page #contact-form input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 30px;
  font-size: 14px;
  padding: 0px 15px;
}

.contact-page #contact-form textarea {
  width: 100%;
  height: 150px;
  max-height: 180px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 40px;
  font-size: 14px;
  padding: 15px 15px;
}

.contact-page #contact-form button {
  background-color: #1e1e1e;
  height: 44px;
  border-radius: 22px;
  padding: 0px 20px;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 500;
  transition: all .5s;
}

.contact-page #contact-form button:hover {
  background-color: #f35525;
}


/* 
---------------------------------------------
Responsive Style
--------------------------------------------- 
*/

body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .header-area .main-nav .logo h1 {
    line-height: 80px !important;
  }
  .best-deal .tabs-content .nav-link {
    font-size: 14px;
    padding: 0px 15px;
    height: 44px;
    line-height: 44px;
  }
  .best-deal .tabs-content ul.nav-tabs li {
    margin: 0px 5px;
  }
  .properties ul.properties-filter li a {
    font-size: 14px;
    padding: 10px 15px;
  }
  .properties ul.properties-filter li {
    margin: 5px;
  }
  /* .header-area .main-nav .nav li:last-child {
    display: none;
  } */
}

@media (max-width: 992px) {
  .sub-header {
    display: none;
  }
  .header-area .main-nav .logo h1 {
    line-height: 100px;
  }
  .background-header .main-nav .logo h1 {
    line-height: 80px;
  }
  .header-area .main-nav .nav li a {
    padding-left: 3px;
    padding-right: 3px;
  }
  /* .header-area .main-nav .nav li:last-child a {
    padding-right: 15px;
  } */
  .main-banner .item h2 {
    width: 100%;
  }
  .featured .section-heading {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 100px;
  }
  .featured .accordion {
    margin-left: 0px;
    margin-right: 0px;
  }
  .featured .info-table {
    margin-top: 45px;
  }
  .fun-facts .counter {
    margin-bottom: 45px;
  }
  .best-deal .section-heading {
    text-align: center;
  }
  .best-deal .tabs-content ul.nav-tabs {
    margin-top: 0px;
    justify-content: center;
  }
  .best-deal .info-table {
    margin-bottom: 45px;
  }
  .best-deal .tab-content img {
    padding: 0px;
  }
  .best-deal .tabs-content h4 {
    margin-top: 45px;
  }
  .properties .item h6 {
    text-align: center;
    margin-bottom: 15px;
  }
  .properties .item .main-button {
    text-align: center;
  }
  .properties .item ul li {
    margin-right: 10px;
    font-size: 13px;
  }
  .contact-content .phone {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .contact-content .email {
    margin-left: 0px;
    margin-bottom: 45px;
  }
  .contact-content #contact-form {
    margin-left: 0px;
  }
  .single-property .info-table {
    margin-left: 0px;
    margin-top: 45px;
  }
  .contact-page .section-heading {
    margin-right: 0px !important;
  }
  .contact-page #contact-form {
    margin-left: 0px;
    margin-top: 60px;
  }
  .best-deal .info-table ul li span {
    float: right !important;
    width: auto !important;
  }
}

@media (max-width: 1200px) {
  .best-deal .info-table ul li span {
    float: none;
    width: 100%;
  }
  .contact-page .section-heading {
    margin-right: 100px;
  }
}


/* 
---------------------------------------------
testimonials
--------------------------------------------- 
*/
.test {
  background-image: url(../images/mpus/test-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px 250px 0px;
  position: relative;
}
/* Default Styles (for large screens) */
.testimonia-sec {
  min-height: 100vh;
  /* background-color: rgb(233, 150, 150); */
  font-family: 'Open Sans';
}

#demo {
  background: linear-gradient(112deg, #ffffff 75%, #da7759 25%);
  max-width: 900px;
  margin: auto;
  z-index: 2;
  margin-top: -100px;
}

.carousel-caption {
  position: initial;
  z-index: 10;
  padding: 5rem 8rem;
  color: rgba(78, 77, 77, 0.856);
  text-align: center;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
  line-height: 2rem;
}

.carousel-caption img {
  width: 6rem;
  border-radius: 5rem;
  margin-top: 2rem;
}

#image-caption {
  font-style: normal;
  font-size: 1rem;
  margin-top: 0.5rem;
}

.i-t {
  background-color: #f35525;
  padding: 1.4rem;
}

/* Responsive Styles */

/* Tablets (Portrait & Landscape) */
@media (max-width: 1024px) {
  .carousel-caption {
    padding: 4rem 6rem;
    font-size: 1rem;
  }
  
  .carousel-caption img {
    width: 5rem;
    border-radius: 4.5rem;
  }
  
  #image-caption {
    font-size: 0.9rem;
  }
}

/* Mobile Devices (Small to Medium) */
@media (max-width: 768px) {
  .carousel-caption {
    padding: 3rem 2rem;
    font-size: 0.9rem;
    line-height: 1.7rem;
  }
  
  .carousel-caption img {
    width: 4rem;
    border-radius: 4rem;
    margin-top: 1rem;
  }
  
  #image-caption {
    font-size: 0.7rem;
  }
  
  .i-t {
    padding: 1rem;
  }
}

/* Small Mobile Devices (Extra Small Screens) */
@media (max-width: 480px) {
  .carousel-caption {
    padding: 2rem 1.5rem;
    font-size: 0.7rem;
    line-height: 1.5rem;
  }
  
  .carousel-caption img {
    width: 3rem;
    border-radius: 3rem;
    margin-top: 0.8rem;
  }
  
  #image-caption {
    font-size: 0.6rem;
  }
  
  .i-t {
    padding: 0.8rem;
  }
}

/* Extra Small Devices (Very Small Phones) */
@media (max-width: 360px) {
  .carousel-caption {
    padding: 1.5rem 1rem;
    font-size: 0.6rem;
  }
  
  .carousel-caption img {
    width: 2.5rem;
    border-radius: 2.5rem;
  }
  
  #image-caption {
    font-size: 0.5rem;
  }
}



/* services anad event page */
 /* * Service Card * */
 .service-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: 0.3s;
}

.service-card:hover {
  transform: scale(1.05);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

.service-card i {
  font-size: 2.5rem;
  color: #f35525;
  margin-bottom: 10px;
}

.service-card h4 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #333;
}

.service-card p {
  font-size: 0.9rem;
  color: #666;
}


@media (max-width: 1024px) {
  .service-card {
      padding: 18px;
      box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  }

  .service-card i {
      font-size: 2.2rem;
  }

  .service-card h4 {
      font-size: 1.1rem;
  }

  .service-card p {
      font-size: 0.85rem;
  }
}

@media (max-width: 768px) {
  .service-card {
      padding: 16px;
      margin-bottom: 20px; /* Adds spacing between stacked cards */
  }

  .service-card i {
      font-size: 2rem;
  }

  .service-card h4 {
      font-size: 1rem;
  }

  .service-card p {
      font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .service-card {
      padding: 14px;
      margin-bottom: 15px; /* Reduces margin for smaller screens */
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  }

  .service-card i {
      font-size: 1.8rem;
  }

  .service-card h4 {
      font-size: 0.95rem;
  }

  .service-card p {
      font-size: 0.75rem;
  }
}

/* event card  */
.events-section {
  background-color: #f8f9fa;
}

.event-card {
  position: relative;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff !important;
  transition: transform 0.3s ease-in-out;
}

.event-card .overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event-card h4 {
  color: #f35525 !important;
  font-size: 22px;
  font-weight: bold;
}

.event-card p {
  color: white !important;
  font-size: 16px;
}

.event-card:hover {
  transform: scale(1.05);
}

/* For tablets and smaller screens (max-width: 991px) */
@media (max-width: 991px) {
  .event-card {
      height: 220px;

  }

  .event-card h4 {
      font-size: 20px;
  }

  .event-card p {
      font-size: 14px;
  }
}

/* For mobile devices (max-width: 767px) */
@media (max-width: 767px) {
  .event-card {
      height: 200px;
      margin-bottom: 15px;
  }

  .event-card .overlay {
      padding: 15px;
  }

  .event-card h4 {
      font-size: 18px;
  }

  .event-card p {
      font-size: 13px;
  }
}

/* For small mobile devices (max-width: 575px) */
@media (max-width: 575px) {
  .event-card {
      height: 180px;
  }

  .event-card h4 {
      font-size: 16px;
  }

  .event-card p {
      font-size: 12px;
  }
}

/* For extra small mobile screens (max-width: 400px) */
@media (max-width: 400px) {
  .event-card {
      height: 160px;
  }

  .event-card h4 {
      font-size: 15px;
  }

  .event-card p {
      font-size: 11px;
  }
}