@font-face {
    font-family: "Yekan Bakh";
    src: url('../fonts/YekanBakh-Heavy.eot');
    src: url('../fonts/YekanBakh-Heavy.eot') format('embedded-opentype'),
         url('../fonts/YekanBakh-Heavy.woff2') format('woff2'),
         url('../fonts/YekanBakh-Heavy.woff') format('woff'),
         url('../fonts/YekanBakh-Heavy.ttf') format('truetype');
  }

  @font-face {
    font-family: "Yekan Bakh Thin";
    src: url('../fonts/YekanBakh-Thin.eot');
    src: url('../fonts/YekanBakh-Thin.eot') format('embedded-opentype'),
         url('../fonts/YekanBakh-Thin.woff2') format('woff2'),
         url('../fonts/YekanBakh-Thin.woff') format('woff'),
         url('../fonts/YekanBakh-Thin.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Yekan Bakh Light';
    src: url('../fonts/YekanBakh-Light.eot');
    src: local('YekanBakh-Light'),
        url('../fonts/YekanBakh-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/YekanBakh-Light.woff2') format('woff2'),
        url('../fonts/YekanBakh-Light.woff') format('woff'),
        url('../fonts/YekanBakh-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@media (max-width:1100px) {
    .hidden-on-mobile {
        display: none!important
    }
}

@media (min-width:1025px) {
    .hidden-on-pc {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .container{
        max-width: 1600px;
    }
}
.test {
   background-color: #312F3C;
}
body {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1000' height='1200' preserveAspectRatio='none' viewBox='0 0 1000 1200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1336%26quot%3b)' fill='none'%3e%3crect width='1000' height='1200' x='0' y='0' fill='rgba(36%2c 35%2c 41%2c 1)'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1343' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1343' x='0' y='720'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1343' x='720' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1343' x='720' y='720'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1336'%3e%3crect width='1000' height='1200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1338'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1339'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1337'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1340'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1341'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1342'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1343'%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='30' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='30' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='30' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='30' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='90' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='90' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='90' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='90' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='90' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='90' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='90' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='90' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='90' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='90' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='90' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='90' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='150' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='150' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='150' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='150' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='150' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='150' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='150' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='150' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1342' x='150' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='150' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='150' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='150' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='210' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='210' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='210' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='210' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='210' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='210' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='210' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='210' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='210' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='210' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='210' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='210' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1342' x='270' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='270' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='270' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='270' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='270' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='270' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='270' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='270' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='270' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='270' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='270' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='270' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='330' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='330' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='330' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='330' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='330' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='330' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='330' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='390' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='390' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='390' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='390' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='390' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='390' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1342' x='390' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='390' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='390' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='390' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='390' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='390' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='450' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='450' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='450' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='450' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='450' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='450' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='450' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='450' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='450' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='450' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='450' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='450' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='510' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='510' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='510' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='510' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='510' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='510' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='510' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='510' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='510' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='510' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='510' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='510' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='570' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='570' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='570' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='570' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='570' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1342' x='570' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='570' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='570' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='570' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='570' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='570' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='570' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='630' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='630' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='630' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='630' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1338' x='630' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='630' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='630' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1339' x='690' y='30' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='690' y='90' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='150' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='210' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='270' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='330' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='690' y='390' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='450' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='690' y='510' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1341' x='690' y='570' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1340' x='690' y='630' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1337' x='690' y='690' stroke='rgba(142%2c 28%2c 28%2c 0.49)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");    font-family: 'Yekan Bakh';
    justify-content: center;
}

i {
    font-size: 20px;
}

h1 {
    color : #aba9b3;
}

.brand {
    font-size: 25px;
}
.logo-color {
    border: none;
    color: #ea0c2d;
}
.dropdown-item:focus {
    border: none;
    color: red;
}
.logo-color:focus {
    border: none;
    color: #ea0c2d;
}
.logo-color-p {
    text-shadow:  4px 3px 15px #ea0c2d6b;

}
.app {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-lighter {
    background-color:#312f3c;
}

.rounded-nav {
    border-radius: 10px;
}
.bg-darker {
    background-color: #3b3a42;
}
.large-nav-link {
    font-size: 18px;
    letter-spacing: 1px;
}
.about-border {
    display: flex;
    width: 80px;
    height: 8px;
    background: #ea0c2d;
    border-radius: 10px 10px 0 0 ;
    margin: 2px auto;
    box-shadow: 0px 0px 3px #ea0c2d6b;
}

.main-gifcards{
    padding: 8px;
    border-radius: 15px;
    display: block;
    height: auto;
    width: 100px;
}
.icon-shadow {
    text-shadow: 4px 3px 15px #ffffff6b;
}

.hover-admine:hover {
 box-shadow: #ea0c2d;
}

.inline-text {
    float: left;
}
.bg-pink {
    background-color: #ea0c2d;
    border-radius: 25px;
    margin-inline: 6px;
    box-shadow:  5px 3px 15px #ea0c2d6b;
}
.text-pink {
    color: #ea0c2d;
    margin-inline: 6px;
    text-shadow:  5px 3px 15px #ea0c2d6b;
}
.card-amount {
    display: block;
}
.font-thin {
    font-family: 'Yekan Bakh Thin';
}

.btn-main-pink {
    background-color: #ff8528;
    font-size: x-large;
    border-radius: 25px;
}
.btn-main-light {
    background-color: #dcdcdc;
    font-size: x-large;
    border-radius: 25px;
}

.info-about-website {
    background-color: #292732;
    text-align: center;
    padding-inline: 10%;
    padding-block: 8%;
    border-radius: 20px;
}

.info-img {
    height: 60px;
    width: 60px;
}




.form{

    position: relative;
    padding-right: 300px;
}

.form .fa-search{

    position: absolute;
    top:20px;
    left: 20px;
    color: #cad0db;

}

.form span{

    position: absolute;
    right: 17px;
    top: 13px;
    padding: 2px;

}

.left-pan{
    padding-left: 7px;
}

.left-pan i{
   
   padding-left: 10px;
}

.form-input{

    height: 55px;
    text-indent: 33px;
    border-radius: 10px;
}
.form-input:focus{

    height: 55px;
    text-indent: 33px;
    background-color: #ea0c2d1a;
    transition: all 0.5s ease 0s;

    border-radius: 10px;
}

.form-input:focus{
    box-shadow: none;
    border:none;
}

.form-search {
    border: none !important;

}

.main-card:hover {
    background-color: #292732;
    text-align: center;
    padding-block: 3%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #ea0c2d6b;
    transform: rotate(0.005turn);
    transition: all 0.5s ease 0s;

}

.main-card:after {
    content: "";
    position: absolute;
    transition: all 0.5s ease 0s;
    z-index: -1;
}

.main-card {
    background-color: #292732;
    text-align: center;
    padding-block: 3%;
    border-radius: 10px;
}
.main-card img {
    width: 280px;
    height: auto;
    border-radius: 10px;
    
}


.single-line {
    display: flex;
    width: 100px;
    height: 3px;
    background: #ea0c2d;
    border-radius: 10px 10px 10px 10px !important;
    margin: 2px auto;
    box-shadow: 0px 0px 3px #ea0c2d6b;
}
.single-line-card {
    display: flex;
    width: 180px;
    height: 2px;
    background: #fffeff;
    border-radius: 10px 10px 10px 10px !important;
    margin: 2px auto;
    box-shadow: 0px 0px 3px #ea0c2d6b;
}

.btn-add-card {
    border-radius: 5px;
    padding-inline: 25% !important;
}
.btn-add-card:focus {
    border: none !important;
}
.btn-add-card:hover {
    box-shadow: 0px 0px 5px #ea0c2d6b;
    background-color: #ea0c2d;
}

.thin {
    font-family: "Yekan Bakh Thin";
}
.font-light {
    font-family: "Yekan Bakh Light";
}
.font-regular {
    font-family: "Yekan Bakh";
}
.giftcard-flags {
    width: 20px;
    height: 20px;
}

.btn-focus:focus {
    box-shadow: none;
    border:none;
}

.horizontal-scrollable > .row { 
    overflow-x: auto; 
    white-space: nowrap; 
} 
  
.horizontal-scrollable > .row > .col-xs-4 { 
    display: inline-block; 
    float: none; 
} 

.card-shadow{
    box-shadow: 0px 0px 10px #00000050;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
  }
  
  /* Top left text */
  .top-left {
    position: absolute;
    top: 10px;
    left: 16px;
  }
  
  /* Top right text */
  .top-right {
    position: absolute;
    top: 8px;
    right: 16px;
  }
  
  /* Bottom right text */
  .bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
  }
  
  /* Centered text */
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }