.tech-card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  z-index: -1;
}
.tech-talks {
background-image: url(../../../s3.ap-south-1.amazonaws.com/indiamcongress/Banner/Tech-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.tech-card {
  position: relative;
  display: inline-block;
  padding: 15px 10px;
  z-index: 1;
  height: 150px;
  width: 100%;
  border-radius: 10px;
  transition: color 0.5s, background-color 0.5s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #d14c2b;
}
.tech-card::before {
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(91.27deg, #4558A7 1.09%, #1DA47A 30.87%, #D59A04 65.22%, #ED2224 97.16%);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.tech-cards{
  position: relative;
  display: inline-block;
  padding: 15px 10px;
  z-index: 1;
  height: 150px;
  width: 100%;
  border-radius: 10px;
  transition: color 0.5s, background-color 0.5s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none !important;
}
.tech-box h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-transform: capitalize;
  margin-bottom: 0px !important;
}
.custom-space{
    padding-top: 30px;
}
.loader {
  display: none; /* Hide the loader initially */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  z-index: 1000; /* Make sure it's on top of other elements */
  align-items: center;
  justify-content: center;
}

.loader::after {
  content: "";
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #04003a; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}