*{

    font-family:SpaceGrotesk-Light;  

}



 #elaqe h3::before {

    content: '';

    position: absolute;

    background: var(--primary-color);

    width: 30px;

    height: 3px;

    left: 0;

    bottom: 0;

}



.text p{

font-size: 16px;

text-align: justify;

color: black;

font-weight: 450;

}

.text h1{

    text-align: justify;

    font-weight: 650;



}

.carousel-item img{

    height: auto;

    object-fit: cover;

}

#elaqe h3{

    font-size: 24px;

    color: black;

    font-weight: 400;

    text-transform: uppercase;

}

.basliq_a{

  text-align: justify;

  font-size: 18px;

  font-weight: bold;

  color: black;

  line-height: 18px;

}

.basliq_a:hover{

  color: var(--primary-color);

  cursor: pointer;

}

#elaqe .a {

  font-size: 20px;

  text-transform: uppercase;

  margin: 0px;

  padding: 0px;

  font-weight: 500;

  background-image: linear-gradient(

    to right,

    var(--primary-color),

    var(--primary-color) 50%,

    #000 50%

  );

  background-size: 200% 100%;

  background-position: -100%;

  display: inline-block;

  position: relative;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.3s ease-in-out;

}



#elaqe a:before{

  content: '';

  background: var(--primary-color);

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 0;

  height:3px;

  transition: all 0.3s ease-in-out;

}



#elaqe a:hover {

 background-position: 0;

}



#elaqe a:hover::before{

  width: 100%;

}

/* h3::before {  

    transform: scaleX(0);

    transform-origin: bottom right;

  }

  

  h3:hover::before {

    transform: scaleX(1);

    transform-origin: bottom left;

  }

  

  h3::before {

    content: " ";

    display: block;

    position: absolute;

    top: 0; right: 0; bottom: 0; left: 0;

    inset: 0 0 0 0;

    background: hsl(200 100% 80%);

    z-index: -1;

    transition: transform .3s ease;

  } */

  .diger img{

    width: 100%;

    height: 100%;

    object-fit: cover;

 

    --g: 4px;     /* the gap */

    --b: 2px;    /* border thickness*/

    --c: var(--primary-color); /* the color */

    padding: calc(var(--g) + var(--b));

    --_c: #0000 0 25%, var(--c) 0 50%;

    --_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;

    --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;

    background:

      var(--_g1) var(--_p, 25%) 0   ,var(--_g2) 0    var(--_p,125%),

      var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);

    background-size: 200% var(--b),var(--b) 200%;

    cursor: pointer;

   

    filter: grayscale(35%);

    transition: .3s;

  }

 .diger img:hover {

    --_p: 75%;

    filter: grayscale(0%);

  }

  .time{

    max-width: 92px;

    background-color: var(--primary-color);

    color: white;

    border-radius: 8px;

    border: 0.3px solid;

    padding: 1px 5px;

    

    }

.basliq{

    text-align: justify;

    font-size: 18px;

    font-weight: bold;

    color: black;

    line-height: 18px;

}

.basliq:hover{

    color: var(--primary-color);

    cursor: pointer;

}



.diger_a{

    text-align: right;

    font-size: 16px;

    font-weight: 500;

  }

.diger_a:hover{

    color: var(--primary-color);

    transition: 1;

  }

  :root {

    --primary-color: #A21441;

    --secondary-color: white;

}