/* fonts */
/* font-family: "Playfair Display", serif; */
/* font-family: "Roboto Condensed", serif; */
/* font-family: "PT Sans Narrow", serif; */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* fonts */

/* !    MAIN SETTINGS */

html {
    display: block;
    font-size: 10px;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: var(--body-color);
    position: relative;
}

a {
    text-decoration: none;
    color: black;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* !    MAIN SETTINGS */

/* ? COLOR PALETTE */

:root{

    --primary-color: rgb(41, 44, 45);
    --secondary-color: rgb(247, 248, 249);
    --alert-color: rgb(180, 14, 14);
    --body-color: rgb(247, 248, 249);
    --secondary-font-color: rgb(57, 58, 58);
    --business-video-bg: rgb(235, 235, 235);
    --lower-white: rgb(212, 212, 212);
}

::selection {
    background-color: rgb(43, 43, 43);
    color: rgb(212, 212, 212);
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #b6b6b6; /* Arkaplan rengi */
}

/* Kaydırma kısmının rengi */
::-webkit-scrollbar-thumb {
    background-color: rgb(43, 43, 43);
}

/* ?COLOR PALETTE */

/* btn */

.regular-btn {
    background-color: var(--primary-color);
    padding: 1.4rem 2.5rem;
    color: var(--secondary-color);
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
}


section {
    position: relative;
    width: 100%;
  }


  .demo a {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -150%);
    color: var(--body-color);
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    font-family: "Roboto Condensed", serif;
    letter-spacing: .1rem;
    text-decoration: none;
    transition: opacity .3s;
  }



  #section06 a {
    padding-top: 70px;
  }

  #section06 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 4px solid var(--body-color);
    border-bottom: 4px solid var(--body-color);
    text-shadow: 2px 2px 4px var(--body-color);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-animation: sdb06 1.5s infinite;
    animation: sdb06 1.5s infinite;
    box-sizing: border-box;
  }

  @-webkit-keyframes sdb06 {
    0% {
      -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
  @keyframes sdb06 {
    0% {
      transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
      opacity: 0;
    }
  }
/* btn */