*, ::after, ::before{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* Shades of Gray Color Palette 
#999999	
#777777	
#555555	
#333333
#111111
*/
:root{
    --theme-color: #999999;
    --theme-border-color: #111111;
}
.maintenance-logo{
    max-height: 80px;
    max-width: 100%;
}
header .navbar-brand .default-logo {
    max-height: 60px;  
}
.hamburger-logo img{
    max-height: 60px;
}
a:hover {
    color: var(--theme-color);
}
.custom-cursor .circle-cursor-inner{
    background: var(--theme-color);
}
.custom-cursor .circle-cursor-inner.cursor-link-hover{
    background: var(--theme-border-color);
}
.base-color{
    color: var(--theme-color);
}
.bg-base-color{
    background-color: var(--theme-border-color);
}
.text-base-color{
    color: var(--theme-color);
}
.bg-gradient-fast-blue-purple{
    background-image: linear-gradient(135deg, var(--theme-color), var(--theme-border-color));
}
.border-color-transparent-dark{
    border: 1px solid var(--theme-border-color);
}
input:focus, select:focus, textarea:focus, .form-control:focus {
    border: 1px solid var(--theme-border-color);
}
.text-highlight{
    color: var(--theme-color);
}
.social-icon-style-10 ul li a:hover {
    color: #fff !important;
}
.custom-background {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), /* black overlay */
    url(../images/image5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1);
  height: 100vh;
}


.custom-background-image{
    background-color: black;
}

.how-it-works{
    background-color: white !important;
    color: black !important;
    padding: 12px 24px !important;
}

.get-started {
   background-color: white !important;
    color: black !important;
}


/* our projects */
.portfolio-filter li:hover a, .portfolio-filter li:focus a, .portfolio-filter li.active a{
color: black !important;
}

/* Fix project card heights for consistency */
.services-box-style-06 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.services-box-style-06 .bg-white {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.services-box-style-06 .bg-white > div:first-child {
    flex: 1 !important;
}
.services-box-style-06 .services-text:after {
    content: "\f309";
    display: none;
    font-family: bootstrap-icons;
    vertical-align: middle;
    margin: -2px 2px 0;
    font-size: 22px;
    color: var(--medium-gray);
    opacity: 0.7;
}
/* Ensure all project images have consistent height */
.services-box-style-06 .image img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
}
iframe{
     height: 550px;
}
.footer-text{
    font-size: 14px;
}
/* .height-unset{
    height: 70vh;
} */
.custom-internal-background{
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), /* black overlay */
    url(../images/ongoing/TUMI-SPIRE-RAYA-TELLAPUR.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1);
  height: 70vh;
}
.custom-margin{
    margin-bottom: 9%;
}
.padding-50px{
    padding-left: 50px;
}
.accordion-style-02 .accordion-header.active-accordion {
    box-shadow: 0 5px 25px 0 rgba(111, 111, 111, .15);
    background: var(--white);
}
@media screen and (max-width: 992px){
    .custom-background {
        height: unset;
    }
    .custom-internal-background {
        height: unset;
        padding-top: unset;
    }
    .custom-margin{
        margin-bottom: 25%;
    }
    .footer-logo{
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }
    #map {
        height: unset;
    }
    iframe{
     height: unset;
    }
    .footer-text{
        font-size: 10px;
    }
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .services-box-style-06 .image img {
        height: 250px !important;
    }
}

@media (max-width: 576px) {
    .services-box-style-06 .image img {
        height: 200px !important;
    }
}

.our-client{
    width: 100%;
    text-align: center  ;
}

/* Why Tumi */
.why-tumi-logo {
    width: 100px;
}
/* 2nd section with cards */
.bg-overlay {
  position: relative;
  overflow: hidden;
  
}

.bg-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url('../images/TUMI-latest-logo.png') center/contain no-repeat;
  opacity: 0.1;              /* ✅ Only background opacity */
  z-index: 0;
}

.bg-overlay > * {
  position: relative;
  z-index: 1; /* keeps text and button above background */
}

.border-color-theme{
    border: 1px solid var(--theme-border-color);
}

/* Even cards */
.border-color-theme-bg {
  background-color: var(--theme-border-color);
  border: 1px solid var(--theme-color);
  color: #fff;
}

/* Odd cards */
.border-color-theme:nth-child(odd) {
  background-color: transparent; /* or keep default */
}