/*
 Theme Name:   Sikander Jafar
 Theme URI:    https://sikanderjafar.com
 Description:  This is custom theme made by Sikander Jafar using GeneratePress
 Author:       Sikander Jafar
 Author URI:   https://sikanderjafar.com
 Template:     generatepress
 Version:      1.0.0
*/




}

@media (max-width: 768px) {
    /* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
}






@media (min-width: 768px) {
  /* Container hover black background effect */
  .hover-container {
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .hover-container:hover {
    background-color: #000 !important;
    color: #fff !important;
  }

  /* Ensure text inside also changes color */
  .hover-container * {
    transition: color 0.3s ease;
  }

  .hover-container:hover * {
    color: #fff !important;
  }
}


/* For back to top button */
.generate-back-to-top {
    right: 20px !important; /* adjust as needed */
    bottom: 80px !important; /* adjust vertical position if needed */
}



/* For tilt style */
.tilt-container {
  transform: rotate(-3deg); /* Negative value tilts left, positive tilts right */
  display: inline-block; /* Optional: keeps layout inline if needed */
}



.tilt-container-one {
  transform: rotate(10deg); /* Negative value tilts left, positive tilts right */
  display: inline-block; /* Optional: keeps layout inline if needed */
}




/* For floating element */
@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-7px); }
  100% { transform: translateY(0); }
}

.float-animation {
  animation: float 3s ease-in-out infinite;
}