/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BeforeAfterSlider/module.scss ***!
  \***********************************************************************************************************************************************************************************************/
.dotm_before_after_slider_image_container {
  position: relative;
  height: 100%;
  overflow: hidden;
  cursor: col-resize;
}

.dotm_before_after_slider_before_label {
  position: absolute;
  z-index: 4;
}

.dotm_before_after_slider_after_label {
  position: absolute;
  z-index: 4;
}

.show_label_on_hover {
  scale: 0;
  transition: scale 0.3s ease-out;
}

.dotm_before_after_slider_image_container:hover .show_label_on_hover {
  scale: 1;
}

.dotm_before_after_slider_image_container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dotm_before_after_slider_image_container .dotm_before_after_slider_after_image {
  clip-path: inset(0 0 0 50%);
  transition: clip-path 0.1s ease-out;
}

.dotm_before_after_slider_slide_line {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  z-index: 2;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.dotm_before_after_slider_arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

.dotm_before_after_slider_slide_line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dotm_before_after_slider_left_arrow {
  font-family: ETmodules !important;
  font-size: 35px;
  margin-top: 7px;
  position: relative;
  left: 8px;
  top: 5px;
  transition: all 0.3s ease-in-out;
}

.dotm_before_after_slider_right_arrow {
  font-family: ETmodules !important;
  font-size: 35px;
  position: relative;
  right: 8px;
  top: 5px;
  transition: all 0.3s ease-in-out;
}

.dotm_before_after_slider_image_container:hover .dotm_before_after_slider_left_arrow {
  left: 3px;
}

.dotm_before_after_slider_image_container:hover .dotm_before_after_slider_right_arrow {
  right: 3px;
}

.vertical .dotm_before_after_slider_slide_line {
  width: 100%;
  height: 4px;
  left: 0;
  transform: translateY(-50%);
}

.vertical .dotm_before_after_slider_arrows {
  transform: rotate(90deg) translate(-24%, 105%) !important;
}

.vertical .dotm_before_after_slider_slide_line::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical .dotm_before_after_slider_after_image {
  clip-path: inset(0 0 50% 0);
}

.control-panel {
  margin-bottom: 10px;
}

.control-panel button {
  margin: 5px;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}

.interaction-mode {
  margin-bottom: 20px;
}

.interaction-mode label {
  margin-right: 10px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BlockRevealText/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_block_text_reveal_wrapper {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  pointer-events: none;
}

.dotm_block_text_reveal_wrapper.reveal {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.dotm_block_text_reveal_text {
  padding-bottom: 0px;
}

.dotm_block_text_reveal_reveal {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: transform 1.5s ease;
  transition-delay: 0.5s;
  z-index: 2;
}

.dotm_optimize_image_reveal_left_to_right {
  transform: translateX(0);
}

.reveal .dotm_block_text_reveal_reveal {
  transform: translateX(100%);
}

.dotm_optimize_image_reveal_right_to_left {
  transform: translateX(0);
}

.reveal .dotm_optimize_image_reveal_right_to_left {
  transform: translateX(-100%);
}

.dotm_optimize_image_reveal_top_to_bottom {
  transform: translateY(0);
}

.reveal .dotm_optimize_image_reveal_top_to_bottom {
  transform: translateY(100%);
}

.dotm_optimize_image_reveal_bottom_to_top {
  transform: translateY(0);
}

.reveal .dotm_optimize_image_reveal_bottom_to_top {
  transform: translateY(-100%);
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Breadcrumbs/module.scss ***!
  \*****************************************************************************************************************************************************************************************/
.dotm_breadrumbs_list {
  display: flex;
  align-items: center;
}
.dotm_breadrumbs_list li {
  list-style: none;
}
.dotm_breadrumbs_list_home a {
  display: flex;
  align-items: center;
}

.dotm_breadcrumb_item {
  display: flex;
  align-items: center;
}

.et_pb_module {
  margin: 0 !important;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BreadcrumbsItem/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_breadcrumb_item__text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dotm_breadcrumb_item {
  display: flex;
  align-items: center;
  gap: 0px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BusinessHour/module.scss ***!
  \******************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/BusinessHourItem/module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.dotm_business_hour_item_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dotm_business_hour_item_wrapper_separator {
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  height: 0;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ContentToggle/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.example_static_module {
  padding: 30px;
  background-color: #ecf4f7;
}
.example_static_module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.example_static_module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.example_static_module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FacebookLikeButton/module.scss ***!
  \************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FacebookPost/module.scss ***!
  \******************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FbPage/module.scss ***!
  \************************************************************************************************************************************************************************************/

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FbVideo/module.scss ***!
  \*************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/GlitchText/module.scss ***!
  \****************************************************************************************************************************************************************************************/
.dotm-glitch-text {
  position: relative;
}

.dotm-glitch-text:before, .dotm-glitch-text:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.dotm-glitch-effect-type-one:after {
  left: 2px;
  text-shadow: -1px 0 red;
  animation: dotm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}

.dotm-glitch-effect-type-one:before {
  left: -2px;
  text-shadow: 2px 0 blue;
  animation: dotm-glitch-anim-one-2 3s infinite linear alternate-reverse;
}

.dotm-glitch-effect-type-two::after {
  left: 2px;
  animation: dotm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}

.dotm-glitch-effect-type-two::before {
  left: -2px;
  text-shadow: 2px 0 green;
  animation: dotm-glitch-anim-two-2 3s infinite linear alternate-reverse;
}

.dotm-glitch-effect-type-three:before {
  animation: dotm-glitch-anim-three-1 2.5s infinite;
  color: inherit;
  z-index: 1;
}

.dotm-glitch-effect-type-three > span {
  display: block;
  animation: dotm-glitch-anim-three-2 2.5s infinite;
  color: red;
  z-index: -1;
}

.dotm-glitch-effect-type-three:after {
  color: blue;
  animation: dotm-glitch-anim-three-3 2.5s infinite;
  z-index: -1;
}

/* Glitch Effect Type Four - Neon Flicker */
.dotm-glitch-effect-type-four {
  animation: dotm-glitch-anim-four 1.5s ease-in-out infinite alternate;
}

.dotm-glitch-effect-type-four:before {
  display: none;
}

.dotm-glitch-effect-type-four:after {
  display: none;
}

/* Glitch Effect Type Five - Digital Distortion */
.dotm-glitch-effect-type-five {
  position: relative;
  animation: dotm-glitch-anim-five 0.5s infinite;
}

.dotm-glitch-effect-type-five:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0.05em;
  top: 0.025em;
  z-index: -1;
  text-shadow: -0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
  animation: dotm-glitch-anim-five 0.4s infinite;
}

.dotm-glitch-effect-type-five:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: -0.05em;
  top: 0;
  z-index: -2;
  text-shadow: -0.05em 0 0 rgba(255, 0, 0, 0.75), 0.05em 0.025em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
  animation: dotm-glitch-anim-five 0.25s infinite;
}

/* Glitch Effect Type Six - VHS Distortion */
.dotm-glitch-effect-type-six {
  position: relative;
  animation: dotm-glitch-anim-six 1.5s infinite;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.dotm-glitch-effect-type-six:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: rgba(255, 0, 0, 0.8);
  z-index: -1;
  animation: dotm-glitch-anim-six 1.5s infinite;
  animation-delay: 0.05s;
}

.dotm-glitch-effect-type-six:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: rgba(0, 0, 255, 0.8);
  z-index: -2;
  animation: dotm-glitch-anim-six 1.5s infinite;
  animation-delay: 0.1s;
}

/* Glitch Effect Type Seven - Electric Shock */
.dotm-glitch-effect-type-seven {
  position: relative;
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 8px #00e6e6, 0 0 12px #00e6e6, 0 0 16px #00e6e6;
  animation: dotm-glitch-anim-seven 1s ease-in-out infinite alternate;
}

.dotm-glitch-effect-type-seven:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: blur(8px);
  animation: dotm-glitch-anim-seven-blur 2s infinite;
  color: transparent;
  text-shadow: 0 0 4px #fff, 0 0 10px #00e6e6, 0 0 18px #00e6e6;
  z-index: -1;
}

.dotm-glitch-effect-type-seven:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: blur(4px);
  animation: dotm-glitch-anim-seven-blur 2s infinite 0.3s;
  color: transparent;
  text-shadow: 0 0 4px #fff, 0 0 10px #ff00de, 0 0 18px #ff00de;
  z-index: -2;
}

/* Glitch Effect Type Eight - Shattered Glass */
.dotm-glitch-effect-type-eight {
  position: relative;
  color: #fff;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
  animation: dotm-glitch-anim-eight-shatter 5s infinite;
  transform-origin: center;
}

.dotm-glitch-effect-type-eight:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  animation: dotm-glitch-anim-eight-shine 3s infinite linear;
  z-index: -1;
}

.dotm-glitch-effect-type-eight:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: -1px -1px 0 rgba(255, 0, 0, 0.4), 1px 1px 0 rgba(0, 0, 255, 0.4);
  z-index: -2;
  animation: dotm-glitch-anim-eight-crack 0.2s infinite alternate;
  transform-origin: center;
}

/* Glitch Effect Type Nine - Cyberpunk Slice */
.dotm-glitch-effect-type-nine {
  position: relative;
  color: #fff;
  text-shadow: 0 0 2px rgba(235, 19, 19, 0.9);
  background: linear-gradient(90deg, #ff00ff, #00ffff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  display: inline-block;
}

.dotm-glitch-effect-type-nine:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  overflow: hidden;
  z-index: 2;
  animation: dotm-glitch-anim-nine-slice 3s infinite linear;
  text-shadow: -2px 0 #ff00ff;
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
  transform: translateX(-2px);
}

.dotm-glitch-effect-type-nine:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  overflow: hidden;
  z-index: 3;
  animation: dotm-glitch-anim-nine-slice 2s infinite linear reverse;
  text-shadow: 2px 0 #00ffff;
  color: #fff;
  clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
  transform: translateX(2px);
}

/* Glitch Effect Type Ten - 3D Extrusion */
.dotm-glitch-effect-type-ten {
  position: relative;
  color: #fff;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
  animation: dotm-glitch-anim-ten 5s infinite;
}

.dotm-glitch-effect-type-ten:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(255, 0, 255, 0.5);
  z-index: -1;
  animation: dotm-glitch-anim-ten-shift 0.2s infinite alternate-reverse;
}

.dotm-glitch-effect-type-ten:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(0, 255, 255, 0.5);
  z-index: -2;
  animation: dotm-glitch-anim-ten-shift 0.3s infinite alternate;
}

/* Glitch Effect Type Eleven - Neon 3D */
.dotm-glitch-effect-type-eleven {
  position: relative;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgba(255, 255, 255, 0.8), 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgb(66, 220, 219), 0 0 30px rgba(66, 220, 219, 0.8), 0 0 40px rgba(66, 220, 219, 0.6), 0 0 50px rgba(66, 220, 219, 0.4), 0 0 75px rgba(66, 220, 219, 0.2);
  animation: dotm-glitch-anim-eleven-pulse 2s infinite alternate;
  transform-style: preserve-3d;
  perspective: 500px;
}

.dotm-glitch-effect-type-eleven:before {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateZ(-10px) rotateX(20deg) rotateY(-20deg);
  color: rgba(255, 0, 128, 0.8);
  text-shadow: none;
  opacity: 0.7;
  z-index: -1;
  animation: dotm-glitch-anim-eleven-rotate 3s infinite linear;
}

.dotm-glitch-effect-type-eleven:after {
  content: attr(data-dotm-glitch-text);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateZ(10px) rotateX(-20deg) rotateY(20deg);
  color: rgba(0, 255, 255, 0.8);
  text-shadow: none;
  opacity: 0.7;
  z-index: -2;
  animation: dotm-glitch-anim-eleven-rotate 3s infinite linear reverse;
}

@keyframes dotm-glitch-anim-one-1 {
  0% {
    clip-path: inset(82% 0 13% 0);
  }
  5.8823529412% {
    clip-path: inset(17% 0 48% 0);
  }
  11.7647058824% {
    clip-path: inset(11% 0 88% 0);
  }
  17.6470588235% {
    clip-path: inset(2% 0 11% 0);
  }
  23.5294117647% {
    clip-path: inset(48% 0 3% 0);
  }
  29.4117647059% {
    clip-path: inset(34% 0 61% 0);
  }
  35.2941176471% {
    clip-path: inset(10% 0 83% 0);
  }
  41.1764705882% {
    clip-path: inset(83% 0 1% 0);
  }
  47.0588235294% {
    clip-path: inset(36% 0 4% 0);
  }
  52.9411764706% {
    clip-path: inset(52% 0 16% 0);
  }
  58.8235294118% {
    clip-path: inset(86% 0 4% 0);
  }
  64.7058823529% {
    clip-path: inset(49% 0 7% 0);
  }
  70.5882352941% {
    clip-path: inset(35% 0 53% 0);
  }
  76.4705882353% {
    clip-path: inset(3% 0 19% 0);
  }
  82.3529411765% {
    clip-path: inset(28% 0 40% 0);
  }
  88.2352941176% {
    clip-path: inset(62% 0 3% 0);
  }
  94.1176470588% {
    clip-path: inset(42% 0 28% 0);
  }
  100% {
    clip-path: inset(17% 0 20% 0);
  }
}
@keyframes dotm-glitch-anim-one-2 {
  0% {
    clip-path: inset(72% 0 6% 0);
  }
  5.8823529412% {
    clip-path: inset(2% 0 87% 0);
  }
  11.7647058824% {
    clip-path: inset(52% 0 49% 0);
  }
  17.6470588235% {
    clip-path: inset(9% 0 10% 0);
  }
  23.5294117647% {
    clip-path: inset(12% 0 65% 0);
  }
  29.4117647059% {
    clip-path: inset(48% 0 45% 0);
  }
  35.2941176471% {
    clip-path: inset(14% 0 41% 0);
  }
  41.1764705882% {
    clip-path: inset(55% 0 4% 0);
  }
  47.0588235294% {
    clip-path: inset(10% 0 3% 0);
  }
  52.9411764706% {
    clip-path: inset(14% 0 45% 0);
  }
  58.8235294118% {
    clip-path: inset(54% 0 18% 0);
  }
  64.7058823529% {
    clip-path: inset(93% 0 7% 0);
  }
  70.5882352941% {
    clip-path: inset(89% 0 12% 0);
  }
  76.4705882353% {
    clip-path: inset(83% 0 17% 0);
  }
  82.3529411765% {
    clip-path: inset(55% 0 13% 0);
  }
  88.2352941176% {
    clip-path: inset(66% 0 5% 0);
  }
  94.1176470588% {
    clip-path: inset(40% 0 49% 0);
  }
  100% {
    clip-path: inset(16% 0 42% 0);
  }
}
@keyframes dotm-glitch-anim-two-1 {
  0% {
    clip-path: inset(4% 0 27% 0);
  }
  10% {
    clip-path: inset(15% 0 57% 0);
  }
  20% {
    clip-path: inset(79% 0 14% 0);
  }
  30% {
    clip-path: inset(9% 0 43% 0);
  }
  40% {
    clip-path: inset(47% 0 44% 0);
  }
  50% {
    clip-path: inset(63% 0 26% 0);
  }
  60% {
    clip-path: inset(44% 0 47% 0);
  }
  70% {
    clip-path: inset(71% 0 22% 0);
  }
  80% {
    clip-path: inset(48% 0 36% 0);
  }
  90% {
    clip-path: inset(4% 0 24% 0);
  }
  100% {
    clip-path: inset(72% 0 12% 0);
  }
}
@keyframes dotm-glitch-anim-two-2 {
  0% {
    clip-path: inset(24% 0 29% 0);
  }
  10% {
    clip-path: inset(54% 0 21% 0);
  }
  20% {
    clip-path: inset(28% 0 28% 0);
  }
  30% {
    clip-path: inset(27% 0 47% 0);
  }
  40% {
    clip-path: inset(13% 0 55% 0);
  }
  50% {
    clip-path: inset(9% 0 37% 0);
  }
  60% {
    clip-path: inset(22% 0 73% 0);
  }
  70% {
    clip-path: inset(4% 0 94% 0);
  }
  80% {
    clip-path: inset(98% 0 1% 0);
  }
  90% {
    clip-path: inset(74% 0 26% 0);
  }
  100% {
    clip-path: inset(54% 0 10% 0);
  }
}
@keyframes dotm-glitch-anim-three-1 {
  0% {
    transform: none;
    opacity: 1;
  }
  7% {
    transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  10% {
    transform: none;
    opacity: 1;
  }
  27% {
    transform: none;
    opacity: 1;
  }
  30% {
    transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  35% {
    transform: none;
    opacity: 1;
  }
  52% {
    transform: none;
    opacity: 1;
  }
  55% {
    transform: skew(-1deg, 0.2deg);
    opacity: 0.75;
  }
  50% {
    transform: none;
    opacity: 1;
  }
  72% {
    transform: none;
    opacity: 1;
  }
  75% {
    transform: skew(0.4deg, 1deg);
    opacity: 0.75;
  }
  80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes dotm-glitch-anim-three-2 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(-2px, -3px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(-5px, -2px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(-5px, -1px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(-2px, -6px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}
@keyframes dotm-glitch-anim-three-3 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(2px, 3px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(5px, 2px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(5px, 1px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(2px, 6px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}
/* Animation for Neon Flicker effect */
@keyframes dotm-glitch-anim-four {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}
/* Animation for Digital Distortion effect */
@keyframes dotm-glitch-anim-five {
  0% {
    text-shadow: 0.05em 0 0 rgba(255, 0, 0, 0.75), -0.05em -0.025em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
  }
  14% {
    text-shadow: 0.05em 0 0 rgba(255, 0, 0, 0.75), -0.05em -0.025em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
  }
  15% {
    text-shadow: -0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  49% {
    text-shadow: -0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  50% {
    text-shadow: 0.025em 0.05em 0 rgba(255, 0, 0, 0.75), 0.05em 0 0 rgba(0, 255, 0, 0.75), 0 -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  99% {
    text-shadow: 0.025em 0.05em 0 rgba(255, 0, 0, 0.75), 0.05em 0 0 rgba(0, 255, 0, 0.75), 0 -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  100% {
    text-shadow: -0.025em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em -0.05em 0 rgba(0, 0, 255, 0.75);
  }
}
/* Animation for Glitch Effect Type Six - VHS Distortion */
@keyframes dotm-glitch-anim-six {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  10% {
    transform: translateX(-5px);
    opacity: 0.8;
  }
  20% {
    transform: translateX(5px);
    opacity: 1;
  }
  30% {
    transform: translateY(-2px);
    opacity: 0.8;
  }
  40% {
    transform: translateY(2px);
    opacity: 1;
  }
  50% {
    transform: translateX(-3px) translateY(1px);
    opacity: 0.9;
  }
  60% {
    transform: translateX(3px) translateY(-1px);
    opacity: 1;
  }
  70% {
    transform: translateX(0);
    opacity: 0.8;
  }
  80% {
    transform: translateX(-2px);
    opacity: 1;
  }
  90% {
    transform: translateX(2px);
    opacity: 0.9;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Animation for Glitch Effect Type Seven - Electric Shock */
@keyframes dotm-glitch-anim-seven {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 8px #00e6e6, 0 0 12px #00e6e6, 0 0 16px #00e6e6;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}
@keyframes dotm-glitch-anim-seven-blur {
  0% {
    filter: blur(8px);
    opacity: 0.3;
    transform: translate(0);
  }
  30% {
    filter: blur(4px);
    opacity: 0.5;
    transform: translate(3px, 0);
  }
  50% {
    filter: blur(10px);
    opacity: 0.7;
    transform: translate(-3px, 0);
  }
  70% {
    filter: blur(6px);
    opacity: 0.5;
    transform: translate(5px, 0);
  }
  100% {
    filter: blur(8px);
    opacity: 0.3;
    transform: translate(0);
  }
}
/* Animation for Glitch Effect Type Eight - Shattered Glass */
@keyframes dotm-glitch-anim-eight-shatter {
  0%, 100% {
    transform: scale(1);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
  }
  25% {
    transform: scale(1.01) skewX(1deg);
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
  }
  26% {
    transform: scale(0.99) skewX(-1deg);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
  }
  50% {
    transform: scale(1.02) skewY(1deg);
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
  }
  51% {
    transform: scale(0.98) skewY(-1deg);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
  }
  75% {
    transform: scale(1.01) rotate(0.5deg);
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
  }
  76% {
    transform: scale(0.99) rotate(-0.5deg);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
  }
}
@keyframes dotm-glitch-anim-eight-shine {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 200%;
  }
}
@keyframes dotm-glitch-anim-eight-crack {
  0% {
    transform: translate(0);
    text-shadow: -1px -1px 0 rgba(255, 0, 0, 0.4), 1px 1px 0 rgba(0, 0, 255, 0.4);
  }
  25% {
    transform: translate(-1px, 1px);
    text-shadow: -1.5px -0.5px 0 rgba(255, 0, 0, 0.4), 1.5px 0.5px 0 rgba(0, 0, 255, 0.4);
  }
  50% {
    transform: translate(1px, -1px);
    text-shadow: -0.5px -1.5px 0 rgba(255, 0, 0, 0.4), 0.5px 1.5px 0 rgba(0, 0, 255, 0.4);
  }
  75% {
    transform: translate(-1px, -1px);
    text-shadow: -1.5px -1.5px 0 rgba(255, 0, 0, 0.4), 1.5px 1.5px 0 rgba(0, 0, 255, 0.4);
  }
  100% {
    transform: translate(1px, 1px);
    text-shadow: -0.5px -0.5px 0 rgba(255, 0, 0, 0.4), 0.5px 0.5px 0 rgba(0, 0, 255, 0.4);
  }
}
/* Animation for Cyberpunk Slice effect */
@keyframes dotm-glitch-anim-nine-slice {
  0% {
    transform: translateX(-2px);
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
  }
  10% {
    transform: translateX(2px);
  }
  20% {
    transform: translateX(-2px);
    clip-path: polygon(0 5%, 100% 5%, 100% 40%, 0 40%);
  }
  30% {
    transform: translateX(2px);
  }
  40% {
    transform: translateX(-2px);
    clip-path: polygon(0 10%, 100% 10%, 100% 35%, 0 35%);
  }
  50% {
    transform: translateX(2px);
  }
  60% {
    transform: translateX(-2px);
    clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
  }
  70% {
    transform: translateX(2px);
  }
  80% {
    transform: translateX(-2px);
    clip-path: polygon(0 20%, 100% 20%, 100% 25%, 0 25%);
  }
  90% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(-2px);
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
  }
}
/* Animation for 3D Extrusion effect */
@keyframes dotm-glitch-anim-ten {
  0%, 100% {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
  }
  20% {
    text-shadow: 0 -1px 0 #ccc, 0 -2px 0 #c9c9c9, 0 -3px 0 #bbb, 0 -4px 0 #b9b9b9, 0 -5px 0 #aaa, 0 -6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 -1px 3px rgba(0, 0, 0, 0.3), 0 -3px 5px rgba(0, 0, 0, 0.2), 0 -5px 10px rgba(0, 0, 0, 0.25), 0 -10px 10px rgba(0, 0, 0, 0.2), 0 -20px 20px rgba(0, 0, 0, 0.15);
  }
  40% {
    text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 6px 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.3), 3px 3px 5px rgba(0, 0, 0, 0.2), 5px 5px 10px rgba(0, 0, 0, 0.25), 10px 10px 10px rgba(0, 0, 0, 0.2), 20px 20px 20px rgba(0, 0, 0, 0.15);
  }
  60% {
    text-shadow: -1px -1px 0 #ccc, -2px -2px 0 #c9c9c9, -3px -3px 0 #bbb, -4px -4px 0 #b9b9b9, -5px -5px 0 #aaa, -6px -6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), -1px -1px 3px rgba(0, 0, 0, 0.3), -3px -3px 5px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(0, 0, 0, 0.25), -10px -10px 10px rgba(0, 0, 0, 0.2), -20px -20px 20px rgba(0, 0, 0, 0.15);
  }
  80% {
    text-shadow: 0.5px -0.5px 0 #ccc, 1px -1px 0 #c9c9c9, 1.5px -1.5px 0 #bbb, 2px -2px 0 #b9b9b9, 2.5px -2.5px 0 #aaa, 3px -3px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 1px -1px 3px rgba(0, 0, 0, 0.3), 3px -3px 5px rgba(0, 0, 0, 0.2), 5px -5px 10px rgba(0, 0, 0, 0.25), 10px -10px 10px rgba(0, 0, 0, 0.2), 20px -20px 20px rgba(0, 0, 0, 0.15);
  }
}
@keyframes dotm-glitch-anim-ten-shift {
  0% {
    transform: translateX(-2px) translateY(2px);
  }
  50% {
    transform: translateX(2px) translateY(-2px);
  }
  100% {
    transform: translateX(-1px) translateY(1px);
  }
}
@keyframes dotm-glitch-anim-eleven-pulse {
  0%, 100% {
    text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgba(255, 255, 255, 0.8), 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgb(66, 220, 219), 0 0 30px rgba(66, 220, 219, 0.8), 0 0 40px rgba(66, 220, 219, 0.6), 0 0 50px rgba(66, 220, 219, 0.4), 0 0 75px rgba(66, 220, 219, 0.2);
  }
  50% {
    text-shadow: 0 0 2px rgb(255, 255, 255), 0 0 5px rgba(255, 255, 255, 0.8), 0 0 7px rgba(255, 255, 255, 0.6), 0 0 10px rgb(66, 220, 219), 0 0 15px rgba(66, 220, 219, 0.8), 0 0 20px rgba(66, 220, 219, 0.6), 0 0 25px rgba(66, 220, 219, 0.4), 0 0 37px rgba(66, 220, 219, 0.2);
  }
}
@keyframes dotm-glitch-anim-eleven-rotate {
  0% {
    transform: translateZ(-10px) rotateX(20deg) rotateY(-20deg);
  }
  25% {
    transform: translateZ(-5px) rotateX(15deg) rotateY(-15deg);
  }
  50% {
    transform: translateZ(-15px) rotateX(25deg) rotateY(-25deg);
  }
  75% {
    transform: translateZ(-7px) rotateX(18deg) rotateY(-18deg);
  }
  100% {
    transform: translateZ(-10px) rotateX(20deg) rotateY(-20deg);
  }
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/GoogleMap/module.scss ***!
  \***************************************************************************************************************************************************************************************/
.dotm_map_wrapper {
  position: relative;
  text-align: right;
  width: 600px;
  height: 400px;
}
.dotm_map_inner {
  width: 600px;
  height: 400px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageAccordion/module.scss ***!
  \********************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageAccordionItem/module.scss ***!
  \************************************************************************************************************************************************************************************************/
.dotm_image_accordion_container {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

.dotm_image_accordion_container.vertical {
  flex-direction: column;
  height: 600px;
}

.dotm_image_accordion_container .dotm_image_accordion_item {
  flex: 1;
  position: relative;
  overflow: hidden;
  transition: flex 0.4s ease;
  cursor: pointer;
}

.dotm_image_accordion_item_icon_container {
  width: 100%;
}

.dotm_image_accordion_item_image_as_icon_container {
  width: 100%;
}

.dotm_image_accordion_item_title {
  width: 100%;
}

.dotm_image_accordion_item_button_container {
  width: 100%;
}

.dotm_image_accordion_item__button {
  display: inline-block;
}

.dotm_image_accordion_container .dotm_image_accordion_item .dotm_image_accordion_item_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.dotm_image_accordion_container .dotm_image_accordion_item.dotm_image_accordion_item_expanded .dotm_image_accordion_item_image {
  transform: scale(1.05);
}

.dotm_image_accordion_container .dotm_image_accordion_item.dotm_image_accordion_item_expanded {
  flex: 4;
}

/* Overlay Styles */
.dotm_image_accordion_item_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dotm_image_accordion_item.dotm_image_accordion_item_expanded .dotm_image_accordion_item_overlay {
  opacity: 1;
}

/* ANIMATION KEYFRAMES */
@keyframes zoom-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes push-up {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes push-down {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes push-left {
  from {
    transform: translateX(50px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes push-right {
  from {
    transform: translateX(-50px);
  }
  to {
    transform: translateX(0);
  }
}
.zoom-in {
  animation: zoom-in 0.6s ease forwards;
}

.push-up {
  animation: push-up 0.6s ease forwards;
  animation-delay: 0.3s;
}

.push-down {
  animation: push-down 0.6s ease forwards;
}

.push-left {
  animation: push-left 0.6s ease forwards;
}

.push-right {
  animation: push-right 0.6s ease forwards;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageHover/module.scss ***!
  \****************************************************************************************************************************************************************************************/
.dotm_image_hover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dotm_module__inner {
  width: 100%;
  height: 100%;
}

.dotm_module__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  cursor: pointer;
}

.dotm_module__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 1. Advanced Glitch Effect */
.glitch-effect:hover img {
  animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

@keyframes glitch {
  0% {
    transform: translate(0);
    filter: hue-rotate(0deg);
  }
  10% {
    transform: translate(-5px, 5px);
    filter: hue-rotate(90deg);
  }
  20% {
    transform: translate(5px, -5px);
    filter: hue-rotate(180deg);
  }
  30% {
    transform: translate(-3px, 3px);
    filter: hue-rotate(270deg);
  }
  40% {
    transform: translate(3px, -3px);
    filter: hue-rotate(360deg);
  }
  50% {
    transform: translate(0);
    filter: hue-rotate(0deg);
  }
}
/* 2. Ripple Effect */
.ripple-effect::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, transparent 30%, rgba(0, 0, 0, 0.5) 70%);
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.ripple-effect:hover::before {
  transform: scale(2);
}

/* 4. Kaleidoscope Effect */
.kaleidoscope:hover img {
  animation: kaleidoscope 1s infinite linear;
}

@keyframes kaleidoscope {
  0% {
    filter: hue-rotate(0deg) saturate(1.5);
  }
  50% {
    filter: hue-rotate(180deg) saturate(2);
  }
  100% {
    filter: hue-rotate(360deg) saturate(1.5);
  }
}
/* 5. Liquid Distortion */
.liquid-distortion:hover img {
  filter: url("#liquid");
  transform: scale(1.1);
}

.liquid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  mix-blend-mode: hue;
  animation: liquid 2s infinite;
}

@keyframes liquid {
  0%, 100% {
    transform: translateY(-50%) rotate(0deg);
  }
  50% {
    transform: translateY(0%) rotate(180deg);
  }
}
/* 7. Neon Pulse */
.neon-pulse {
  position: relative;
}

.neon-pulse::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, #ff00ff, #00ffff);
  opacity: 0;
  transition: opacity 0.3s;
}

.neon-pulse:hover::before {
  opacity: 0.5;
  animation: neonPulse 1s infinite;
}

@keyframes neonPulse {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
}
/* 8. Magnetic Corner Effect */
.magnetic-corner img {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 9. Time Portal Effect */
.time-portal {
  position: relative;
}

.time-portal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(transparent, rgba(0, 255, 255, 0.3), transparent);
  animation: portalSpin 2s linear infinite;
  opacity: 0;
  transition: opacity 0.3s;
}

.time-portal:hover::before {
  opacity: 1;
}

@keyframes portalSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 11. Holographic Effect */
.holographic-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg, transparent 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.3) 70%, transparent 100%);
  transform: translateY(-100%);
  transition: transform 0.5s;
}

.holographic-horizontal:hover::before {
  transform: translateY(100%);
}

.holographic-vertical::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg, transparent 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.3) 70%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.5s;
}

.holographic-vertical:hover::before {
  transform: translateX(100%);
}

/* 12. Spiral Zoom */
.spiral-zoom:hover img {
  animation: spiralZoom 1s forwards;
}

@keyframes spiralZoom {
  0% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1.2) rotate(360deg);
  }
}
/* 13. Split Color Channels */
.split-color:hover img {
  animation: splitChannels 0.3s infinite;
}

@keyframes splitChannels {
  0%, 100% {
    filter: none;
  }
  33% {
    filter: sepia(100%) hue-rotate(90deg);
  }
  66% {
    filter: sepia(100%) hue-rotate(180deg);
  }
}
/* 14. Wave Distortion */
.wave-distortion:hover img {
  animation: waveEffect 2s;
}

@keyframes waveEffect {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  25% {
    transform: translateY(5px);
    filter: brightness(1.2);
  }
  75% {
    transform: translateY(-50px);
    filter: brightness(0.8);
  }
}
.effect-border-1 {
  position: relative;
}

.effect-border-1::before,
.effect-border-1::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  transition: width 1s, height 1s, opacity 1s;
}

.effect-border-1::before {
  top: 0;
  left: 0;
  border-top: 7px solid;
  border-top-color: #f70a0a;
  border-left: 7px solid;
  border-left-color: #f70a0a;
}

.effect-border-1::after {
  bottom: 0;
  right: 0;
  border-bottom: 7px solid #052d9b;
  border-right: 7px solid #0dcf1d;
}

.effect-border-1:hover::before,
.effect-border-1:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/* 10. Circular Reveal */
.effect-border-2 {
  position: relative;
  overflow: hidden;
}

.effect-border-2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.5s, height 0.5s;
}

.effect-border-2:hover::before {
  width: 200%;
  height: 200%;
}

/* 13. Diagonal Sweep */
.effect-13 {
  position: relative;
  overflow: hidden;
}

.effect-13::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(247, 13, 13, 0.2);
  transform: rotate(45deg);
  transition: transform 0.6s;
}

.effect-13:hover::after {
  transform: rotate(45deg) translate(50%, 50%);
}

.opacity-hover {
  background: rgba(131, 0, 233, 0.25);
}

.opacity-hover img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.opacity-hover:hover img {
  opacity: 0.5;
}

.blur-hover img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blur-hover img:hover {
  -webkit-filter: blur(0);
  filter: blur(0);
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageLogoCarousel/module.scss ***!
  \***********************************************************************************************************************************************************************************************/
.dotm_image_logo_carousel {
  display: flex;
  align-items: center;
}

.slider {
  width: 100%;
  height: 100% !important;
}

.slick-list {
  height: 100% !important;
}

.slick-track {
  height: 100% !important;
}

.slick-slide > div {
  height: 100%;
}

.dotm_image_logo_image_container {
  height: 100%;
  position: relative;
}
.dotm_image_logo_image_container:hover .dotm_image_logo_contents {
  transform: translateY(0);
}

.slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dotm_image_logo_contents {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 1 !important;
}

.slick-active {
  opacity: 1 !important;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageLogoCarousel/assets/slick.css ***!
  \****************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  display: flex;
  /* gap: 20px; */
  margin-left: auto;
  margin-right: auto;
  /* transition-behavior: normal; */
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageLogoCarousel/assets/slick-theme.css ***!
  \**********************************************************************************************************************************************************************************************************/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff2") format("woff2"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
  z-index: 3;
}

.slick-prev:hover,
.slick-prev:focus {
  margin-left: -5px;
}

.slick-next:hover,
.slick-next:focus {
  margin-right: -5px;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "ETmodules" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-dots {
  display: flex;
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  transform: translateX(-50%);
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageMagnifier/module.scss ***!
  \********************************************************************************************************************************************************************************************/
.dotm_image_magnifier_container {
  position: relative;
}

.dotm_image_magnifier_image {
  display: block;
  width: 100%;
  height: auto;
}

.dotm_image_magnifier_glass {
  position: absolute;
  border-style: solid;
  cursor: none;
  display: none;
  background-repeat: no-repeat;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.sample-images {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/MasonaryGellary/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.example_static_module {
  padding: 30px;
  background-color: #ecf4f7;
}
.example_static_module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.example_static_module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.example_static_module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Masonary/assets/magnifiy.css ***!
  \**********************************************************************************************************************************************************************************************/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0;
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
/*

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
     opacity: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
     -o-transition: all 0.3s ease-out; 
     transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
          opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
          opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
     opacity: 0;
}
*/
.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Magnific Popup CSS */
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Masonary/module.scss ***!
  \**************************************************************************************************************************************************************************************/
@charset "UTF-8";
.gallery {
  gap: 10px;
  width: 100%;
}

.dotm_masonary_item {
  position: relative;
  overflow: hidden;
  width: 100% !important;
}

.dotm_masonary_item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.dotm_masonary_item a {
  width: 100% !important;
  display: block;
  position: relative;
}

.content {
  text-align: center;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.9s ease-in-out;
}

/* 🔥 Alada Alada Overlay Animation & Effects */
/* 1️⃣ Top Overlay - Slide in from Top */
.top-overlay {
  top: -100%;
  left: 0;
}

.dotm_masonary_item:hover .top-overlay {
  top: 0;
  opacity: 1;
}

/* 2️⃣ Bottom Overlay - Slide in from Bottom */
.bottom-overlay {
  bottom: -100%;
  left: 0;
}

.dotm_masonary_item:hover .bottom-overlay {
  bottom: 0;
  opacity: 1;
}

/* 3️⃣ Left Overlay - Slide in from Left */
.left-overlay {
  left: -100%;
  top: 0;
}

.dotm_masonary_item:hover .left-overlay {
  left: 0;
  opacity: 1;
}

/* 4️⃣ Right Overlay - Slide in from Right */
.right-overlay {
  right: -100%;
  top: 0;
}

.dotm_masonary_item:hover .right-overlay {
  right: 0;
  opacity: 1;
}

/* 5️⃣ Center Overlay - Fade in & Zoom */
.center-overlay {
  top: 0;
  left: 0;
  transform: scale(0.8);
}

.dotm_masonary_item:hover .center-overlay {
  opacity: 1;
  transform: scale(1);
}

/* 3️⃣ Diagonal Overlay - Corner Theke Asbe */
.diagonal-overlay {
  top: -100%;
  right: -100%;
}

.dotm_masonary_item:hover .diagonal-overlay {
  top: 0;
  right: 0;
  opacity: 1;
}

/* 7️⃣ Split Overlay - Splits from center horizontally */
.split-h-overlay {
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
  height: 0;
}

.dotm_masonary_item:hover .split-h-overlay {
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
}

/* 8️⃣ Split Vertical Overlay - Splits from center vertically */
.split-v-overlay {
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  width: 0;
}

.dotm_masonary_item:hover .split-v-overlay {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
}

/* 9️⃣ Radial Overlay - Expands from center as a circle */
.radial-overlay {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  width: 0;
  height: 0;
}

.dotm_masonary_item:hover .radial-overlay {
  width: 150%;
  height: 150%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 0;
}

/* 🔟 Rotate Overlay - Rotates in */
.rotate-overlay {
  top: 0;
  left: 0;
  transform: rotate(-180deg) scale(0.5);
}

.dotm_masonary_item:hover .rotate-overlay {
  transform: rotate(0) scale(1);
  opacity: 1;
}

/* 1️⃣ Scale Overlay - Scales in */
.scale-overlay {
  top: 0;
  left: 0;
  transform: scale(0.5);
}

.dotm_masonary_item:hover .scale-overlay {
  transform: scale(1);
  opacity: 1;
}

/* 2️⃣ Blur Overlay - Blurs in */
.blur-overlay {
  top: 0;
  left: 0;
  filter: blur(10px);
}

.dotm_masonary_item:hover .blur-overlay {
  filter: blur(0);
  opacity: 1;
}

/* 3️⃣ Color Change Overlay - Changes color */
.color-change-overlay {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.dotm_masonary_item:hover .color-change-overlay {
  background-color: rgba(255, 0, 0, 0.6);
  opacity: 1;
}

/* 4️⃣ Slide from Center Overlay - Slides out from center */
.center-slide-overlay {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
}

.dotm_masonary_item:hover .center-slide-overlay {
  width: 100%;
  height: 100%;
  transform: translate(0, 0);
  opacity: 1;
}

/* 5️⃣ Flip Overlay - Flips in */
.flip-overlay {
  top: 0;
  left: 0;
  transform: rotateY(90deg);
}

.dotm_masonary_item:hover .flip-overlay {
  transform: rotateY(0);
  opacity: 1;
}

/* 6️⃣ Skew Overlay - Skews in */
.skew-overlay {
  top: 0;
  left: 0;
  transform: skewX(-30deg);
}

.dotm_masonary_item:hover .skew-overlay {
  transform: skewX(0);
  opacity: 1;
}

/* 7️⃣ Perspective Overlay - Comes in from perspective */
.perspective-overlay {
  top: 0;
  left: 0;
  transform: perspective(500px) rotateX(45deg);
}

.dotm_masonary_item:hover .perspective-overlay {
  transform: perspective(500px) rotateX(0);
  opacity: 1;
}

.dotm_masonary_item:hover .overlay h2 {
  opacity: 1;
  transform: translateY(0);
}

.dotm_masonary_item a {
  width: 100% !important;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/MaskText/module.scss ***!
  \**************************************************************************************************************************************************************************************/
.mask_text__heading {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/MotionTextColor/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_motion_text_color_text {
  font-size: 80px;
  font-weight: 900;
}

.dotm_motion_text_color_motion_one {
  background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #96E6B3);
  background-size: 300% 300%;
  color: transparent;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: motionStyleOne 8s ease-in-out infinite;
}

@keyframes motionStyleOne {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.dotm_motion_text_color_motion_two {
  background: linear-gradient(22deg, #FF6B6B 79%, #4ECDC4 1%, #45B7D1 100%, #96E6B3 100%);
  color: transparent;
  background-size: 200% auto;
  background-clip: text;
  animation: motionStyleTwo 5.5s linear infinite;
  -webkit-text-fill-color: transparent;
}

@keyframes motionStyleTwo {
  to {
    background-position: 200% center;
  }
}
.dotm_motion_text_color_motion_three {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 25%, #4ECDC4 50%, #45B7D1 75%, #96E6B3 100%);
  background-size: 400% 400%;
  color: transparent;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: motionStyleThree 12s ease infinite;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.dotm_motion_text_color_motion_three:hover {
  transform: scale(1.05);
}

@keyframes motionStyleThree {
  0% {
    background-position: 0% 50%;
    filter: hue-rotate(0deg);
  }
  25% {
    background-position: 100% 50%;
    filter: hue-rotate(90deg);
  }
  50% {
    background-position: 100% 0%;
    filter: hue-rotate(180deg);
  }
  75% {
    background-position: 0% 100%;
    filter: hue-rotate(270deg);
  }
  100% {
    background-position: 0% 50%;
    filter: hue-rotate(360deg);
  }
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/multi-heading/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
@charset "UTF-8";
.advanced_heading__container {
  text-align: center;
}

/*************  ✨ Codeium Command 🌟  *************/
@keyframes bgScroll {
  0% {
    background-position: 0% 0%;
    background-position: 0 0;
  }
  50% {
    background-position: 0% 100%;
    background-position: 0 100%;
  }
  100% {
    background-position: 0% 0%;
    background-position: 0 0;
  }
}
/******  45b772d3-b2e5-4ae5-a435-c87d75523da6  *******/
.advanced_heading__title1 {
  -webkit-background-clip: text;
  animation-name: bgScroll;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.advanced_heading__title2 {
  -webkit-background-clip: text;
  animation-name: bgScroll;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.advanced_heading__title3 {
  -webkit-background-clip: text;
  animation-name: bgScroll;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation: bgScroll 14s infinite linear;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizerCounter/module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.dotm_optimizer_counter_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.counter-value {
  font-size: 36px;
  font-weight: 700;
  margin-top: 10px;
  color: #333;
}

.dotm_optimizer_counter_label {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  line-height: 1.5em;
}

.dotm_optimizer_counter_status {
  font-size: 18px;
  color: #555;
  font-weight: 500;
  line-height: 1.5em;
}

/* Variant 1: Bar Counter */
.dotm_optimizer_counter_bar {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.dotm_optimizer_counter_bar_progress {
  width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4em;
  padding-right: 10px;
  transition: width 0.1s;
}
.in-viewport .dotm_optimizer_counter_bar_progress {
  animation: bar-fill var(--progress-duration, 2s) var(--animation-easing, ease-out) forwards;
}
.dotm_optimizer_counter_bar_progress.striped {
  background-size: 20px 20px;
}
.in-viewport .dotm_optimizer_counter_bar_progress.striped {
  animation: bar-fill var(--progress-duration, 2s) var(--animation-easing, ease-out) forwards, moveStripes 1.5s linear infinite;
}

@keyframes bar-fill {
  from {
    width: 0%;
  }
  to {
    width: var(--final-value-percentage);
  }
}
@keyframes moveStripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 0;
  }
}
/* Variant 2: Circle Counter */
.dotm_optimizer_counter_circle {
  position: relative;
}

.dotm_optimizer_counter_circle svg {
  width: 100%;
  height: 100%;
}

.dotm_optimizer_counter_circle_svg {
  transform: rotate(-90deg);
}

.dotm_optimizer_counter_circle_bg {
  fill: transparent;
}

.dotm_optimizer_counter_circle_progress {
  fill: transparent;
  stroke-dasharray: var(--circumference);
  stroke-dashoffset: var(--circumference);
  transition: stroke-dashoffset 0.1s;
}
.in-viewport .dotm_optimizer_counter_circle_progress {
  animation: circle-fill var(--progress-duration, 2s) var(--animation-easing, ease-out) forwards;
}

@keyframes circle-fill {
  from {
    stroke-dashoffset: var(--circumference);
  }
  to {
    stroke-dashoffset: var(--final-stroke-dashoffset);
  }
}
.dotm_optimizer_counter_circle_text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1.4em;
}

/* Variant 3: Half Circle Counter */
.counter-half-circle {
  position: relative;
  width: 150px;
  height: 75px;
  overflow: hidden;
}

.counter-half-circle svg {
  width: 100%;
  height: 100%;
}

.counter-half-circle-bg {
  stroke: rgb(229, 231, 235);
  fill: transparent;
}

.counter-half-circle-progress {
  stroke: #4285f4;
  fill: transparent;
  stroke-dasharray: var(--half-circumference);
  stroke-dashoffset: var(--half-circumference);
  transition: stroke-dashoffset 0.1s;
}
.in-viewport .counter-half-circle-progress {
  animation: half-circle-fill var(--progress-duration, 2s) var(--animation-easing, ease-out) forwards;
}

@keyframes half-circle-fill {
  from {
    stroke-dashoffset: var(--half-circumference);
  }
  to {
    stroke-dashoffset: var(--final-half-stroke-dashoffset);
  }
}
.counter-half-circle-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 1rem;
  color: #4285f4;
  font-size: 24px;
}

/* Variant 4: Blocks Counter */
.dotm_optimizer_counter_blocks {
  display: flex;
  width: 100%;
  gap: var(--block-spacing, 5px);
  position: relative;
  align-items: center;
}

.dotm_optimizer_counter_blocks_item {
  width: var(--block-size, 30px);
  height: var(--block-size, 30px);
  opacity: 1;
  background-color: var(--block-bg-color, #e0e0e0);
  transition: all 0.2s ease-out;
}
.dotm_optimizer_counter_blocks_item.active {
  opacity: 1;
  background-color: var(--block-bg-color, #e0e0e0);
}

.in-viewport .dotm_optimizer_counter_blocks_item.active {
  background-color: var(--block-bg-color, #e0e0e0);
  animation: fillBlock 0.3s forwards;
  transition: 0.3s ease-in-out;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(1) {
  animation-delay: 0.2s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(2) {
  animation-delay: 0.4s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(3) {
  animation-delay: 0.6s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(4) {
  animation-delay: 0.8s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(5) {
  animation-delay: 1s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(6) {
  animation-delay: 1.2s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(7) {
  animation-delay: 1.4s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(8) {
  animation-delay: 1.6s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(9) {
  animation-delay: 1.8s;
}
.in-viewport .dotm_optimizer_counter_blocks_item.active:nth-child(10) {
  animation-delay: 2s;
}

.dotm_optimizer_counter_blocks_value {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4em;
}

/* Variant 5: Simple Counter */
.dotm_optimizer_counter_simple {
  line-height: 1.4em;
}
.in-viewport .dotm_optimizer_counter_simple {
  animation: count-up var(--progress-duration, 2s) var(--animation-easing, ease-out) forwards;
}

@keyframes count-up {
  from {
    content: "0";
  }
  to {
    content: attr(data-count);
  }
}
@keyframes fillBlock {
  from {
    background-color: var(--block-bg-color, #e0e0e0);
  }
  to {
    background-color: var(--block-color, #6200ee);
  }
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizerShapes/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_shapes {
  display: inline-block;
}
.dotm_shapes_wrapper {
  border-style: solid;
  background-color: rgb(0, 255, 234);
}
.dotm_shapes_square {
  height: 400px;
  width: 400px;
}
.dotm_shapes_circle {
  height: 400px;
  width: 400px;
  border-radius: 50%;
}
.dotm_shapes_rectangle {
  height: 200px;
  width: 400px;
}
.dotm_shapes_triangle {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 80px solid #000;
}
.dotm_shapes_oval {
  width: 200px;
  height: 100px;
  border-radius: 100px/50px;
}
.dotm_shapes_trapezoid {
  width: 200px;
  height: 0;
  border-bottom: 100px solid;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
.dotm_shapes_parallelogram {
  width: 200px;
  height: 100px;
  transform: skew(20deg);
}
.dotm_shapes_diamond-square {
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
}
.dotm_shapes_pentagon {
  width: 200px;
  height: 190px;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.dotm_shapes_heptagon {
  width: 200px;
  height: 190px;
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.dotm_shapes_octagon {
  width: 200px;
  height: 200px;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.dotm_shapes_blob-one {
  width: 200px;
  height: 200px;
  border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
}
.dotm_shapes_blob-two {
  width: 200px;
  height: 200px;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
}
.dotm_shapes_blob-three {
  width: 200px;
  height: 200px;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.dotm_shapes_blob-four {
  width: 200px;
  height: 200px;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.dotm_shapes_blob-five {
  width: 200px;
  height: 200px;
  border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
.dotm_shapes_blob-six {
  width: 200px;
  height: 200px;
  border-radius: 37% 63% 54% 46%/48% 55% 45% 52%;
}
.dotm_shapes_blob-seven {
  width: 200px;
  height: 200px;
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
}
.dotm_shapes_blob-eight {
  width: 200px;
  height: 200px;
  border-radius: 40% 60% 65% 35%/40% 45% 55% 60%;
}
.dotm_shapes_blob-nine {
  width: 200px;
  height: 200px;
  border-radius: 25% 75% 75% 25%/45% 35% 65% 55%;
}
.dotm_shapes_blob-ten {
  width: 200px;
  height: 200px;
  border-radius: 50% 50% 20% 80%/25% 80% 20% 75%;
}
.dotm_shapes_blob-eleven {
  width: 200px;
  height: 200px;
  border-radius: 35% 65% 65% 35%/75% 35% 65% 25%;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCard/module.scss ***!
  \******************************************************************************************************************************************************************************************/
.dotm_optimize_card .dotm_optimize_card_container {
  display: flex;
  transition: transform 0.6s ease;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_inner_image_wrapper {
  display: flex;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_inner_image_wrapper .dotm_optimize_card_image_container {
  position: relative;
  overflow: hidden;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_inner_image_wrapper .dotm_optimize_card_image_container .dotm_optimize_card_image {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_inner_image_wrapper .dotm_optimize_card_image_container .dotm_optimize_card_image_label {
  display: inline-block;
  position: absolute;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_icon_container {
  width: 100%;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_icon_container .dotm_optimize_card_icon {
  display: inline-block;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_content_container {
  width: 100%;
}
.dotm_optimize_card .dotm_optimize_card_container .dotm_optimize_card_content_container .dotm_optimize_card_btn_container .dotm_optimize_card_btn {
  display: inline-block;
}
.dotm_optimize_card .dotm_optimize_card_shadow:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.dotm_optimize_card .dotm_optimize_card_slide_up:hover {
  transform: translateY(-10px);
}
.dotm_optimize_card .dotm_optimize_card_rotate:hover {
  transform: rotate(2deg);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.dotm_optimize_card .dotm_optimize_card_scale:hover {
  transform: scale(1.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.dotm_optimize_card .dotm_optimize_card_skew:hover {
  transform: skewY(-2deg);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCardCarousel/module.scss ***!
  \**************************************************************************************************************************************************************************************************/
.dotm_optimize_card_carousel {
  line-height: 26px !important;
  perspective: 1200px;
}

.dotm_card_carousel_design3d .slick-list {
  perspective: 1200px;
}

.dotm_card_carousel_design3d .slick-track {
  transform-style: preserve-3d;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCardCarousel/assets/slick.css ***!
  \*******************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

/* .slick-slide {
    visibility: hidden;
}

.slick-current {
    visibility: visible;
} */
/* .slick-active {
    visibility: visible;
} */
[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCardCarousel/assets/slick-theme.css ***!
  \*************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff2") format("woff2"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
  z-index: 3;
}

.slick-prev:hover,
.slick-prev:focus {
  margin-left: -5px;
}

.slick-next:hover,
.slick-next:focus {
  margin-right: -5px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "ETmodules" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-dots {
  display: flex;
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  transform: translateX(-50%);
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCardCarouselItem/module.scss ***!
  \******************************************************************************************************************************************************************************************************/
.dotm_card_carousel_wrapper {
  position: relative;
}

.dotm_card_carousel_badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: red;
  color: white;
  padding: 5px 15px;
  border-radius: 20%;
  font-weight: 600;
}

.dotm_card_carousel_icon_container {
  display: flex;
  align-items: center;
}

.dotm_card_carousel_icon {
  display: inline-block;
}

.dotm_card_carousel_image_container {
  display: flex;
}

.dotm_card_carousel_image_wrapper {
  overflow: hidden;
  width: 100%;
  height: 200px;
}

.dotm_card_carousel_image_wrapper img {
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.dotm_card_carousel_button {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.dotm_card_carousel_button:after {
  margin-left: 0 !important;
  transition: all 0.3s ease-in-out;
}

.dotm_card_carousel_design3d.slick-slider {
  perspective: 1200px;
}
.dotm_card_carousel_design3d.slick-slider .slick-slide {
  transition: all 0.5s ease;
  transform-style: preserve-3d;
  opacity: 1;
}
.dotm_card_carousel_design3d.slick-slider .slick-slide:not(.slick-current) {
  transform: scale(1);
}
.dotm_card_carousel_design3d.slick-slider .slick-slide:not(.slick-current).slick-active ~ .slick-slide {
  transform: translate3d(10px, 0px, -50px) rotateX(0deg) rotateY(-45deg);
}
.dotm_card_carousel_design3d.slick-slider .slick-slide:not(.slick-current):not(.slick-active ~ .slick-slide) {
  transform: translate3d(-10px, 0px, -50px) rotateX(0deg) rotateY(45deg);
}

.dotm_card_carousel_design3d .slick-current {
  transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
  z-index: 2;
}

.dotm_card_carousel_wrapper:hover .image_hover_zoomIn .dotm_card_carousel_image {
  transform: scale(1.2);
}

.image_hover_zoomOut .dotm_card_carousel_image {
  transform: scale(1.2);
}

.dotm_card_carousel_wrapper:hover .image_hover_zoomOut .dotm_card_carousel_image {
  transform: scale(1);
}

.image_hover_blur .dotm_card_carousel_image {
  filter: blur(3px);
}

.dotm_card_carousel_wrapper:hover .image_hover_blur .dotm_card_carousel_image {
  filter: blur(0px);
}

.dotm_card_carousel_wrapper:hover .image_hover_grayscale .dotm_card_carousel_image {
  filter: grayscale(100%);
}

.dotm_card_carousel_wrapper:hover .image_hover_sepia .dotm_card_carousel_image {
  filter: sepia(100%);
}

.dotm_card_carousel_wrapper:hover .image_hover_brightness .dotm_card_carousel_image {
  filter: brightness(150%);
}

.dotm_card_carousel_wrapper:hover .image_hover_rotate .dotm_card_carousel_image {
  transform: rotate(5deg);
}

.image_hover_slideUp .dotm_card_carousel_image {
  transform: translateY(0);
}

.dotm_card_carousel_wrapper:hover .image_hover_slideUp .dotm_card_carousel_image {
  transform: translateY(-10px);
}

.image_hover_slideDown .dotm_card_carousel_image {
  transform: translateY(0);
}

.dotm_card_carousel_wrapper:hover .image_hover_slideDown .dotm_card_carousel_image {
  transform: translateY(10px);
}

.image_hover_slideLeft .dotm_card_carousel_image {
  transform: translateX(0);
}

.dotm_card_carousel_wrapper:hover .image_hover_slideLeft .dotm_card_carousel_image {
  transform: translateX(-10px);
}

.image_hover_slideRight .dotm_card_carousel_image {
  transform: translateX(0);
}

.dotm_card_carousel_wrapper:hover .image_hover_slideRight .dotm_card_carousel_image {
  transform: translateX(10px);
}

.dotm_card_carousel_wrapper:hover .image_hover_shadow .dotm_card_carousel_image {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCountDown/module.scss ***!
  \***********************************************************************************************************************************************************************************************/
.dotm_coming_soon_timer {
  display: flex;
  align-items: center;
}

.dotm_coming_soon_timer .dotm_coming_soon_time {
  display: block;
}

.dotm_coming_soon_timer .dotm_coming_soon_timer_label {
  display: block;
}

.dotm_coming_soon_form_container {
  margin-top: 20px;
  color: white;
}

.dotm_coming_soon_timer_blink {
  animation: animation_blink 1s steps(2, start) infinite;
  display: flex;
  flex-direction: column;
}

.dotm_coming_soon_timer_tik {
  display: inline-block;
}

@keyframes animation_blink {
  from {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeFAQ/module.scss ***!
  \*****************************************************************************************************************************************************************************************/
.faq-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeFAQItem/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_optimize_faq_item {
  margin-bottom: 0 !important;
}

.dotm_optimize_faq_question {
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
}

.dotm_optimize_faq_answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  font-size: 0.95em;
  transition: max-height 0.5s ease, padding 0.3s ease;
}

.dotm_optimize_faq_question.active + .dotm_optimize_faq_answer {
  max-height: 200px;
  padding: 10px;
}

.dotm_optimize_faq_question::after {
  font-size: 1.2em;
  transition: transform 0.3s ease;
}

.dotm_optimize_faq_question.active::after {
  transform: rotate(180deg);
}

.toggle-options {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.toggle-options button {
  margin: 0 10px;
  padding: 10px 20px;
  font-size: 1em;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background: #007bff;
  color: #fff;
  transition: background 0.3s ease;
}

.toggle-options button:hover {
  background: #0056b3;
}

.toggle-options button.active {
  background: #28a745;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeFlipBox/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_optimize_flip_box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.dotm_optimize_flip_box_inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transform-style: preserve-3d;
}

.dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 18px;
  padding: 15px;
}

.dotm_optimize_flip_box_front_img,
.dotm_optimize_flip_box_back_img {
  transition: all 0.5s ease;
}

.dotm_optimize_flip_box_front_icon,
.dotm_optimize_flip_box_back_icon {
  display: inline-block;
}

.dotm_optimize_flip_box_back {
  transform: rotateY(180deg);
}

.dotm_optimize_flip_box_btn {
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.dotm_optimize_flip_box_front_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dotm_optimize_flip_box_back_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_right {
  transform: rotateY(180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_left {
  transform: rotateY(-180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_top .dotm_optimize_flip_box_back {
  transform: rotateX(180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_top {
  transform: rotateX(180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_bottom .dotm_optimize_flip_box_back {
  transform: rotateX(-180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_bottom {
  transform: rotateX(-180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_right_corner .dotm_optimize_flip_box_back {
  transform: rotate3d(1, 1, 0, 180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_right_corner {
  transform: rotate3d(1, 1, 0, 180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_left_corner .dotm_optimize_flip_box_back {
  transform: rotate3d(1, 1, 0, -180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_left_corner {
  transform: rotate3d(1, 1, 0, -180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_reverse_right .dotm_optimize_flip_box_back {
  transform: rotate3d(-1, 1, 0, 180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_reverse_right {
  transform: rotate3d(-1, 1, 0, 180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_reverse_left .dotm_optimize_flip_box_back {
  transform: rotate3d(-1, 1, 0, -180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_reverse_left {
  transform: rotate3d(-1, 1, 0, -180deg);
}

.dotm_optimize_flip_box_flip_3d_right .dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_flip_3d_right .dotm_optimize_flip_box_back,
.dotm_optimize_flip_box_flip_3d_left .dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_flip_3d_left .dotm_optimize_flip_box_back,
.dotm_optimize_flip_box_flip_3d_top .dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_flip_3d_top .dotm_optimize_flip_box_back,
.dotm_optimize_flip_box_flip_3d_bottom .dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_flip_3d_bottom .dotm_optimize_flip_box_back,
.dotm_optimize_flip_box_flip_3d_right_corner .dotm_optimize_flip_box_front,
.dotm_optimize_flip_box_flip_3d_right_corner .dotm_optimize_flip_box_back {
  transform-style: preserve-3d;
}

.dotm_optimize_flip_box_flip_3d_right .dotm_optimize_flip_box_3d_effect,
.dotm_optimize_flip_box_flip_3d_left .dotm_optimize_flip_box_3d_effect,
.dotm_optimize_flip_box_flip_3d_top .dotm_optimize_flip_box_3d_effect,
.dotm_optimize_flip_box_flip_3d_bottom .dotm_optimize_flip_box_3d_effect,
.dotm_optimize_flip_box_flip_3d_right_corner .dotm_optimize_flip_box_3d_effect {
  transform: translateZ(100px) scale(0.88);
  -webkit-transform: translateZ(100px) scale(0.88);
  perspective: inherit;
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_3d_right {
  transform: rotateY(180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_3d_left {
  transform: rotateY(-180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_3d_top .dotm_optimize_flip_box_back {
  transform: rotateX(180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_3d_top {
  transform: rotateX(180deg);
}

.dotm_optimize_flip_box .dotm_optimize_flip_box_flip_3d_bottom .dotm_optimize_flip_box_back {
  transform: rotateX(-180deg);
}

.dotm_optimize_flip_box:hover .dotm_optimize_flip_box_flip_3d_bottom {
  transform: rotateX(-180deg);
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/shape.css ***!
  \***********************************************************************************************************************************************************************/
/* .shape {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
} */
/* .shape img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
/* <div class="shape cloud">
        <img src="https://emi.parkview.com/media/Image/Dashboard_952_working_desk_1_22.jpg" alt="Cloud Shape">
    </div> */
.dotm_circle {
  border-radius: 50%;
}

.dotm_ellipse {
  border-radius: 50%/30%;
}

.dotm_triangle {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.dotm_diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.dotm_pentagon {
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.dotm_hexagon {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.dotm_octagon {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.dotm_star {
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.dotm_heart {
  clip-path: polygon(50% 15%, 61% 0%, 80% 0%, 100% 20%, 100% 45%, 50% 100%, 0% 45%, 0% 20%, 20% 0%, 39% 0%);
}

.dotm_parallelogram {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.dotm_trapezoid {
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}

.dotm_crescent {
  clip-path: path("M 75 0 A 75 75 0 1 1 75 150 A 50 50 0 1 0 75 0 Z");
}

.dotm_arrow {
  clip-path: polygon(50% 0%, 100% 50%, 75% 50%, 75% 100%, 25% 100%, 25% 50%, 0% 50%);
}

.dotm_message {
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.dotm_close {
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

.dotm_cloud {
  clip-path: path("M25 60c-15-20 20-40 40-30s40 20 30 50c-10 30-50 20-70 0s-5-20 0-20z");
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeIconItem/module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.dotm_optimize_icon_item {
  display: flex;
  align-items: center;
}

.dotm_optimize_icon_item_container {
  display: inline-flex;
  position: relative;
}

.dotm_optimize_icon_item_image_container {
  width: 40px;
}

.dotm_optimize_icon_item_image_container img {
  width: 100%;
  height: 100%;
}

.dotm_optimize_icon_item_title {
  font-size: 16px;
  line-height: 1em;
}

.dotm_optimize_icon_item_container .dotm_optimize_icon_item_tooltip_text {
  visibility: hidden;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
  max-width: 200px;
  width: 200px;
  line-height: 1.7em;
}

.dotm_optimize_icon_item_container .dotm_optimize_icon_item_tooltip_text::after {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
}

.dotm_optimize_icon_item_container:hover .dotm_optimize_icon_item_tooltip_text {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeIconList/module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.dotm_optimize_icon_container_wraper {
  display: flex;
  flex-wrap: wrap;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeImageReveal/module.scss ***!
  \*************************************************************************************************************************************************************************************************/
.dotm_optimize_image_reveal_container {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease, transform 1s ease;
  pointer-events: none;
}

.dotm_optimize_image_reveal_container.reveal {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.dotm_optimize_image_reveal_img_container img {
  display: block;
  width: 100%;
  height: auto;
}

.dotm_optimize_image_reveal_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dotm_optimize_image_reveal_img_reveal {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: transform 1.5s ease;
  transition-delay: 0.5s;
  z-index: 2;
}

.dotm_optimize_image_reveal_left_to_right {
  transform: translateX(0);
}

.reveal .dotm_optimize_image_reveal_left_to_right {
  transform: translateX(100%);
}

.dotm_optimize_image_reveal_right_to_left {
  transform: translateX(0);
}

.reveal .dotm_optimize_image_reveal_right_to_left {
  transform: translateX(-100%);
}

.dotm_optimize_image_reveal_top_to_bottom {
  transform: translateY(0);
}

.reveal .dotm_optimize_image_reveal_top_to_bottom {
  transform: translateY(100%);
}

.dotm_optimize_image_reveal_bottom_to_top {
  transform: translateY(0);
}

.reveal .dotm_optimize_image_reveal_bottom_to_top {
  transform: translateY(-100%);
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeImageTilt/module.scss ***!
  \***********************************************************************************************************************************************************************************************/
.dotm_image_tilt_container {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.dotm_image_tilt_container .dotm_image_tilt_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.dotm_image_tilt_container .dotm_image_tilt_image {
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.dotm_image_tilt_container .dotm_image_tilt_glare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  z-index: 3;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container .dotm_image_tilt_icon {
  display: inline-block;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_fade {
  opacity: 0;
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_fade {
  opacity: 1;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_slide_up {
  transform: translateY(100%);
  opacity: 0;
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_slide_up {
  transform: translateY(0);
  opacity: 1;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_slide_down {
  transform: translateY(-100%);
  opacity: 0;
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_slide_down {
  transform: translateY(0);
  opacity: 1;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_slide_left {
  transform: translateX(-50%);
  visibility: hidden;
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_slide_left {
  transform: translateX(0);
  visibility: visible;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_slide_right {
  transform: translateX(50%);
  visibility: hidden;
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_slide_right {
  transform: translateX(0);
  visibility: visible;
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_scale {
  transform: scale(0);
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_scale {
  transform: scale(1);
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_scaleY {
  transform: scaleY(0);
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_scaleY {
  transform: scaleY(1);
}
.dotm_image_tilt_container .dotm_image_tilt_content_container.dotm_effect_scaleX {
  transform: scaleX(0);
}
.dotm_image_tilt_container:hover .dotm_image_tilt_content_container.dotm_effect_scaleX {
  transform: scaleX(1);
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeRating/module.scss ***!
  \********************************************************************************************************************************************************************************************/
.dotm_optimize_rating_container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.dotm_optimize_rating_title {
  font-size: 1.2rem;
}

.rating-options {
  margin-bottom: 15px;
}

.dotm_optimize_rating_stars {
  cursor: pointer;
  user-select: none;
  position: relative;
}

.dotm_optimize_rating_star {
  display: inline-block;
  transition: color 0.2s ease, font-weight 0.2s ease;
  font-family: fontAwesome;
  position: relative;
}

.dotm_optimize_rating_tooltip {
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 10;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeTextContent/module.scss ***!
  \*************************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeTimeline/module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.dotm_optimize_timeline_wrapper {
  position: relative;
}

.dotm_optimize_timeline_wrapper::before {
  content: "";
  position: absolute;
  width: 4px;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
}

.dotm_optimize_timeline_wrapper::after {
  content: "";
  position: absolute;
  width: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  height: var(--scroll-progress, 0%);
  transition: height 0.3s ease;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeTimelineItem/module.scss ***!
  \**************************************************************************************************************************************************************************************************/
.dotm_optimize_timeline_item {
  position: relative;
  margin-bottom: 60px;
  width: 100%;
}

.dotm_optimize_timeline_item::after {
  content: "";
  display: table;
  clear: both;
}

.dotm_optimize_timeline_item:last-child {
  margin-bottom: 0;
}

.dotm_optimize_timeline_item_pointer_icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  overflow: hidden;
}

.dotm_optimize_timeline_item_icon {
  line-height: 1.7em;
  display: inline-block;
}

.dotm_optimize_timeline_item_pointer_image {
  width: 100%;
  height: 100%;
}

.dotm_optimize_timeline_item_timeline_content {
  position: relative;
  width: 45%;
  background-color: #fff;
  transition: all 0.3s ease;
}

.dotm_optimize_timeline_item_oppsite_text_container {
  position: absolute;
  width: 45%;
  padding: 20px;
  top: 0;
  text-align: right;
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(odd) .dotm_optimize_timeline_item_oppsite_text_container {
  right: 0;
  text-align: left;
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(even) .dotm_optimize_timeline_item_oppsite_text_container {
  left: 0;
}

.dotm_optimize_timeline_item_oppsite_text {
  font-size: 18px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 10px;
  line-height: 1.7em;
  display: inline-block;
}

.dotm_optimize_timeline_item_timeline_content::after {
  content: "";
  position: absolute;
  top: 20px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(odd) .dotm_optimize_timeline_item_timeline_content {
  float: left;
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(even) .dotm_optimize_timeline_item_timeline_content {
  float: right;
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(odd) .dotm_optimize_timeline_item_timeline_content::after {
  right: -10px;
}

.dotm_optimize_timeline_center .dotm_optimize_timeline_item:nth-child(even) .dotm_optimize_timeline_item_timeline_content::after {
  left: -10px;
}

.dotm_optimize_timeline_item_title {
  line-height: 1.7em;
}

.dotm_optimize_timeline_item_des {
  line-height: 1.7;
}

.dotm_optimize_timeline_item_image {
  height: auto;
}

.dotm_optimize_timeline_item_button {
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
}

.dotm_optimize_timeline_item:hover .dotm_optimize_timeline_item_timeline_content {
  transform: translateY(-5px);
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PdfViewer/module.scss ***!
  \***************************************************************************************************************************************************************************************/
.dotm_pdf-viewer {
  font-family: Arial, sans-serif;
}
.dotm_pdf-viewer .dotm_toolbar {
  background: rgba(0, 0, 0, 0.18);
  padding: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 10px;
}
.dotm_pdf-viewer .dotm_toolbar .dotm_toolbar__button {
  cursor: pointer;
  transition: all 0.2s ease;
}
.dotm_pdf-viewer .dotm_toolbar .page-info {
  font-size: 14px;
  margin: 0 10px;
}
.dotm_pdf-viewer .dotm_toolbar .zoom-controls {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dotm_pdf-viewer #pdf-container {
  overflow-y: auto;
  border: 1px solid #ddd;
  background: #fff;
}
.dotm_pdf-viewer #pdf-container #pdf-canvas {
  margin: 0 auto;
  display: block;
  transition: all 0.3s ease;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PriceList/module.scss ***!
  \***************************************************************************************************************************************************************************************/
ul.dotm_price_list_child_wrapper {
  padding: 0 !important;
}

ul.dotm_price_list_child_wrapper li {
  list-style-type: none;
}

.dotm_price_list_image_container {
  display: flex;
  justify-content: center;
}

.dotm_price_list_icon_container {
  display: flex;
  justify-content: center;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PriceListItem/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.optimizer_dotm_price_list_item > div {
  display: flex;
}

.dotm_price_list_item_image_container {
  max-width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 25px;
  line-height: 0;
}

.dotm_price_list_item_content-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}

.dotm_price_list_item_wrapper {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  justify-content: space-between;
}

.dotm_price_list_item_separator {
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 0;
}

.dotm_price_list_item_content {
  display: flex;
  flex-basis: 100%;
  flex-flow: row wrap;
  align-items: flex-start;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ProfileOptimaizer/module.scss ***!
  \***********************************************************************************************************************************************************************************************/
.dotm-profile-wrap {
  position: relative;
}

.dotm-profile-des-layout-2 {
  position: absolute;
  bottom: 0;
  text-align: center;
  transform: translateY(100%);
  opacity: 0;
}
.dotm-profile-wrap:hover .dotm-profile-des-layout-2 {
  opacity: 1;
  transform: translateY(0%);
  top: 0;
}

.dotm-profile-des-layout-3 {
  position: absolute;
  bottom: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(100%);
}
.dotm-profile-wrap:hover .dotm-profile-des-layout-3 {
  opacity: 1;
  transform: translateY(0%);
}

/* ===================image Hover================== */
.dotm-profile-img img {
  transition: all 0.3s ease;
}
.dotm-profile-img.dotm-profile-zoom-in:hover img {
  transform: scale(1.2);
}
.dotm-profile-img.dotm-profile-fade-in:hover img {
  opacity: 0.7;
}
.dotm-profile-img.dotm-profile-grayscale:hover img {
  filter: grayscale(100%);
}
.dotm-profile-img.dotm-profile-rotate:hover img {
  transform: rotate(15deg);
}
.dotm-profile-img.dotm-profile-slide-bottom:hover img {
  transform: translateY(-100%);
}
.dotm-profile-img.dotm-profile-blur:hover img {
  filter: blur(5px);
}
.dotm-profile-img.dotm-profile-shadow:hover img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.dotm-profile-img.dotm-profile-brightness:hover img {
  filter: brightness(1.5);
}
.dotm-profile-img.dotm-profile-flip:hover img {
  transform: rotateY(180deg);
}
.dotm-profile-img.dotm-profile-zoom-out:hover img {
  transform: scale(0.9);
}

/* ===================image postion left top================== */
.dotm-profile-wrap.dotm-profile-left-top {
  display: flex;
  align-items: flex-start;
}

/* ===================image postion left center================== */
.dotm-profile-wrap.dotm-profile-left-center {
  display: flex;
  align-items: center;
}

/* ===================image postion left bottom================== */
.dotm-profile-wrap.dotm-profile-left-bottom {
  display: flex;
  align-items: flex-end;
}

/*---------- top three alignment-------- */
/* ===================image postion top left================== */
.dotm-profile-img.dotm-profile-top-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ===================image postion top center================== */
.dotm-profile-img.dotm-profile-top-center {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===================image postion top right================== */
.dotm-profile-img.dotm-profile-top-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dotm-profile-wrap {
  overflow: hidden;
}

.dotm-profile-wrap,
.dotm-profile-img img,
.dotm-profile-wrapper {
  border: 0px solid #333333;
}

.dotm-profile-img {
  width: 100%;
}

.dotm-profile-des {
  width: 100%;
}

.dotm-profile-img img {
  line-height: 0;
}

.dotm-profile-social {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  display: flex;
}

/*---------- social item three alignment-------- */
/* ===================social item bottom left alignment================== */
.dotm-profile-social.dotm-profile-social-bottom-left {
  display: flex;
  justify-content: flex-start;
}

/* ===================social item bottom center alignment================== */
.dotm-profile-social.dotm-profile-social-bottom-center {
  display: flex;
  justify-content: center;
}

/* ===================social item bottom right alignment================== */
.dotm-profile-social.dotm-profile-social-bottom-right {
  display: flex;
  justify-content: flex-end;
}

/* .dotm-profile-social li:nth-child(odd) {
  background: #47239e;
}

.dotm-profile-social li:nth-child(even) {
  background: #5b37b2;
} */
.dotm-profile-des ul {
  padding: 0 0 0px 0em !important;
}

.dotm-profile-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dotm-profile-social li {
  display: inline-block;
  margin-right: 10px;
}

.dotm-profile-social li a {
  display: block;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
  color: #fff;
}

.dotm-profile-social li a:hover {
  color: #266de8;
}

@media (min-width: 981px) {
  .dotm-profile-social .et_pb_module {
    margin-bottom: 0% !important;
  }
}
@media (max-width: 767px) {
  .dotm-profile-social .et_pb_module {
    margin-bottom: 0% !important;
  }
}
.dnext_person_social_alignment_left {
  justify-content: flex-start;
}

.dnext_person_social_alignment_center {
  justify-content: center;
}

.dnext_person_social_alignment_right {
  justify-content: flex-end;
}

@media (max-width: 980px) {
  .dnext_person_social_alignment_tablet_left {
    justify-content: flex-start;
  }
  .dnext_person_social_alignment_tablet_center {
    justify-content: center;
  }
  .dnext_person_social_alignment_tablet_right {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .dnext_person_social_alignment_phone_left {
    justify-content: flex-start;
  }
  .dnext_person_social_alignment_phone_center {
    justify-content: center;
  }
  .dnext_person_social_alignment_phone_right {
    justify-content: flex-end;
  }
}
.dotm-profile {
  width: 100%;
}

.dotm-profile-img-inner {
  position: relative;
}
.dotm-profile-img-inner:hover .dotm-profile-overlay {
  opacity: 1;
}

.dotm-profile-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ProfileOptimazerItem/module.scss ***!
  \**************************************************************************************************************************************************************************************************/
.dotme-person-sn a span::before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.dotm-person-social-items span {
  font-family: ETmodules !important;
  display: flex;
  padding: 0px;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}

.dotm-person-social-items span:hover {
  color: rgb(187, 187, 187);
}

.dotm-person-facebook span::before {
  content: "\e093";
  font-family: ETmodules !important;
  background-color: #3b5998;
  display: block;
  padding: 0px;
}

.dotm-person-twitter span::before {
  content: "\e094";
  font-family: ETmodules !important;
  background-color: #00aced;
  display: block;
  padding: 0px;
}

.dotm-person-pinterest span::before {
  content: "\e095";
  font-family: ETmodules !important;
  background-color: #cb2027;
  display: block;
  padding: 0px;
}

.dotm-person-linkedin span::before {
  content: "\e09d";
  font-family: ETmodules !important;
  background-color: #007bb6;
  display: block;
  padding: 0px;
}

.dotm-person-tumblr span::before {
  content: "\e097";
  font-family: ETmodules !important;
  background-color: #32506d;
  display: block;
  padding: 0px;
}

.dotm-person-instagram span::before {
  content: "\e09a";
  font-family: ETmodules !important;
  background-color: #ea2c59;
  display: block;
  padding: 0px;
}

.dotm-person-skype span::before {
  content: "\e0a2";
  font-family: ETmodules !important;
  background-color: #12a5f4;
  display: block;
  padding: 0px;
}

.dotm-person-flikr span::before {
  content: "\e0a6";
  font-family: ETmodules !important;
  background-color: #ff0084;
  display: block;
  padding: 0px;
}

.dotm-person-dribbble span::before {
  content: "\e09b";
  font-family: ETmodules !important;
  background-color: #ea4c8d;
  display: block;
  padding: 0px;
}

.dotm-person-youtube span::before {
  content: "\e0a3";
  font-family: ETmodules !important;
  background-color: #a82400;
  display: block;
  padding: 0px;
}

.dotm-person-vimeo span::before {
  content: "\e09c";
  font-family: ETmodules !important;
  background-color: #45bbff;
  display: block;
  padding: 0px;
}

li.dotme-person-sn a {
  border: 0px solid #333333;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ProgressBar/module.scss ***!
  \*****************************************************************************************************************************************************************************************/
/* Left to Right Progress Bar Styles */
.dotm_progress_bar_container {
  width: 100%;
  height: 100%;
}

.progress-container {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.progress-linear-percentage {
  position: absolute;
  transition: ease-in-out 0.1s;
}

.arrow-container {
  position: relative;
  display: inline-block;
}

.arrow {
  width: 0;
  height: 0;
}

.progress-bar {
  height: 100%;
  width: 0;
  transition: width 0.1s ease-in-out, background 0.3s ease-in-out;
}

@keyframes moveStripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
.animated-style {
  background: linear-gradient(to right, #8e44ad, #3498db, #e74c3c) !important;
  background-size: 300% 100%;
  animation: animatedGradient 3s infinite;
}

@keyframes animatedGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Circular Progress Bar Styles */
.progress-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  display: none;
}

.progress-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-circle {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.bg-circle {
  fill: none;
  stroke-width: 10;
}

.progress {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 283;
  /* 2 * Math.PI * r (r = 45) */
  stroke-dashoffset: 283;
  /* Initially full circle hidden */
  transition: stroke-dashoffset 0.1s ease-in-out, stroke 0.3s ease-in-out;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ShuffleLetter/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.example_static_module {
  padding: 30px;
  background-color: #ecf4f7;
}
.example_static_module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.example_static_module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.example_static_module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/SocialShareButtons/module.scss ***!
  \************************************************************************************************************************************************************************************************/

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/buttonHoverEffects.scss ***!
  \*************************************************************************************************************************************************************************************/
.dotm_button_hover_effects_scale:hover {
  transform: scale(1.1);
}

.dotm_button_hover_effects_push:hover {
  transform: perspective(1px) translateZ(0) translateY(-2px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.dotm_button_hover_effects_pulse:hover {
  animation: dotm_button_hover_effects_pulse 1s infinite;
}

@keyframes dotm_button_hover_effects_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* Horizontal buzz effect */
.dotm_button_hover_effects_buzz_horizontal:hover {
  animation: dotm_button_hover_effects_buzz_horizontal 1s linear infinite;
}

@keyframes dotm_button_hover_effects_buzz_horizontal {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-2px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(2px);
  }
}
/* Vertical buzz animation */
.dotm_button_hover_effects_buzz_vertical:hover {
  animation: dotm_button_hover_effects_buzz_vertical 1s linear infinite;
}

@keyframes dotm_button_hover_effects_buzz_vertical {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateY(-2px);
  }
  20%, 40%, 60%, 80% {
    transform: translateY(2px);
  }
}
/* Rotational buzz animation */
.dotm_button_hover_effects_rotate:hover {
  animation: dotm_button_hover_effects_rotate 1s linear infinite;
}

@keyframes dotm_button_hover_effects_rotate {
  0%, 100% {
    transform: rotate(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: rotate(-2deg);
  }
  20%, 40%, 60%, 80% {
    transform: rotate(2deg);
  }
}
/* tada animation */
.dotm_button_hover_effects_tada:hover {
  animation: dotm_button_hover_effects_tada 1.5s ease 1;
}

@keyframes dotm_button_hover_effects_tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
/* wobble animation */
.dotm_button_hover_effects_wobble:hover {
  animation: dotm_button_hover_effects_wobble 2s ease 1;
}

@keyframes dotm_button_hover_effects_wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-15%) rotate(-5deg);
  }
  30% {
    transform: translateX(12%) rotate(3deg);
  }
  45% {
    transform: translateX(-9%) rotate(-3deg);
  }
  60% {
    transform: translateX(6%) rotate(2deg);
  }
  75% {
    transform: translateX(-3%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
/* jello animation */
.dotm_button_hover_effects_jello:hover {
  animation: dotm_button_hover_effects_jello 2s ease 1;
}

@keyframes dotm_button_hover_effects_jello {
  0%, 11.1%, 100% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.dotm_button_hover_effects_bounce:hover {
  animation: dotm_button_hover_effects_bounce 1.5s ease infinite;
}

@keyframes dotm_button_hover_effects_bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-7px);
  }
}
.dotm_button_hover_effects_wobble_bottom_right:hover {
  animation: dotm-wobble-bottom-right 0.6s ease-in-out;
}

@keyframes dotm-wobble-bottom-right {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(3px, 3px);
  }
  50% {
    transform: translate(-3px, 6px);
  }
  75% {
    transform: translate(4px, 4px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.dotm_button_hover_effects_wobble_top_right:hover {
  animation: dotm-wobble-top-right 0.6s ease-in-out;
}

@keyframes dotm-wobble-top-right {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(3px, -3px);
  }
  50% {
    transform: translate(-3px, -6px);
  }
  75% {
    transform: translate(4px, -4px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.dotm_button_hover_effects_wobble_top {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.dotm_button_hover_effects_wobble_top:hover {
  animation: dotm-wobble-top 0.6s ease-in-out;
}

@keyframes dotm-wobble-top {
  0% {
    transform: rotate(0deg);
  }
  17% {
    transform: skew(-12deg);
  }
  34% {
    transform: skew(10deg);
  }
  50% {
    transform: skew(-6deg);
  }
  67% {
    transform: skew(4deg);
  }
  84% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
@keyframes dotm-wobble-bottom {
  17% {
    transform: skew(-12deg);
  }
  34% {
    transform: skew(10deg);
  }
  50% {
    transform: skew(-6deg);
  }
  67% {
    transform: skew(4deg);
  }
  84% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
.dotm_button_hover_effects_wobble_bottom {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.dotm_button_hover_effects_wobble_bottom:hover {
  animation: dotm-wobble-bottom 0.6s ease-in-out;
}

@keyframes dotm-wobble-skew {
  17% {
    transform: skew(-12deg);
  }
  34% {
    transform: skew(10deg);
  }
  50% {
    transform: skew(-6deg);
  }
  67% {
    transform: skew(4deg);
  }
  84% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
.dotm_button_hover_effects_wobble_skew {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.dotm_button_hover_effects_wobble_skew:hover {
  animation: dotm-wobble-skew 0.6s ease-in-out;
}

.dotm_button_hover_effects_wobble_forward:hover {
  transform: translateX(8px);
}

.dotm_button_hover_effects_wobble_backward:hover {
  transform: translateX(-8px);
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/SocialShareButtonItem/module.scss ***!
  \***************************************************************************************************************************************************************************************************/
.dotm_social_button_item {
  display: flex;
  align-self: stretch;
  word-spacing: normal;
  height: 45px;
  color: #fff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.dotm_social_button_icon span {
  font-family: ETmodules;
  display: inline-block;
  padding: 0px;
  color: #fff;
}

.dotm_social_button_icon {
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dotm_social_button_text {
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.dotm_social_button_facebook {
  background-color: #3b5998;
  color: #3b5998;
}

.dotm_social_button_twitter {
  background-color: #00aced;
  color: #00aced;
}

.dotm_social_button_linkedin {
  background-color: #007bb6;
  color: #007bb6;
}

.dotm_social_button_pinterest {
  background-color: #cb2027;
  color: #cb2027;
}

.dotm_social_button_reddit {
  background-color: #ff4500;
  color: #ff4500;
}
.dotm_social_button_reddit span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_vk {
  background-color: #45668e;
  color: #45668e;
}
.dotm_social_button_vk span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_tumblr {
  background-color: #32506d;
  color: #32506d;
}

.dotm_social_button_digg {
  background-color: #005be2;
  color: #005be2;
}
.dotm_social_button_digg span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_skype {
  background-color: #12a5f4;
  color: #12a5f4;
}

.dotm_social_button_stumbleupon {
  background-color: #eb4924;
  color: #eb4924;
}
.dotm_social_button_stumbleupon span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_mix {
  background-color: #f3782b;
  color: #f3782b;
}
.dotm_social_button_mix span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_telegram {
  background-color: #2ca5e0;
  color: #2ca5e0;
}
.dotm_social_button_telegram span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_pocket {
  background-color: #ef3f56;
  color: #ef3f56;
}
.dotm_social_button_pocket span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_xing {
  background-color: #026466;
  color: #026466;
}
.dotm_social_button_xing span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_whatsapp {
  background-color: #25d366;
  color: #25d366;
}
.dotm_social_button_whatsapp span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_email {
  background-color: #ea4335;
  color: #ea4335;
}
.dotm_social_button_email span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_print {
  background-color: #aaa;
  color: #aaa;
}

.dotm_social_button_instagram {
  background-color: #ea2c59;
  color: #ea2c59;
}

.dotm_social_button_flickr {
  background-color: #ff0084;
  color: #ff0084;
}

.dotm_social_button_dribbble {
  background-color: #ea4c8d;
  color: #ea4c8d;
}

.dotm_social_button_youtube {
  background-color: #a82400;
  color: #a82400;
}
.dotm_social_button_youtube span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_vimeo {
  background-color: #45bbff;
  color: #45bbff;
}
.dotm_social_button_vimeo span {
  font-family: FontAwesome;
  font-weight: 400;
}

.dotm_social_button_custom_icon {
  font-family: ETmodules !important;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/StepFlow/module.scss ***!
  \**************************************************************************************************************************************************************************************/
.dotm_step_flow_wrapper_container {
  display: flex;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner {
  position: relative;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .dotm_step_flow_step {
  position: absolute;
  z-index: 1;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_top-left {
  top: 0;
  left: 0;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_top-right {
  top: 0;
  right: 0;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_center-center {
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_bottom-left {
  bottom: 0;
  left: 0;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .domt_step_align_bottom-right {
  bottom: 0;
  right: 0;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .dotm_step_flow_image_container .dotm_step_flow_image {
  transition: all 0.5s ease;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .dotm_step_flow_icon_container .dotm_step_flow_icon {
  display: inline-block;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_inner .dotm_step_flow_button_container {
  margin-top: 20px;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_direction {
  display: inline-block;
  position: relative;
  height: 0;
  border-top-width: 3px;
}
.dotm_step_flow_wrapper_container .dotm_step_flow_direction::after {
  content: "";
  position: absolute;
  top: -7px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-right-width: 3px;
  border-top-width: 3px;
  transform: rotate(45deg);
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/imageHoverEffect.css ***!
  \**********************************************************************************************************************************************************************************/
/* Hover Effects */
/* Effect 1: Zoom In */
.dotm_effect-1:hover img {
  transform: scale(1.2);
}

/* Effect 2: Rotate */
.dotm_effect-2:hover img {
  transform: rotate(15deg);
}

/* Effect 3: Grayscale */
.dotm_effect-3:hover img {
  filter: grayscale(100%);
}

/* Effect 4: Blur */
.dotm_effect-4:hover img {
  filter: blur(4px);
}

/* Effect 5: Brightness */
.dotm_effect-5:hover img {
  filter: brightness(1.5);
}

/* Effect 1: Zoom out */
.dotm_effect-6 img {
  transform: scale(1.2);
}

.dotm_effect-6:hover img {
  transform: scale(1);
}

/* Effect 7: Vertical Flip */
.dotm_effect-7:hover img {
  transform: scaleY(-1);
}

/* Effect 8: Horizontal Flip */
.dotm_effect-8:hover img {
  transform: scaleX(-1);
}

/* Effect 9: Opacity */
.dotm_effect-9:hover img {
  opacity: 0.5;
}

/* Effect 10: Slide Up */
.dotm_effect-10 img {
  transition: transform 0.5s ease;
}

.dotm_effect-10:hover img {
  transform: translateY(-20px);
}

/* Effect 12: Rotating Border */
.dotm_effect-11 .dotm_step_flow_image_mask {
  position: relative;
  display: inline-block;
}

.dotm_effect-11:hover .dotm_step_flow_image_mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  border-top: 4px solid #007bff;
  border-radius: 8px;
  animation: rotate-border 2s linear infinite;
  box-sizing: border-box;
}

@keyframes rotate-border {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dotm_effect-12:hover img {
  transform: scale(1.4) rotate(20deg);
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TextBadge/module.scss ***!
  \***************************************************************************************************************************************************************************************/
.dotm_text_badge_container {
  display: flex;
  align-items: center;
  position: relative;
}

.dotm_text_badge_mainText {
  padding-bottom: 0 !important;
}

.dotm_image_badge_image_wrapper {
  overflow: hidden;
  width: 100%;
}
.dotm_image_badge_image_wrapper .dotm_text_badge_image {
  width: 100%;
  object-fit: cover;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TextDivider/module.scss ***!
  \*****************************************************************************************************************************************************************************************/
.dotm_text_divider {
  display: flex;
  width: 100%;
}

.dotm_text_divider_before,
.dotm_text_divider_after {
  flex: 1;
}

.dotm_text_divider_title {
  padding-bottom: 0 !important;
}

.dotm_text_divider_image_wrapper {
  max-width: 50%;
  overflow: hidden;
}
.dotm_text_divider_image_wrapper .dotm_text_divider_image {
  object-fit: cover;
}

.dotm_text_divider_icon_wrapper {
  max-width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TextGradient/module.scss ***!
  \******************************************************************************************************************************************************************************************/
.dotm_gradient_text_title {
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-size: 300%;
  display: inline-block;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.dotm_gradient_text {
  position: relative;
  font-size: 4rem;
  font-weight: bold;
}

.dotm_gradient_text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  z-index: 1;
  animation: slide 2s ease forwards;
}

@keyframes slide {
  to {
    transform: translateX(100%);
    display: none;
  }
}
.dotm_gradient_text_title {
  transition: transform 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
  position: relative;
}

.text_hover_effect_scale:hover {
  transform: scale(1.2);
}

.text_hover_effect_rotate:hover {
  transform: rotate(5deg);
}

.text_hover_effect_opacity:hover {
  opacity: 0.7;
}

.text_hover_effect_skew:hover {
  transform: skew(-15deg);
}

.text_hover_effect_bounce:hover {
  animation: bounce 0.6s infinite alternate;
}

@keyframes bounce {
  to {
    transform: translateY(-10px);
  }
}
.text_hover_effect_tilt:hover {
  transform: rotateX(15deg) rotateY(15deg);
}

.text_hover_effect_ripple:hover {
  background: radial-gradient(circle, #fff 10%, transparent 10.01%);
}

.text_hover_effect_shake_horizontal:hover {
  animation: shake_horizontal 0.5s infinite;
}

@keyframes shake_horizontal {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
}
.text_hover_effect_shake_vertical:hover {
  animation: shake_vertical 0.5s infinite;
}

@keyframes shake_vertical {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
}
.text_hover_effect_stroke:hover {
  -webkit-text-stroke-color: #7cda24;
  -webkit-text-stroke-width: 1px;
  paint-order: stroke fill;
}

.text_hover_effect_border::after {
  content: "";
  position: absolute;
  bottom: -5px;
  height: 4px;
  width: 100%;
  left: 0;
  background: #7cda24;
  transition: all 0.3s;
  transition-timing-function: ease-in-out;
  transform: scale(0);
}

.text_hover_effect_border:hover::after {
  transform: scale(1);
}

.text_hover_effect_3d_effect::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  text-shadow: 2px 2px 5px #ff0000, -2px -2px 5px #00ff00, 2px -2px 5px #0000ff;
  z-index: -1;
  transition: transform 0.3s ease;
}

.text_hover_effect_3d_effect:hover {
  transform: translateZ(10px);
  text-shadow: 4px 4px 10px #ff0000, -4px -4px 10px #00ff00, 4px -4px 10px #0000ff;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TextNotation/module.scss ***!
  \******************************************************************************************************************************************************************************************/
.dotm_text_notation_before_text,
.dotm_text_notation_after_text {
  vertical-align: middle;
}

.dotm_text_notation_wrapper {
  position: relative;
}

.dotm_text_notation_wrapper > span {
  display: inline-block;
  vertical-align: middle;
  white-space: pre-wrap;
}

@keyframes rough-notation-dash {
  100% {
    stroke-dashoffset: 0;
  }
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TextScroll/module.scss ***!
  \****************************************************************************************************************************************************************************************/
.dotm_text_scroll_marquee_container {
  position: relative;
  overflow: hidden;
}

.dotm_text_scroll_marquee_text {
  position: absolute;
  display: inline-block;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TwitterButton/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.example_static_module {
  padding: 30px;
  background-color: #ecf4f7;
}
.example_static_module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.example_static_module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.example_static_module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TwitterFollowButton/module.scss ***!
  \*************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeButtons/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.dotm_optimize_buttons {
  display: flex;
}

.dotm_optimize_buttons_wrapper {
  display: grid;
  column-gap: 10px;
  row-gap: 5px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeButtonItem/module.scss ***!
  \************************************************************************************************************************************************************************************************/
.dotm_optimize_button_item {
  list-style-type: none;
}
.dotm_optimize_button_item .dotm_optimize_button_item_button {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.dotm_optimize_button_item .dotm_optimize_button_item_button::after {
  margin-left: 0px !important;
  line-height: 0 !important;
  transition: all 0.5s ease-in-out;
}
.dotm_optimize_button_item .dotm_optimize_button_item_button:after {
  margin-left: 10px !important;
  transition: all 0.3s ease-in-out;
}
.dotm_optimize_button_item .dotm_optimize_button_item_button:before {
  margin-left: 0 !important;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TwitterTimeline/module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.example_static_module {
  padding: 30px;
  background-color: #ecf4f7;
}
.example_static_module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.example_static_module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.example_static_module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/typing-effect/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.typing-module {
  padding: 30px;
  background-color: #ecf4f7;
}
.typing-module__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.typing-module__image {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 20px;
}
.typing-module__content-container {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 20px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Testimonials/module.scss ***!
  \******************************************************************************************************************************************************************************************/
.dotm_testimonials_profile_container {
  display: flex;
}

.dotm_testimonials_icon {
  display: inline-block;
}

.dotm_optimize_rating_stars {
  cursor: pointer;
  user-select: none;
  position: relative;
  line-height: 1.7em;
}

.dotm_optimize_rating_star {
  display: inline-block;
  transition: color 0.2s ease, font-weight 0.2s ease;
  font-family: fontAwesome;
  position: relative;
}

.dotm_optimize_rating_tooltip {
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 10;
}

.dotm_optimize_rating_stars:hover .dotm_optimize_rating_tooltip {
  opacity: 1;
  visibility: visible;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizePricingTables/module.scss ***!
  \***************************************************************************************************************************************************************************************************/

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizePricingTablesItem/module.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.dotm_optimize_pricing_tables {
  display: flex;
  justify-content: center;
}

.dotm_optimize_pricing_tables_item {
  position: relative !important;
}

.dotm_optimize_pricing_tables_item_card {
  overflow: hidden;
  width: 100%;
}

.dotm_optimize_pricing_tables_item_price_section {
  display: flex;
  align-items: flex-end;
}

.dotm_optimize_pricing_tables_item_price_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.dotm_optimize_pricing_tables_item_features {
  padding: 30px 20px;
}

.dotm_optimize_pricing_tables_item_button_container {
  text-align: center;
}

.dotm_optimize_pricing_tables_item_button {
  color: #000;
}

.dotm_optimize_pricing_tables_item_button:after {
  margin-left: 10px !important;
  transition: all 0.3s ease-in-out;
}

.dotm_optimize_pricing_tables_item_button:before {
  margin-left: 0 !important;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}

.dotm_optimize_pricing_tables_item_icon {
  display: inline-block;
}

.dotm_optimize_pricing_tables_item_button {
  display: inline-block;
}

.dotm_optimize_pricing_tables_item_image {
  object-fit: cover;
}

.dotm_optimize_pricing_tables_item_featureText {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/OptimizeCTA/module.scss ***!
  \*****************************************************************************************************************************************************************************************/
.dotm_optimize_cta {
  background-color: #ecf4f7;
}
.dotm_optimize_cta_container {
  display: flex;
  position: relative;
}
.dotm_optimize_cta_content_container_btns_button {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.dotm_optimize_cta_content_container_btns_extra_button {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageCarousel/module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.dotm_image_carousel_container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dotm_image_carousel_item {
  position: absolute !important;
  width: 100%;
  height: 100%;
}

.dotm_image_carousel_slide {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.dotm_image_carousel_slide.active {
  opacity: 1;
}

.dotm_image_carousel_slide .dotm_image_carousel_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.dotm_image_carousel_image_overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dotm_image_carousel_contents {
  position: absolute;
}

.dotm_image_carousel_contents_top_left {
  top: 20%;
  left: 0;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_contents_top_center {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_contents_left_center {
  top: 70%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_contents_center_center {
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_contents_bottom_left {
  bottom: 20%;
  left: 0;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_contents_bottom_center {
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_center_center {
  top: 50%;
  z-index: 3;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_top_left {
  top: 0;
  z-index: 3;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_top_center {
  top: 0;
  z-index: 3;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_left_center {
  top: 50%;
  z-index: 3;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_bottom_left {
  bottom: 0;
  z-index: 3;
}

.dotm_image_carousel_slide.active .dotm_image_carousel_contents_bottom_center {
  bottom: 0;
  z-index: 3;
}

.dotm_image_carousel_button {
  border: none;
  cursor: pointer;
  display: inline-block;
}

.dotm_image_carousel_button::before {
  transition: all 0.3s ease-in-out;
  padding: 0 2px 0 15px;
}

.dotm_image_carousel_nav_button {
  position: absolute;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  z-index: 5;
}

.dotm_image_carousel_nav_button span {
  font-family: "ETmodules" !important;
}

.dotm_image_carousel_container:hover .dotm_image_carousel_nav_button {
  opacity: 1;
}

.dotm_image_carousel_next span {
  display: inline-block;
  transform: rotate(180deg);
}

.dotm_image_carousel_indicators {
  position: absolute;
  transform: translateX(-50%);
  display: flex;
  z-index: 2;
}

.dotm_image_carousel_indicator {
  cursor: pointer;
  border: none;
}

.dotm_image_carousel_toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 4px;
}

.dotm_image_carousel_slide.fade {
  opacity: 0;
}

.dotm_image_carousel_slide.fade.active {
  opacity: 1;
}

.dotm_image_carousel_slide.slide {
  transform: translateX(100%);
  opacity: 1;
}

.dotm_image_carousel_slide.slide.active {
  transform: translateX(0);
}

.dotm_image_carousel_slide.slide.previous {
  transform: translateX(-100%);
  transition-delay: 0.3s;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ImageCarouselItem/module.scss ***!
  \***********************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/YoutubeVideo/module.scss ***!
  \******************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FloatingImages/module.scss ***!
  \********************************************************************************************************************************************************************************************/
.dotm_floating_images_container {
  position: relative;
  width: 100%;
  height: 500px;
}

.dotm_floating_image_item {
  position: absolute !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  animation: floating 5s ease-in-out infinite !important;
  background-color: #fbbf24;
  width: 320px;
  height: 450px;
}

/* Floating animation */
@keyframes floating {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(1deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
.dotm_floating_image_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text overlay styles */
.dotm_floating_image_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  transition: all 0.3s ease;
  opacity: 0;
}

.dotm_floating_image_item:hover .dotm_floating_image_overlay {
  opacity: 1;
}

.dotm_floating_image_name {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  transition: transform 0.3s ease;
}

.dotm_floating_image_description {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  transition: opacity 0.3s ease;
  opacity: 0.8;
}

/* Hover effects */
.dotm_floating_image_item:hover .dotm_floating_image_overlay {
  padding-bottom: 25px;
}

.dotm_floating_image_item:hover .dotm_floating_image_name {
  transform: translateY(-2px);
}

.dotm_floating_image_item:hover .dotm_floating_image_description {
  opacity: 1;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FloatingImageItem/module.scss ***!
  \***********************************************************************************************************************************************************************************************/