@font-face {
  font-display: swap;
  font-family: Universal Sans Display;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Display-Bold.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Display;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Display-Medium.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Display;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Display-Regular.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Display;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Display-Light.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Display;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Display-Thin.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Text;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Text-Bold.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Text;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Text-Medium.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Text;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Text-Regular.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Text;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Text-Light.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Universal Sans Text;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/sayalvinc_yeni/css/fonts/Universal-Sans-Text-Thin.woff2)
    format("woff2");
}
/*
* Crooked Line
*/
.custom-crooked-line {
  display: inline-block;
  width: 77px;
  overflow: hidden;
}

/*
* Custom Link Effects
*/
@keyframes crookedLineAnim {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-48%, 0, 0);
  }
}

.custom-link-hover-effects .custom-view-more svg {
  transition: ease transform 300ms;
}

.custom-link-hover-effects:hover .custom-crooked-line svg {
  animation-name: crookedLineAnim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.custom-link-hover-effects:hover .custom-view-more svg {
  transform: translate3d(7px, 0, 0);
}

.custom-link-hover-effects:hover .custom-date-style-1 {
  transform: translate3d(2.5px, 2.5px, 0);
}

.custom-link-hover-effects:hover .custom-date-style-1:before {
  transform: translate3d(0, 0, 0);
}

.custom-font-size-1 {
  font-size: 0.6em;
}

@media (min-width: 1200px) {
  .custom-big-font-size-1 {
    font-size: 6.9rem !important;
  }
}

@media (min-width: 1600px) {
  .custom-big-font-size-1 {
    font-size: 8.5rem !important;
  }
}

/*
* Text Background
*/
@media (min-width: 992px) {
  .custom-text-background {
    background-repeat: inherit;
    background-size: 100%;
    background-position: 20% 30%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media (max-width: 991px) {
  .custom-text-background {
    background-image: none !important;
  }
}

.custom-bg-color-grey-1 {
  background-color: #5a6267;
}

.custom-border-color-grey-1 {
  border-color: #404040 !important;
}