.elementor-978 .elementor-element.elementor-element-5067fe1{--display:flex;}.elementor-978 .elementor-element.elementor-element-3a83503{z-index:0;}.elementor-978 .elementor-element.elementor-element-66bd636{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-978 .elementor-element.elementor-element-9cd74cd{width:var( --container-widget-width, 16.8% );max-width:16.8%;--container-widget-width:16.8%;--container-widget-flex-grow:0;}.elementor-978 .elementor-element.elementor-element-9cd74cd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-790c262{--display:flex;--min-height:226px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-978 .elementor-element.elementor-element-128c772{--display:flex;--min-height:328px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-978 .elementor-element.elementor-element-128c772.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-199a631{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-978 .elementor-element.elementor-element-199a631.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-f2f6acf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-978 .elementor-element.elementor-element-f2f6acf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-50c6b0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-978 .elementor-element.elementor-element-50c6b0a:not(.elementor-motion-effects-element-type-background), .elementor-978 .elementor-element.elementor-element-50c6b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1C6C6;}.elementor-978 .elementor-element.elementor-element-50c6b0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-b747b5a{width:var( --container-widget-width, 75.68% );max-width:75.68%;--container-widget-width:75.68%;--container-widget-flex-grow:0;}.elementor-978 .elementor-element.elementor-element-b747b5a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-978 .elementor-element.elementor-element-6079460{--display:flex;}.elementor-978 .elementor-element.elementor-element-319fc9f.bdt-cursor-effects-yes .bdt-cursor-image{width:29px;height:29px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-978 .elementor-element.elementor-element-128c772{--width:87.68%;}.elementor-978 .elementor-element.elementor-element-199a631{--width:87.68%;}.elementor-978 .elementor-element.elementor-element-f2f6acf{--width:87.68%;}.elementor-978 .elementor-element.elementor-element-50c6b0a{--width:88.635%;}}/* Start custom CSS for html, class: .elementor-element-3a83503 *//* From Uiverse.io by Madflows */ 
.toggle-switch {
  position: relative;
  width: 100px;
  height: 50px;
  --light: #d8dbe0;
  --dark: #28292c;
  --link: rgb(27, 129, 112);
  --link-hover: rgb(24, 94, 82);
}

.switch-label {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: var(--dark);
  border-radius: 25px;
  cursor: pointer;
  border: 3px solid var(--dark);
}

.checkbox {
  position: absolute;
  display: none;
}

.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked ~ .slider {
  background-color: var(--light);
}

.slider::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-box-shadow: inset 12px -4px 0px 0px var(--light);
  box-shadow: inset 12px -4px 0px 0px var(--light);
  background-color: var(--dark);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked ~ .slider::before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  background-color: var(--dark);
  -webkit-box-shadow: none;
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cd74cd *//* From Uiverse.io by Madflows */ 
.toggle-switch {
  position: relative;
  width: 100px;
  height: 50px;
  --light: #d8dbe0;
  --dark: #28292c;
  --link: rgb(27, 129, 112);
  --link-hover: rgb(24, 94, 82);
}

.switch-label {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: var(--dark);
  border-radius: 25px;
  cursor: pointer;
  border: 3px solid var(--dark);
}

.checkbox {
  position: absolute;
  display: none;
}

.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked ~ .slider {
  background-color: var(--light);
}

.slider::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-box-shadow: inset 12px -4px 0px 0px var(--light);
  box-shadow: inset 12px -4px 0px 0px var(--light);
  background-color: var(--dark);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked ~ .slider::before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  background-color: var(--dark);
  -webkit-box-shadow: none;
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-128c772 *//* اعمال استایل روی ویجت فعلی */
.elementor-978 .elementor-element.elementor-element-128c772 {
  position: relative;
  background: linear-gradient(-45deg, #6bc5f8, #cf59e6, #6bc5f8, #cf59e6);
  animation: gradient 18s ease infinite; /* انیمیشن گرادیانت */
  background-size: 500% 500%;
  border-radius: 20px; /* حاشیه گرد */
  box-shadow: 0px 0px 2px #ffffff,
              0px 0px 5px #ffffff,
              0px 0px 10px #6bc5f8,
              0px 0px 50px #6bc5f8; /* سایه */
  overflow: hidden; /* جلوگیری از بیرون زدن محتوا */
}

/* انیمیشن گرادیانت */
@keyframes gradient {
  0% {
    background-position: 0 50%;
    box-shadow: 0px 0px 2px #ffffff,
                0px 0px 5px #ffffff,
                0px 0px 10px #6bc5f8,
                0px 0px 50px #6bc5f8;
  }
  50% {
    background-position: 100% 50%;
    box-shadow: 0px 0px 2px #ffffff,
                0px 0px 5px #ffffff,
                0px 0px 10px #cf59e6,
                0px 0px 50px #cf59e6;
  }
  100% {
    background-position: 0 50%;
    box-shadow: 0px 0px 2px #ffffff,
                0px 0px 5px #ffffff,
                0px 0px 10px #6bc5f8,
                0px 0px 50px #6bc5f8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c6b0a */.text-container {
  margin: 20px 0;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.text-container .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.text-container .content {
  font-size: 16px;
  line-height: 1.6;
}/* End custom CSS */