.tpm-home{--wrap: 1100px;--blue: #0e1033;--primary: #0d0730;--cyan: #33f3fd;--green: #4ea39c;--purple: #713795;--grey: #f9f9f9;--light-grey: #efefef;--radius: 35px;--fd: "IRANYekan",Tahoma,sans-serif;--fb: "IRANSans",Tahoma,sans-serif;--ico-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26' viewBox='0 0 34 26'%3E%3Cpath d='M25.6 13 21.5 18H18v-.04l3-3.63.02-2.65L18 8.01V8h3.48L25.6 13Z' fill='%23ffffff'/%3E%3Cpath d='M22 13H0' stroke='%23ffffff' stroke-width='2.7'/%3E%3Cpath d='M30 13c0 5.52-4.48 10-10 10-3.7 0-6.94-2.02-8.67-5.02H8c1.96 4.71 6.6 8.02 12.01 8.02C27.2 26 33 20.18 33 13S27.2 0 20 0C14.6 0 9.97 3.3 8.01 7.99h3.34C13.08 5.01 16.31 3 20 3c5.52 0 10 4.48 10 10Z' fill='%2333f3fd'/%3E%3C/svg%3E");--ico-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26' viewBox='0 0 34 26'%3E%3Cpath d='M25.6 13 21.5 18H18v-.04l3-3.63.02-2.65L18 8.01V8h3.48L25.6 13Z' fill='%230e1033'/%3E%3Cpath d='M22 13H0' stroke='%230e1033' stroke-width='2.7'/%3E%3Cpath d='M30 13c0 5.52-4.48 10-10 10-3.7 0-6.94-2.02-8.67-5.02H8c1.96 4.71 6.6 8.02 12.01 8.02C27.2 26 33 20.18 33 13S27.2 0 20 0C14.6 0 9.97 3.3 8.01 7.99h3.34C13.08 5.01 16.31 3 20 3c5.52 0 10 4.48 10 10Z' fill='%2333f3fd'/%3E%3C/svg%3E");--ico-nav: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='10' viewBox='0 0 26 10'%3E%3Cpath d='M26 4.98 21.8 10h-3.46v-.04l3.02-3.63H1V3.67h20.4L18.34.01V0h3.48L26 4.98Z' fill='%23000'/%3E%3C/svg%3E");font-family: var(--fb);color: var(--blue);line-height: 1.7;font-size: 15px;position: relative;width: 100%;max-width: 100%;float: none}.tpm-home .hero,.tpm-home .tpm-hmi-band,.tpm-home .brands,.tpm-home .cta-band{position: relative;left: auto;right: auto;width: 100vw;max-width: 100vw;margin-inline: calc(50% - 50vw)}.IndexTextBox .wow,.IndexText.wow{opacity: 1 !important;visibility: visible !important}#ctl13_div1 .SlidePicture,#ctl13_div1 .slideTuch,.ServiceBox3{display: none !important}.BoxIndexText,.IndexTextBox,.IndexText{width: 100%;max-width: none;float: none}.tpm-home img{max-width: 100%;display: block}.tpm-home a{color: inherit;text-decoration: none;transition: color 0.25s}.tpm-home ul{list-style: none;margin: 0;padding: 0}.tpm-home p{text-align: justify;margin: 0}.tpm-home h2,.tpm-home h3{font-family: var(--fd);color: var(--blue);line-height: 1.6;margin: 0}.tpm-home .hl{color: var(--cyan)}.tpm-home .tpm-holder{max-width: var(--wrap);margin-inline: auto;padding-inline: 20px}.tpm-home .section{padding-block: 56px}@media (min-width: 768px){.tpm-home .tpm-holder{padding-inline: 32px}}.tpm-home .cta{display: inline-flex;align-items: center;gap: 12px;font-size: 12px;font-weight: 700;letter-spacing: 0.3px;color: var(--blue)}.tpm-home .cta::after{content: "";flex: none;width: 34px;height: 26px;transform: scaleX(-1);background: var(--ico-light) no-repeat center/contain}.tpm-home .cta:hover{color: var(--purple)}.tpm-home .cta.dark,.tpm-home .skew .cta{color: #fff}.tpm-home .cta.dark::after,.tpm-home .skew .cta::after,.tpm-home .ncard:hover .cta::after{background-image: var(--ico-dark)}.tpm-home .cta.dark:hover,.tpm-home .skew .cta:hover{color: var(--cyan)}.tpm-home .hero{position: relative;height: 85vh;min-height: 540px;display: flex;align-items: flex-end;justify-content: flex-start;overflow: hidden;background: #0b1030}.tpm-home .hero::before{content: "";position: absolute;inset: 0;z-index: 0;background: url("/Administrator/Files/Design/industrial-poster.jpg") center/cover no-repeat,radial-gradient(120% 90% at 70% 10%,#2b3566 0%,#141a3d 45%,#0b1030 100%)}.tpm-home .hero .poster{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;max-width: none;object-fit: cover}.tpm-home .hero video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;opacity: 0;transition: opacity 0.6s ease}.tpm-home .hero video.is-playing{opacity: 1}.tpm-home .hero::after{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient( 180deg,rgba(11,16,48,0.18) 0%,rgba(11,16,48,0.42) 55%,rgba(11,16,48,0.8) 100% ),radial-gradient( 900px 420px at 30% 0%,rgba(51,243,253,0.1),transparent 62% );pointer-events: none}.tpm-home .hero-cap{position: relative;z-index: 2;max-width: 500px;padding: 52px 48px 40px;color: #fff;background: rgba(13,7,48,0.6)}.tpm-home .hero-cap h1{position: static !important;width: 100% !important;height: auto !important;padding: 0 !important;margin: 0 0 22px !important;overflow: visible !important;clip: auto !important;white-space: normal !important;border: 0 !important;color: #fff !important;font-family: var(--fd);font-size: clamp(20px,3vw,25px);font-weight: 800;line-height: 1.6}.tpm-home .hero-cap h1 .hl{color: var(--cyan) !important}.tpm-home .tpm-hmi-band{background: linear-gradient(180deg,#141744,var(--blue));border-bottom: 2px solid var(--cyan)}.tpm-home .tpm-hmi{max-width: var(--wrap);margin-inline: auto;display: flex;align-items: center;justify-content: center;overflow-x: auto;color: #cfe0f5;font-size: 11px;scrollbar-width: none}.tpm-home .tpm-hmi::-webkit-scrollbar{display: none}.tpm-home .tpm-hmi-cell{display: flex;align-items: center;gap: 8px;white-space: nowrap;padding: 10px 18px;border-inline-start: 1px solid rgba(255,255,255,0.08)}.tpm-home .tpm-hmi-cell:first-child{border-inline-start: 0}.tpm-home .tpm-hmi-label{font-size: 11px;color: #fff;font-weight: 600}.tpm-home .tpm-hmi-val{font-weight: 800;color: var(--cyan);letter-spacing: 0.5px;font-variant-numeric: tabular-nums}.tpm-home .intro{display: flex;flex-wrap: wrap;align-items: center;gap: 30px}.tpm-home .intro-t{flex: 0 0 46%;position: relative;padding-inline-end: 40px;font-size: clamp(22px,2.8vw,34px);font-weight: 800;line-height: 1.25;text-align: right}.tpm-home .intro-t::after{content: "";position: absolute;inset-inline-end: 4px;top: 50%;width: 3px;height: 74px;background: var(--blue);transform: translateY(-50%) skewX(-16deg)}.tpm-home .intro-d{flex: 1;min-width: 260px}.tpm-home .intro-d p{font-size: 15px;font-weight: 300;line-height: 2;color: var(--blue)}.tpm-home .intro-d p + p{margin-top: 14px}.tpm-home .intro-d a{color: var(--purple);font-weight: 700}.tpm-home .areas-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px}.tpm-home .area{position: relative;aspect-ratio: 1/1;overflow: hidden;display: block;background: var(--blue)}.tpm-home .area:first-child{border-top-right-radius: var(--radius)}.tpm-home .area > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.tpm-home .area .cap{position: absolute;bottom: 0;right: 0;left: 0;z-index: 2;display: block;transform: translateY(calc(100% - 56px));transition: transform 0.35s}.tpm-home .area:hover .cap,.tpm-home .area:focus-visible .cap{transform: translateY(0)}.tpm-home .area .cap strong{background: #f0f0f09e;color: var(--blue);display: inline-flex;font-family: var(--fd);font-size: 16px;font-weight: 800;letter-spacing: 0.4px;padding: 15px 24px;width: 100%}.tpm-home .area .cap .d{display: block;background: #f0f0f09e;padding: 16px 20px;font-size: 12px;font-weight: 300;line-height: 1.7;color: #000;text-align: justify}.tpm-home .area:hover .cap strong,.tpm-home .area:hover .cap .d{background: #f0f0f09e}.tpm-home .brandblk{display: flex;flex-wrap: wrap;gap: 26px}.tpm-home .brandblk .logo-box{flex: 0 0 320px;background: #2f2f3a;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;color: #fff;padding: 36px;text-align: center;min-height: 300px}.tpm-home .brandblk .logo-box b,.tpm-home .brandblk .logo-box strong{font-size: 34px;font-weight: 800;letter-spacing: 2px}.tpm-home .brandblk .logo-box b::after,.tpm-home .brandblk .logo-box strong::after{content: "";display: block;width: 120px;height: 3px;background: var(--cyan);margin: 10px auto}.tpm-home .brandblk .logo-box .wave{display: none}.tpm-home .brandblk .logo-box span{font-size: 13px;opacity: 0.75;letter-spacing: 1px}.tpm-home .brandblk .details{flex: 1;min-width: 280px;background: var(--grey);display: flex;flex-direction: column;justify-content: center;gap: 14px;padding: 44px 52px}.tpm-home .brandblk .details h2{font-size: clamp(20px,2.5vw,30px);font-weight: 800}.tpm-home .brandblk .details p{font-size: 15px;font-weight: 300;line-height: 1.9;color: #333}.tpm-home .brandblk .details .cta{margin-top: 6px}.tpm-home .skew-in,.tpm-home .skew:not(:has(.skew-in)){position: relative;display: flex;min-height: 34rem;overflow: hidden}.tpm-home .skew-info{position: relative;flex: 0 0 50%;max-width: 50%;z-index: 2;color: #fff;padding: 3rem 3.25rem;display: flex;flex-direction: column;justify-content: center;gap: 16px}.tpm-home .skew-info::after{content: "";position: absolute;top: -8%;bottom: -8%;left: -0.5rem;width: 118%;z-index: -1;border-left: 10px solid #fff;transform: skewX(-15deg);transform-origin: center}.tpm-home .skew--green .skew-info::after{background: var(--green)}.tpm-home .skew--navy .skew-info::after{background: var(--blue)}.tpm-home .skew .pic{position: absolute;top: 0;bottom: 0;left: 0;right: auto;z-index: 1;width: 62%;height: 100%;object-fit: cover;object-position: center;background-color: #fff}.tpm-home .skew .eyebrow{font-size: 14px;font-weight: 600;letter-spacing: 1px;opacity: 0.9}.tpm-home .skew h2{color: #fff;font-size: clamp(22px,2.6vw,30px);font-weight: 800;line-height: 1.3}.tpm-home .skew p{font-size: 15px;font-weight: 300;line-height: 1.95;color: rgba(255,255,255,0.92)}.tpm-home .skew-tag{position: absolute;bottom: 0;left: 0;z-index: 3;background: #fff;color: var(--blue);font-size: 13px;font-weight: 700;padding: 15px 24px;display: inline-flex;align-items: center;gap: 10px;opacity: 0;transform: translateY(12px);transition: opacity 0.3s,transform 0.3s;pointer-events: none}.tpm-home .skew-in:hover .skew-tag,.tpm-home .skew-in:focus-within .skew-tag{opacity: 1;transform: translateY(0);pointer-events: auto}.tpm-home .news-sec{position: relative}.tpm-home .shead{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 24px}.tpm-home .shead h2{font-size: clamp(20px,2.5vw,30px);font-weight: 800}.tpm-home .news-sec > p{font-size: 15px;font-weight: 300;line-height: 2;margin-bottom: 26px}.tpm-home .slider{display: flex;gap: 18px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin-bottom: 56px}.tpm-home .slider::-webkit-scrollbar{height: 0}.tpm-home .ncard{flex: 0 0 clamp(260px,30%,336px);scroll-snap-align: start;background: var(--grey);display: flex;flex-direction: column;overflow: hidden}.tpm-home .ncard:first-child{border-top-right-radius: var(--radius)}.tpm-home .ncard .thumb{width: 100%;height: 200px;object-fit: cover}.tpm-home .ncard .body{padding: 18px 22px;display: flex;flex-direction: column;flex: 1}.tpm-home .ncard .kat{font-size: 13px;font-weight: 600;color: var(--blue);padding-inline-start: 16px;position: relative}.tpm-home .ncard .kat::before{content: "";position: absolute;inset-inline-start: 0;top: 50%;transform: translateY(-50%) skewX(-12deg);width: 3px;height: 12px;background: var(--green)}.tpm-home .ncard h3{font-size: 18px;font-weight: 700;line-height: 1.5;margin: 14px 0 12px}.tpm-home .ncard p{font-size: 14px;font-weight: 300;line-height: 1.7;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.tpm-home .ncard .cta{margin-top: auto;padding-top: 16px;font-size: 13px}.tpm-home .ncard:hover .body{background: var(--purple)}.tpm-home .ncard:hover .kat,.tpm-home .ncard:hover h3,.tpm-home .ncard:hover p,.tpm-home .ncard:hover .cta{color: #fff}.tpm-home .ncard:hover .kat::before{background: var(--cyan)}.tpm-home .sprog{position: absolute;inset-inline: 20px;bottom: 56px;height: 34px;display: flex;align-items: center;gap: 14px}.tpm-home .sprog button{flex: none;background: none;border: 0;padding: 12px 6px;margin: 0;cursor: pointer;display: flex;align-items: center;color: var(--blue)}.tpm-home .sprog button::before{content: "";width: 26px;height: 10px;background: currentColor;-webkit-mask: var(--ico-nav) no-repeat center/contain;mask: var(--ico-nav) no-repeat center/contain}.tpm-home .sprog button[data-dir="next"]::before{transform: scaleX(-1)}.tpm-home .sprog button:hover{color: var(--purple)}.tpm-home .sprog .track{flex: 1;height: 1px;background: #cfd2d6;position: relative}.tpm-home .sprog .track span{position: absolute;inset-inline-start: 0;top: -1px;height: 3px;width: 34%;background: var(--blue)}@media (min-width: 768px){.tpm-home .sprog{inset-inline: 32px}}.tpm-home .chips{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px}.tpm-home .chip{border: 1px solid #d8dbe4;border-radius: 999px;padding: 8px 16px;font-size: 13.5px;font-weight: 700;color: var(--blue);background: #fff}.tpm-home .chip:hover{border-color: var(--purple);color: var(--purple)}.tpm-home .brands{overflow-x: auto;overflow-y: hidden;overscroll-behavior-x: contain;scrollbar-width: none;-webkit-overflow-scrolling: touch;background: var(--grey);padding-block: 26px;cursor: grab}.tpm-home .brands::-webkit-scrollbar{height: 0}.tpm-home .brands.is-grabbing{cursor: grabbing}.tpm-home .btrack{display: flex;gap: 70px;width: max-content;align-items: center;padding-inline: 24px;animation: tpmBelt 34s linear infinite}.tpm-home.tpm-idle .btrack,.tpm-home .brands:hover .btrack,.tpm-home .brands.is-paused .btrack{animation-play-state: paused}.tpm-home .btrack span{font-size: 24px;font-weight: 800;color: #767d8c;letter-spacing: 2px;white-space: nowrap;transition: color 0.3s}.tpm-home .btrack a:hover span{color: var(--blue)}.tpm-home .btrack img{display: block;width: 150px;height: 150px;max-width: none;border: 1px solid #ddd;object-fit: contain;opacity: 0.62;transition: filter 0.3s,opacity 0.3s;-webkit-user-drag: none;user-select: none;pointer-events: none}.tpm-home .btrack a{flex: none;display: block}.tpm-home .btrack a:hover img{filter: none;opacity: 1}@keyframes tpmBelt{from{transform: translateX(0)}to{transform: translateX(50%)}}.tpm-home .cta-band{background: var(--purple);padding: 56px 60px}.tpm-home .cta-band a{color: #fff;font-family: var(--fd);font-size: clamp(24px,4vw,44px);font-weight: 700;display: flex;align-items: center;justify-content: space-between;gap: 20px;max-width: var(--wrap);margin-inline: auto}.tpm-home .cta-band a::after{content: "";flex: none;width: 42px;height: 33px;transform: scaleX(-1);background: var(--ico-dark) no-repeat center/contain}.tpm-home .cta-band a:hover{color: var(--cyan)}.tpm-home .support{position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 50;background: var(--cyan);color: var(--blue);writing-mode: vertical-rl;font-size: 13px;font-weight: 700;letter-spacing: 1px;padding: 20px 8px;border-radius: 0 14px 0 0;display: flex;align-items: center;gap: 8px}.tpm-home .support:hover{color: var(--blue);background: #5df6ff}@media (max-width: 900px){.tpm-home .areas-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 820px){.tpm-home .intro-t{flex: 1 1 100%;padding-inline-end: 0}.tpm-home .intro-t::after{display: none}.tpm-home .brandblk .logo-box{flex: 1 1 100%;order: -1;min-height: 210px}.tpm-home .brandblk .details{padding: 30px 22px}.tpm-home .skew-in,.tpm-home .skew:not(:has(.skew-in)){flex-direction: column;min-height: auto}.tpm-home .skew-info{flex: 1 1 100%;max-width: 100%;padding: 32px 22px;order: 2}.tpm-home .skew-info::after{top: 0;bottom: 0;left: 0;width: 100%;border-left: 0;transform: none}.tpm-home .skew .pic{position: static;order: 1;height: 250px;width: auto}.tpm-home .skew-tag{display: none}}@media (max-width: 768px){.tpm-home .hero{height: 70vh;min-height: 460px}.tpm-home .hero-cap{padding: 28px 22px;max-width: 100%;width: 100%}}@media (max-width: 640px){.tpm-home .section{padding-block: 40px}.tpm-home .cta-band{padding: 36px 24px}.tpm-home .support{display: none}.tpm-home .tpm-hmi-band{overflow: hidden}.tpm-home .tpm-hmi{justify-content: flex-start;overflow: visible;width: max-content;flex-wrap: nowrap;margin-inline: 0}.tpm-home .tpm-hmi-track{display: flex;width: max-content}.tpm-home:not(.tpm-idle) .tpm-hmi-track{animation: tpmHmiMarq 15s linear infinite}}@media (max-width: 600px){.tpm-home .areas-grid{grid-template-columns: 1fr}.tpm-home .area{aspect-ratio: 1.2/1}}@keyframes tpmHmiMarq{from{transform: translateX(0)}to{transform: translateX(50%)}}@media (prefers-reduced-motion: reduce){.tpm-home .tpm-hmi-track,.tpm-home .btrack{animation: none !important}.tpm-home .area .cap,.tpm-home .skew-tag,.tpm-home .hero video{transition: none !important}}.tpm-home .slider{cursor: grab;overscroll-behavior-x: contain}.tpm-home .slider.is-grabbing,.tpm-home .slider.is-grabbing *{cursor: grabbing}.tpm-home .slider.is-grabbing{scroll-snap-type: none;scroll-behavior: auto}.tpm-home .slider img{-webkit-user-drag: none;user-select: none}.tpm-home .ncard{cursor: pointer}