@font-face { font-weight: 300; font-family: 'Montserrat'; src: url('../../assets/fonts/Montserrat-Light.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 400; font-family: 'Montserrat'; src: url('../../assets/fonts/Montserrat-Regular.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 500; font-family: 'Montserrat'; src: url('../../assets/fonts/Montserrat-Medium.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 700; font-family: 'Montserrat'; src: url('../../assets/fonts/Montserrat-Bold.ttf') format('truetype'); font-style: normal; font-display: swap }
@font-face { font-weight: 900; font-family: 'Montserrat'; src: url('../../assets/fonts/Montserrat-Black.ttf') format('truetype'); font-style: normal; font-display: swap }

*{ font-family: "Montserrat"!important; }
.wrap{ width: 1360px; margin: 0 auto; }
html { scroll-behavior: smooth; }

.gradient{
    background: linear-gradient(90deg, #262834 0%, #43475C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.boxes div{
  width: 325px;
  height: 285px;
  background-size: 100%;
  background-image: url("../../images/border.svg");
}
#nav li:hover{
  list-style: none;
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .wrap{
    width: 90%;
    margin: 0 auto;
  } 
  .boxes div{
    width: 100%;
    height: 285px;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  -webkit-text-fill-color: #262834!important;
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}