@font-face {
    font-family: FRACTAL; /* Гарнитура шрифта */
    src: url(fonts/ofont_FRACTAL.ttf); /* Путь к файлу со шрифтом */
   }
   .font_int {
    /* font-family: FRACTAL; */
    color: black !important;
    font-weight:490 !important;
    border:2px solid rgba(0, 0, 0, 0.0);
   }

.filter-button:hover{
    border:2px solid #d12326;
    border-bottom:2px solid black !important;
    border-radius: 0%;
}
.btn:focus, .btn:active {
  box-shadow: none !important;
  border:2px solid #d12326;
  border-bottom:2px solid black !important;
  border-radius: 0%;
}
.foralll {
  box-shadow: none !important;
  border:2px solid #d12326;
  border-bottom:2px solid black !important;
  border-radius: 0%;
}
button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}
.form-control:focus {
  border-color: #d12326;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
      }

      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
      }

.carousel-indicators li {
  background-color: black;
}

.card {
  display: grid;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
  text-align: justify;
  cursor: pointer;
  transform-style: preserve-3d;
  transform: perspective(1000px);
}
.rgb::after {
  content:"";
  background: linear-gradient(45deg,
  #ff0000 0%,
  #ff9a00 10%,
  #d0de21 20%,
  #4fdc4a 30%,
  #3fdad8 40%,
  #2fc9e2 50%,
  #1c7fee 60%,
  #5f15f2 70%,
  #ba0cf8 80%,
  #fb07d9 90%,
  #ff0000 100%  )
  repeat 0% 0% / 300% 100%;
  position: absolute;
  inset: -3px;
  border-radius: 16px;
  filter: blur(8px);
  transform: translateZ(-1px); /*or z-index */
  animation: rgb 6s linear infinite;
}
@keyframes rgb {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
.for_ro {
  border-radius: 18px 18px 0 0 ;
}

@media (max-width: 768px) {

    .slide {
      margin-top: 20% !important;
    }

    .individb{
      margin-top: 15% !important;
    }

    }

    .slide{
      margin-top: 5%;
    }

    .forwd{
        height: 493px;
        }

        .hpfor{
          overflow: hidden;
    /* text-overflow: ellipsis; */
    /* height: 2.2em; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
        }
        .hpfors{
          /* color: gray; */
          font-size: 0.7rem;
          /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* height: 2.6em; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    padding-top: 0 !important;
        }

        .hwfor{
          white-space: nowrap;
        }

        .forfb{
          border:2px solid #d12326;
          border-bottom:2px solid black !important;
        }
        .forfb:hover{
          border:2px solid black;
          border-bottom:2px solid black !important;
          background-color: #d12326;
        }

    @media(max-width: 468px){
    .forwd{
    height: 750px;
        }
            }

    @media(max-width: 520px){
        .hpfor{
font-size: 0.8rem;
/* height: 4.6em; */
/* -webkit-line-clamp: 3; */
        }
        .hpfors{
font-size: 0.5rem;
/* height: 4em; */
/* -webkit-line-clamp: 3; */
        }
        .hwfor{
font-size: 0.55em;
        }

            }


.inllb{
  width: 50%;
  margin: auto;
  text-align: center;
  font-size: 1.5rem;
}

.outllb{
  display: flex;
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: inset 4px 4px 4px #cbced1, inset -4px -4px 4px #ffffff;
}

.bg-lightpp{
  background-color: #f5f6f7;
}
.out {
  position: relative;
  width: 100%;
  height: 10px;
  background: #000;
  border-radius: 600px / 10px;
  box-shadow: 0px 20px 10px -3px rgb(0 0 0 / 40%);
  margin-bottom: 30px;
}

.in {
  position: absolute;
  width: 100%;
  height: 25px;
  background: #f5f6f7;
}
.outt {
  position: relative;
  width: 100%;
  height: 10px;
  background: #000;
  border-radius: 600px / 10px;
  box-shadow: 0px -5px 10px -3px rgb(0 0 0 / 40%);
  margin-bottom: 20px;
}

.int {
  position: absolute;
  width: 100%;
  height: 25px;
  background: #f5f6f7;
}
:root {
  --width: 100vw;
  height: 100%;
  --unit: 10px;
  --color1: #F8F8F8;
  --color2: #fff;
  --color3: transparent;
  --color5: #fff;
}

.css-pattern-component {
  /* position: absolute; */
  top: 0;
  left: 0;
 /*  width: 100vw;*/
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.css-pattern-component.pattern {
  display: block;
  /* position: relative; */
  overflow: hidden;
  /* width: var(--width); */
  height: var(--height);
  background-color: var(--color1);
}
.css-pattern-component.pattern:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  /* position: absolute; */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(circle at center center, var(--color3), var(--color3) 40%, var(--color1) 110%, var(--color1));
}
.css-pattern-component.pattern__carpet {
  background-size: calc(var(--unit) * 14) calc(var(--unit) * 14);
  background-position: calc(var(--unit) * -10) calc(var(--unit) * 3), calc(var(--unit) * -9) calc(var(--unit) * 2), calc(var(--unit) * -8) calc(var(--unit) * 1), calc(var(--unit) * -7) 0, calc(var(--unit) * -3) calc(var(--unit) * 3), calc(var(--unit) * -2) calc(var(--unit) * 2), calc(var(--unit) * -1) calc(var(--unit) * 1), 0 0, calc(var(--unit) * -10) calc(var(--unit) * 10), calc(var(--unit) * -9) calc(var(--unit) * 9), calc(var(--unit) * -8) calc(var(--unit) * 8), calc(var(--unit) * -7) calc(var(--unit) * 7), calc(var(--unit) * -3) calc(var(--unit) * 10), calc(var(--unit) * -2) calc(var(--unit) * 9), calc(var(--unit) * -1) calc(var(--unit) * 8), 0 calc(var(--unit) * 7);
  background-image: conic-gradient(from 0 at calc(var(--unit) * 13) calc(var(--unit) * 1), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 11) calc(var(--unit) * 3), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 9) calc(var(--unit) * 5), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 7) calc(var(--unit) * 7), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 13) calc(var(--unit) * 1), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 11) calc(var(--unit) * 3), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 9) calc(var(--unit) * 5), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 7) calc(var(--unit) * 7), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 13) calc(var(--unit) * 1), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 11) calc(var(--unit) * 3), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 9) calc(var(--unit) * 5), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 7) calc(var(--unit) * 7), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 13) calc(var(--unit) * 1), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 11) calc(var(--unit) * 3), var(--color1) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 9) calc(var(--unit) * 5), var(--color2) 90deg, var(--color3) 90deg), conic-gradient(from 0 at calc(var(--unit) * 7) calc(var(--unit) * 7), var(--color1) 90deg, var(--color3) 90deg);
}
