.elementor-1073 .elementor-element.elementor-element-79b941e{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-79b941e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1073 .elementor-element.elementor-element-1eee508{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1073 .elementor-element.elementor-element-1eee508.e-con{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-2eeaff0{--display:flex;}.elementor-1073 .elementor-element.elementor-element-c888da6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1073 .elementor-element.elementor-element-5cb84d9 .elementor-button{background-color:#FCFCFC00;font-size:16px;font-weight:600;fill:var( --e-global-color-362e1ba );color:var( --e-global-color-362e1ba );}.elementor-1073 .elementor-element.elementor-element-effeead .elementor-button{background-color:#FCFCFC00;font-family:"Iran yekan xvf", Sans-serif;font-size:16px;font-weight:600;}.elementor-1073 .elementor-element.elementor-element-9635825{--display:flex;}.elementor-1073 .elementor-element.elementor-element-802be97.elementor-element{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-63aeabb{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-53f490d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1073 .elementor-element.elementor-element-53f490d.e-con{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-c444fa2{--display:flex;}.elementor-1073 .elementor-element.elementor-element-f11de0e.elementor-element{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-98229c8{--display:flex;}.elementor-1073 .elementor-element.elementor-element-9808bdf{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-dc9f89c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1073 .elementor-element.elementor-element-dc9f89c.e-con{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-0bb9d59{--display:flex;}.elementor-1073 .elementor-element.elementor-element-499ed22{--display:flex;}@media(min-width:768px){.elementor-1073 .elementor-element.elementor-element-79b941e{--width:101.245%;}.elementor-1073 .elementor-element.elementor-element-1eee508{--width:100%;}.elementor-1073 .elementor-element.elementor-element-9635825{--width:60%;}.elementor-1073 .elementor-element.elementor-element-63aeabb{--content-width:86%;}.elementor-1073 .elementor-element.elementor-element-53f490d{--width:100%;}.elementor-1073 .elementor-element.elementor-element-98229c8{--width:60%;}.elementor-1073 .elementor-element.elementor-element-9808bdf{--content-width:86%;}.elementor-1073 .elementor-element.elementor-element-dc9f89c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1073 .elementor-element.elementor-element-2eeaff0{--width:50%;}.elementor-1073 .elementor-element.elementor-element-9635825{--width:50%;}.elementor-1073 .elementor-element.elementor-element-63aeabb{--content-width:100%;}.elementor-1073 .elementor-element.elementor-element-c444fa2{--width:50%;}.elementor-1073 .elementor-element.elementor-element-98229c8{--width:50%;}.elementor-1073 .elementor-element.elementor-element-9808bdf{--content-width:100%;}.elementor-1073 .elementor-element.elementor-element-0bb9d59{--width:50%;}.elementor-1073 .elementor-element.elementor-element-499ed22{--width:50%;}}@media(max-width:1024px){.elementor-1073 .elementor-element.elementor-element-5cb84d9 .elementor-button{font-size:9px;line-height:1.4em;}.elementor-1073 .elementor-element.elementor-element-effeead .elementor-button{font-size:9px;line-height:1.4em;}.elementor-1073 .elementor-element.elementor-element-9635825{--justify-content:center;}.elementor-1073 .elementor-element.elementor-element-98229c8{--justify-content:center;}.elementor-1073 .elementor-element.elementor-element-499ed22{--justify-content:center;}}@media(max-width:767px){.elementor-1073 .elementor-element.elementor-element-5cb84d9 .elementor-button{font-size:11px;}.elementor-1073 .elementor-element.elementor-element-effeead .elementor-button{font-size:11px;}}/* Start custom CSS for html, class: .elementor-element-ca1802c *//* From Uiverse.io by SnyDeTreves */ 
/**********/
/* Config */
/**********/

.social-clock {
  --count-buttons: 7;
  --size-button: 4rem;
  --size-clock: 16rem;
  --size-padding: 0.5rem;
}

/*************/
/* Container */
/*************/

.social-clock {
  --size: var(--size-clock);

  border-radius: var(--size);
  cursor: default;
  height: var(--size);
  pointer-events: none;
  position: relative;
  width: var(--size);
  transition: all 0.5s linear;
}
.social-clock,
.social-clock__trigger {
  align-items: center;
  display: flex;
  justify-content: center;
}

/***********/
/* Trigger */
/***********/

/* Trigger */
.social-clock__trigger {
  --size: var(--size-button);

  background: #000;
  border: none;
  border-radius: var(--size);
  height: var(--size);
  pointer-events: all;
  width: var(--size);
  z-index: 3;
}
/* Trigger - Icon */
.social-clock__trigger svg {
  --size: calc(0.65 * var(--size-button));

  fill: #fff;
  height: var(--size);
  width: var(--size);
  padding-right: calc(0.05 * var(--size-button));
}

/***********/
/* Buttons */
/***********/

/* Wrapper */
.social-clock__list {
  --size: calc(var(--size-button) + var(--size-padding));

  border-radius: inherit;
  height: var(--size);
  left: calc(50% - var(--size) / 2);
  pointer-events: all;
  position: absolute;
  top: calc(50% - var(--size) / 2);
  width: var(--size);
  transition:
    all 0.3s ease-in-out,
    transform 0.3s linear;
}
/* Wrapper - Interactions */
.social-clock:hover .social-clock__list {
  --size: 100%;

  transform: rotate(360deg);
}

/* Button */
.social-clock__button {
  --angle: calc(var(--index, 0) * 360deg / var(--count-buttons));
  --height: calc(100% - var(--size-padding) * 2);
  --size: var(--size-button);

  background: none;
  border: none;
  border-radius: var(--size);
  box-sizing: content-box;
  cursor: pointer;
  height: var(--height);
  left: calc(50% - var(--size) / 2);
  pointer-events: none;
  position: absolute;
  top: calc(50% - var(--height) / 2);
  transform: rotate(var(--angle));
  width: var(--size);
}
/* Button - Background */
.social-clock__button::after,
.social-clock__button::before {
  --size: var(--size-button);

  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  left: calc(50% - var(--size) / 2);
  position: absolute;
  width: var(--size);
}
/* Button - Background - Icon */
.social-clock__button::before {
  --fill-opacity: 0.5;

  background: rgba(var(--color), var(--fill-opacity));
  height: var(--size);
  pointer-events: all;
  top: 0;
  transition: background 0.3s linear;
}
/* Button - Background - Interactions */
.social-clock:hover .social-clock__button::before {
  background: rgba(0, 0, 0, var(--fill-opacity));
}
.social-clock__button::after {
  --fill-opacity: 0.7;
  --fill-size: 0;
  --height: calc(50% + var(--size) / 2);

  bottom: calc(100% - var(--height));
  box-shadow: inset 0 var(--fill-size) 0 rgba(var(--color), var(--fill-opacity));
  height: var(--height);
  pointer-events: none;
  transition: box-shadow 0.3s ease-in-out;
}
/* Button - Interactions */
.social-clock__button:hover::after {
  --fill-size: calc(-0.5 * (var(--size-clock) + var(--size)));

  pointer-events: all;
}
.social-clock__button:active::after {
  --fill-opacity: 1;
}

/* Button - Icon */
.social-clock__button svg {
  --padding: calc((var(--size-button) - var(--size)) / 2);
  --size: calc(0.65 * var(--size-button));

  fill: #fff;
  height: var(--size);
  left: var(--padding);
  position: absolute;
  top: var(--padding);
  transform: rotate(calc(-1 * var(--angle)));
  width: var(--size);
  z-index: 2;
}
/* Button - Socials */
.social-clock__button.discord {
  --color: 88, 101, 242;
}
.social-clock__button.facebook {
  --color: 24, 119, 242;
}
.social-clock__button.github {
  --color: 0, 0, 0;
}
.social-clock__button.instagram {
  --color: 225, 48, 108;
}
.social-clock__button.line {
  --color: 0, 195, 0;
}
.social-clock__button.linkedin {
  --color: 10, 102, 194;
}
.social-clock__button.reddit {
  --color: 255, 87, 0;
}
.social-clock__button.tiktok {
  --color: 0, 0, 0;
}
.social-clock__button.twitch {
  --color: 145, 70, 255;
}
.social-clock__button.twitter {
  --color: 29, 161, 242;
}
.social-clock__button.whatsapp {
  --color: 37, 211, 102;
}
.social-clock__button.youtube {
  --color: 205, 32, 31;
}

/* Button - Order */
.social-clock__button:nth-child(1) {
  --index: 0;
}
.social-clock__button:nth-child(2) {
  --index: 1;
}
.social-clock__button:nth-child(3) {
  --index: 2;
}
.social-clock__button:nth-child(4) {
  --index: 3;
}
.social-clock__button:nth-child(5) {
  --index: 4;
}
.social-clock__button:nth-child(6) {
  --index: 5;
}
.social-clock__button:nth-child(7) {
  --index: 6;
}
.social-clock__button:nth-child(8) {
  --index: 7;
}
.social-clock__button:nth-child(9) {
  --index: 8;
}
.social-clock__button:nth-child(10) {
  --index: 9;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cb84d9 */.my-button1 {
  --green: #1BFD9C;
  font-size: 18px;
  padding: 0.3em 0.9em;
  letter-spacing: 0.06em;
  position: relative;
  font-family: inherit;
  border-radius: 0.8em;
  overflow: hidden;
  transition: all 0.3s;
  line-height: 1.2em;
  border: 2px solid var(--green);
  
  /* 🔹 گرادیانت دایره‌ای از مرکز به بیرون */
  background: radial-gradient(circle at center, #01573d 50%, #039167 90%, #07b07e 100%);
 
  color: #ffffff;

}

.my-button1:hover {
  color: #ffffff;
  background: radial-gradient(circle at center, #01573d 50%, #039167 90%, #07b07e 100%);
}

.my-button1:before {
  content: "";
  position: absolute;
  left: -4em;
  width: 4em;
  height: 100%;
  top: 0;
  transition: transform .4s ease-in-out;
  background: linear-gradient(to right, transparent 1%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.4) 60%, transparent 100%);
}

.my-button1:hover:before {
  transform: translateX(15em);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-effeead */.my-button {
  --green: #1BFD9C;
  font-size: 18px;
  padding: 0.3em 0.9em;
  letter-spacing: 0.06em;
  position: relative;
  font-family: inherit;
  border-radius: 0.8em;
  overflow: hidden;
  transition: all 0.3s;
  line-height: 1.2em;
  border: 2px solid var(--green);
  background: linear-gradient(to right, rgba(27, 253, 156, 0.1) 1%, transparent 40%,transparent 60% , rgba(27, 253, 15, 0.1) 100%);
  color: #ffffff;
  box-shadow: inset 0 0 10px rgba(27, 253, 156, 0.4), 0 0 9px 3px rgba(27, 253, 156, 0.1);
}

.my-button:hover {
  color: #ffffff;
  box-shadow: inset 0 0 30px rgba(27, 253, 156, 0.6), 0 0 9px 3px rgba(27, 253, 156, 0.2);
}

.my-button:before {
  content: "";
  position: absolute;
  left: -4em;
  width: 4em;
  height: 100%;
  top: 0;
  transition: transform .4s ease-in-out;
  background: linear-gradient(to right, transparent 1%, rgba(27, 253, 156, 0.1) 40%,rgba(27, 253, 156, 0.1) 60% , transparent 100%);
}

.my-button:hover:before {
  transform: translateX(15em);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9808bdf */.network-bg {
  /* متغیرها - با تغییر اینا رنگ کل شبکه عوض می‌شه */
  --main-color: rgb(46, 213, 115);
  --main-bg-color: rgba(46, 213, 116, 0.36);
  --pattern-color: rgba(46, 213, 116, 0.073);

  /* فیلتر hue-rotate برای تغییر سریع رنگ */
  filter: hue-rotate(0deg);

  /* بک‌گراند شبکه */
  background: 
    radial-gradient(
      circle,
      var(--main-bg-color) 0%,
      rgba(0, 0, 0, 0) 95%
    ),
    linear-gradient(var(--pattern-color) 1px, transparent 1px),
    linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);

  background-size: 
    cover,
    15px 15px,
    15px 15px;

  background-position: 
    center center,
    center center,
    center center;

  /* افکت hover - شبکه کوچک‌تر و فشرده‌تر می‌شه (مثل دکمه اصلی) */
  transition: background-size 0.2s ease-in-out;
}

/* Hover */
.network-bg:hover {
  background-size: 
    cover,
    10px 10px,
    10px 10px;
}

/* اگر خواستی با کلیک رنگ عوض بشه (اختیاری) */
.network-bg:active {
  filter: hue-rotate(250deg);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Iran yekan xvf';
	font-display: auto;
	src: url('https://www.ns.co.ir/wp-content/uploads/2026/03/IRANYekanXVF.ttf') format('truetype');
}
/* End Custom Fonts CSS */