html {
  scroll-behavior: smooth;
}
.boxed.boxed--lg {
    padding: 1.78571429em;
}

.has-bg-slider { position: relative; overflow: hidden; }

/* make the slider fill the section */
.has-bg-slider .bg-slider,
.has-bg-slider .bg-slider .slides,
.has-bg-slider .bg-slider .slides li {
  position: absolute;
  inset: 0;       /* top:0; right:0; bottom:0; left:0 */
  height: 100%;
}

.has-bg-slider .bg-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* overlay above images, but clicks pass through */
.has-bg-slider .bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5); /* match your data-overlay="5" look */
  z-index: 1;
  pointer-events: none;
}

/* keep your foreground content above everything */
.has-bg-slider .container.pos-vertical-center {
  position: relative;
  z-index: 2;
}

/* if your slider renders arrows/paging inside it and they appear under the overlay,
   either leave overlay pointer-events:none (above) or raise the controls */
.has-bg-slider .slider .arrow,
.has-bg-slider .slider .flickity-button,
.has-bg-slider .slider .paging {
  z-index: 3;
  position: relative;
}


.alert-danger {
    color: white;
    background-color: #ff4f4f;
    border-color: #ebccd1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.custom-gallery .col-lg-4 img {
  width: 100%;
  height: 270px; /* Fixed height for larger screens */
  object-fit: cover; /* Ensures images fill the container without distortion */
}

@media (max-width: 767px) {
  /* For mobile screens */
  .custom-gallery .col-xs-4 img {
    height: 90px; /* Adjust height for mobile screens */
  }
}

.bar .logo {
    top: 4px;
    max-width: 120px;
}

.bar {
    padding: 1.35714286em 0;
}

.card-2 .card__body, .card-2 .card__bottom {
    padding: 1.5714286em;
    border: 1px solid #ececec;
}

@media only screen and (max-width: 768px) {
.cardxsspace {
  padding-bottom: 40px;
}
}

.project-thumb img{ width: 100%; height: 50vh; object-fit: cover; }

.compfeature img{ width: 100%; height: 350px; object-fit: cover; }
.feature-1 img{ width: 100%; height: 250px; object-fit: cover; }
.feature-9 img{ width: 100%; height: 250px; object-fit: cover; }
.feature-10 img{ width: 100%; height: 550px; object-fit: cover; }
.locationgallery  img{ width: 100%; max-height: 400px; object-fit: cover; }
.card-2 img{ width: 100%; height: 250px; object-fit: cover; }

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-weight:700;
}

.mobileimagebg {
    position: relative;
    height: 60vh; /* Ensure full viewport height */
    overflow: hidden;
}

.background-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-bg-position .background-image-holder {
  background-position: 50% 20% !important; /* Adjust '20%' to however much you want to shift it */
}

.logo-container {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.logo-top {
    max-width: 300px;  /* Adjust size as needed */
    height: auto;
}


.menu-vertical li a {
    font-weight: 700;
    font-size: 1.457142857142857em;
    line-height: 2.166666666666667em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li {
    margin-right: 24px;
    padding-bottom: 16px;
}

/** Reverse Hover Opacity for Nav Items **/

.menu-vertical li:not(:hover):not(.dropdown--active) {
    opacity: .99;
}

.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  opacity: 0;
}

.menu-horizontal > li > a:hover {
  opacity: 0.5;
}

.menu-vertical > li {
  font-size: 0.857142857142857em; 
  color: black;
  line-height: 2.166666666666667em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .5px;
}

@media all and (max-width: 767px) {
.menu-vertical > li {
    font-size: 1.057142857142857em; 
  }
}

.custom-text-center {
    text-align: center; /* Default: Center text on mobile */
}

@media (min-width: 992px) { /* Bootstrap breakpoint for desktops/laptops */
    .custom-text-center {
        text-align: left; /* Align text left on desktops/laptops */
    }
}


.prominent{
  font-size: 1.95714286em;
  line-height: 1.50421053em;
}


.lessprominent{
  font-size: 1.75714286em;
  line-height: 1.50421053em;
}

.subtitle{
  font-size: 1.45714286em;
  line-height: 1.50421053em;
}

section, footer {
    padding-top: 0em;
    padding-bottom: 0em;
}

.map-container {
    min-height: 600px;
}

.pos-vertical-lower-mid {
  position: relative;
  top: 85%;
  transform: translateY(-85%);
  -webkit-transform: translateY(-85%);
}
@media all and (max-width: 767px) {
  .pos-vertical-lower-mid {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
  .locationgallery  img{ width: 100%; max-height: 250px; object-fit: cover; }

}
@media all and (max-height: 600px) {
  .pos-vertical-lower-mid {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}

/** Font Heights **/

h1,
.h1 {
  font-size: 3.94285714em;
  line-height: 1.31818182em;
  font-weight: 700;
}
h2,
.h2 {
  font-size: 2.15714286em;
  line-height: 1.36363636em;
  font-weight: 700;
  text-transform: uppercase;
}
h3,
.h3 {
  font-size: 1.88571429em;
  line-height: 1.5em;
  font-weight: 400;
}
h4,
.h4 {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}
h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
}
h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}
.lead {
  font-size: 1.55714286em;
  line-height: 1.68421053em;
  font-weight: 400;
}
@media all and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
  }
  h2,
  .h2 {
    font-size: 1.78571429em;
    line-height: 1.5em;
  }
  h3,
  .h3 {
    font-size: 1.35714286em;
    line-height: 1.85714286em;
  }
  .lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
  }
}

/** Bootstrap Shorthand Spacing **/

/* Padding */
.p0{padding: 0px}
.p5{padding: 5px}
.p10{padding: 10px}
.p15{padding: 15px}
.p20{padding: 20px}
.p30{padding: 30px}
.p40{padding: 40px}
.p50{padding: 50px}
.p60{padding: 60px}
.p70{padding: 70px}
.p80{padding: 80px}
.p90{padding: 90px}
.p100{padding: 100px}
.p110{padding: 110px}
.p120{padding: 120px}
.p130{padding: 130px}
.p140{padding: 140px}
.p150{padding: 150px}

/* Padding Top */
.pt0{padding:0px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pt110{padding-top:110px}
.pt120{padding-top:120px}
.pt130{padding-top:130px}
.pt140{padding-top:140px}
.pt150{padding-top:150px}

/* Padding Bottom */
.pb0{padding-bottom:0px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}
.pb110{padding-bottom:110px}
.pb120{padding-bottom:120px}
.pb130{padding-bottom:130px}
.pb140{padding-bottom:140px}
.pb150{padding-bottom:150px}

/* Padding Left */
.pl0{padding-left:0px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl70{padding-left:70px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100{padding-left:100px}
.pl110{padding-left:110px}
.pl120{padding-left:120px}
.pl130{padding-left:130px}
.pl140{padding-left:140px}
.pl150{padding-left:150px}

/* Padding Right */
.pr0{padding-right:0px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}
.pr70{padding-right:70px}
.pr80{padding-right:80px}
.pr90{padding-right:90px}
.pr100{padding-right:100px}
.pr110{padding-right:110px}
.pr120{padding-right:120px}
.pr130{padding-right:130px}
.pr140{padding-right:140px}
.pr150{padding-right:150px}

/* Negative Margins */
.mt-5{margin-top: -5px}
.mt-10{margin-top: -10px}
.mt-15{margin-top: -15px}
.mb-5{margin-bottom: -5px}
.mb-10{margin-bottom: -10px}
.mb-15{margin-bottom: -15px}
.ml-5{margin-left: -5px}
.ml-10{margin-left: -10px}
.ml-15{margin-left: -15px}
.mr-5{margin-right: -5px}
.mr-10{margin-right: -10px}
.mr-15{margin-right: -15px}

/* Margin Auto */
.m-auto{margin:0 auto; float: none}

/* Margin */
.m0{margin: 0px}
.m5{margin: 5px}
.m10{margin: 10px}
.m15{margin: 15px}
.m20{margin: 20px}
.m30{margin: 30px}
.m40{margin: 40px}
.m50{margin: 50px}
.m60{margin: 60px}
.m70{margin: 70px}
.m80{margin: 80px}
.m90{margin: 90px}
.m100{margin: 100px}
.m110{margin: 110px}
.m120{margin: 120px}
.m130{margin: 130px}
.m140{margin: 140px}
.m150{margin: 150px}

/* Margin Top */
.mt0{margin-top:0}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}
.mt130{margin-top:130px}
.mt140{margin-top:140px}
.mt150{margin-top:150px}

/* Margin Bottom */
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.mb110{margin-bottom:110px}
.mb120{margin-bottom:120px}
.mb130{margin-bottom:130px}
.mb140{margin-bottom:140px}
.mb150{margin-bottom:150px}

/* Margin Left */
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}
.ml110{margin-left:110px}
.ml120{margin-left:120px}
.ml130{margin-left:130px}
.ml140{margin-left:140px}
.ml150{margin-left:150px}

/* Margin Right */
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.mr70{margin-right:70px}
.mr80{margin-right:80px}
.mr90{margin-right:90px}
.mr100{margin-right:100px}
.mr110{margin-right:110px}
.mr120{margin-right:120px}
.mr130{margin-right:130px}
.mr140{margin-right:140px}
.mr150{margin-right:150px}