.elementor-17 .elementor-element.elementor-element-a5f70a4{--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-17 .elementor-element.elementor-element-a5f70a4:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a5f70a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13072A;}.elementor-17 .elementor-element.elementor-element-407a52a{--spacer-size:30px;}.elementor-17 .elementor-element.elementor-element-94cce3a{--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-17 .elementor-element.elementor-element-94cce3a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-94cce3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13072A;}.elementor-17 .elementor-element.elementor-element-da950ac{--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-17 .elementor-element.elementor-element-da950ac:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-da950ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13072A;}.elementor-17 .elementor-element.elementor-element-9819fee{--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-17 .elementor-element.elementor-element-9819fee:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9819fee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13072A;}.elementor-17 .elementor-element.elementor-element-6e58762{--spacer-size:100px;}.elementor-17 .elementor-element.elementor-element-7918ca1{--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-17 .elementor-element.elementor-element-7918ca1:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-7918ca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-17 .elementor-element.elementor-element-3d2c562{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-3d2c562:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3d2c562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-e6e5c15{--grid-row-gap:0px;--grid-column-gap:10px;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__thumbnail__link{width:100%;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__meta-data span + span:before{content:"•";}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__card{border-width:2px;border-radius:20px;padding-top:0px;padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__text{padding:0 0px;margin-top:20px;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__meta-data{padding:10px 0px;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__title, .elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__title a{font-family:"hamtakavan", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-17 .elementor-element.elementor-element-2e6d0b0{--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-17 .elementor-element.elementor-element-2e6d0b0:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2e6d0b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-10f9ae5{--spacer-size:100px;}.elementor-17 .elementor-element.elementor-element-c6fbd29{--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-17 .elementor-element.elementor-element-7cd0c3e{--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-17 .elementor-element.elementor-element-7cd0c3e:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-7cd0c3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-8bfddcc{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-2131dfa{--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-17 .elementor-element.elementor-element-2131dfa:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2131dfa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-2b9d8c5{--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-17 .elementor-element.elementor-element-2b9d8c5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2b9d8c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051938;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-e6e5c15 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-5d6e75a *//* اگر قبلاً @font-face داری، این تکراریه – فقط برای کامل بودن گذاشتم */
@font-face {
  font-family: 'Vazirmatn';
  src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

/* سکشن هیرو */
.hero-section-htk {
  background: #13072A;        /* دقیقا رنگی که گفتی */
  padding: 80px 20px 90px;
  direction: rtl;
  color: #ffffff;
}

/* ظرف داخلی */
.hero-inner-htk {
  max-width: 1200px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;            /* برای ریسپانسیو */
}

/* متن سمت چپ */
.hero-content-htk {
  flex: 1 1 320px;
  animation: hero-fade-up 0.7s ease-out both;
}

.hero-badge-htk {
  display: inline-block;
  padding: 6px 16px;
  font-size: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #dce3ff;
}

.hero-title-htk {
  margin: 16px 0 12px;
  font-size: 36px;
  font-weight: 900;
  color: #ffffff;
}

.hero-subtitle-htk {
  font-size: 16px;
  line-height: 2;
  color: #e5e7ff;
  max-width: 520px;
  margin: 0;
}

/* تصویر سمت راست */
.hero-visual-htk {
  flex: 1 1 320px;
  display: flex;
  justify-content: center;
  animation: hero-fade-up 0.8s ease-out both;
  animation-delay: 0.1s;
}

.hero-image-wrapper-htk {
  max-width: 520px;
  width: 100%;
  position: relative;
  animation: hero-float 8s ease-in-out infinite;
}

.hero-image-htk {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* اوربیت دور تصویر */
.hero-orbit-htk {
  position: absolute;
  inset: -7%;
  border-radius: 999px;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  pointer-events: none;
  animation: hero-orbit 20s linear infinite;
}

/* هاله زیر تصویر */
.hero-glow-htk {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: -12%;
  height: 45%;
  background: radial-gradient(circle, rgba(76, 242, 255, 0.6), transparent 70%);
  filter: blur(4px);
  pointer-events: none;
}

/* انیمیشن‌ها */
@keyframes hero-float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

@keyframes hero-orbit {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes hero-fade-up {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
  .hero-inner-htk {
    flex-direction: column;
    text-align: center;
  }
  .hero-subtitle-htk {
    margin: 0 auto;
  }
  .hero-image-wrapper-htk {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .hero-title-htk {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47cca39 *//* کانتینر دکمه‌ها – وسط چین و ریسپانسیو */
.htk-cta-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    direction: rtl;
    margin: 24px 0;
}

/* استایل پایه دکمه‌ها */
.htk-btn {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 11px 28px;
    border-radius: 999px;
    text-decoration: none;
    cursor: pointer;
    border: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

/* دکمه اصلی – شروع همکاری */
.htk-btn-primary {
    background: linear-gradient(135deg, #4C7DFF, #4CF2FF);
    color: #080513;
    box-shadow: 0 10px 28px rgba(76, 125, 255, 0.55);
}

.htk-btn-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 14px 40px rgba(76, 125, 255, 0.75);
}

.htk-btn-primary:active {
    transform: translateY(0) scale(0.99);
    background: linear-gradient(135deg, #365fd2, #32b9d0);
    box-shadow: 0 6px 18px rgba(54, 95, 210, 0.7);
}

/* دکمه دوم – مشاهده خدمات */
.htk-btn-secondary {
    background: transparent;
    color: #E5E8FF;
    border: 1px solid rgba(198, 204, 255, 0.55);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.htk-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(198, 204, 255, 0.9);
    transform: translateY(-1px);
}

.htk-btn-secondary:active {
    background: rgba(8, 5, 25, 0.9);
    border-color: rgba(160, 170, 255, 0.95);
    transform: translateY(0);
}

/* ریسپانسیو موبایل */
@media (max-width: 480px) {
    .htk-cta-wrapper {
        gap: 10px;
    }
    .htk-btn {
        width: 100%;
        max-width: 260px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cec005c */@font-face {
    font-family: 'Vazirmatn';
    src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

.htk-services-section {
    width: 100%;
    padding: 80px 20px;
    background-color: #ffffff;
    direction: rtl;
    color: #333333;
    position: relative;
    overflow: hidden;
}

.htk-services-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.htk-services-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    animation: fadeIn 1s ease-out;
}

.htk-services-title {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 15px;
    color: #1a237e;
}

.htk-services-subtitle {
    font-size: 18px;
    line-height: 1.6;
    color: #3f51b5;
    margin: 0;
}

.htk-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.htk-service-card {
    padding: 25px 20px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e0eaff;
    box-shadow: 0 8px 16px rgba(26, 35, 126, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
}

.htk-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(26, 35, 126, 0.2);
    border-color: #3f51b5;
}

.htk-service-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #1a237e;
}

.htk-service-text {
    font-size: 15px;
    line-height: 1.6;
    color: #5c6bc0;
    margin: 0;
}

/* انیمیشن‌ها */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .htk-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .htk-services-title {
        font-size: 28px;
    }
}

@media (max-width: 640px) {
    .htk-services-section {
        padding: 60px 15px;
    }
    .htk-services-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .htk-services-title {
        font-size: 26px;
    }
    .htk-service-card {
        padding: 20px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6696026 *//* فونت – اگر قبلاً ست شده، این بلاک را تکرار نکن */
@font-face {
    font-family: 'Vazirmatn';
    src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

/* سکشن هایلایت */
.htk-highlight-section {
    position: relative;
    width: 100%;
    padding: 70px 20px 80px;
    background: #13072A;
    direction: rtl;
    color: #f5f7ff;
    overflow: hidden;
}

/* پس‌زمینه متحرک ملایم */
.htk-highlight-section::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at 0% 0%, #4c7dff44, transparent 60%),
                radial-gradient(circle at 100% 100%, #4cf2ff33, transparent 55%);
    opacity: 0.8;
    animation: htk-bg-shift 18s ease-in-out infinite alternate;
    pointer-events: none;
}

.htk-highlight-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    z-index: 1;
}

/* هدر سکشن */
.htk-highlight-header {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 780px;
    animation: htk-fade-up 0.7s ease-out both;
}

.htk-highlight-title {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 10px;
    color: #ffffff;
}

.htk-highlight-subtitle {
    font-size: 14px;
    color: #c9cfe8;
    margin: 0;
}

/* گرید کارت‌ها */
.htk-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

/* کارت‌ها با انیمیشن حرفه‌ای */
.htk-highlight-card {
    position: relative;
    padding: 22px 20px 24px;
    border-radius: 18px;
    background: rgba(9, 4, 35, 0.96);
    border: 1px solid rgba(138, 153, 255, 0.4);
    text-align: center;
    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.65),
        0 0 16px rgba(76, 125, 255, 0.25);
    overflow: hidden;
    transform-origin: center center;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
    animation: htk-fade-up 0.8s ease-out both;
}

.htk-highlight-card:nth-child(1) { animation-delay: 0.1s; }
.htk-highlight-card:nth-child(2) { animation-delay: 0.2s; }
.htk-highlight-card:nth-child(3) { animation-delay: 0.3s; }

/* نوار گرادیانی متحرک روی کارت */
.htk-highlight-card::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: conic-gradient(
        from 0deg,
        rgba(76, 242, 255, 0.0),
        rgba(76, 242, 255, 0.7),
        rgba(124, 92, 255, 0.8),
        rgba(76, 125, 255, 0.0)
    );
    opacity: 0;
    transform: rotate(0deg);
    transition: opacity 0.3s ease;
    animation: htk-glow-sweep 8s linear infinite;
    pointer-events: none;
}

.htk-highlight-card-title {
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 8px;
    color: #ffffff;
}

.htk-highlight-card-text {
    font-size: 13px;
    line-height: 1.9;
    color: #d3daf5;
    margin: 0;
}

/* افکت هاور حرفه‌ای */
.htk-highlight-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow:
        0 22px 46px rgba(8, 12, 60, 0.9),
        0 0 26px rgba(76, 242, 255, 0.6);
    border-color: rgba(190, 210, 255, 0.95);
    background: radial-gradient(circle at 0% 0%, rgba(76, 242, 255, 0.12), rgba(9, 4, 35, 0.98));
}

.htk-highlight-card:hover::before {
    opacity: 0.7;
}

/* انیمیشن‌ها */
@keyframes htk-bg-shift {
    0%   { transform: translate3d(0, 0, 0) scale(1); }
    50%  { transform: translate3d(-5%, 4%, 0) scale(1.05); }
    100% { transform: translate3d(4%, -6%, 0) scale(1.03); }
}

@keyframes htk-glow-sweep {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes htk-fade-up {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .htk-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .htk-highlight-grid {
        grid-template-columns: 1fr;
    }
    .htk-highlight-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0635356 *//* فونت سایت – اگر قبلاً تعریف کرده‌ای، این بخش را تکرار نکن */
@font-face {
    font-family: 'Vazirmatn';
    src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}
body {
    font-family: 'Vazirmatn', sans-serif;
}

/* سکشن با پس‌زمینه سفید و هاله‌های خیلی ملایم */
.htk-industries-section {
    width: 100vw;
    margin-inline-start: calc(50% - 50vw);
    margin-inline-end: calc(50% - 50vw);
    background: #ffffff;
    padding: 90px 20px 100px;
    direction: rtl;
    position: relative;
    overflow: hidden;
}

/* هاله‌های خیلی لطیف در گوشه‌ها */
.htk-industries-section::before,
.htk-industries-section::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(55px);
    opacity: 0.22;
    pointer-events: none;
}

.htk-industries-section::before {
    width: 260px;
    height: 260px;
    inset-inline-start: -10%;
    inset-block-start: -20%;
    background: radial-gradient(circle, rgba(76, 125, 255, 0.5), transparent 70%);
}

.htk-industries-section::after {
    width: 220px;
    height: 220px;
    inset-inline-end: -8%;
    inset-block-end: -18%;
    background: radial-gradient(circle, rgba(124, 92, 255, 0.45), transparent 70%);
}

.htk-industries-inner {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* هدر با انیمیشن ورود */
.htk-industries-header {
    text-align: center;
    margin-bottom: 60px;
    animation: htk-industries-fade 0.7s ease-out both;
}

.htk-industries-title {
    font-size: 28px;
    font-weight: 800;
    color: #111827;
    margin: 0 0 12px;
}

.htk-industries-subtitle {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.9;
    margin: 0;
}

/* گرید – سه ستون */
.htk-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

/* کارت‌ها با هاله ظریف + انیمیشن ورود */
.htk-industry-card {
    position: relative;
    padding: 24px 22px 24px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
    animation: htk-industries-fade 0.9s ease both;
}

/* تأخیر برای ورود مرحله‌ای کارت‌ها */
.htk-industry-card:nth-child(1) { animation-delay: 0.05s; }
.htk-industry-card:nth-child(2) { animation-delay: 0.10s; }
.htk-industry-card:nth-child(3) { animation-delay: 0.15s; }
.htk-industry-card:nth-child(4) { animation-delay: 0.20s; }
.htk-industry-card:nth-child(5) { animation-delay: 0.25s; }
.htk-industry-card:nth-child(6) { animation-delay: 0.30s; }

/* هاله گرادیانی دور کارت – همیشه هست، ولی ظریف */
.htk-industry-card::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(
        135deg,
        rgba(76, 125, 255, 0.30),
        rgba(124, 92, 255, 0.28),
        rgba(37, 211, 255, 0.25)
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.45;
    transition: opacity 0.35s ease, transform 0.35s ease;
}

/* متن کارت */
.htk-industry-title {
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 10px;
    color: #111827;
}

.htk-industry-text {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.9;
    margin: 0;
}

/* هاور – کارت کمی بلند می‌شود، هاله قوی‌تر می‌شود */
.htk-industry-card:hover {
    transform: translateY(-10px);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.12),
        0 0 26px rgba(76, 125, 255, 0.20);
    border-color: rgba(99, 102, 241, 0.4);
}

.htk-industry-card:hover::before {
    opacity: 1;
    transform: scale(1.02);
}

/* انیمیشن ورود */
@keyframes htk-industries-fade {
    0% { opacity: 0; transform: translateY(18px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .htk-industries-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .htk-industries-section {
        padding: 70px 16px 80px;
    }
    .htk-industries-grid {
        grid-template-columns: 1fr;
    }
    .htk-industries-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3837e4c *//* فونت – اگر قبلاً بالای سایت اضافه کرده‌ای، این بلاک را تکرار نکن */
@font-face {
    font-family: 'Vazirmatn';
    src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

/* سکشن سفر ما – تم تیره نئونی با انیمیشن پس‌زمینه */
.htk-story-section {
    width: 100%;
    padding: 80px 20px 90px;
    background: linear-gradient(135deg, #13072A, #251052, #0b0720, #13072A);
    background-size: 260% 260%;
    animation: htk-story-bg 18s ease-in-out infinite;
    direction: rtl;
    color: #f5f7ff;
    position: relative;
    overflow: hidden;
}

/* هاله‌های نور در پس‌زمینه */
.htk-story-section::before,
.htk-story-section::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.55;
    pointer-events: none;
}

.htk-story-section::before {
    width: 380px;
    height: 380px;
    inset-inline-start: -10%;
    inset-block-start: -20%;
    background: radial-gradient(circle, rgba(76, 242, 255, 0.8), transparent 70%);
    animation: htk-orb-1 14s ease-in-out infinite alternate;
}

.htk-story-section::after {
    width: 320px;
    height: 320px;
    inset-inline-end: -8%;
    inset-block-end: -18%;
    background: radial-gradient(circle, rgba(124, 92, 255, 0.85), transparent 70%);
    animation: htk-orb-2 16s ease-in-out infinite alternate;
}

/* باکس اصلی */
.htk-story-inner {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 32px;
    padding: 36px 32px;
    background: radial-gradient(circle at 0% 0%, rgba(76, 242, 255, 0.11), rgba(7, 5, 26, 0.96));
    border: 1px solid rgba(164, 181, 255, 0.45);
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.85),
        0 0 40px rgba(76, 125, 255, 0.45);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 32px;
    position: relative;
    z-index: 1;
}

/* ستون متن */
.htk-story-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: htk-fade-up 0.7s ease-out both;
}

.htk-story-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(255, 185, 92, 0.1);
    border: 1px solid rgba(255, 185, 92, 0.7);
    font-size: 12px;
    color: #ffd7a1;
    margin-bottom: 10px;
}

.htk-story-badge::before {
    content: "✨";
    font-size: 14px;
}

.htk-story-title {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 10px;
    color: #ffffff;
}

.htk-story-lead {
    font-size: 15px;
    font-weight: 600;
    color: #e3e7ff;
    margin: 0 0 8px;
}

.htk-story-text {
    font-size: 14px;
    line-height: 1.9;
    color: #c5c9ee;
    margin: 0 0 20px;
}

/* دکمه درباره ما */
.htk-story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 24px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, #4C7DFF, #4CF2FF);
    color: #050516;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 16px 35px rgba(76, 125, 255, 0.65);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.htk-story-btn::before {
    content: "←";
    font-size: 13px;
}

.htk-story-btn:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 22px 45px rgba(76, 125, 255, 0.85);
    filter: brightness(1.05);
}

.htk-story-btn:active {
    transform: translateY(0) scale(0.97);
    box-shadow: 0 10px 26px rgba(54, 95, 210, 0.9);
}

/* ستون تصویر */
.htk-story-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: htk-fade-up 0.7s ease-out both;
    animation-delay: 0.15s;
}

.htk-story-image-wrap {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.95),
        0 0 32px rgba(76, 242, 255, 0.6);
    transform-origin: center;
    animation: htk-img-float 7s ease-in-out infinite;
}

/* هاله نوری روی تصویر */
.htk-story-glow {
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 0% 0%, rgba(76, 242, 255, 0.6), transparent 70%),
        radial-gradient(circle at 100% 100%, rgba(124, 92, 255, 0.6), transparent 70%);
    mix-blend-mode: screen;
    opacity: 0.9;
    animation: htk-glow-pulse 4.5s ease-in-out infinite;
    pointer-events: none;
}

.htk-story-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: scale(1.03);
}

/* انیمیشن‌ها */
/* حرکت پس‌زمینه کلی سکشن */
@keyframes htk-story-bg {
    0%   { background-position: 0% 0%; }
    50%  { background-position: 80% 100%; }
    100% { background-position: 0% 0%; }
}

/* حرکت هاله‌های بزرگ */
@keyframes htk-orb-1 {
    0%   { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(8%, 10%, 0) scale(1.12); }
}

@keyframes htk-orb-2 {
    0%   { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-6%, -8%, 0) scale(1.08); }
}

/* شناوری تصویر */
@keyframes htk-img-float {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(-10px) rotate(-0.6deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

/* پالس نوری روی تصویر */
@keyframes htk-glow-pulse {
    0%   { opacity: 0.6; }
    50%  { opacity: 1; }
    100% { opacity: 0.6; }
}

/* فید آپ عمومی */
@keyframes htk-fade-up {
    0%   { opacity: 0; transform: translateY(18px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .htk-story-inner {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        padding: 30px 26px;
    }
}

@media (max-width: 768px) {
    .htk-story-inner {
        grid-template-columns: 1fr;
        padding: 26px 20px 30px;
        gap: 22px;
    }
    .htk-story-section {
        padding: 60px 16px 70px;
    }
    .htk-story-content {
        text-align: center;
        align-items: center;
    }
    .htk-story-btn {
        align-self: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6577235 *//* سکشن کاربردها – تمام عرض واقعی با پس‌زمینه سفید و گرادینت ملایم برای جذابیت */
.htk-usecases-section {
    position: relative;
    width: 100vw;
    margin-inline-start: calc(50% - 50vw);
    margin-inline-end: calc(50% - 50vw);
    padding: 90px 20px 100px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    direction: rtl;
    color: #111827;
    overflow: hidden;
}

.htk-usecases-inner {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* هدر سکشن با انیمیشن ورود نرم */
.htk-usecases-header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 60px;
    animation: htk-fade-up 0.8s ease-out both;
}

.htk-usecases-title {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 12px;
    color: #0f172a;
}

.htk-usecases-subtitle {
    font-size: 15px;
    color: #4b5563;
    margin: 0;
    line-height: 1.7;
}

/* ردیف هر کاربرد – بهبودیافته با فلکس و فاصله بیشتر */
.htk-usecase-row {
    display: flex;
    align-items: center;
    gap: 90px;
    margin-bottom: 90px;
    flex-wrap: wrap;
}

.htk-usecase-row:last-child {
    margin-bottom: 0;
}

/* برای تنوع: ردیف وسط برعکس */
.htk-usecase-row-2 {
    flex-direction: row-reverse;
}

/* ستون ویدیو – با افکت هاور و انیمیشن پیشرفته */
.htk-usecase-media {
    flex: 1 1 450px;
    min-width: 350px;
}

.htk-usecase-video-frame {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.35), 0 0 25px rgba(37, 99, 235, 0.2);
    transform-origin: center;
    animation: htk-card-float 9s ease-in-out infinite;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.htk-usecase-row-2 .htk-usecase-video-frame {
    animation-delay: 0.8s;
}

.htk-usecase-video-frame:hover {
    transform: scale(1.03);
    box-shadow: 0 25px 55px rgba(15, 23, 42, 0.45), 0 0 30px rgba(37, 99, 235, 0.3);
}

.htk-usecase-video-frame video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ستون متن – با انیمیشن ورود و هاور افکت */
.htk-usecase-content {
    flex: 1 1 450px;
    min-width: 350px;
    animation: htk-fade-up 0.9s ease-out both;
    transition: transform 0.4s ease;
}

.htk-usecase-content:hover {
    transform: translateY(-5px);
}

.htk-usecase-pill {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.4);
    font-size: 13px;
    color: #1d4ed8;
    margin-bottom: 10px;
    transition: background 0.3s ease;
}

.htk-usecase-content:hover .htk-usecase-pill {
    background: rgba(37, 99, 235, 0.15);
}

.htk-usecase-heading {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 10px;
    color: #0f172a;
}

.htk-usecase-text {
    font-size: 15px;
    line-height: 1.8;
    color: #4b5563;
    margin: 0;
}

/* انیمیشن‌ها – بهبودیافته برای جذابیت بیشتر */
@keyframes htk-fade-up {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes htk-card-float {
    0% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-10px) scale(1.015); }
    100% { transform: translateY(0) scale(1); }
}

/* ریسپانسیو – بهبودیافته برای دستگاه‌های کوچک */
@media (max-width: 900px) {
    .htk-usecase-row,
    .htk-usecase-row-2 {
        flex-direction: column;
        gap: 40px;
    }
    .htk-usecase-content {
        text-align: right;
    }
}

@media (max-width: 640px) {
    .htk-usecases-section {
        padding: 70px 16px 80px;
    }
    .htk-usecases-title {
        font-size: 24px;
    }
    .htk-usecase-heading {
        font-size: 18px;
    }
    .htk-usecase-text {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87e8de2 *//* فونت – اگر از قبل ست شده، این بلاک را حذف کن */
@font-face {
    font-family: 'Vazirmatn';
    src: url('https://hamtakavan.ir/wp-content/uploads/2025/11/Vazirmatn-RDwght.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

/* سکشن تماس */
.htk-contact-section {
    width: 100vw;
    margin-inline-start: calc(50% - 50vw);
    margin-inline-end: calc(50% - 50vw);
    padding: 80px 20px 90px;
    background: radial-gradient(circle at 0% 0%, #1f1644 0%, #13072A 45%, #050313 100%);
    direction: rtl;
    color: #f9fafb;
    position: relative;
    overflow: hidden;
}

/* هاله‌های پس‌زمینه */
.htk-contact-section::before,
.htk-contact-section::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.5;
    pointer-events: none;
}

.htk-contact-section::before {
    width: 260px;
    height: 260px;
    inset-inline-start: -8%;
    inset-block-start: -20%;
    background: radial-gradient(circle, rgba(76, 242, 255, 0.55), transparent 70%);
    animation: htk-contact-orb-1 16s ease-in-out infinite alternate;
}

.htk-contact-section::after {
    width: 260px;
    height: 260px;
    inset-inline-end: -6%;
    inset-block-end: -18%;
    background: radial-gradient(circle, rgba(124, 92, 255, 0.65), transparent 70%);
    animation: htk-contact-orb-2 18s ease-in-out infinite alternate;
}

.htk-contact-inner {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 36px;
    align-items: center;
}

/* ستون متن */
.htk-contact-content {
    animation: htk-contact-fade-up 0.8s ease-out both;
}

.htk-contact-title {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.6;
}

.htk-contact-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(148, 163, 255, 0.7);
    font-size: 12px;
    color: #e5e7ff;
    margin-bottom: 10px;
}

.htk-contact-badge i {
    font-size: 13px;
    color: #4cf2ff;
}

.htk-contact-text {
    font-size: 14px;
    line-height: 1.9;
    color: #d1d5f0;
    margin: 0 0 18px;
}

/* بولت‌های نکات */
.htk-contact-highlights {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
}

.htk-contact-highlights li {
    font-size: 13px;
    color: #cbd2ff;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.htk-contact-highlights i {
    font-size: 11px;
    color: #4cf2ff;
}

/* دکمه CTA */
.htk-contact-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 26px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4C7DFF, #4CF2FF);
    color: #050316;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 16px 40px rgba(76, 125, 255, 0.7);
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.htk-contact-cta::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: -40%;
    width: 40%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent);
    opacity: 0;
    transform: skewX(-20deg);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.htk-contact-cta:hover::before {
    opacity: 1;
    transform: translateX(220%) skewX(-20deg);
}

.htk-contact-cta:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 20px 50px rgba(76, 125, 255, 0.9);
    filter: brightness(1.03);
}

.htk-contact-cta i {
    font-size: 13px;
}

/* ستون اطلاعات تماس */
.htk-contact-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
    animation: htk-contact-fade-up 0.9s ease-out both;
    animation-delay: 0.12s;
}

.htk-contact-card {
    position: relative;
    border-radius: 18px;
    padding: 14px 16px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(148, 163, 255, 0.7);
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.65);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.htk-contact-card.subtle {
    opacity: 0.92;
}

.htk-contact-card::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at 0% 0%, rgba(76, 242, 255, 0.4), transparent 60%);
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.htk-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.9);
    border-color: rgba(199, 210, 254, 0.95);
    background: rgba(15, 23, 42, 0.96);
}

.htk-contact-card:hover::before {
    opacity: 1;
    transform: translate(6px, 6px);
}

.htk-contact-card-icon {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 30% 0%, #4CF2FF, #4C7DFF);
    color: #050316;
    flex-shrink: 0;
    box-shadow: 0 8px 22px rgba(76, 125, 255, 0.75);
}

.htk-contact-card-icon i {
    font-size: 16px;
}

.htk-contact-card-body h3 {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 700;
    color: #e5e7ff;
}

.htk-contact-card-body p {
    margin: 0;
    font-size: 13px;
    color: #cbd5f5;
}

/* انیمیشن‌ها */
@keyframes htk-contact-fade-up {
    0% { opacity: 0; transform: translateY(18px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes htk-contact-orb-1 {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(8%, 12%, 0) scale(1.1); }
}

@keyframes htk-contact-orb-2 {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-8%, -10%, 0) scale(1.08); }
}

/* ریسپانسیو */
@media (max-width: 900px) {
    .htk-contact-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .htk-contact-section {
        padding: 60px 16px 70px;
    }
    .htk-contact-title {
        font-size: 22px;
    }
}/* End custom CSS */