/*==================================================  WEBSITE DEVELOPMENT HERO  PART-1B.1==================================================*/:root {--primary: #ff7a00;--primary2: #ff9d2f;--dark: #0b1220;--dark2: #151c2f;--light: #f7f9fc;--text: #4b5563;--border: #e7edf5;--radius: 28px;--shadow1: 0 20px 60px rgba(15, 23, 42, 0.08);--shadow2: 0 40px 120px rgba(15, 23, 42, 0.15);}/*==========================*/.wd-hero {position: relative;background: #fff;overflow: hidden;padding: 20px 0 100px;}/*==========================*/.wd-bg {position: absolute;inset: 0;overflow: hidden;pointer-events: none;}/*==========================*/.blur {position: absolute;border-radius: 50%;filter: blur(120px);}.blur-1 {width: 550px;height: 550px;background: rgba(255, 122, 0, 0.18);left: -180px;top: -150px;}.blur-2 {width: 600px;height: 600px;background: rgba(91, 91, 247, 0.16);right: -220px;top: 80px;}/*==========================*/.grid-overlay {position: absolute;inset: 0;background-image: linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);background-size: 70px 70px;mask-image: radial-gradient(circle, #000, transparent);}/*==========================*/.noise-overlay {position: absolute;inset: 0;opacity: 0.02;background-image: radial-gradient(#000 1px, transparent 1px);background-size: 6px 6px;}/*==========================*/.hero-content {position: relative;z-index: 10;}.site-hero .hero-tag {display: inline-flex;align-items: center;gap: 10px;padding: 12px 22px;background: #fff4ea;color: var(--primary);border-radius: 50px;font-weight: 700;margin-bottom: 5px;height: 18px;}.hero-content h1 {font-size: 72px;line-height: 1.02;font-weight: 900;color: var(--dark);letter-spacing: 1px;margin-bottom: 25px;}.hero-content h1 span {color: var(--primary);}.hero-content p {max-width: 560px;color: var(--text);font-size: 19px;line-height: 1.9;}/*==========================*/.hero-btns {display: flex;gap: 18px;margin-top: 40px;}.btn-primary-custom {display: inline-flex;align-items: center;justify-content: center;padding: 18px 34px;border-radius: 16px;background: linear-gradient(135deg, var(--primary), var(--primary2));color: #fff;font-weight: 700;box-shadow: 0 25px 45px rgba(255, 122, 0, 0.28);transition: 0.4s;}.btn-primary-custom:hover {transform: translateY(-8px);}.btn-outline-custom {display: inline-flex;align-items: center;justify-content: center;padding: 18px 34px;border-radius: 16px;border: 1px solid var(--border);color: var(--dark);font-weight: 700;background: #fff;transition: 0.4s;}.btn-outline-custom:hover {background: var(--dark);color: #fff;}/*==========================*/.hero-stats {display: flex;gap: 45px;margin-top: 55px;}.hero-stats h3 {font-size: 42px;color: var(--dark);font-weight: 900;}.hero-stats span {color: #6b7280;font-size: 15px;}/*==========================*/.browser-scene {position: relative;perspective: 2500px;display: flex;justify-content: center;align-items: center;}.browser-window {position: relative;width: 100%;max-width: 950px;height: 760px;border-radius: 34px;overflow: hidden;background: #fff;border: 1px solid rgba(255, 255, 255, 0.6);box-shadow: var(--shadow2);transform: rotateY(-9deg) rotateX(7deg);transition: 0.7s;}.browser-window:hover {transform: rotateY(-2deg) rotateX(2deg) translateY(-15px);}/*==========================*/.browser-window::before {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0.45), transparent 35%);pointer-events: none;}.browser-window::after {content: "";position: absolute;width: 150%;height: 180px;left: -30%;top: -100px;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);transform: rotate(-8deg);animation: shine 8s linear infinite;}/*==========================*/@keyframes shine {from {transform: translateX(-120%) rotate(-8deg);}to {transform: translateX(120%) rotate(-8deg);}}/* ********************************************************************************* *//*==================================================    PART-1B.4    PREMIUM FLOATING WIDGETS==================================================*/.floating-widget {position: absolute;width: 220px;padding: 18px;border-radius: 24px;background: rgba(255, 255, 255, .72);backdrop-filter: blur(35px);-webkit-backdrop-filter: blur(35px);border: 1px solid rgba(255, 255, 255, .45);box-shadow: 0 30px 80px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255, 255, 255, .65);transition: .45s;overflow: hidden;z-index: 200;}.floating-widget::before {content: "";position: absolute;inset: 0;background: linear-gradient(140deg, rgba(255, 255, 255, .28), transparent, rgba(255, 255, 255, .08));pointer-events: none;}.floating-widget:hover {transform: translateY(-10px) scale(1.04);}/*========================*/.widget-icon {width: 38px;height: 38px;border-radius: 18px;display: flex;align-items: center;justify-content: center;font-size: 17px;color: #fff;margin-bottom: 5px;}.widget-title {color: #667085;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.widget-value {margin-top: 0px;font-size: 18px;font-weight: 900;color: #0b1220;line-height: 1;}.widget-info {margin-top: 4px;color: #6b7280;font-size: 14px;line-height: 1.7;}/*==================================================SEO==================================================*/.widget-seo {top: 0px;right: 550px;animation: float1 7s ease-in-out infinite;}.widget-seo .widget-icon {background: linear-gradient(135deg, #ff7a00, #ffb347);}/*==================================================SPEED==================================================*/.widget-speed {top: -27px;right: -40px;animation: float2 8s ease-in-out infinite;}.widget-speed .widget-icon {background: linear-gradient(135deg, #5b5bf7, #8a7dff);}/*==================================================SECURITY==================================================*/.widget-security {bottom: 80px;left: 550px;animation: float3 9s ease-in-out infinite;}.widget-security .widget-icon {background: linear-gradient(135deg, #00b894, #00d2a8);}/*==================================================UPTIME==================================================*/.widget-uptime {bottom: 70px;right: -90px;animation: float4 10s ease-in-out infinite;}.widget-uptime .widget-icon {background: linear-gradient(135deg, #ff4d6d, #ff7a00);}/*==================================================FLOAT==================================================*/@keyframes float1 {50% {transform: translateY(-22px) rotate(-2deg);}}@keyframes float2 {50% {transform: translateY(18px) rotate(2deg);}}@keyframes float3 {50% {transform: translateY(-18px) rotate(1deg);}}@keyframes float4 {50% {transform: translateY(24px) rotate(-2deg);}}/*==================================================HOVER GLOW==================================================*/.floating-widget:hover {box-shadow: 0 45px 100px rgba(255, 122, 0, .20), 0 20px 60px rgba(91, 91, 247, .15);}/*==================================================    PART-1B.5    CINEMATIC BACKGROUND SYSTEM==================================================*/.wd-hero {position: relative;overflow: hidden;isolation: isolate;}/*=========================================Animated Mesh=========================================*/.mesh-gradient {position: absolute;inset: -20%;z-index: -8;background: radial-gradient(circle at 12% 18%, rgba(255, 122, 0, .22) 0%, transparent 32%), radial-gradient(circle at 85% 15%, rgba(91, 91, 247, .18) 0%, transparent 34%), radial-gradient(circle at 70% 78%, rgba(0, 191, 255, .12) 0%, transparent 28%), radial-gradient(circle at 25% 82%, rgba(255, 180, 60, .15) 0%, transparent 30%);animation: meshMove 18s ease-in-out infinite alternate;}@keyframes meshMove {0% {transform: translate(0, 0) scale(1);}50% {transform: translate(-3%, 2%) scale(1.08);}100% {transform: translate(2%, -2%) scale(1.12);}}/*=========================================Large Aurora=========================================*/.aurora-layer {position: absolute;inset: 0;overflow: hidden;z-index: -7;}.aurora-layer span {position: absolute;border-radius: 50%;filter: blur(130px);opacity: .65;}.aurora-layer span:nth-child(1) {width: 520px;height: 520px;/* background: #ff7a00; */left: -160px;top: -120px;animation: aurora1 15s infinite alternate;}.aurora-layer span:nth-child(2) {width: 460px;height: 460px;background: #5b5bf7;right: -120px;top: 120px;animation: aurora2 18s infinite alternate;}.aurora-layer span:nth-child(3) {width: 400px;height: 400px;background: #00b8ff;bottom: -150px;left: 35%;animation: aurora3 16s infinite alternate;}@keyframes aurora1 {to {transform: translateY(90px) translateX(60px) scale(1.25);}}@keyframes aurora2 {to {transform: translateY(-70px) scale(1.18);}}@keyframes aurora3 {to {transform: translateX(-80px) scale(1.2);}}/*=========================================Moving Light Rays=========================================*/.light-rays {position: absolute;inset: -20%;z-index: -6;background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 2px, transparent 2px, transparent 160px);animation: raysMove 22s linear infinite;}@keyframes raysMove {from {transform: translateX(-120px);}to {transform: translateX(120px);}}/*=========================================Premium Grid=========================================*/.grid-overlay {position: absolute;inset: 0;z-index: -5;background-image: linear-gradient(rgba(15, 23, 42, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, .04) 1px, transparent 1px);background-size: 80px 80px;mask-image: radial-gradient(circle, #000 45%, transparent 100%);}/*=========================================Noise=========================================*/.noise-overlay {position: absolute;inset: 0;z-index: -4;opacity: .025;background-image: radial-gradient(#000 1px, transparent 1px);background-size: 7px 7px;}/*=========================================Spot Light=========================================*/.hero-spotlight {position: absolute;width: 900px;height: 900px;left: 50%;top: -500px;transform: translateX(-50%);background: radial-gradient(circle, rgba(255, 255, 255, .65), transparent 70%);filter: blur(40px);z-index: -3;}/*=========================================Bottom Fade=========================================*/.hero-fade {position: absolute;left: 0;right: 0;bottom: 0;height: 220px;background: linear-gradient(transparent, #ffffff);z-index: -2;}/*================================================*/.twg-web-hero {position: relative;overflow: hidden;padding: 70px 0;/* background: radial-gradient(circle at top right, #ff7a0018, transparent 30%), radial-gradient(circle at bottom left, #4f46e515, transparent 30%), linear-gradient(180deg, #08111d, #111827); */}/*================================================*/.hero-grid {position: absolute;inset: 0;background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);background-size: 45px 45px;opacity: .55;animation: gridMove 18s linear infinite;}@keyframes gridMove {from {transform: translateY(0);}to {transform: translateY(45px);}}/*================================================*/.hero-circle {position: absolute;border-radius: 50%;filter: blur(120px);}.hero-circle-one {width: 500px;height: 500px;background: #ff7a0025;top: -150px;right: -100px;}.hero-circle-two {width: 350px;height: 350px;background: #ff9d3f18;left: -100px;bottom: -100px;}.hero-circle-three {width: 250px;height: 250px;background: #4f46e520;top: 45%;left: 45%;}/*================================================*/.hero-left {position: relative;z-index: 10;}/*================================================*/.hero-label {display: inline-flex;align-items: center;gap: 14px;padding: 12px 22px;border-radius: 50px;background: rgba(255, 255, 255, .05);border: 1px solid var(--twg-border);backdrop-filter: blur(15px);color: #fff;font-size: 14px;letter-spacing: 2px;text-transform: uppercase;}.hero-label span {width: 10px;height: 10px;border-radius: 50%;background: var(--twg-primary);box-shadow: 0 0 15px var(--twg-primary);}/*================================================*/.hero-left h1 {font-size: 86px;line-height: 1;margin: 35px 0;font-weight: 800;color: #fff;}.hero-left h1 strong {display: block;color: var(--twg-primary);font-weight: 800;}/*================================================*/.hero-left p {color: #c8d1db;font-size: 19px;line-height: 35px;max-width: 650px;}/*================================================*/.hero-buttons {display: flex;gap: 20px;margin-top: 20px;}.hero-outline-btn {display: inline-flex;align-items: center;justify-content: center;padding: 0 35px;height: 58px;border-radius: 50px;color: #fff;border: 1px solid rgba(255, 255, 255, .15);transition: .4s;}.hero-outline-btn:hover {background: #fff;color: #111827;}/*================================================*/.hero-trust {display: flex;gap: 20px;margin-top: 70px;}.trust-item {flex: 1;padding: 30px;border-radius: 22px;background: rgba(255, 255, 255, .04);backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, .08);transition: .45s;}.trust-item:hover {transform: translateY(-10px);border-color: rgba(255, 122, 0, .35);}.trust-item h3 {color: #fff;font-size: 38px;margin-bottom: 10px;}.trust-item span {color: #9ca3af;font-size: 15px;}/*================================================Desktop builder================================================*/.studio-wrapper {position: relative;z-index: 5;}.studio-browser {border-radius: 28px;overflow: hidden;background: #fff;box-shadow: 0 40px 120px rgba(0, 0, 0, .35);transition: .5s;}.studio-browser:hover {transform: translateY(-8px);}.browser-top {display: flex;align-items: center;padding: 18px 20px;background: #f6f7fb;border-bottom: 1px solid #ececec;}.browser-dots {display: flex;gap: 8px;}.browser-dots span {width: 12px;height: 12px;border-radius: 50%;}.red {background: #ff5f56;}.yellow {background: #ffbd2e;}.green {background: #27c93f;}.browser-address {flex: 1;margin: 0 18px;padding: 11px 18px;border-radius: 50px;background: #fff;color: #777;font-size: 13px;}.browser-status {background: #e9fff1;color: #15b15b;padding: 8px 15px;border-radius: 40px;font-size: 12px;font-weight: 700;}/*================================================*/.builder-area {display: grid;grid-template-columns: 90px 1fr;min-height: 520px;}/*================================================*/.builder-sidebar {background: #0f172a;padding: 25px 0;}.builder-logo {width: 48px;height: 48px;border-radius: 16px;background: linear-gradient(135deg, #ff7a00, #ffb347);color: #fff;display: flex;align-items: center;justify-content: center;margin: auto;font-weight: 700;}.builder-sidebar ul {list-style: none;padding: 35px 0 0;margin: 0;}.builder-sidebar li {text-align: center;color: #94a3b8;font-size: 12px;margin: 20px 0;transition: .4s;cursor: pointer;}.builder-sidebar li.active,.builder-sidebar li:hover {color: #fff;}/*=========================================================PART-1C.2TWG Website Studio Canvas=========================================================*//*=========================================CANVAS=========================================*/.builder-canvas {position: relative;background: #f8fafc;padding: 35px;overflow: hidden;}/* Background Grid */.builder-canvas:before {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(15, 23, 42, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, .03) 1px, transparent 1px);background-size: 35px 35px;}/*=========================================*/.canvas-navbar {position: relative;z-index: 2;display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;}/*=========================================*/.canvas-logo {width: 145px;height: 18px;border-radius: 50px;background: linear-gradient(90deg, #ff7a00, #ffb347);}/*=========================================*/.canvas-menu {display: flex;gap: 12px;}.canvas-menu span {width: 65px;height: 12px;border-radius: 30px;background: #d7dee7;}/*=========================================*/.canvas-banner {position: relative;z-index: 2;display: grid;grid-template-columns: 1fr 290px;gap: 40px;align-items: center;}/*=========================================*/.title-line {width: 260px;height: 16px;border-radius: 40px;background: #dfe5ec;margin-bottom: 16px;}.title-line.big {width: 350px;height: 22px;background: #111827;}.title-line.small {width: 180px;}/*=========================================*/.hero-btn-line {width: 160px;height: 48px;border-radius: 40px;background: linear-gradient(135deg, #ff7a00, #ffb347);margin-top: 35px;}/*=========================================*/.hero-card {width: 100%;height: 260px;border-radius: 25px;position: relative;overflow: hidden;background: linear-gradient(145deg, #111827, #1f2937);box-shadow: 0 30px 70px rgba(0, 0, 0, .15);}/*=========================================*/.hero-card:before {content: "";position: absolute;width: 180px;height: 180px;border-radius: 50%;background: #ff7a00;top: -60px;right: -60px;filter: blur(10px);opacity: .9;}.hero-card:after {content: "";position: absolute;width: 140px;height: 140px;border-radius: 50%;background: #4f46e5;bottom: -40px;left: -40px;opacity: .4;}/*=========================================*/.canvas-grid {position: relative;z-index: 2;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 45px;}.canvas-grid div {height: 110px;border-radius: 18px;background: #fff;box-shadow: 0 15px 35px rgba(0, 0, 0, .06);position: relative;overflow: hidden;}/*=========================================*/.canvas-grid div:before {content: "";position: absolute;left: 18px;top: 18px;width: 70%;height: 12px;background: #d9e1eb;border-radius: 20px;}.canvas-grid div:after {content: "";position: absolute;left: 18px;top: 42px;width: 45%;height: 10px;background: #eceff3;border-radius: 20px;}/*=================================================FLOATING SEO PANEL=================================================*/.seo-panel {position: absolute;top: 55px;right: -60px;width: 280px;background: rgba(17, 24, 39, .95);color: #fff;border-radius: 22px;backdrop-filter: blur(20px);box-shadow: 0 30px 80px rgba(0, 0, 0, .35);padding: 25px;animation: floatCard 5s ease-in-out infinite;}/*=========================================*/.panel-head {display: flex;align-items: center;gap: 10px;font-size: 14px;color: #cbd5e1;margin-bottom: 20px;}.status-dot {width: 10px;height: 10px;border-radius: 50%;background: #22c55e;box-shadow: 0 0 12px #22c55e;}/*=========================================*/.seo-score {display: flex;align-items: center;gap: 18px;}.score-circle {width: 90px;height: 90px;border-radius: 50%;border: 6px solid #ff7a00;display: flex;flex-direction: column;justify-content: center;align-items: center;}.score-circle h2 {font-size: 28px;color: #fff;margin: 0;}.score-circle small {color: #94a3b8;}/*=========================================*/.seo-score ul {list-style: none;margin: 0;padding: 0;}.seo-score li {font-size: 13px;margin-bottom: 10px;color: #d1d5db;}.seo-score i {color: #22c55e;margin-right: 8px;}/*=================================================FLOATING ANIMATION=================================================*/@keyframes floatCard {0% {transform: translateY(0);}50% {transform: translateY(-12px);}100% {transform: translateY(0);}}/* if we needf to remove this part any time */.twg-intelligence {padding: 70px 0;background: #ffffff;}.intel-card {position: relative;padding: 40px;height: 100%;border-radius: 28px;background: #f8fafc;transition: .4s;overflow: hidden;box-shadow: 0 30px 60px rgba(0, 0, 0, .09);}.intel-card:hover {transform: translateY(-12px);background: #071120;}.intel-card:hover h3 {color: #fff;}.intel-card .icon {width: 75px;height: 75px;border-radius: 20px;background: linear-gradient(135deg, #ff7a00, #ffb347);display: flex;align-items: center;justify-content: center;font-size: 28px;color: #fff;margin-bottom: 25px;}.intel-card h3 {font-size: 28px;font-weight: 700;margin-bottom: 20px;}.intel-card p {color: #6b7280;line-height: 32px;}.score {position: absolute;right: 35px;top: 35px;font-size: 70px;font-weight: 800;color: #ff7a0018;}.preview-panel {background: #111827;border-radius: 30px;padding: 30px;height: 100%;}.preview-header {display: flex;gap: 10px;margin-bottom: 25px;}.preview-body {display: grid;grid-template-columns: 1fr 280px;gap: 40px;}.bar {height: 16px;background: #374151;border-radius: 40px;margin-bottom: 20px;}.bar.lg {width: 90%;}.bar.md {width: 75%;}.bar.sm {width: 55%;}.button {width: 180px;height: 50px;background: #ff7a00;border-radius: 50px;margin-top: 40px;}.graph {height: 260px;border-radius: 20px;background: linear-gradient(180deg, #ff7a00, #111827);}.intel-stack {display: grid;gap: 18px;}.intel-stack div {padding: 24px;background: #111827;color: #fff;border-radius: 18px;font-weight: 600;transition: .4s;}.intel-stack div:hover {background: #ff7a00;transform: translateX(8px);}/*================================================*/.twg-blueprint {padding: 70px 0;background: #f8fafc;position: relative;}/*================================================*/.blueprint-wrapper {position: relative;max-width: 1100px;margin: auto;}/*================================================*/.blue-line {position: absolute;left: 50%;top: 0;bottom: 0;width: 4px;transform: translateX(-50%);background: linear-gradient(#ff7a00, #ffb347);}/*================================================*/.bp-card {width: 44%;background: #fff;border-radius: 26px;padding: 35px;margin-bottom: -40px;position: relative;transition: .45s;box-shadow: 0 20px 40px rgba(0, 0, 0, .05);}.bp-card:hover {transform: translateY(-12px);}/*================================================*/.bp-left {margin-right: auto;}.bp-right {margin-left: auto;}/*================================================*/.bp-number {width: 75px;height: 75px;border-radius: 50%;background: linear-gradient(135deg, #ff7a00, #ffb347);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 700;margin-bottom: 25px;}/*================================================*/.bp-content h3 {font-size: 28px;margin-bottom: 18px;}.bp-content p {color: #6b7280;line-height: 32px;}/*================================================*/.bp-left:after {content: "";position: absolute;width: 18px;height: 18px;border-radius: 50%;background: #ff7a00;right: -53px;top: 60px;}.bp-right:after {content: "";position: absolute;width: 18px;height: 18px;border-radius: 50%;background: #ff7a00;left: -53px;top: 60px;}/*===========================================*/.twg-ecosystem {padding: 80px 0;background: #ffffff;}/*===========================================*/.eco-grid {display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 28px;margin-top: 70px;}/*===========================================*/.eco-card {position: relative;background: #f8fafc;padding: 35px;border-radius: 30px;overflow: hidden;transition: .4s;min-height: 260px;box-shadow: 0 20px 60px rgba(0, 0, 0, .08);}.eco-card:hover {transform: translateY(-12px);/* box-shadow: 0 30px 70px rgba(0, 0, 0, .08); */}/*===========================================*/.hero-card-large {grid-row: span 2;}/*===========================================*/.eco-badge {display: inline-flex;padding: 10px 18px;border-radius: 40px;background: #111827;color: #fff;font-size: 13px;}/*===========================================*/.eco-card h3 {font-size: 30px;margin: 25px 0 18px;}.eco-card p {line-height: 32px;color: #6b7280;}/*===========================================*/.hero-window {margin-top: 45px;background: #111827;border-radius: 22px;overflow: hidden;}.window-head {display: flex;gap: 10px;padding: 18px;background: #1f2937;}.window-head span {width: 12px;height: 12px;border-radius: 50%;background: #ff7a00;}.window-head span:nth-child(4) {width: 145px;height: 18px;margin-left: 60px;border-radius: 50px;background: linear-gradient(90deg, #ff7a00, #ffb347);}.hero-lines {padding: 30px;}.pic {width: 100%;height: 180px;border-radius: 18px;background: #374151;}.line {height: 16px;background: #374151;border-radius: 40px;margin-bottom: 18px;}.line-1 {height: 16px;background: #303640;border-radius: 40px;margin-bottom: 18px;}.line.lg, .line-1.lg {width: 90%;}.line.md, .line-1.md {width: 70%;}.line.sm, .line-1.sm {width: 50%;}.button-line {width: 180px;height: 50px;border-radius: 50px;background: #ff7a00;margin-top: 30px;}/*===========================================*/.eco-icon {width: 75px;height: 75px;border-radius: 22px;background: linear-gradient(135deg, #ff7a00, #ffb347);display: flex;align-items: center;justify-content: center;font-size: 34px;margin-bottom: 25px;}/*===========================================*/.wide {grid-column: span 2;}/*===========================================*/.device-preview {display: flex;align-items: flex-end;gap: 18px;margin-top: 40px;}.desktop {width: 220px;height: 140px;background: #111827;border-radius: 16px;}.tablet {width: 90px;height: 120px;background: #ff7a00;border-radius: 14px;}.mobile {width: 55px;height: 95px;background: #1f2937;border-radius: 12px;}/* Is ko bhi remove kr skte hai *//*========================================*//*========================================*/.progress-ring {width: 150px;height: 150px;border-radius: 50%;border: 12px solid rgba(255, 255, 255, .08);border-top: 12px solid #ff7a00;display: flex;align-items: center;justify-content: center;margin: auto;animation: spin 8s linear infinite;}.progress-ring span {font-size: 34px;font-weight: 700;}@keyframes spin {100% {transform: rotate(360deg);}}/*========================================*/.country-list {display: flex;flex-wrap: wrap;gap: 14px;margin-top: 25px;}.country-list span {padding: 12px 18px;background: rgba(255, 255, 255, .08);border-radius: 40px;}/*========================================*/.score-card {display: grid;gap: 18px;}.score-item {display: flex;justify-content: space-between;padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, .08);}.score-item strong {color: #ff7a00;font-size: 28px;}/*================================================*/.twg-orbit-section {padding: 70px 0;background: #fff;overflow: hidden;position: relative;}/*================================================*/.orbit-wrapper {position: relative;width: 600px;height: 600px;margin: 0 auto 0;}/*================================================*/.orbit-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 260px;height: 260px;}/*================================================*/.center-ring {position: absolute;inset: 0;border-radius: 50%;border: 2px dashed rgba(255, 122, 0, .35);animation: spinSlow 20s linear infinite;}/*================================================*/.center-core {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 150px;height: 150px;border-radius: 50%;background: linear-gradient(135deg, #ff7a00, #ffb347);display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;box-shadow: 0 30px 80px rgba(255, 122, 0, .35);}.center-core h2 {font-size: 35px;margin: 0;}.center-core p {margin-top: 8px;font-size: 15px;text-align: center;}/*================================================*/.orbit {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%) rotate(var(--angle));transform-origin: center;animation: rotateOrbit 60s linear infinite;}/*================================================*/.orbit-node {position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 130px;height: 130px;border-radius: 30px;background: #fff;box-shadow: 0 20px 60px rgba(0, 0, 0, .2);display: flex;flex-direction: column;justify-content: center;align-items: center;transition: .4s;}.orbit-node:hover {transform: translateX(-50%) scale(1.08);background: #111827;color: #fff;}.orbit-node i {font-size: 34px;margin-bottom: 14px;color: #ff7a00;}.orbit-node span {font-size: 14px;font-weight: 600;}/*================================================*//* Initial Angles */.orbit-1 { --angle: 0deg; }.orbit-2 { --angle: 45deg; }.orbit-3 { --angle: 90deg; }.orbit-4 { --angle: 135deg; }.orbit-5 { --angle: 180deg; }.orbit-6 { --angle: 225deg; }.orbit-7 { --angle: 270deg; }.orbit-8 { --angle: 315deg; }@keyframes rotateOrbit {from {transform: translate(-50%, -50%) rotate(var(--angle));}to {transform: translate(-50%, -50%) rotate(calc(var(--angle) + 360deg));}}/*.orbit-2 {transform: translate(-50%, -50%) rotate(45deg);}.orbit-3 {transform: translate(-50%, -50%) rotate(90deg);}.orbit-4 {transform: translate(-50%, -50%) rotate(135deg);}.orbit-5 {transform: translate(-50%, -50%) rotate(180deg);}.orbit-6 {transform: translate(-50%, -50%) rotate(225deg);}.orbit-7 {transform: translate(-50%, -50%) rotate(270deg);}.orbit-8 {transform: translate(-50%, -50%) rotate(315deg);}*//*================================================@keyframes rotateOrbit {100% {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes spinSlow {100% {transform: rotate(360deg);}}================================================*//*================================================*/.twg-tech-matrix {padding: 70px 0;/* background: #0b1020; */position: relative;overflow: hidden;}/*================================================*/.matrix-wrapper {display: grid;grid-template-columns: 1fr 1fr 260px 1fr 1fr;gap: 35px;align-items: center;margin-top: 10px;position: relative;}/*================================================*/.matrix-wrapper:before {content: "";position: absolute;left: 50%;top: 50%;width: 72%;height: 2px;background: linear-gradient(90deg, transparent, #ff7a00, transparent);transform: translate(-50%, -50%);}/*================================================*/.matrix-column {background: #0b1020;padding: 35px;border-radius: 28px;border: 1px solid rgba(255, 255, 255, .08);backdrop-filter: blur(20px);transition: .45s;}.matrix-column:hover {transform: translateY(-12px);border-color: #ff7a00;}/*================================================*/.matrix-column h5 {color: #fff;margin-bottom: 30px;font-size: 26px;}/*================================================*/.tech-chip {padding: 14px 18px;border-radius: 50px;margin-bottom: 16px;background: rgba(255, 255, 255, .05);color: #d6d6d6;transition: .35s;}.tech-chip:hover {background: #ff7a00;color: #fff;padding-left: 30px;}/*================================================*/.matrix-core {display: flex;justify-content: center;}/*================================================*/.core-circle {width: 220px;height: 220px;border-radius: 50%;background: linear-gradient(135deg, #ff7a00, #ffb347);display: flex;align-items: center;justify-content: center;text-align: center;font-size: 28px;font-weight: 700;color: #fff;box-shadow: 0 40px 80px rgba(255, 122, 0, .35);animation: pulseCore 3s infinite;}/*================================================*/@keyframes pulseCore {0% {transform: scale(1);}50% {transform: scale(1.05);}100% {transform: scale(1);}}/*=====================================================PART 8=====================================================*/.twg-security-section {padding: 140px 0;/* background: #07111f; */position: relative;}.performance-wrapper {margin-top: 20px;border-radius: 30px;overflow: hidden;background: linear-gradient(145deg, #0d2037, #091521);border: 1px solid rgba(255, 255, 255, .08);}.performance-box {padding: 45px;text-align: center;border-right: 1px solid rgba(255, 255, 255, .05);}.performance-box:last-child {border-right: none;}.performance-box h2 {font-size: 54px;font-weight: 700;color: #ff7a00;}.performance-box span {color: #9fb2c8;}.security-card {height: 100%;padding: 45px;border-radius: 24px;background: #07111f;/* background: rgba(255, 255, 255, .04); */backdrop-filter: blur(18px);border: 1px solid rgba(255, 255, 255, .08);transition: .45s;}.security-card:hover {transform: translateY(-10px);border-color: #ff7a00;box-shadow: 0 30px 70px rgba(0, 0, 0, .45);}.icon-circle {width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 26px;margin-bottom: 30px;color: #ff7a00;background: rgba(39, 210, 255, .08);}.security-card h4 {color: #fff;margin-bottom: 20px;}.security-card p {color: #93a7bc;line-height: 1.8;}.security-card ul {margin-top: 30px;padding-left: 18px;}.security-list {list-style: disc;width: 45%;gap: 12px;padding: 14px 18px;border-radius: 50px;margin-bottom: 16px;background: rgba(255, 255, 255, .05);color: #d6d6d6;transition: .35s;font-size: small;}.cv {margin-right: 20px;}.security-card li {color: #b6c5d6;margin-bottom: 12px;}.feature-horizontal {display: flex;gap: 25px;padding: 32px;border-radius: 20px;background: #07111f;border: 1px solid rgba(255, 255, 255, .08);transition: .4s;}.feature-horizontal:hover {transform: translateY(-8px);border-color: #ff7a00;}.feature-icon {width: 70px;height: 70px;min-width: 70px;border-radius: 18px;display: flex;justify-content: center;align-items: center;background: #0f253d;color: #ff7a00;font-size: 24px;}.feature-horizontal h5 {color: #fff;}.feature-horizontal p {color: #95aac0;margin-top: 10px;}/*======================================================PART 9======================================================*/.twg-workflow-section {padding: 140px 0;background: #050d19;}.workflow-timeline {position: relative;}.workflow-item {display: flex;gap: 25px;align-items: flex-start;}.workflow-number {width: 72px;height: 72px;min-width: 72px;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 700;color: #fff;background: linear-gradient(135deg, #ffb347, #ff7a00);/* background: linear-gradient(135deg, #11b8ff, #375dff); */}.workflow-content {flex: 1;padding: 28px;border-radius: 22px;background: rgba(255, 255, 255, .04);border: 1px solid rgba(255, 255, 255, .08);transition: .4s;}.workflow-content:hover {transform: translateX(10px);border-color: #ff7a00;}.workflow-content h4 {color: #fff;margin-bottom: 15px;}.workflow-content p {color: #98aabd;line-height: 1.8;}.workflow-line {width: 2px;height: 45px;margin: 0 35px;background: linear-gradient(#ff7a00, transparent);}.tech-card {height: 100%;padding: 30px;border-radius: 22px;background: rgba(255, 255, 255, .04);border: 1px solid rgba(255, 255, 255, .08);transition: .35s;}.tech-card:hover {transform: translateY(-8px);border-color: #ff7a00;}.tech-title {color: #fff;font-weight: 700;display: block;margin-bottom: 25px;}.tech-tags {display: flex;flex-wrap: wrap;gap: 12px;}.tech-tags span {padding: 10px 18px;border-radius: 30px;background: #10253b;color: #FFE4CC;font-size: 14px;}.tech-highlight {padding: 40px;border-radius: 24px;background: linear-gradient(145deg, #0c2137, #081421);border: 1px solid rgba(255, 255, 255, .08);}.tech-highlight h3 {color: #fff;margin-bottom: 20px;}.tech-highlight p {color: #9eb2c6;line-height: 1.9;}/*======================================================PART 12A======================================================*/.twg-showcase-section {padding: 100px 0;background: #040b16;position: relative;}.showcase-glow {position: absolute;width: 450px;height: 450px;border-radius: 50%;filter: blur(120px);opacity: .15;}.glow-left {background: #2dd8ff;left: -150px;top: 120px;}.glow-right {background: #5d6bff;right: -180px;bottom: 50px;}.project-nav {display: flex;flex-direction: column;gap: 18px;}.project-item {width: 100%;padding: 18px 22px;border: none;border-radius: 18px;background: rgba(255, 255, 255, .04);color: #b8cadb;transition: .35s;text-align: left;}.project-item.active,.project-item:hover {background: linear-gradient(135deg, #18c8ff, #4d63ff);color: #fff;}.browser-frame {border-radius: 24px;overflow: hidden;background: #0b1727;border: 1px solid rgba(255, 255, 255, .08);box-shadow: 0 40px 80px rgba(0, 0, 0, .45);}.browser-top {height: 55px;display: flex;align-items: center;gap: 10px;padding: 0 20px;background: #101d2d;}.browser-top span {width: 12px;height: 12px;border-radius: 50%;background: #44556c;}.browser-address {padding: 15px 20px;border-bottom: 1px solid rgba(255, 255, 255, .05);color: #8ea4bc;font-size: 14px;}.browser-preview {height: 520px;display: flex;justify-content: center;align-items: center;}.preview-placeholder {text-align: center;}.preview-logo {width: 100px;height: 100px;border-radius: 30px;margin: auto auto 30px;background: linear-gradient(135deg, #21cfff, #4d63ff);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 34px;font-weight: 700;}.preview-placeholder h3 {color: #fff;}.preview-placeholder p {color: #93a9be;}.metric-card {padding: 28px;margin-bottom: 22px;border-radius: 20px;background: rgba(255, 255, 255, .04);border: 1px solid rgba(255, 255, 255, .08);text-align: center;}.metric-card span {color: #8fa4ba;}.metric-card h2 {margin-top: 12px;color: #2ed9ff;font-size: 42px;}.tech-chip-wrapper {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;}.tech-chip-wrapper span {padding: 12px 24px;border-radius: 50px;background: #10263c;color: #b9d8ef;transition: .35s;}.tech-chip-wrapper span:hover {transform: translateY(-6px);background: #173654;}/* ===============================================Website builder section==================================================*//*=========================================================PART-2A.1Premium Website Structure==========================================================*/.website-builder {position: relative;margin-top: 0px;z-index: 5;}/*================================================*/.website-frame {position: relative;overflow: hidden;border-radius: 30px;background: #ffffff;border: 1px solid #edf0f5;box-shadow: 0 35px 90px rgba(0, 0, 0, .08);padding: 10px 45px;}/*================================================*/.website-frame:before {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(15, 23, 42, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px);background-size: 38px 38px;}/*================================================*/.site-nav {position: relative;z-index: 2;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}/*================================================*/.nav-logo {display: flex;align-items: center;gap: 12px;}.nav-logo span:nth-child(1) {width: 42px;height: 42px;border-radius: 14px;background: linear-gradient(135deg, #ff7a00, #ffb347);}.nav-logo span:nth-child(2) {width: 120px;height: 14px;border-radius: 30px;background: #111827;}/*================================================*/.nav-links {display: flex;gap: 18px;}.nav-links span {width: 80px;height: 12px;border-radius: 30px;background: #dbe3ee;}/*================================================*/.nav-action {width: 120px;height: 48px;border-radius: 50px;background: linear-gradient(135deg, #ff7a00, #ffb347);box-shadow: 0 15px 35px rgba(255, 122, 0, .35);}/*================================================*/.site-hero {position: relative;z-index: 2;gap: 60px;align-items: center;display: flex;/* display: grid;grid-template-columns: 1fr 520px; */}/*================================================*/.hero-tag {position: relative;display: inline-block;border: 1px solid var(--itzone-base);border-radius: 50px;padding: 5px 15px 5px 15px;}/*================================================*/.hero-title {height: 22px;border-radius: 40px;background: #dbe4ef;margin-bottom: 8px;}.hero-title {font-size: 15px;line-height: 20px;color: var(--itzone-base);font-family: var(--itzone-font-two);text-transform: capitalize;font-weight: 600;background: transparent;}.hero-title.xl {width: 470px;height: 28px;background: #111827;}.hero-title.lg {width: 390px;}.hero-title.md {width: 280px;}/*================================================*/.hero-desc {width: 450px;height: 12px;border-radius: 30px;background: #e8edf3;margin-top: 10px;}.hero-desc.small {width: 340px;margin-top: 15px;}/*================================================*/.hero-buttons {display: flex;gap: 18px;margin-top: 20px;}.btn-primary {width: 170px;height: 56px;border-radius: 60px;background: linear-gradient(135deg, #ff7a00, #ffb347);box-shadow: 0 18px 45px rgba(255, 122, 0, .35);}.btn-secondary {width: 150px;height: 56px;border-radius: 60px;background: #eef2f7;}/*================================================*/.hero-clients {display: flex;align-items: center;margin-top: 15px;}.client-circle {width: 46px;height: 46px;border-radius: 50%;background: #d9e2ec;border: 4px solid #fff;margin-right: -12px;}.client-line {width: 160px;height: 14px;border-radius: 30px;background: #dce5ef;margin-left: 28px;}/*================================================*/.hero-visual {position: relative;}/*================================================*/.glass-window {background: rgba(255, 255, 255, .72);backdrop-filter: blur(25px);border-radius: 30px;padding: 28px;border: 1px solid rgba(255, 255, 255, .6);box-shadow: 0 40px 100px rgba(0, 0, 0, .10);}/*================================================*/.window-head {display: flex;gap: 10px;margin-bottom: 28px;}.window-head span {width: 12px;height: 12px;border-radius: 50%;}.window-head span:nth-child(1) {background: #ff5f56;}.window-head span:nth-child(2) {background: #ffbd2e;}.window-head span:nth-child(3) {background: #27c93f;}/*================================================*/.window-body {display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;}.dashboard-card {border-radius: 24px;background: #fff;height: 90px;position: relative;overflow: hidden;box-shadow: 0 18px 40px rgba(0, 0, 0, .08);}.dashboard-card:before {content: "";position: absolute;left: 18px;top: 18px;width: 65%;height: 12px;background: #dce3eb;border-radius: 20px;}.dashboard-card:after {content: "";position: absolute;left: 18px;bottom: 18px;width: 34px;height: 34px;border-radius: 16px;background: linear-gradient(135deg, #ff7a00, #ffb347);}/*================================================*/.dashboard-card.two:after {background: #3b82f6;}.dashboard-card.three:after {background: #10b981;}.dashboard-card.four:after {background: #8b5cf6;}/*================================================*/.floating-box {position: absolute;background: #fff;border-radius: 22px;box-shadow: 0 25px 70px rgba(0, 0, 0, .15);}/*================================================*/.analytics {width: 210px;padding: 22px;top: 10px;left: -90px;}.f-line {height: 10px;background: #e2e8f0;border-radius: 20px;margin-bottom: 12px;}.f-line.big {width: 110px;}.progress {height: 8px;background: #eef2f7;border-radius: 30px;overflow: hidden;}.progress span {display: block;width: 72%;height: 100%;background: linear-gradient(90deg, #ff7a00, #ffb347);}/*================================================*/.speed {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;bottom: -35px;right: -20px;}.speed-circle {width: 42px;height: 42px;border-radius: 50%;border: 7px solid #ff7a00;display: flex;justify-content: center;align-items: center;}.speed-inner {width: 18px;height: 18px;border-radius: 50%;background: #ff7a00;}/*================================================*/.floating-ring {position: absolute;border-radius: 50%;border: 2px dashed rgba(255, 122, 0, .25);}.ring-one {width: 140px;height: 140px;top: 50px;right: -70px;}.ring-two {width: 80px;height: 80px;left: 40px;bottom: 90px;}/*=========================================================PART-2A.2Premium Website Sections==========================================================*/.website-sections {position: relative;margin-top: 20px;}/*================================================*/.feature-strip {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;margin-bottom: 18px;}/*================================================*/.feature-box {background: #fff;border-radius: 24px;padding: 28px;display: flex;align-items: center;gap: 18px;box-shadow: 0 20px 45px rgba(0, 0, 0, .06);transition: .45s;}.feature-box:hover {transform: translateY(-10px);}/*================================================*/.feature-icon {width: 65px;height: 65px;border-radius: 18px;/* background: linear-gradient(135deg, #ff7a00, #ffb347); */}.feature-icon.blue {background: #3b82f6;}.feature-icon.green {background: #10b981;}.feature-icon.purple {background: #8b5cf6;}/*================================================*/.feature-content {flex: 1;}.f-title {width: 120px;height: 14px;border-radius: 20px;background: #111827;margin-bottom: 15px;}.f-text {width: 90%;height: 10px;border-radius: 20px;background: #dfe5ec;}/*================================================*/.website-showcase {display: grid;grid-template-columns: 1.25fr .75fr;gap: 60px;align-items: center;}/*================================================*/.showcase-browser {background: #fff;border-radius: 30px;overflow: hidden;box-shadow: 0 30px 80px rgba(0, 0, 0, .08);}/*================================================*/.browser-head {background: #f8fafc;padding: 18px 22px;display: flex;gap: 10px;border-bottom: 1px solid #edf2f7;}.browser-head span {width: 12px;height: 12px;border-radius: 50%;}.browser-head span:nth-child(1) {background: #ff5f56;}.browser-head span:nth-child(2) {background: #ffbd2e;}.browser-head span:nth-child(3) {background: #27c93f;}/*================================================*/.browser-body {padding: 30px;background: #fff;}/*================================================*/.browser-menu {display: flex;justify-content: space-between;margin-bottom: 35px;}.browser-menu div {width: 80px;height: 12px;background: #dbe4ee;border-radius: 20px;}/*================================================*/.browser-banner {display: grid;grid-template-columns: 1fr 260px;gap: 35px;align-items: center;}/*================================================*/.line {height: 14px;border-radius: 30px;background: #dbe4ef;margin-bottom: 18px;}.line.xl {width: 320px;height: 24px;background: #111827;}.line.lg {width: 220px;}.line.sm {width: 180px;}/*================================================*/.banner-btn {width: 170px;height: 50px;border-radius: 40px;background: linear-gradient(135deg, #ff7a00, #ffb347);margin-top: 35px;}/*================================================*/.banner-image {height: 240px;border-radius: 25px;background: linear-gradient(135deg, #111827, #1f2937);position: relative;overflow: hidden;}.banner-image:before {content: "";position: absolute;width: 170px;height: 170px;background: #ff7a00;border-radius: 50%;top: -60px;right: -50px;filter: blur(10px);}.banner-image:after {content: "";position: absolute;width: 120px;height: 120px;background: #3b82f6;border-radius: 50%;bottom: -30px;left: -30px;opacity: .4;}/*================================================*/.browser-cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 40px;}.browser-cards div {height: 120px;border-radius: 18px;background: #f8fafc;position: relative;overflow: hidden;}.browser-cards div:before {content: "";position: absolute;left: 18px;top: 18px;width: 65%;height: 12px;border-radius: 20px;background: #dce3ec;}.browser-cards div:after {content: "";position: absolute;left: 18px;bottom: 18px;width: 45px;height: 45px;border-radius: 14px;background: linear-gradient(135deg, #ff7a00, #ffb347);}/*================================================*/.showcase-panel {position: relative;}/*================================================*/.panel-tag {width: 160px;height: 36px;border-radius: 40px;background: #fff2e8;margin-bottom: 28px;}/*================================================*/.panel-title {width: 300px;height: 18px;border-radius: 20px;background: #dfe6ee;margin-bottom: 16px;}.panel-title.dark {width: 360px;height: 26px;background: #111827;}/*================================================*/.panel-text {width: 100%;height: 12px;border-radius: 20px;background: #e6edf3;margin-top: 30px;}.panel-text.short {width: 80%;}/*================================================*/.check-list {margin-top: 40px;}.check-item {display: flex;align-items: center;gap: 18px;margin-bottom: 20px;}.check-item span {width: 22px;height: 22px;border-radius: 50%;background: #ff7a00;}.check-item div {flex: 1;height: 12px;border-radius: 20px;background: #dfe6ee;}/*================================================*/.panel-button {width: 180px;height: 54px;border-radius: 40px;background: linear-gradient(135deg, #ff7a00, #ffb347);margin-top: 45px;box-shadow: 0 18px 45px rgba(255, 122, 0, .30);}/*================================================*/@media(max-width:991px) {.blue-line {display: none;}.bp-card {width: 100%;margin-bottom: 20px;}.bp-left:after,.bp-right:after {display: none;}}/*===========================================*/@media(max-width:991px) {.eco-grid {grid-template-columns: 1fr;}.hero-card-large,.wide {grid-column: auto;grid-row: auto;}}@media(max-width:991px) {.growth-grid {grid-template-columns: 1fr;}.revenue-card {grid-column: auto;}}/*================================================*/@media(max-width:1200px) {.matrix-wrapper {grid-template-columns: 1fr 1fr;}.matrix-core {grid-column: span 2;margin: 30px 0;}.matrix-wrapper:before {display: none;}}@media(max-width:767px) {.matrix-wrapper {grid-template-columns: 1fr;}.matrix-core {grid-column: auto;}.core-circle {width: 170px;height: 170px;font-size: 22px;}}@media(max-width:991px) {.performance-box {border-right: none;border-bottom: 1px solid rgba(255, 255, 255, .05);}.performance-box:last-child {border-bottom: none;}}/*================================================*/@media(max-width:991px) {.orbit-wrapper {width: 520px;height: 520px;}.orbit-node {width: 100px;height: 100px;}.center-core {width: 150px;height: 150px;}}@media(max-width:767px) {.orbit-wrapper {width: 300px;height: 360px;}.orbit-node {width: 80px;height: 80px;border-radius: 20px;}.orbit-node span {display: none;}.center-core {width: 120px;height: 120px;}.center-core h2 {font-size: 28px;}.center-core p {font-size: 12px;}.twg-security-section {padding: 50px 0;}.browser-preview {height: 420px;}}