/*
Theme Name: Hello Elementor Child

Description: Child theme for Hello Elementor 
Author: Rohant Villarosa
Author URI: https://rohantvillarosa.in  
Template: hello-elementor
Version: 1.1.8
Text Domain: hello-elementor-child
*/





body {

  text-transform: uppercase;
  transition: all 0.5s ease;
  overflow-x: hidden;
}



/* Remove all default link styles */
a, a:visited, a:hover, a:active, a:focus {
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Optional: reset transition and font weight if Elementor adds them */
a {
  transition: none !important;
  font-weight: inherit !important;
}


.dark-mode {
  --black: #ededed !important;
  --white: #111111 !important;
}


svg path{
  fill : var(--black) !important;
}


.jumble {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer !important;
}


body.elementor-page {
  background-color: var(--white);
}





ul {
  padding: 0; 
}




.blinking {
  background-color: #00cf1f;
  animation: blink 1s infinite;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}



 .swiper {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.project{
  cursor: pointer;
  width: 30vw;
  align-self: center;
  position: relative;
}

.project-card-item {
  display: flex !important;
  flex-direction: column;
  align-items: start;
}



.project-card-title {
  position: absolute;
  top: -30px;
  opacity: 0;
  transition: all 1s ease;
  pointer-events: none;
  transform: translateY(100%);
}


 .swiper-slide.swiper-slide-active .project-card-title {
  transform: translateY(0);
  opacity: 1;
}



.corner-border {
  cursor: pointer;
  --b: 2px;  
  --c: var(--black);   
  --w: 7px;  
  transition: all .2s ease-in;  

  border: var(--b) solid #0000; 
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--_g)) 0    0    / var(--_p),
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p),
    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);

}


/* .corner-border:hover {

  --b: 2px;  
  --w: 5px;  
} */

.project-card-image{
  position: relative;
display: flex;
z-index: 2;

}

#grained{
  height: 100%;
  width: 100%;
}



@media (max-width : 1024px) {


  .project-card-title {

  top: -30px;
opacity: 1;
transition: none;
  pointer-events: none;
  transform: translateY(0%);
}

 
}

@media (max-width: 767px) {


  .project-card-title {
    margin-top: 0.2rem;
  }

  .project{
  width: 70vw;

}
}