.elementor-4587 .elementor-element.elementor-element-f418121:not(.elementor-motion-effects-element-type-background), .elementor-4587 .elementor-element.elementor-element-f418121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4587 .elementor-element.elementor-element-f418121 > .elementor-background-overlay{background-color:#000000;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4587 .elementor-element.elementor-element-f418121{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4587 .elementor-element.elementor-element-dbf9992 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4587 .elementor-element.elementor-element-d3688f2 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-4587 .elementor-element.elementor-element-d3688f2{left:0px;}body.rtl .elementor-4587 .elementor-element.elementor-element-d3688f2{right:0px;}.elementor-4587 .elementor-element.elementor-element-d3688f2{top:123px;}.elementor-4587 .elementor-element.elementor-element-8833b33 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4587 .elementor-element.elementor-element-8833b33 > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-4587 .elementor-element.elementor-element-8833b33{padding:0px 0px 0px 0px;}.elementor-4587 .elementor-element.elementor-element-1fdfa48 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:100px 150px 100px 150px;}.elementor-4587 .elementor-element.elementor-element-c649830{text-align:center;z-index:999;}.elementor-4587 .elementor-element.elementor-element-c649830 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Raleway-Regular;font-size:48px;font-weight:700;text-transform:uppercase;}@media(max-width:1024px){.elementor-4587 .elementor-element.elementor-element-8833b33{padding:50px 30px 100px 30px;}}@media(min-width:1025px){.elementor-4587 .elementor-element.elementor-element-f418121:not(.elementor-motion-effects-element-type-background), .elementor-4587 .elementor-element.elementor-element-f418121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-4587 .elementor-element.elementor-element-f418121:not(.elementor-motion-effects-element-type-background), .elementor-4587 .elementor-element.elementor-element-f418121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;}.elementor-4587 .elementor-element.elementor-element-f418121{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4587 .elementor-element.elementor-element-d3688f2{top:70px;}.elementor-4587 .elementor-element.elementor-element-8833b33{padding:0px 0px 0px 0px;}.elementor-4587 .elementor-element.elementor-element-1fdfa48 > .elementor-element-populated{padding:50px 0px 50px 0px;}.elementor-4587 .elementor-element.elementor-element-c649830 .elementor-heading-title{font-size:30px;}.elementor-4587 .elementor-element.elementor-element-c649830 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d3688f2 */.circle {
  width: 0;
  height: 0;
  background-color: #9F837050; /* Цвет круга */
  border-radius: 50%; /* Делаем элемент кругом */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0; /* Начальное состояние — круг невидим */
  animation: drawCircle 1s ease forwards; /* Анимация роста круга */
}

@keyframes drawCircle {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 1;
  }
}

@media (max-width: 767px) {

  @keyframes drawCircle {
    0% {
      width: 0;
      height: 0;
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      width: 100px; /* Уменьшение размера */
      height: 100px;
      opacity: 1;
    }
  }
}/* End custom CSS */