.banner-slider {
  height: 80vh;
}
.footer-link {
  color: var(--it-theme-1) !important;
}
.footer-text {
  color: black;
  font-size: 16px;
}
.it-project-thumb {
  position: relative;
  overflow: hidden;
}

/* REMOVE scale hover */
.it-project-thumb img {
  transition: none;
  transform: none;
}

/* SHINE EFFECT */
.it-project-thumb::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
}

/* ON HOVER */
.it-project-thumb:hover::before {
  left: 125%;
  transition: all 1.6s ease;
}

.it-funfact-item {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.it-funfact-item:hover {
  transform: translateY(-10px); /* move up */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.it-about-thumb {
  position: relative;
  overflow: hidden;
}

.it-about-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.9s ease;
  pointer-events: none;
}

.it-about-thumb:hover::after {
  left: 130%;
}

.bg-custom1 {
  background-color: #fff8f1;
}

.it-testimonial-item {
  min-height: 290px;
}

.it-monitoring-thumb {
  position: relative;
  overflow: hidden;
}

/* REMOVE SCALE IF EXISTS */
.it-monitoring-thumb img {
  transition: none;
  transform: none;
}

/* SHINE EFFECT */
.it-monitoring-thumb::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
}

/* ON HOVER */
.it-monitoring-thumb:hover::before {
  left: 125%;
  transition: all 1.4s ease;
}
/* .why-choose-img {
  max-height: 450px;
} */

.it-btn-theme:hover {
  background-color: #f59e42;
}

.it-section-subtitle {
  font-size: 13px;
  margin-bottom: 13px;
  font-weight: bold;
  display: inline-block;
  padding: 8px 13px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: white;

  /* Light orange background */
  /* background: linear-gradient(
    90deg,
    #fff1e6 0%,
    #ffe1cc 50%,
    #fff1e6 100%
  ); */
  background-color: var(--it-theme-1);
  border-radius: 6px;

  position: relative;
  overflow: hidden;
}

/* Shiny overlay */
.it-section-subtitle::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
}

/* Trigger animation when visible */
.it-section-subtitle.shine-active::after {
  animation: shineScroll 1.5s ease-in-out forwards;
}

@keyframes shineScroll {
  0% {
    left: -120%;
  }
  100% {
    left: 130%;
  }
}


.footer-social:hover{
  color: white !important;

}
.it-copyright-social a:hover{
  color: white !important;
  z-index: 10;
}
.copyright-link{
  color: var(--it-theme-1);
}
.copyright-link:hover{
  color: #f59e42;
}

@media(max-width:768px){
  .it-slider-2-title{
    padding-top: 35px;
    font-size: 28px;
  }
}
@media(max-width:426px){
  .it-header-top-area{
    display: none;
  }
  .it-slider-2-title{
    padding-top: 50px;
    font-size: 20px;
  }
  .it-section-title.fz-45{
    font-size: 22px;
  }
  .it-about-section-title-box{
    margin-bottom: 20px;
  }
  .it-section-subtitle{
    font-size: 13px;
  }
  .banner-slider{
    height: 400px;
  }
}


/* Updates */
.it-service-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
}
.it-service-3-item {
  transition: all 0.35s ease;
}

.it-service-3-item:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

/* keep existing look */
.it-footer-widget-tel-box span {
  transition: background-color 0.3s ease;
}

/* change ONLY background color on hover */
.it-footer-widget-tel-box:hover span {
  background-color: #f59e42; /* replace with your desired hover color */
}


.cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 12px;                 /* bigger size */
  height: 12px;
  background-color: var(--it-theme-1);   /* adjust to your green if needed */
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  opacity: 0.35;               /* faded when idle */
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}


.it-career-item {
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.it-career-item:hover {
  transform: translateY(-12px);
  box-shadow: 0 18px 40px rgba(31, 60, 136, 0.18);
}

.custom-ul{
  list-style: none;
}
.custom-ul li{
  padding-bottom: 10px;
  color: black;
  font-weight: normal;
}
.custom-ul li {
  display: flex;
  align-items: flex-start; /* keeps text aligned from top */
  gap: 10px;
}

.custom-ul li span {
  flex-shrink: 0; /* prevents SVG from shrinking */
  margin-top: 2px; /* optional fine-tuning */
}

.custom-ul li svg {
  display: block;
}
.highlight{
  color: var(--it-theme-1);
}

.custom-title{
  font-size: 29px !important;
}


.custom-subject{
  border-radius: 5px !important;
}
/* Blog card */
.custom-blog {
  border: 1px solid #000;             /* solid black border */
  border-radius: 20px;
  background: #fff;
  padding: 16px;                      /* space between border & content */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Hover state */
.custom-blog {
    min-height: 482px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
  transform: translateY(-4px);
}

/* Image container spacing */
.custom-blog {
  margin-bottom: 20px;
  border-radius: 14px;                /* slightly smaller than card */
  overflow: hidden;
}

/* Make sure image fits cleanly */
.custom-blog img {
  border-radius: 14px;
}

/* Make sure parent is positioned */


/* Shine effect */
.custom-shiny::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.9s ease;
  pointer-events: none;
}

/* Trigger on hover */
.custom-shiny:hover::after {
  left: 130%;
}

.blog-title{
  font-size: 20px;
}

.custom-link{
      font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: var(--it-common-black);
}
.custom-para{
  font-size: 23px;
}
.img-height{
  min-height: 450px;
}
/* Image container */
.custom-shiny {
  position: relative;
  overflow: hidden;
  display: block;
}

/* Make sure image fits */
.custom-shiny img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}
.it-choose-2-item img {
  transition: transform 0.4s ease;
}

.it-choose-2-item:hover img {
  transform: scaleX(-1);
}

/* Shine layer */
.custom-shiny::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 100%
  );
  transform: skewX(-25deg);
  transition: 0.9s;
  pointer-events: none;
}

/* Trigger shine when card is hovered */
.it-service-3-item:hover .custom-shiny::after {
  left: 130%;
}

/* Optional zoom effect */
.it-service-3-item:hover .custom-shiny img {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .tab-wrapper {
    flex-direction: column;
    gap: 8px;
  }

  .tab-btn {
    width: 100%;
    font-size: 14px;
    padding: 10px;
  }
}


@media(max-width:426px){
  .it-section-title{
    font-size: 22px;
  }
  .it-inner-title{
    font-size: 18px;
  }
  .it-shop-details__title-sm{
    font-size: 22px;
  }
.it-team-details-title{
  font-size: 22px;
}
.it-team-details-title-sm{
  font-size: 18px;
}
.pb-40{
  padding-bottom: 20px;
}
.pt-80{
  padding-top: 50px;
}
.it-service-inner-style-2 .it-service-3-item{
  min-height: auto;
}
.it-copyright-left p{
  font-size: 14px;
}
.footer-text{
  font-size: 14px;
}
.mobile{
  display: none !important;
}
}


.tab-wrapper {
  /* background: #f8f9fa; */
  border-radius: 10px;
  overflow-x: auto;
  white-space: nowrap;
}

.tab-btn {
  text-decoration: none;
  padding: 10px 18px;
  border-radius: 6px;
  border: 2px solid #1f3d87;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 0 #1f3d87;
  transition: 0.2s ease;
  display: inline-block;
}

/* Active tab */
.tab-btn.active {
  background: #1f3d87;
  color: #fff;
  box-shadow: 0 2px 0 #1f3d87;
}

/* Hover */
.tab-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 0 #1f3d87;
}

.breadcrumb-area {
  position: relative;
  padding: 40px 0;
  background-image: url("../img/solvix/banner/breadcrumb-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.breadcrumb-area {
  padding: 150px 0; /* top & bottom */
}


/* Dark Overlay */
.breadcrumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* change opacity if needed */
  z-index: -1;
}

.breadcrumb-content {
  text-align: center;
  color: #fff;
}

/* Title */
.breadcrumb-title {
  font-size: 36px;
  font-weight: 700;
  color: white;
  margin-bottom: 10px;
}

/* Breadcrumb List */
.breadcrumb-list {
  font-size: 16px;
  color: #ddd;
}

.breadcrumb-list a {
  color: #fff;
  text-decoration: none;
}

.breadcrumb-list a:hover {
  color: #ff6b00;
}

/* Divider */
.breadcrumb-list .divider {
  margin: 0 8px;
}
@media(max-width:426px){
  .breadcrumb-area {
  padding: 100px 0; /* top & bottom */
}
.breadcrumb-title{
  font-size: 22px;
}
.it-step-title{
  padding-top: 20px;
}
.it-about-thumb img{
  transform: none;
}
.about-br{
  display: none;
}
.it-section-subtitle{
  font-size: 11px;
}
    .it-contact-2-nav-link {
font-size: 16px;
}
.it-contact-form-title{
  font-size: 23px;
}
.modal-title{
  font-size: 18px;
}
.jusify-content{
  text-align: justify !important;
}
}