.carter-one-regular {
  font-family: "Carter One", system-ui;
  font-weight: 400;
  font-style: normal;
}


.main-slider {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

#background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
  /* Ensure video stays behind any content you add */
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 80%;
}

.content h1 {
  margin-bottom: 20px;
  font-size: 5rem !important;
  font-family: "Carter One", system-ui;
  color: var(--theme-color2) !important;
}

.content p {
  margin-bottom: 20px;
  font-size: 25px;
  color: white;
  font-family: 'Reey';
}

.search-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.5);
  padding: 15px;
  border-radius: 10px;
}

.search-form label {
  font-size: 16px;
  color: #ffffff;
  margin-right: 10px;
  border-radius: 10px;
  font-weight: 600;
}

.search-form select,
.search-form button {
  padding: 5px;
  margin: 5px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.search-form select {
  appearance: none;
  background-color: white;
  color: black;
  width: 200px;
  padding-left: 15px;
  text-align: left;
  border-radius: 10px;
  border: 1px solid #ddd;
}



.search-form button {
  cursor: pointer;
  background-color: #007bff;
  border: none;
  color: white;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  transition: background-color 0.3s;
}

.search-form button:hover {
  background-color: #0056b3;
}

.select2-container--default .select2-selection--single {

  height: 38px;
  border: 1px solid #ddd;
  border-radius: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 0px;
  color: #565656;
}

.mega-menu li a img {
  height: 40px;
  margin-right: 10px;
}


/* custom-form */


.glass-card {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  padding: 20px;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}





.card-header {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 20px;
}

.control-btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff5f56;
  cursor: pointer;
}

.control-btn.maximize {
  background: #ffbd2e;
}

.control-btn.minimize {
  background: #27c93f;
}

.card-content h1 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.card-content p {
  text-align: center;
  margin-bottom: 30px;
}

.button-container {
  display: flex;
  flex-direction: column;
  /* gap: 20px; */
}

.cool-button {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.5s;
  font-weight: 600;
  margin-top: 5px;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

.cool-button::before,
.cool-button::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  transition: 0.5s;
  mix-blend-mode: overlay;
}

.cool-button:hover::before,
.cool-button:hover::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cool-button::after {
  opacity: 0;
  transition: opacity 0.5s;
}

.cool-button:hover::after {
  opacity: 1;
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% -200%;
  }

  100% {
    background-position: 200% 200%;
  }
}

/* Glowing effect */
.cool-button:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), 0 0 35px rgba(255, 255, 255, 0.3);
  animation: glow 1.5s infinite alternate;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), 0 0 35px rgba(255, 255, 255, 0.3);
  }

  100% {
    box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 50px rgba(255, 255, 255, 0.7), 0 0 70px rgba(255, 255, 255, 0.5);
  }
}

/* Button 1 */
.btn-1 {
  background: linear-gradient(135deg, #4955A4 0%, #F95B41 100%);
  animation: gradient 3s infinite alternate;
}

.btn-1::before {
  background: linear-gradient(135deg, #4955A4 0%, #F95B41 100%);
  clip-path: polygon(0 0, 100% 0, 50% 50%);
}

.btn-1::after {
  background: linear-gradient(135deg, #270B48 0%, #F95B41 100%);
  clip-path: polygon(50% 50%, 100% 100%, 0 100%);
}

/* Button 2 */
.btn-2 {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  animation: gradient 3s infinite alternate;
}

.btn-2::before {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  clip-path: polygon(0 0, 100% 0, 50% 50%);
}

.btn-2::after {
  background: linear-gradient(135deg, #2575fc 0%, #6a11cb 100%);
  clip-path: polygon(50% 50%, 100% 100%, 0 100%);
}

/* Button 3 */
.btn-3 {
  background: linear-gradient(135deg, #ff512f 0%, #dd2476 100%);
  animation: gradient 3s infinite alternate;
}

.btn-3::before {
  background: linear-gradient(135deg, #ff512f 0%, #dd2476 100%);
  clip-path: polygon(0 0, 100% 0, 50% 50%);
}

.btn-3::after {
  background: linear-gradient(135deg, #dd2476 0%, #ff512f 100%);
  clip-path: polygon(50% 50%, 100% 100%, 0 100%);
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}


.modern-form {
  display: flex;
  flex-direction: column;
}

.input-container {
  margin-bottom: 30px;
}

.input-container label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: start;
}

.input-container input {
  width: 100%;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.input-container input:focus {
  border-color: #007bff;
  outline: none;
}

.button-container {
  display: flex;
  justify-content: center;
}

/* .glass-card h4{
    color: #F95B41 !important;
} */


.tvisa-link {
  color: #495057;
  background-color: #fff;
  border-color: #fa0000 #fa0000 #fa0000;
}
@media screen and (max-width: 768px) and (min-width: 600px) {
    
    .main-slider {
   
    height: 1500px;
   
}

.glass-card{
    margin-bottom:20px !important;
}
}
@media screen and (max-width: 992px) and (min-width: 769px) {
    
    .main-slider {
   
    height: 1000px;
   
}

.glass-card{
    margin-bottom:20px !important;
}
}

@media screen and (max-width: 600px) and (min-width: 300px) {
  .main-slider .form-hide {
    display: none;
  }
  .navbar-toggler{
    display: none;
  }

  .main-slider {
   
    height: 200px;
    
}
}

@media screen and (max-width: 992px) and (min-width: 300px) {
 
  .navbar-toggler{
    display: none;
  }

  
}


@media only screen and (min-width: 600px) {
  .mobile-button {
    display: none;
  }

}


 .social-links-3 {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   gap: 2px; /* Adjust spacing between icons */
 }

.social-links-3 li {
  margin-bottom: 0; /* Remove bottom margin */
}

.social-links-3 a {
  display: inline-flex;
  align-items: center;
  font-size: 0; /* Remove font-size for text */
  text-decoration: none;
  padding: 5px;
  color: #aab3bb;
  transition: color 0.3s, transform 0.3s;
}

.social-links-3 i {
  font-size: 16px;  /* Icon size */
  margin-right: 0;  /* Remove margin */
  width: 30px;  /* Fixed width to create a perfect circle */
  height: 30px;  /* Fixed height to create a perfect circle */
  line-height: 30px;  /* Aligns the icon vertically */
  background-color: #f4f4f4;
  border-radius: 50%;
  text-align: center;  /* Centers the icon inside the circle */
  color: white;
  transition: background-color 0.3s, transform 0.3s;
}

/* Icon Hover Effect */
.social-links-3 .facebook i {
  background-color: #3b5998;
}

.social-links-3 .instagram i {
  background-color: #C13584;
}

.social-links-3 .youtube i {
  background-color: #ff0000;
}

.social-links-3 .whatsapp i {
  background-color: #25D366;
}

.social-links-3 .twitter i {
  background-color: #1DA1F2;
}

.social-links-3 .linkedin i {
  background-color: #0077B5;
}

/* On Hover: Keep icon background */
.social-links-3 .facebook:hover i {
  background-color: #3b5998;
}

.social-links-3 .instagram:hover i {
  background-color: #C13584;
}

.social-links-3 .youtube:hover i {
  background-color: #ff0000;
}

.social-links-3 .whatsapp:hover i {
  background-color: #25D366;
}

.social-links-3 .twitter:hover i {
  background-color: #1DA1F2;
}

.social-links-3 .linkedin:hover i {
  background-color: #0077B5;
}