.elementor-16 .elementor-element.elementor-element-2a31d06{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16 .elementor-element.elementor-element-0d965b4{--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;--justify-content:flex-end;}.elementor-16 .elementor-element.elementor-element-8a1e45b{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-845f6d4{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-7f1b5bc{text-align:left;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:19px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16 .elementor-element.elementor-element-6601b69 .elementor-button{background-color:#FFFFFF;fill:#020000;color:#020000;border-radius:18px 18px 18px 18px;padding:9px 12px 9px 16px;}.elementor-16 .elementor-element.elementor-element-6601b69 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16 .elementor-element.elementor-element-46ac676{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-71px;--margin-bottom:47px;--margin-left:0px;--margin-right:0px;}.elementor-16 .elementor-element.elementor-element-86e0cbe{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16 .elementor-element.elementor-element-98b2aeb{--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-16 .elementor-element.elementor-element-4ff9416{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#67616182;--border-color:#67616182;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16 .elementor-element.elementor-element-4ff9416:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-4ff9416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111322;}.elementor-16 .elementor-element.elementor-element-f46caad{--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-16 .elementor-element.elementor-element-f918960{--e-transform-rotateZ:-90deg;margin:-56px -118px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;z-index:0;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;letter-spacing:3.6px;}.elementor-16 .elementor-element.elementor-element-9b5f824{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16 .elementor-element.elementor-element-8b9ea7f{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Poppins", Sans-serif;font-size:47px;font-weight:400;color:#FAF8F8;}.elementor-16 .elementor-element.elementor-element-32e8586{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;color:#FAF8F8;}.elementor-16 .elementor-element.elementor-element-0a03c9b{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#CFC7C7;}.elementor-16 .elementor-element.elementor-element-4c12204{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16 .elementor-element.elementor-element-3ea90bb{margin:1px 13px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-fdd5aa5{--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-16 .elementor-element.elementor-element-3dbed01{text-align:left;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:26px;letter-spacing:0.3px;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-9d9249f{margin:-61px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:26px;letter-spacing:0.3px;color:#C7C2C2;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-42e7769{margin:-30px 211px calc(var(--kit-widget-spacing, 0px) + 0px) -22px;--icon-box-icon-margin:7px;}.elementor-16 .elementor-element.elementor-element-42e7769 .elementor-icon-box-wrapper{align-items:center;text-align:right;}.elementor-16 .elementor-element.elementor-element-42e7769 .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-42e7769 .elementor-icon{font-size:25px;}.elementor-16 .elementor-element.elementor-element-42e7769 .elementor-icon-box-title, .elementor-16 .elementor-element.elementor-element-42e7769 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-c7b5d53{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16 .elementor-element.elementor-element-7cc022c{--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-16 .elementor-element.elementor-element-7cc022c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-b1fe8d2{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-616221b{--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-16 .elementor-element.elementor-element-616221b.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-16:not(.elementor-motion-effects-element-type-background), body.elementor-page-16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0A0F1A 0%, #0B1320 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-0d965b4{--width:50%;}.elementor-16 .elementor-element.elementor-element-845f6d4{--width:50%;}.elementor-16 .elementor-element.elementor-element-86e0cbe{--width:50%;}.elementor-16 .elementor-element.elementor-element-98b2aeb{--width:50%;}.elementor-16 .elementor-element.elementor-element-4ff9416{--width:1120px;}.elementor-16 .elementor-element.elementor-element-f46caad{--width:5%;}.elementor-16 .elementor-element.elementor-element-9b5f824{--width:32%;}.elementor-16 .elementor-element.elementor-element-4c12204{--width:29%;}.elementor-16 .elementor-element.elementor-element-fdd5aa5{--width:32%;}.elementor-16 .elementor-element.elementor-element-7cc022c{--width:33%;}.elementor-16 .elementor-element.elementor-element-616221b{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-8a1e45b *//* رنگ‌ها و پایه‌ها */
:root{
  --text-strong:#ffffff;
  --text-soft:rgba(255,255,255,.7);
  --divider:rgba(255,255,255,.14);
}

/* ظرف کلی آمار */
.vpn-stats{
  font-family:"Poppins",sans-serif;
  color:var(--text-strong);
  width:max-content;
  padding:8px 124px;
  border-radius:16px;
  background: rgba(8,12,18,.35); /* نیمه‌شفاف روی بک‌گراند دارک */
  backdrop-filter: blur(2px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset;
  overflow:hidden;
  position:relative;
}

/* چرخشِ کل باکس مثل نمونه اسکرین‌شات */
.tilt-right{
  transform: rotate(-12deg);
  transform-origin: center;
}

/* آیتم‌ها */
.vpn-stats__item{
  padding:14px 0;
  position:relative;
}
.vpn-stats__item + .vpn-stats__item{
  border-top:1px solid var(--divider);
}

/* عدد اصلی */
.vpn-stats__value{
  font-weight:400;                 /* ظریف مثل طرح */
  font-size: clamp(18px, 3.6vw, 38px);
  line-height:1.1;
  letter-spacing:.2px;
  margin-bottom:4px;
}

/* عنوان/زیرنویس */
.vpn-stats__label{
  font-weight:300;
  font-size: clamp(12px, 1.4vw, 16px);
  color:var(--text-soft);
  letter-spacing:.2px;
}

/* اختیاری: نقطه‌های بسیار ریز مثل ستاره‌ها (خیلی ملایم) */
.vpn-stats::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.08) 50%, transparent 51%) ,
    radial-gradient(1px 1px at 70% 60%, rgba(255,255,255,.06) 50%, transparent 51%),
    radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.05) 50%, transparent 51%);
  background-repeat: repeat;
  background-size: 160px 160px, 220px 220px, 260px 260px;
  pointer-events:none;
  opacity:.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7d6d18 */:root {
  --text-base: #eaf2ff;
  --grad-1: #60c9ff;
  --grad-2: #4ad1e0;
  --grad-3: #7deaff;
}

/* ظرف عنوان */
.hero-title {
  text-align: left;
  max-width: 900px;
  padding: 40px 0;
}

/* تیتر اصلی */
.hero-title__h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 400; /* نازک‌تر از قبل */
  line-height: 1.34;
  letter-spacing: 0.5px;
  margin: 0;
  font-size: clamp(32px, 6vw, 42px);
  color: var(--text-base);
  text-transform: uppercase;
}

/* خطوط جداگانه */
.hero-title__line {
  display: block;
}

/* خط سوم (با گرادیانت آبی) */
.hero-title__gradient {
  font-weight: 500; /* کمی ضخیم‌تر از دو خط اول */
  background: linear-gradient(90deg, var(--grad-1) 0%, var(--grad-2) 40%, var(--grad-3) 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-845f6d4 */.myfirstseccon1 {
  position: relative;
  overflow: visible;
}

/* نور متمرکز آبی قوی‌تر */
.myfirstseccon1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40%;
  width: 420px;
  height: 420px;
  background: radial-gradient(
    circle at center,
    rgba(1, 132, 160, 0.65) 0%,   /* پررنگ‌تر از قبل */
    rgba(1, 132, 160, 0.25) 25%,
    transparent 70%
  );
  filter: blur(80px); /* blur کمتر = تمرکز بیشتر */
  transform: translate(-50%, -50%);
  opacity: 1; /* بیشترین وضوح */
  pointer-events: none;
  z-index: 0;
}

/* محتوای داخلی بالاتر از افکت */
.myfirstseccon1 > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8d5262 */:root {
  --cyan: #00d1ff;
  --blue: #2f7cff;
  --bg-dark: #0b1220;
  --text: #c9d6e9;
  --text-dim: #8fa3c5;
}

body {
  background: var(--bg-dark);
  font-family: "Poppins", sans-serif;
  color: var(--text);
}

/* container */
.tunnelio-cards {
  padding: 80px 8vw;
  display: flex;
  justify-content: center;
}

.cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  width: 100%;
  max-width: 1100px;
}

/* glass cards */
.glass-card {
  position: relative;
  padding: 26px 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px) saturate(130%);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.glass-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0, 209, 255, 0.4);
  box-shadow:
    0 12px 40px rgba(0, 209, 255, 0.1),
    0 16px 60px rgba(0, 0, 0, 0.5);
}

/* icons */
.icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(0, 209, 255, 0.15), rgba(0, 209, 255, 0.05));
  color: var(--cyan);
  margin-bottom: 16px;
  border: 1px solid rgba(0, 209, 255, 0.2);
  box-shadow: 0 6px 20px rgba(0, 209, 255, 0.2);
}

/* typography */
.glass-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px;
}

.glass-card p {
  font-size: 14.5px;
  color: var(--text-dim);
  line-height: 1.5;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://tunnelio.net/wp-content/uploads/2025/10/Poppins-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */