/* Add here all your CSS customizations */
/* .textrightv{text-align:right;}
li {margin-bottom: 13px;}
@media all and (max-width:768px) and (min-width:300px) {
.textrightv{text-align:left;}
} */



/* Add here all your CSS customizations */


.textrightv { text-align: right; }
li { margin-bottom: 13px; }

@media all and (max-width:768px) and (min-width:300px) {
  .textrightv { text-align: left; }
}

/* Sticky header smooth transition */
#header {
  position: fixed;       /* make header fixed */
  width: 100%;           /* full width */
  z-index: 200;         /* keep it on top */
  top: 0;                /* start at top */
  transition: top 0.3s ease; /*  smooth hide/show */
}






/* .rev-slidebg{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(227, 7, 7, 0.946);
  z-index: 5;
 } */


 .rev-slidebg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.tp-caption {
  position: relative;
  z-index: 2; /* keep text above overlay */
}


/* .rev-slidebg {
  filter: blur(22px) brightness(0.8);
  transform: scale(1.05);
} */


/* --- Fix header overlap on small screens --- */
@media (max-width: 991px) {
  body:not(.home) .page-header {
    margin-top: 50px !important; /* Adjust for sticky header */
  }
}

@media (max-width: 303px) {
  body:not(.home) .page-header {
    margin-top: 120px !important; /* Adjust for sticky header */
  }
}


/* Fix career page image hidden behind header */
@media (max-width: 1600px) {
  body.career-11 img[src*="career-pix"] {
    margin-top: 60px;
  }
}
@media (max-width: 303px) {
  body.career-11 img[src*="career-pix"] {
    margin-top: 120px;
  }
}