/* ===========================================
 MINIMAL CSS RESET
=========================================== */
*,
*::before,
*::after {margin: 0;padding: 0;box-sizing: border-box;}

/* All HTML elements */
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, img, ul, ol, li, form, label, table, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* 2. BASIC TYPOGRAPHY */
body {font-family: "Inter", sans-serif !important;} 

/* Variables */
    
:root{
--primary-color:#3b82f6; 
--primary-dark:#1e40af;
--primary-light:#dbeafe; 
--primary-rgb:59,130,246;
--secondary-color:#ffffff;
--secondary-dark:#0f172a;
--secondary-light:#64748b;
--border-radius:6px;
--border-radius-lg:12px; 
--border-radius-sm:4px;
--shadow-sm:0 2px 4px rgba(0,0,0,0.075);
--shadow-md:0 10px 24px rgba(0,0,0,0.12);
--shadow-lg:0 22px 60px rgba(0,0,0,0.16);
--heading:45px; 
--subheading:18px;
--para:15px;
--chart-1:#3b82f6;
--chart-2:#10b981; 
--chart-3:#8b5cf6;
--chart-4:#f59e0b;
--chart-5:#ef4444;
--yellow-circle: #f7c948;

--hrm-white:#ffffff;
--hrm-black:#1a1a1a;
--hrm-light-gray:#f5f5f5;
--hrm-medium-gray:#e5e5e5;
--hrm-dark-gray:#333333;
--hrm-text-gray:#737373;
--hrm-purple-light:#667eea;
--hrm-purple-dark:#764ba2;
--hrm-pink-light:#f093fb;
--hrm-pink-dark:#f5576c;
--hrm-blue-light:#4facfe;
--hrm-blue-dark:#00f2fe;
--hrm-accent-red:#dc2626;
--hrm-ring:#a3a3a3;
--hrm-chart-blue:#3b82f6;
--hrm-chart-green:#10b981;
--hrm-chart-purple:#8b5cf6;
--hrm-chart-orange:#f59e0b;
--hrm-chart-red:#ef4444;
--hrm-sidebar-bg:#fafafa;

}
      

       

/* **************************************************************************************************** */
/* **************************Header NavBar Styles ****************************************** */
/* **************************************************************************************************** */
/* Header Styles */
.immediate_contact a {background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #6366f1 100%);color: #fff;box-shadow: 0 10px 40px rgb(249 74 22 / 0%);display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 9px 13px;font-size: 13px;font-weight: 600;border-radius: 19px;transition: .3s cubic-bezier(.4, 0, .2, 1);position: relative;overflow: hidden;cursor: pointer;border: none;}
.immediate_contact a:hover{    transform: translateY(-3px);box-shadow: 0 15px 50px rgba(249, 116, 22, 0.021);}
.immediate_contact a:hover::before {transform: translateX(100%);}
.immediate_contact a::before {content: '';position: absolute;inset: 0;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);transform: translateX(-100%);transition: transform .6s;}
.site-header {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 12px 0;transition: all 0.3s ease;}
.site-header.scrolled {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);padding: 12px 0;}
.header-inner {display: flex;align-items: center;justify-content: space-between;position: relative;}
.site-logo img {max-height: 50px;width: auto;transition: max-height 0.3s ease;width: 70%;height: 100%;}
.site-header.scrolled .site-logo img {max-height: 40px;}
.site-title {font-size: 24px;font-weight: bold;text-decoration: none;color: #333;transition: font-size 0.3s ease;}
.site-header.scrolled .site-title {font-size: 20px;}
.desktop-navigation {display: none;}
.primary-menu,.mobile-menu {list-style: none;margin: 0;padding: 0;}
.primary-menu {display: flex;gap: 30px;}
.primary-menu li,.mobile-menu li {position: relative;}
.primary-menu a,.mobile-menu a {text-decoration: none;color: #333;font-weight: 500;transition: all 0.3s ease;}
.primary-menu a {padding: 10px 0;font-size: 16px;}
.site-header.scrolled .primary-menu a {font-size: 15px;}
.primary-menu a:hover {color: #0073aa;}
.burger-menu-toggle {display: block;position: relative;cursor: pointer;user-select: none;z-index: 1002;}
#burger-toggle {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.burger-icon {position: relative;height: 1.3em;width: 1.3em;}
.burger-icon span {width: 32px;height: 2px;background-color: #333;position: absolute;transition: all 0.3s ease-in-out;}
.site-header.scrolled .burger-icon span {background-color: #333;}
.burger-icon span:nth-child(1) {top: 10%;}
.burger-icon span:nth-child(2) {top: 50%;}
.burger-icon span:nth-child(3) {top: 90%;}
#burger-toggle:checked ~ .burger-icon span:nth-child(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
#burger-toggle:checked ~ .burger-icon span:nth-child(2) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
#burger-toggle:checked ~ .burger-icon span:nth-child(3) {transform: translateX(-50px);opacity: 0;}
.mobile-navigation {position: fixed;top: 0;right: -100%;width: 80%;max-width: 400px;height: 100vh;background: #fff;box-shadow: -5px 0 15px rgba(0,0,0,0.1);transition: right 0.3s ease;z-index: 1001;overflow-y: auto;}
.mobile-navigation.active {right: 0;}
.mobile-nav-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eee;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.mobile-menu-close {background: none;border: none;font-size: 24px;cursor: pointer;color: #333;padding: 0;line-height: 1;}
.mobile-menu {padding: 20px;}
.mobile-menu li {margin-bottom: 15px;}
.mobile-menu a {font-size: 18px;display: block;padding: 10px 0;}
.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000;display: none;opacity: 0;transition: opacity 0.3s ease;}
.mobile-menu-overlay.active {display: block;opacity: 1;}
@media (min-width: 768px) {.desktop-navigation {display: block;}.burger-menu-toggle {display: none;}.mobile-navigation {display: none;}.mobile-menu-overlay {display: none;}}
@media (max-width: 767px) {.burger-menu-toggle {display: block;padding-right: 21px;}}

/* **************************************************************************************************** */
/* **********************************************  End ****************************************************** */
/* **************************************************************************************************** */


/*   */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
                           /*       Main - Home- Page - Styles        */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */

/* HOME BANNER */

.page-template-home .zetsap-home-page-banner-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e6f0ff 0%,#f0f7ff 30%,#ffffff 100%);padding:100px 0 35px;}
.page-template-home .zetsap-home-page-banner-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(59,130,246,0.14) 0%, transparent 55%),radial-gradient(circle at 85% 30%, rgba(96,165,250,0.12) 0%, transparent 50%),radial-gradient(circle at 50% 80%, rgba(147,197,253,0.10) 0%, transparent 60%),radial-gradient(circle at 20% 85%, rgba(30,64,175,0.18) 0%, transparent 55%),radial-gradient(circle at 90% 75%, rgba(219,234,254,0.60) 0%, transparent 52%);filter:blur(10px);animation:bgFloat 10s ease-in-out infinite alternate;}
.page-template-home .zetsap-home-page-banner-section::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%, rgba(59,130,246,0.12) 0%, transparent 45%),linear-gradient(to right, rgba(59,130,246,0.10) 1px, transparent 1px),linear-gradient(to bottom, rgba(59,130,246,0.07) 1px, transparent 1px);background-size:auto, 56px 56px, 56px 56px;opacity:0.55;mix-blend-mode:multiply;animation:gridMove 12s linear infinite;pointer-events:none;}
@keyframes bgFloat{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(-40px,25px,0) scale(1.05);}}
@keyframes gridMove{0%{transform:translateY(0);}100%{transform:translateY(120px);}}
.page-template-home .zetsap-home-page-banner-wrap{position:relative;z-index:2;width:100%;}
.page-template-home .zetsap-home-page-banner-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:50px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.15);color:#1e40af;font-weight:600;font-size:14px;margin-bottom:15px;letter-spacing:0.4px;backdrop-filter:blur(10px);}
.page-template-home .zetsap-home-page-banner-badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);}
.page-template-home .zetsap-home-page-banner-title{font-size:clamp(46px,5vw,60px);font-weight:800;line-height:1.08;color:#1e293b;margin-bottom:24px;letter-spacing:-0.8px;}
.page-template-home .zetsap-home-page-banner-title span{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;min-width:165px;}
.page-template-home .zetsap-home-page-banner-title span::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:linear-gradient(90deg,rgba(59,130,246,0.15),rgba(147,197,253,0.1));border-radius:4px;z-index:-1;}
.page-template-home .zetsap-word-fade{animation:wordFade 0.55s ease;}
@keyframes wordFade{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:translateY(0);}}
.page-template-home .zetsap-home-page-banner-description{font-size:18px;line-height:1.7;color:#475569;max-width:560px;margin-bottom:40px;}
.page-template-home .zetsap-home-page-banner-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px;}
.page-template-home .zetsap-home-banner-btn-primary{border:0;cursor:pointer;border-radius:14px;padding:14px 30px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;}
.page-template-home .zetsap-home-banner-btn-primary::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .zetsap-home-banner-btn-primary:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);}
.page-template-home .zetsap-home-banner-btn-primary:hover::before{opacity:1;}
.page-template-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
.page-template-home .zetsap-home-banner-btn-primary:hover .zetsap-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);}
.page-template-home .zetsap-btn-arrow svg{display:block;}
.page-template-home .zetsap-home-page-banner-btn-secondary{border:1px solid rgba(59,130,246,0.28);cursor:pointer;border-radius:14px;padding:16px 30px;font-weight:700;font-size:15px;color:#1e40af;background:rgba(255,255,255,0.72);transition:all 0.35s ease;backdrop-filter:blur(12px);display:flex;align-items:center;gap:14px;box-shadow:0 10px 25px rgba(59,130,246,0.08);position:relative;overflow:hidden;}
.page-template-home .zetsap-home-page-banner-btn-secondary::after{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(90deg, transparent, rgba(59,130,246,0.14), transparent);transition:0.55s ease;}
.page-template-home .zetsap-home-page-banner-btn-secondary:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(59,130,246,0.14);background:rgba(59,130,246,0.06);}
.page-template-home .zetsap-home-page-banner-btn-secondary:hover::after{left:110%;}
.page-template-home .zetsap-home-page-banner-btn-secondary:hover .zetsap-btn-arrow{transform:translateX(4px);background:rgba(59,130,246,0.10);border-color:rgba(59,130,246,0.18);}
.page-template-home .zetsap-home-page-banner-clients{padding:18px 18px;backdrop-filter:blur(10px);}
.page-template-home .zetsap-home-page-banner-clients-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;text-align:center;}
.page-template-home .zetsap-partners-strip{overflow:hidden;width:100%;position:relative;}
.page-template-home .zetsap-partners-track{display:flex;gap:30px;width:max-content;animation:partnerScroll 26s linear infinite;padding:8px 10px;}
@keyframes partnerScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.page-template-home .zetsap-home-page-banner-client-logo{height:50px;opacity:2.75;transition:all 0.3s ease;filter:grayscale(100%);}
.page-template-home .zetsap-home-page-banner-client-logo:hover{opacity:1;filter:grayscale(0);transform:translateY(-2px);}
.page-template-home .zetsap-home-page-banner-visual-container{position:relative;height:100%;}
.page-template-home .zetsap-right-image-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:520px;}
.page-template-home .zetsap-main-image-card{width:min(620px, 100%);border-radius:24px;overflow:hidden;background:rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.45);box-shadow:0 26px 80px rgba(59,130,246,0.22);backdrop-filter:blur(18px);position:relative;transform:translateZ(0);}
.page-template-home .zetsap-main-image-card::before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 20% 10%, rgba(59,130,246,0.22), transparent 55%),radial-gradient(circle at 85% 30%, rgba(147,197,253,0.20), transparent 60%);filter:blur(28px);opacity:0.85;pointer-events:none;animation:cardGlow 6s ease-in-out infinite alternate;}
@keyframes cardGlow{0%{transform:translateY(0);}100%{transform:translateY(16px);}}
.page-template-home .zetsap-main-image-card img{width:100%;height:auto;display:block;transform:scale(1.02);}
.page-template-home .zetsap-floating-img{position:absolute;width:210px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,0.55);border:1px solid rgba(226,232,240,0.9);box-shadow:0 18px 55px rgba(0,0,0,0.18);backdrop-filter:blur(14px);transition:0.4s ease;z-index:5;}
.page-template-home .zetsap-floating-img img{width:100%;display:block;}
.page-template-home .zetsap-floating-left{left:-20px;bottom:34px;animation:floatLeft 8.5s ease-in-out infinite;}
.page-template-home .zetsap-floating-right{right:-20px;top:38px;animation:floatRight 9.5s ease-in-out infinite;}
@keyframes floatLeft{0%,100%{transform:translateY(0) rotate(-1deg);}50%{transform:translateY(16px) rotate(1deg);}}
@keyframes floatRight{0%,100%{transform:translateY(0) rotate(1deg);}50%{transform:translateY(-14px) rotate(-1deg);}}

   /* ABOUT SECTION */

 /* ===== SECTION ===== */
.page-template-home .zetsap-about-section-homepage{position:relative;overflow:hidden;padding:90px 0 55px;background:linear-gradient(180deg,#f3f8ff 0%,#ffffff 62%);min-height:100vh;display:flex;align-items:center;}
.page-template-home .zetsap-about-orbit{position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(30,64,175,0.22);pointer-events:none;z-index:0;opacity:0.95;}
.page-template-home .zetsap-about-orbit::before{content:"";position:absolute;inset:58px;border-radius:50%;border:1px solid rgba(30,64,175,0.15);}
.page-template-home .zetsap-about-orbit::after{content:"";position:absolute;top:50%;left:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,0.95) 0%,rgba(59,130,246,0.35) 55%,transparent 70%);transform:translateY(-50%);box-shadow:0 0 22px rgba(59,130,246,0.55);}
.page-template-home .zetsap-about-orbit.orbit-left{left:-210px;top:84%;transform:translateY(-50%);animation:orbitSpin 16s linear infinite;}
.page-template-home .zetsap-about-orbit.orbit-right{right:-205px;top:18%;transform:translateY(-50%);animation:orbitSpin 18s linear infinite reverse;}
@keyframes orbitSpin{0%{transform:translateY(-50%) rotate(0deg);}100%{transform:translateY(-50%) rotate(360deg);}}
.page-template-home .zetsap-about-top-heading{text-align:center;margin-bottom:55px;position:relative;z-index:2;}
.page-template-home .zetsap-about-top-title{font-size:62px;font-weight:900;line-height:1.05;color:#0f172a;letter-spacing:-1px;margin-bottom:10px;}
.page-template-home .zetsap-about-top-gradient{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 55%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.page-template-home .zetsap-about-top-subtitle{max-width:640px;margin:0 auto;color:#64748b;font-size:16px;line-height:1.6;font-weight:600;}
.page-template-home .zetsap-about-section-homepage__title{font-size:45px;font-weight:900;line-height:1.06;color:#0f172a;letter-spacing:-0.9px;}
.page-template-home .zetsap-about-section-homepage__gradient-text{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 55%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:900;}
.page-template-home .zetsap-about-section-homepage__para{margin-top:16px;color:#475569;font-size:17px;max-width:520px;line-height:1.75;}
.page-template-home .zetsap-banner-btn-primary{border:0;cursor:pointer;border-radius:14px;padding:14px 28px;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;margin-top:22px;}
.page-template-home .zetsap-banner-btn-primary::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .zetsap-banner-btn-primary:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);}
.page-template-home .zetsap-banner-btn-primary:hover::before{opacity:1;}
    .page-template-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
    .page-template-home .zetsap-banner-btn-primary:hover .zetsap-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);}
    .page-template-home .zetsap-about-metrics{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap;}
    .page-template-home .zetsap-about-metric{min-width:165px;background:rgba(255,255,255,0.75);border:1px solid rgba(226,232,240,0.95);border-radius:16px;padding:14px 16px;backdrop-filter:blur(12px);box-shadow:0 18px 55px rgba(0,0,0,0.05);}
    .page-template-home .zetsap-about-metric .v{font-size:18px;font-weight:900;color:#0f172a;}
    .page-template-home .zetsap-about-metric .l{font-size:12px;color:#64748b;margin-top:2px;font-weight:700;}
    .page-template-home .zetsap-about-right-wrap{position:relative;display:flex;justify-content:center;align-items:center;}
    /* .page-template-home .zetsap-about-maincrad{position:relative;width:min(720px,100%);border-radius:26px;overflow:hidden;background:rgba(255,255,255,0.45);border:1px solid rgba(255,255,255,0.65);backdrop-filter:blur(18px);box-shadow:0 28px 90px rgba(59,130,246,0.18);} */
    /* .page-template-home .zetsap-about-maincard::before{content:"";position:absolute;inset:-70px;background:radial-gradient(circle at 20% 10%, rgba(59,130,246,0.22), transparent 55%),radial-gradient(circle at 85% 30%, rgba(147,197,253,0.20), transparent 60%);filter:blur(28px);opacity:0.9;pointer-events:none;animation:cardGlow 6s ease-in-out infinite alternate;} */
    @keyframes cardGlow{0%{transform:translateY(0);}100%{transform:translateY(18px);}}
    .page-template-home .zetsap-about-maincard img{width:100%;height:auto;display:block;transform:scale(1.01);}
    .page-template-home .zetsap-about-zfloat{position:absolute;right:-10px;bottom:-18px;width:91px;height:83px;border-radius:28px;background:rgba(255,255,255,0.75);border:1px solid rgba(59,130,246,0.16);backdrop-filter:blur(16px);box-shadow:0 22px 65px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:zetsapZFloat 7.5s ease-in-out infinite;}
    .page-template-home .zetsap-about-zfloat img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 30px rgba(59,130,246,0.20));}
    @keyframes zetsapZFloat{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-10px) rotate(1deg);}}
    .page-template-home .zetsap-about-section-homepage__cards{margin-top:34px;position:relative;z-index:2;}
    .page-template-home .zetsap-about-card{background:rgba(255,255,255,0.86);border-radius:18px;padding:52px 18px;box-shadow:0 22px 55px rgba(0,0,0,0.06);border:1px solid rgba(95,126,230,0.22);transition:0.25s ease;height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;backdrop-filter:blur(14px);}
    .page-template-home .zetsap-about-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,0.10);}
    .page-template-home .zetsap-about-card-left{display:flex;align-items:center;gap:12px;}
    .page-template-home .zetsap-about-card-icon{width:60px;height:46px;border-radius:16px;background:linear-gradient(135deg,#1e40af,#3b82f6);display:flex;align-items:center;justify-content:center;transition:0.35s ease;box-shadow:0 18px 45px rgba(59,130,246,0.22);}
    .page-template-home .zetsap-about-card:hover .zetsap-about-card-icon{transform:rotate(10deg)scale(1.05);}
    .page-template-home .zetsap-about-card-icon i{font-size:19px;color:#fff;}
    .page-template-home .zetsap-about-card-text{font-weight:900;font-size:14px;color:#0f172a;line-height:1.2;}
    .page-template-home .zetsap-about-card-sub{font-size:12px;color:#64748b;margin-top:4px;font-weight:700;line-height:1.45;}
    .page-template-home .zetsap-about-card-arrow{width:34px;height:34px;border-radius:50%;background:rgba(59,130,246,0.10);display:flex;align-items:center;justify-content:center;transition:0.25s ease;flex:0 0 auto;}
    .page-template-home .zetsap-about-card:hover .zetsap-about-card-arrow{background:rgba(59,130,246,0.18);transform:translateX(2px);}
    .page-template-home .zetsap-about-card-arrow i{font-size:18px;color:var(--primary-dark);transition:0.35s ease;}
    .page-template-home .zetsap-about-card:hover .zetsap-about-card-arrow i{transform:rotate(180deg);}
    .page-template-home .zetsap-about-section-homepage__reveal{opacity:0;transform:translateY(55px);}
    .page-template-home .zetsap-about-img-reveal{opacity:0;transform:translateY(55px) scale(0.88);}

/* TECH STACK WE USE */

.page-template-home .zetsap-teck-stack-we-use,.zetsap-teck-stack-we-use{min-height:90vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:60px 15px;background:#f6f7ff;overflow:hidden;}
/* .page-template-home .zetsap-teck-stack-we-use::before,.zetsap-teck-stack-we-use::before{content:"";position:absolute;top:59%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,  rgb(165 203 245 / 90%) 0%, rgb(165 203 245 / 90%) 28%, rgb(148 189 255 / 55%) 44%, transparent 81%);filter:blur(10px);z-index:0;} */
.page-template-home .zetsap-teck-stack-we-use::after,.zetsap-teck-stack-we-use::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(30, 64, 175, 0.39)1px,transparent 1px),linear-gradient(to bottom,rgba(30, 64, 175, 0.164) 1px,transparent 1px);background-size:70px 70px;opacity:0.22;pointer-events:none;z-index:0;}
.page-template-home .zetsap-teck-stack-we-use__reveal,.zetsap-teck-stack-we-use__reveal{opacity:0;transform:translateY(35px);transition:opacity 0.9s ease,transform 0.9s ease;}
.page-template-home .zetsap-teck-stack-we-use__reveal-scale,.zetsap-teck-stack-we-use__reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.9s ease,transform 0.9s ease;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-container,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-container{width:100%;max-width:1200px;position:relative;z-index:2;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title{text-align:center;font-size:45px;font-weight:800;color:#111;margin-bottom:10px;letter-spacing:-0.6px;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title-gradient,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title-gradient{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title-gradient::after,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title-gradient::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:8px;background:linear-gradient(90deg,rgba(59,130,246,0.18),rgba(147,197,253,0.10));border-radius:10px;z-index:-1;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-subtitle,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-subtitle{text-align:center;max-width:720px;margin:0 auto 45px;font-size:18px;color:#555;line-height:1.6;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-grid,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card{height:175px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.9);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 20px rgba(0,0,0,.05);transition:.3s ease;position:relative;z-index:2;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card:hover,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card:hover{transform:translateY(-6px);border:1px solid #93b9f5;box-shadow:0 18px 35px rgba(0,0,0,.10);}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card img,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card img{width:42px;height:42px;object-fit:contain;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card p,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card p{font-size:13px;font-weight:500;color:#222;margin:0;}
.page-template-home .zetsap-tech-ring,.zetsap-tech-ring{position:absolute;border-radius:50%;border:1px solid rgba(30,64,175,0.55);z-index:1;pointer-events:none;opacity:0.9;}
.page-template-home .zetsap-tech-ring::after,.zetsap-tech-ring::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 320deg,rgba(59,130,246,0.95) 345deg,transparent 360deg);filter:blur(0.4px);mix-blend-mode:screen;}
.page-template-home .zetsap-tech-ring.spin,.zetsap-tech-ring.spin{animation:zetsapRingSpin 14s linear infinite;}
@keyframes zetsapRingSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.page-template-home .zetsap-teck-stack-we-use__reveal.active,.zetsap-teck-stack-we-use__reveal.active{opacity:1;transform:translateY(0);}
.page-template-home .zetsap-teck-stack-we-use__reveal-scale.active,.zetsap-teck-stack-we-use__reveal-scale.active{opacity:1;transform:scale(1);}
.page-template-home .zetsap-teck-stack-we-use,.zetsap-teck-stack-we-use{background-image:url("http://localhost/zinlo/wp-content/uploads/2026/01/Untitled-design-42.png");background-size:cover;background-position:center;background-repeat:no-repeat;}
.page-template-home .zetsap-teck-stack-we-use::before,.zetsap-teck-stack-we-use::before{z-index:0;}
.page-template-home .zetsap-teck-stack-we-use::after,.zetsap-teck-stack-we-use::after{z-index:1;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-container,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-container{z-index:2;}

/* TESTIMONIAL */

   .page-template-home .testimonial-automated-scrolling-section-wrapper { position:relative; padding:90px 0; background:var(--primary-light); overflow:hidden; }
.page-template-home .testimonial-automated-scrolling-section-wrapper::before, .page-template-home .testimonial-automated-scrolling-section-wrapper::after { content:""; position:absolute; left:0; width:100%; height:170px; z-index:2; pointer-events:none; filter:blur(10px); }
.page-template-home .testimonial-automated-scrolling-section-wrapper::before { top:0; background:linear-gradient(to bottom, rgba(var(--primary-rgb),0.22) 0%, rgba(var(--primary-rgb),0.1) 40%, rgba(var(--primary-rgb),0) 100%); }
.page-template-home .testimonial-automated-scrolling-section-wrapper::after { bottom:0; background:linear-gradient(to top, rgba(var(--primary-rgb),0.22) 0%, rgba(var(--primary-rgb),0.1) 40%, rgba(var(--primary-rgb),0) 100%); }
.page-template-home .testimonial-automated-scrolling-section-header { text-align:center; margin:0 auto 52px; max-width:900px; }
.page-template-home .testimonial-automated-scrolling-section-title { font-size:var(--heading); font-weight:900; letter-spacing:-1.2px; line-height:1.08; margin-bottom:12px; color:#0b1220; }
.page-template-home .testimonial-automated-scrolling-section-title span { background:linear-gradient(90deg,var(--primary-dark),var(--primary-color)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.page-template-home .testimonial-automated-scrolling-section-subtitle { font-size:var(--subheading); color:var(--secondary-light); line-height:1.7; max-width:740px; margin:0 auto; }
.page-template-home .testimonial-automated-scrolling-section-column-container { height:720px; opacity:0; border-radius:var(--border-radius-lg); overflow:hidden; position:relative; background:rgba(255,255,255,0.38); border:1px solid rgba(15,23,42,0.06); box-shadow:var(--shadow-sm); }
.page-template-home .testimonial-automated-scrolling-section-column-container::after { content:""; position:absolute; inset:0; border-radius:var(--border-radius-lg); background:linear-gradient(to bottom, rgba(219,234,254,0.95) 0%, rgba(219,234,254,0) 20%, rgba(219,234,254,0) 80%, rgba(219,234,254,0.95) 100%); pointer-events:none; z-index:2; }
.page-template-home .testimonial-automated-scrolling-section-moving-track { position:absolute; inset:0; padding:8px; display:flex; flex-direction:column; gap:15px; z-index:1; will-change:transform; }
.page-template-home .testimonial-automated-scrolling-section-animate-reveal { opacity:0; transform:translateY(25px); }
.page-template-home .testimonial-automated-scrolling-section-column-container--downward-motion .testimonial-automated-scrolling-section-moving-track { animation:testimonialColumnDownwardMotion 10s linear infinite; }
.page-template-home .testimonial-automated-scrolling-section-column-container--upward-motion .testimonial-automated-scrolling-section-moving-track { animation:testimonialColumnUpwardMotion 10s linear infinite; }
.page-template-home .testimonial-automated-scrolling-section-column-container:hover .testimonial-automated-scrolling-section-moving-track { animation-play-state:paused; }
@keyframes testimonialColumnDownwardMotion { 0%{transform:translateY(-55%);} 100%{transform:translateY(0%);} }
@keyframes testimonialColumnUpwardMotion { 0%{transform:translateY(0%);} 100%{transform:translateY(-55%);} }
.page-template-home .testimonial-automated-scrolling-section-review-card { background:#ffffff; opacity:0; border-radius:var(--border-radius-lg); padding:24px 24px 20px; border:1px solid rgba(15,23,42,0.06); box-shadow:0 8px 24px rgba(15,23,42,0.06); transition:0.22s ease; position:relative; }
.page-template-home .testimonial-automated-scrolling-section-review-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); }
.page-template-home .testimonial-automated-scrolling-section-review-card-header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.page-template-home .testimonial-automated-scrolling-section-reviewer-avatar { width:46px; height:46px; border-radius:50%; object-fit:cover; border:2px solid rgba(var(--primary-rgb),0.16); }
.page-template-home .testimonial-automated-scrolling-section-reviewer-name { font-size:16px; font-weight:800; color:var(--secondary-dark); margin-bottom:4px; line-height:1.2; }
.page-template-home .testimonial-automated-scrolling-section-reviewer-position { font-size:13px; color:var(--secondary-light); line-height:1.2; }
.page-template-home .testimonial-automated-scrolling-section-review-text { font-size:15px; color:#5b6477; line-height:1.75; margin-bottom:18px; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars { display:flex; gap:6px; align-items:center; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars i { font-size:18px; color:#e9d572; animation:testimonialStarBounceAnimation 1.8s ease-in-out infinite; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars i:nth-child(2) { animation-delay:0.12s; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars i:nth-child(3) { animation-delay:0.24s; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars i:nth-child(4) { animation-delay:0.36s; }
.page-template-home .testimonial-automated-scrolling-section-rating-stars i:nth-child(5) { animation-delay:0.48s; }
@keyframes testimonialStarBounceAnimation { 0%,100%{transform:translateY(0px) scale(1); opacity:1;} 50%{transform:translateY(-2px) scale(1.08); opacity:0.95;} }

/* ===================================BLOGS========================== */

    .page-template-home .zetsap-homepage-blogs-section{padding:97px 0 33px 0;background:var(--secondary-color);} 
    .page-template-home .zetsap-homepage-blogs-section-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:10px 18px;border-radius:999px;border:1px solid rgba(var(--primary-rgb),0.40);background:rgba(255,255,255,0.9);color:var(--secondary-dark);box-shadow:0 10px 24px rgba(var(--primary-rgb),0.12);margin-bottom:14px;}
    .page-template-home .zetsap-homepage-blogs-section-badge::before{content:"✦";font-size:12px;color:var(--primary-color);}
    .page-template-home .zetsap-homepage-blogs-section-title{font-size:45px;font-weight:800;line-height:1.15;color:var(--secondary-dark);margin-bottom:14px;} 
    .page-template-home .zetsap-homepage-blogs-section-title span{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;} 
    .page-template-home .zetsap-homepage-blogs-section-subtitle{font-size:18px;line-height:1.7;color:var(--secondary-light);max-width:720px;margin:0 auto 40px auto;}
    .page-template-home .zetsap-homepage-blogs-section-card-row{margin-top:0px;} 
    .page-template-home .zetsap-homepage-blogs-section-card{background:#fff;border:1px solid rgba(var(--primary-rgb),0.45);border-radius:18px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.06);transition:0.28s ease;cursor:pointer;height:100%;display:flex;flex-direction:column;transform:scale(0.92);opacity:0;} 
    .page-template-home .zetsap-homepage-blogs-section-card:hover{transform:translateY(-6px) scale(1);border-color:rgba(15,23,42,0.12);box-shadow:0 18px 40px rgba(0,0,0,0.10);}
    .page-template-home .zetsap-homepage-blogs-section-card-img{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),0.12),rgba(139,92,246,0.12));padding:16px;min-height:210px;display:flex;align-items:center;justify-content:center;} 
    .page-template-home .zetsap-homepage-blogs-section-card-img img{width:100%;max-width:200px;height:auto;object-fit:contain;transition:0.3s ease;} 
    .page-template-home .zetsap-homepage-blogs-section-card:hover .zetsap-homepage-blogs-section-card-img img{transform:scale(1.06);}
    .page-template-home .zetsap-homepage-blogs-section-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;} 
    .page-template-home .zetsap-homepage-blogs-section-tag{font-size:12px;font-weight:600;color:var(--primary-color);background:rgba(var(--primary-rgb),0.09);padding:5px 12px;border-radius:22px;}
    .page-template-home .zetsap-homepage-blogs-section-card-title{font-size:18px;font-weight:800;color:var(--secondary-dark);margin:14px 0 10px 0;line-height:1.35;} 
    .page-template-home .zetsap-homepage-blogs-section-card-text{font-size:14px;line-height:1.65;color:var(--secondary-light);margin-bottom:18px;flex-grow:1;}
    .page-template-home .zetsap-homepage-blogs-section-btn{border:0;cursor:pointer;border-radius:14px;padding:14px 18px;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 16px 36px rgba(var(--primary-rgb),0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-decoration:none;} 
    .page-template-home .zetsap-homepage-blogs-section-btn::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;} 
    .page-template-home .zetsap-homepage-blogs-section-btn:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(var(--primary-rgb),0.35);color:#fff;} 
    .page-template-home .zetsap-homepage-blogs-section-btn:hover::before{opacity:1;}
    .page-template-home .zetsap-homepage-blogs-section-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;flex-shrink:0;} 
    .page-template-home .zetsap-homepage-blogs-section-btn:hover .zetsap-homepage-blogs-section-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);} 
    .page-template-home .zetsap-homepage-blogs-section-btn-arrow svg{display:block;}
    .page-template-home .zetsap-homepage-blogs-section__reveal{opacity:0;transform:translateY(35px);transition:opacity 0.9s ease,transform 0.9s ease;} 
    .page-template-home .zetsap-homepage-blogs-section-img-reveal{opacity:0;transform:translateY(35px) scale(0.96);transition:opacity 0.9s ease,transform 0.9s ease;}
   

    /* ===============================KEY FEATURES============================= */

    .page-template-home .software-product-key-feature-section{padding:90px 0;background:#fbfbf8;position:relative;overflow:hidden;}
    .page-template-home .software-product-key-feature-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.035) 1px,transparent 1px);background-size:70px 70px;opacity:.55;pointer-events:none;}
    .page-template-home .software-product-key-feature-section__container{position:relative;z-index:2;}
    .page-template-home .software-product-key-feature-section__container{opacity:0;transform:translateY(16px);}
    .page-template-home .software-product-key-feature-section__reveal{opacity:0;transform:translateY(22px);}
    .page-template-home .software-product-key-feature-section__img-reveal{opacity:0;transform:translateY(22px) scale(.97);}
    .page-template-home .software-product-key-feature-section__top{text-align:center;margin-bottom:50px;}
    .page-template-home .software-product-key-feature-section__badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(59,130,246,.4);background:rgba(255,255,255,.75);padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:18px;}
    .page-template-home .software-product-key-feature-section__badge-dot{color:var(--primary-color);font-size:14px;}
    .page-template-home .software-product-key-feature-section__badge-text{font-size:13px;font-weight:600;letter-spacing:.7px;color:var(--secondary-dark);}
    .page-template-home .software-product-key-feature-section__title{font-size:45px;line-height:1.15;font-weight:800;color:var(--secondary-dark);margin:0 auto;max-width:820px;}
    .page-template-home .software-product-key-feature-section__title-gradient{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;}
    .page-template-home .software-product-key-feature-section__grid-row{margin-top:40px;row-gap:22px;}
    .page-template-home .software-product-key-feature-section__left{display:flex;flex-direction:column;gap:14px;}
    .page-template-home .software-product-key-feature-section__tab{width:100%;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.9);border-radius:14px;padding:22px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;cursor:pointer;transition:.25s ease;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.05);text-align:left;}
    .page-template-home .software-product-key-feature-section__tab:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.35);}
    .page-template-home .software-product-key-feature-section__tab.active{border-color:rgba(59,130,246,.55);box-shadow:0 14px 30px rgba(59,130,246,.12);background:#fff;}
    .page-template-home .software-product-key-feature-section__tab.active::before{content:"";position:absolute;left:0;top:0;height:100%;width:6px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));border-radius:14px 0 0 14px;}
    .page-template-home .software-product-key-feature-section__tab-left{flex:1;position:relative;padding-bottom:12px;}
    .page-template-home .software-product-key-feature-section__tab-title{font-size:18px;font-weight:800;color:var(--secondary-dark);margin:0;}
    .page-template-home .software-product-key-feature-section__tab-icon{font-size:18px;color:var(--secondary-light);margin-top:2px;transition:.25s ease;}
    .page-template-home .software-product-key-feature-section__tab-desc{display:none;font-size:14px;color:var(--secondary-light);margin-top:10px;line-height:1.5;max-width:320px;}
    .page-template-home .software-product-key-feature-section__tab-line{display:none;position:absolute;left:0;bottom:0;height:2px;width:70%;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));border-radius:10px;}
    .page-template-home .software-product-key-feature-section__tab.active .software-product-key-feature-section__tab-desc{display:block;}
    .page-template-home .software-product-key-feature-section__tab.active .software-product-key-feature-section__tab-line{display:block;}
    .page-template-home .software-product-key-feature-section__tab.active .software-product-key-feature-section__tab-title{color:var(--primary-color);}
    .page-template-home .software-product-key-feature-section__tab.active .software-product-key-feature-section__tab-icon{color:var(--primary-color);transform:translateX(2px);}
    .page-template-home .software-product-key-feature-section__right{position:relative;}
    .page-template-home .software-product-key-feature-section__preview{border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(255,255,255,.92);padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.09);position:sticky;top:20px;}
    .page-template-home .software-product-key-feature-section__preview::before{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
    .page-template-home .software-product-key-feature-section__preview-img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 14px 40px rgba(59,130,246,.10);}
    

/* ==================================PERCENTAGE BOXES======================================= */

.page-template-home .homepage-percentage-box-section{padding:70px 0;background:#ffffff;}
.page-template-home .homepage-percentage-box-section__grid{display:flex;gap:22px;align-items:stretch;}
.page-template-home .homepage-percentage-box-section__col-left{width:25%;display:flex;flex-direction:column;gap:22px;height:100%;}
.page-template-home .homepage-percentage-box-section__col-center{width:50%;height:100%;}
.page-template-home .homepage-percentage-box-section__col-right{width:25%;display:flex;flex-direction:column;gap:22px;height:100%;}
.page-template-home .homepage-percentage-box-section__card{border-radius:22px;padding:32px 28px;box-shadow:0 10px 25px rgba(15,23,42,.06);background:#fff;display:flex;flex-direction:column;justify-content:flex-start;height:100%;}
.page-template-home .homepage-percentage-box-section__card-heading-title{font-size:32px;font-weight:800;line-height:1.2;margin-bottom:16px;color:#0f172a;}
.page-template-home .homepage-percentage-box-section__card-heading-title span{color:#3b82f6;}
.page-template-home .homepage-percentage-box-section__card-text{font-size:18px;line-height:1.6;color:#334155;margin:0;}
.page-template-home .homepage-percentage-box-section__percent{font-size:90px;font-weight:900;line-height:1;color:#0f172a;margin-bottom:14px;}
.page-template-home .homepage-percentage-box-section__card-main{background:rgba(59,130,246,.18);}
.page-template-home .homepage-percentage-box-section__card-top-right{background:rgba(139,92,246,.18);}
.page-template-home .homepage-percentage-box-section__card-bottom-right{background:rgba(245,158,11,.15);}
.page-template-home .homepage-percentage-box-section__card-bottom-left{background:rgba(16,185,129,.12);}
.page-template-home .homepage-percentage-box-section__card-small .homepage-percentage-box-section__percent{font-size:74px;}
.page-template-home .homepage-percentage-box-section__card-main .homepage-percentage-box-section__percent{font-size:110px;}
.page-template-home .homepage-percentage-box-section__same-height{display:flex;flex-direction:column;height:100%;}
.page-template-home .homepage-percentage-box-section__same-height .homepage-percentage-box-section__card{flex:1;}
.page-template-home .homepage-percentage-box-section__box-1{min-height:280px;}
.page-template-home .homepage-percentage-box-section__box-2{min-height:240px;}
.page-template-home .homepage-percentage-box-section__box-3{min-height:612px;}
.page-template-home .homepage-percentage-box-section__box-4{min-height:255px;}
.page-template-home .homepage-percentage-box-section__box-5{min-height:330px;}
.page-template-home .homepage-percentage-box-section__reveal{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease;}
.page-template-home .homepage-percentage-box-section__reveal.is-visible{opacity:1;transform:translateY(0);}
.page-template-home .homepage-percentage-box-section__reveal-delay-1{transition-delay:.10s;}
.page-template-home .homepage-percentage-box-section__reveal-delay-2{transition-delay:.20s;}
.page-template-home .homepage-percentage-box-section__reveal-delay-3{transition-delay:.30s;}
.page-template-home .homepage-percentage-box-section__reveal-delay-4{transition-delay:.40s;}
.page-template-home .homepage-percentage-box-section__reveal-delay-5{transition-delay:.50s;}


/* ==================PRODUCT SHOWCASE======================================== */

.page-template-home .software-showcase-section-home{position:relative;overflow:hidden;padding:0px 0;min-height:100vh;display:flex;align-items:center;background:#ffffff;isolation:isolate;}
    .page-template-home .software-showcase-section-home::before{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(59,130,246,0.05) 1px, transparent 1px),linear-gradient(to bottom, rgba(59,130,246,0.04) 1px, transparent 1px);background-size:70px 70px;opacity:0.18;pointer-events:none;z-index:-2;}
    .page-template-home .software-showcase-section-home .bg-blast{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.55;pointer-events:none;z-index:-2;}
    .page-template-home .software-showcase-section-home .blast-1{width:520px;height:520px;top:-180px;left:-150px;background:radial-gradient(circle, rgba(59,130,246,.32) 0%, transparent 70%);}
    .page-template-home .software-showcase-section-home .blast-2{width:560px;height:560px;bottom:-220px;right:-180px;background:radial-gradient(circle, rgba(30,64,175,.28) 0%, transparent 72%);}
    .page-template-home .software-showcase-section-home .blast-3{width:430px;height:430px;top:35%;right:8%;background:radial-gradient(circle, rgba(59,130,246,.16) 0%, transparent 72%);opacity:0.35;filter:blur(90px);}
    .page-template-home .software-showcase-section-home-ring{position:absolute;width:950px;height:950px;border-radius:50%;border:2px solid rgba(59,130,246,.10);pointer-events:none;z-index:-1;}
    .page-template-home .software-showcase-section-home-ring.ring-1{top:-260px;right:-250px;}
    .page-template-home .software-showcase-section-home-ring.ring-2{bottom:-280px;left:-180px;}
    .page-template-home .software-showcase-section-home-heading{margin-bottom:42px;}
    .page-template-home .software-showcase-section-home-title{font-size:45px;font-weight:900;letter-spacing:-1px;color:#0f172a;margin-bottom:12px;line-height:1.12;}
    .page-template-home .software-showcase-section-home-title span{background:linear-gradient(90deg,#1e40af 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
    .page-template-home .software-showcase-section-home-subtitle{max-width:740px;margin:0 auto;font-size:18px;color:#64748b;line-height:1.7;}
    .page-template-home .software-showcase-card{position:relative;height:100%;border-radius:22px;border:1px solid rgba(226,232,240,.95);background:#fff;box-shadow:0 16px 50px rgba(0,0,0,.06);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;overflow:hidden;}
    .page-template-home .software-showcase-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(59,130,246,.14);border-color:rgba(59,130,246,.22);}
    .page-template-home .software-showcase-card.soft-violet{background:linear-gradient(180deg, rgb(35 12 227 / 27%) 0%, #ffffff 60%);}
    .page-template-home .software-showcase-card.soft-amber{background:linear-gradient(180deg, rgb(245 158 11 / 45%) 0%, #ffffff 60%);}
    .page-template-home .software-showcase-card-top{padding-bottom:14px;}
    .page-template-home .software-showcase-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;font-size:11px;font-weight:600;color:#0f172a;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.18);width:fit-content;margin-bottom:14px;}
    .page-template-home .software-showcase-title{font-size:20px;font-weight:700;color:#0f172a;line-height:1.25;margin-bottom:8px;}
    .page-template-home .software-showcase-para{font-size:17px;color:#475569;line-height:1.65;margin-bottom:16px;max-width:95%;}
    .page-template-home .software-showcase-view-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px;color:var(--primary-dark);text-decoration:none;width:fit-content;padding:10px 14px;border-radius:12px;border:1px solid rgba(59,130,246,.28);background:rgba(255,255,255,.65);transition:.25s ease;box-shadow:0 10px 24px rgba(59,130,246,.06);}
    .page-template-home .software-showcase-view-btn i{font-size:16px;transition:.2s ease;}
    .page-template-home .software-showcase-view-btn:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);box-shadow:0 18px 38px rgba(59,130,246,.14);background:rgba(59,130,246,.06);}
    .page-template-home .software-showcase-view-btn:hover i{transform:translateX(3px);}
    .page-template-home .software-showcase-image-box{border-radius:16px;overflow:hidden;padding:18px;min-height:175px;display:flex;align-items:flex-end;justify-content:center;position:relative;border:1px solid rgba(226,232,240,.9);}
    .page-template-home .software-showcase-image-box-blue{background:linear-gradient(135deg,rgba(30,64,175,.14),rgba(59,130,246,.12));}
    .page-template-home .software-showcase-image-box-light{background:linear-gradient(135deg,rgba(219,234,254,.95),rgba(255,255,255,.18));}
    .page-template-home .software-showcase-image-box img{max-width:92%;height:165px;width:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateY(6px);}
    .page-template-home .software-showcase-resources-card{background:#fff;padding:24px;border-radius:22px;border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 50px rgba(0,0,0,.06);height:100%;transition:.25s ease;position:relative;}
    .page-template-home .software-showcase-resources-card:hover{box-shadow:0 22px 60px rgba(0,0,0,.10);border-color:rgba(59,130,246,.20);transform:translateY(-6px);}
    .page-template-home .software-showcase-resources-title{font-size:18px;font-weight:700;color:#0f172a;line-height:1.25;margin:10px 0 16px;}
    .page-template-home .software-showcase-resources-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(15,23,42,.08);}
    .page-template-home .software-showcase-resources-item:last-child{border-bottom:none;}
    .page-template-home .software-showcase-resources-icon{width:58px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.10);flex:0 0 auto;border:1px solid rgba(59,130,246,.16);}
    .page-template-home .software-showcase-resources-icon img{width:34px;height:34px;object-fit:contain;}
    .page-template-home .software-showcase-resources-item h6{font-size:13px;font-weight:700;margin-bottom:4px;color:#0f172a;}
    .page-template-home .software-showcase-resources-item p{font-size:15px;color:#475569;line-height:1.45;margin:0;}
    .page-template-home .reveal-item{opacity:0;transform:translateY(65px);transition:opacity .9s ease,transform .9s ease;}
    .page-template-home .reveal-item.active{opacity:1;transform:translateY(0);}


    /* ==============================Why choose Us================================================= */

.page-template-home .why-choose-zetsap-home{position:relative;padding:55px 0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.16),transparent 58%),#020617;color:#fff;overflow:hidden;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.page-template-home .why-choose-zetsap-home__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;opacity:.35;pointer-events:none;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 92%);}
.page-template-home .why-choose-zetsap-home__wrap{position:relative;z-index:2;}
.page-template-home .why-choose-zetsap-home__reveal{opacity:0;transform:translateY(44px);transition:opacity .7s ease,transform .7s ease;}
.page-template-home .why-choose-zetsap-home__reveal.is-visible{opacity:1;transform:translateY(0);}
.page-template-home .why-choose-zetsap-home__title{font-size:45px;font-weight:800;line-height:1.05;text-align:center;letter-spacing:-.02em;margin:0;}
.page-template-home .why-choose-zetsap-home__title span{color:#3b82f6;}
.page-template-home .why-choose-zetsap-home__sub{max-width:620px;margin:14px auto 0;text-align:center;color:rgba(255,255,255,.72);font-size:15px;line-height:1.65;}
.page-template-home .why-choose-zetsap-home__gridRow{margin-top:86px;}
.page-template-home .why-choose-zetsap-home__card{position:relative;padding:26px 26px 44px;min-height:280px;transition:opacity .35s ease;}
.page-template-home .why-choose-zetsap-home__card:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08),transparent);}
.page-template-home .why-choose-zetsap-home__card:last-child:after{display:none;}
.page-template-home .why-choose-zetsap-home__num{font-size:18px;color:rgba(255,255,255,.55);margin-bottom:90px;}
.page-template-home .why-choose-zetsap-home__card h3{font-size:28px;font-weight:700;margin:0 0 12px;}
.page-template-home .why-choose-zetsap-home__card p{color:rgba(255,255,255,.58);line-height:1.7;font-size:15px;margin:0;max-width:270px;}
.page-template-home .why-choose-zetsap-home__card.is-muted{opacity:.45;}
.page-template-home .why-choose-zetsap-home__trackWrap{margin-top:26px;}
.page-template-home .why-choose-zetsap-home__track{position:relative;height:2px;background:rgba(255,255,255,.14);border-radius:999px;overflow:visible;}
.page-template-home .why-choose-zetsap-home__fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#1e40af,#3b82f6);border-radius:999px;box-shadow:0 0 18px rgba(59,130,246,.75),0 0 38px rgba(30,64,175,.35);}
.page-template-home .why-choose-zetsap-home__node{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:rgba(59,130,246,.55);transition:background .25s ease,box-shadow .25s ease;}
.page-template-home .why-choose-zetsap-home__node.is-reached{background:#fff;box-shadow:0 0 0 8px rgba(59,130,246,.18),0 0 22px rgba(59,130,246,.75);}
.page-template-home .why-choose-zetsap-home__node[data-node="0"]{left:0%;}
.page-template-home .why-choose-zetsap-home__node[data-node="1"]{left:33.333%;}
.page-template-home .why-choose-zetsap-home__node[data-node="2"]{left:66.666%;}
.page-template-home .why-choose-zetsap-home__node[data-node="3"]{left:100%;}
.page-template-home .why-choose-zetsap-home__ctaWrap{margin-top:42px;display:flex;justify-content:center;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn{border:0;cursor:pointer;border-radius:14px;padding:14px 30px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn:hover::before{opacity:1;}
.page-template-home .why-choose-zetsap-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
.page-template-home .why-choose-zetsap-home{position:relative;padding:55px 0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.16),transparent 58%),#020617;color:#fff;overflow:hidden;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.page-template-home .why-choose-zetsap-home__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;opacity:.35;pointer-events:none;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 92%);}
.page-template-home .why-choose-zetsap-home__wrap{position:relative;z-index:2;}
.page-template-home .why-choose-zetsap-home__reveal{opacity:0;transform:translateY(44px);transition:opacity .7s ease,transform .7s ease;}
.page-template-home .why-choose-zetsap-home__reveal.is-visible{opacity:1;transform:translateY(0);}
.page-template-home .why-choose-zetsap-home__title{font-size:45px;font-weight:800;line-height:1.05;text-align:center;letter-spacing:-.02em;margin:0;}
.page-template-home .why-choose-zetsap-home__title span{color:#3b82f6;}
.page-template-home .why-choose-zetsap-home__sub{max-width:620px;margin:14px auto 0;text-align:center;color:rgba(255,255,255,.72);font-size:15px;line-height:1.65;}
.page-template-home .why-choose-zetsap-home__gridRow{margin-top:86px;}
.page-template-home .why-choose-zetsap-home__card{position:relative;padding:26px 26px 44px;min-height:280px;}
.page-template-home .why-choose-zetsap-home__card:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08),transparent);}
.page-template-home .why-choose-zetsap-home__card:last-child:after{display:none;}
.page-template-home .why-choose-zetsap-home__num{font-size:18px;color:rgba(255,255,255,.55);margin-bottom:90px;}
.page-template-home .why-choose-zetsap-home__card h3{font-size:28px;font-weight:700;margin:0 0 12px;}
.page-template-home .why-choose-zetsap-home__card p{color:rgba(255,255,255,.58);line-height:1.7;font-size:15px;margin:0;max-width:270px;}
.page-template-home .why-choose-zetsap-home__ctaWrap{margin-top:42px;display:flex;justify-content:center;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn{border:0;cursor:pointer;border-radius:14px;padding:14px 30px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn:hover::before{opacity:1;}
.page-template-home .why-choose-zetsap-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn:hover .zetsap-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);}


/* ===========================================INDUSTRIES WE SERVE========================================== */

.page-template-home .industries-we-serve-section{position:relative;padding:80px 20px;width:100%;max-width:1400px;margin:0 auto;overflow:hidden;background-image:url("");background-size:cover;background-position:center;background-repeat:no-repeat;}
.page-template-home .industries-we-serve-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(59,130,246,.16) 0%,transparent 70%);z-index:-1;}
.page-template-home .industries-we-serve-section__header{text-align:center;margin-bottom:55px;}
.page-template-home .industries-we-serve-section__title{font-size:52px;font-weight:800;color:#0f172a;margin-bottom:14px;letter-spacing:-1px;}
.page-template-home .industries-we-serve-section__title span{color:#3b82f6;position:relative;display:inline-block;}
.page-template-home .industries-we-serve-section__title span:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:10px;background:rgba(59,130,246,.16);z-index:-1;border-radius:8px;}
.page-template-home .industries-we-serve-section__desc{font-size:18px;color:#64748b;max-width:760px;margin:0 auto;line-height:28px;}
.page-template-home .industries-we-serve-section__wrap{display:flex;justify-content:center;align-items:center;}
.page-template-home .industries-we-serve-section__stage{position:relative;width:820px;height:820px;margin:0 auto;transform:scale(.92);opacity:0;transition:transform .55s ease,opacity .55s ease;display:flex;align-items:center;justify-content:center;}
.page-template-home .industries-we-serve-section__stage.is-visible{transform:scale(1);opacity:1;}
.page-template-home .industries-we-serve-section__stage:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;height:92%;border-radius:50%;border:2px dashed rgba(59,130,246,.22);z-index:1;pointer-events:none;}
.page-template-home .industries-we-serve-section__brand{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid rgba(59,130,246,.55);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 25px 60px rgba(59,130,246,.35);}
.page-template-home .industries-we-serve-section__brand span{font-size:34px;font-weight:800;color:#fff;letter-spacing:-1px;}
.page-template-home .industries-we-serve-section__dots{position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;}
.page-template-home .industries-we-serve-section__dot{position:absolute;width:6px;height:6px;background:#3b82f6;border-radius:50%;opacity:.55;animation:industriesDotFloat 3.6s ease-in-out infinite;}
@keyframes industriesDotFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.page-template-home .industries-we-serve-section__connections{position:absolute;inset:0;z-index:6;pointer-events:none;}
.page-template-home .industries-we-serve-section__connections svg{width:107%;height:106%;display:block;}
.page-template-home .industries-we-serve-section__trace-bg{stroke:rgba(59,130,246,.14);stroke-width:2;fill:none;}
.page-template-home .industries-we-serve-section__trace-flow{stroke-width:2;fill:none;stroke:rgba(59,130,246,.95);stroke-dasharray:36 360;stroke-dashoffset:396;filter:drop-shadow(0 0 6px rgba(59,130,246,.65));animation:industriesFlow 2.8s cubic-bezier(.5,0,.9,1) infinite;}
@keyframes industriesFlow{to{stroke-dashoffset:0;}}
.page-template-home .industries-we-serve-section__items{position:absolute;inset:0;z-index:9;}
.page-template-home .industries-we-serve-section__item{position:absolute;width:140px;height:130px;transform:translate(-50%,-50%);}
.page-template-home .industries-we-serve-section__card{width:122px;height:118px;background:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;box-shadow:0 14px 28px rgba(15,23,42,.10);transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(59,130,246,.18);}
.page-template-home .industries-we-serve-section__card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(59,130,246,.18);}
.page-template-home .industries-we-serve-section__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-bottom:10px;}
.page-template-home .industries-we-serve-section__label{font-size:12px;font-weight:600;color:#0f172a;text-align:center;line-height:15px;}
.page-template-home .industries-we-serve-section__cta{margin-top:50px;display:flex;justify-content:center;}
.page-template-home .industries-we-serve-section__cta-box{width:100%;max-width:1320px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(219,234,254,.55));border:1px solid rgba(59,130,246,.30);border-radius:26px;padding:44px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;box-shadow:0 26px 70px rgba(15,23,42,.10);backdrop-filter:blur(10px);}
.page-template-home .industries-we-serve-section__cta-title{font-size:26px;font-weight:900;color:#0f172a;margin:0;}
.page-template-home .industries-we-serve-section__cta-desc{margin:6px auto 18px;font-size:15px;color:#64748b;line-height:24px;max-width:760px;}
.page-template-home .zetsap-industries-btn-primary{text-decoration:none;border:0;cursor:pointer;border-radius:14px;padding:14px 30px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;justify-content:center;}
.page-template-home .zetsap-industries-btn-primary::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .zetsap-industries-primary:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);color:#fff;}
.page-template-home .zetsap-industries-btn-primary:hover::before{opacity:1;}
.page-template-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
.page-template-home .zetsap-industries-btn-primary:hover .zetsap-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);}
.page-template-home .industries-we-serve-section__mobile{display:none;}
.page-template-home .industries-we-serve-section__mobile-line{position:absolute;left:50%;top:140px;transform:translateX(-50%);width:2px;height:calc(100% - 170px);background:rgba(59,130,246,.25);border-radius:999px;z-index:1;}
.page-template-home .industries-we-serve-section__mobile-runner{position:absolute;left:50%;top:140px;transform:translateX(-50%);width:2px;height:calc(100% - 170px);z-index:2;pointer-events:none;overflow:hidden;}
.page-template-home .industries-we-serve-section__mobile-runner:before{content:"";position:absolute;left:50%;top:0;width:34px;height:10px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.95),transparent);transform:translateX(-50%) rotate(-25deg);filter:drop-shadow(0 6px 10px rgba(59,130,246,.35));animation:industriesStrokeMove 2.6s linear infinite;border-radius:999px;}
@keyframes industriesStrokeMove{0%{top:-10px;opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{top:calc(100% - 6px);opacity:0;}}
.page-template-home .industries-we-serve-section__mobile-box{position:relative;z-index:3;width:100%;max-width:420px;margin:0 auto 14px;background:#fff;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 28px rgba(15,23,42,.10);border:1px solid rgba(59,130,246,.35);}
.page-template-home .industries-we-serve-section__mobile-box-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex:0 0 auto;}
.page-template-home .industries-we-serve-section__mobile-box-name{font-size:14px;font-weight:600;color:#0f172a;line-height:18px;margin:0;}


/* Final home-CTA */

.page-template-home .cta-revamp-business-section{position:relative;padding:7px 20px;width:100%;max-width:1335px;margin:0 auto;}
.page-template-home .cta-revamp-business-section__card{position:relative;overflow:hidden;border-radius:26px;padding:76px 28px;box-shadow:0 28px 90px rgba(15,23,42,.10);border:1px solid rgba(59,130,246,.18);background:#fff;}
.page-template-home .cta-revamp-business-section__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.05) contrast(1.05);}
.page-template-home .cta-revamp-business-section__overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(900px 520px at 50% 30%,rgba(30,64,175,.52) 0%,rgba(59,130,246,.28) 40%,rgba(255,255,255,.88) 100%),linear-gradient(135deg,rgba(219,234,254,.55),rgba(255,255,255,.90));}
.page-template-home .cta-revamp-business-section__ring-1{position:absolute;left:-120px;bottom:-140px;width:380px;height:380px;border-radius:50%;border:2px solid rgba(59,130,246,.22);opacity:.55;z-index:2;}
.page-template-home .cta-revamp-business-section__ring-2{position:absolute;left:-40px;bottom:-60px;width:250px;height:250px;border-radius:50%;border:2px solid rgba(59,130,246,.16);opacity:.45;z-index:2;}
.page-template-home .cta-revamp-business-section__ring-3{position:absolute;right:-140px;top:-170px;width:420px;height:420px;border-radius:50%;border:2px solid rgba(30,64,175,.18);opacity:.45;z-index:2;}
.page-template-home .cta-revamp-business-section__ring-4{position:absolute;right:-60px;top:-80px;width:270px;height:270px;border-radius:50%;border:2px solid rgba(59,130,246,.14);opacity:.40;z-index:2;}
.page-template-home .cta-revamp-business-section__content{position:relative;z-index:3;max-width:920px;margin:0 auto;text-align:center;}
.page-template-home .cta-revamp-business-section__title{font-size:56px;font-weight:900;color:#0f172a;letter-spacing:-1px;margin:0 0 16px;}
.page-template-home .cta-revamp-business-section__desc{font-size:18px;color:#334155;line-height:28px;max-width:720px;margin:0 auto 34px;}
.page-template-home .cta-revamp-business-section__form{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-radius:999px;padding:10px 10px 10px 22px;box-shadow:0 18px 60px rgba(15,23,42,.10);border:1px solid rgba(59,130,246,.24);gap:14px;backdrop-filter:blur(14px);}
.page-template-home .cta-revamp-business-section__input{flex:1;border:0;outline:none;background:transparent;font-size:16px;color:#0f172a;font-weight:600;padding:12px 8px;}
.page-template-home .cta-revamp-business-section__input::placeholder{color:rgba(100,116,139,.90);font-weight:500;}
.page-template-home .zetsap-home-cta-btn-primary{border:0;cursor:pointer;border-radius:36px;padding:14px 30px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 16px 36px rgba(59,130,246,0.25);transition:all 0.35s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap;}
.page-template-home .zetsap-home-cta-btn-primary::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 55%);opacity:0;transition:0.35s ease;}
.page-template-home .zetsap-home-cta-btn-primary:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(59,130,246,0.35);color:#fff;}
.page-template-home .zetsap-home-cta-btn-primary:hover::before{opacity:1;}
.page-template-home .zetsap-btn-arrow{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);transition:0.35s ease;}
.page-template-home .zetsap-home-cta-btn-primary:hover .zetsap-btn-arrow{transform:translateX(4px) rotate(-2deg);background:rgba(255,255,255,0.22);}

/* HAPPY CUSTOMER-BOY */

.page-template-home .happier-customers-section{padding:30px 0 217px;background:radial-gradient(1200px 520px at 50% 30%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 60%),linear-gradient(145deg,var(--blue-2) 0%,var(--blue-1) 45%,var(--blue-3) 100%);position:relative;overflow:hidden;margin:1px 230px;border-radius:109px;}
.page-template-home .happier-customers-section::after{content:"";position:absolute;inset:0;background-image:url("http://localhost/zinlo/wp-content/uploads/2026/01/bg-boy.png");background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.18; /* adjust 0.1 – 0.25 */pointer-events:none;z-index:0;}
.page-template-home .happier-customers-section > .container{position:relative;z-index:1;}
.page-template-home .happier-customers-section__heading{color:#fff;font-weight:900;font-size:58px;text-align:center;letter-spacing:-1px;margin:18px 0 10px;}
.page-template-home .happier-customers-section__subtext{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.55;text-align:center;}
.page-template-home .happier-customers-section__stage{position:relative;max-width:1040px;margin:36px auto 0;min-height:493px;}
.page-template-home .happier-customers-section__circle{position:absolute;left:50%;top:76%;transform:translate(-50%,-50%);width:580px;height:580px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 55%),linear-gradient(180deg,#ffe08c 0%,var(--yellow-circle) 55%,#f2b90a 100%);box-shadow:0 35px 85px rgba(0,0,0,.32);z-index:1;}
.page-template-home .happier-customers-section__boy{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);z-index:3;width:700px;max-width:70vw;filter:drop-shadow(0 26px 42px rgba(0,0,0,.30));}
.page-template-home .happier-customers-section__boy img{width:100%;display:block;}
.page-template-home .happier-customers-section__card{position:absolute;z-index:4;padding:11px;border-radius:18px;background:rgb(255 255 255 / 48%);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);box-shadow:var(--card-shadow);min-width:240px;max-width:290px;animation:floaty 4.5s ease-in-out infinite;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.page-template-home .happier-customers-section__card-title{font-size:13.5px;font-weight:800;color:#0f172a;margin-bottom:6px;}
.page-template-home .happier-customers-section__card-text{font-size:12.8px;color:#334155;margin:0;}
.page-template-home .happier-customers-section__imgbox{width:100%;margin-top:10px;border-radius:14px;border:1px solid rgba(255,255,255,.40);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:10px;display:flex;justify-content:center;align-items:center;}
.page-template-home .happier-customers-section__imgbox img{width:auto;max-width:100%;height:auto;max-height:180px;object-fit:contain;transition:.35s ease;}
.page-template-home .happier-customers-section__card:hover img{transform:scale(1.05);}
.pos-1{left:24px;top:-18px;}
.pos-2{left:-41px;top:222px;}
.pos-3{left:23px;top:460px;}
.pos-4{right:16px;top:-21px;}
.pos-5{right:-40px;top:197px;}
.pos-6{right:24px;bottom:-173px;}



















/* **************************************************************************************************** */
                           /*       MOBILE RESPONSIVE (768px)        */
/* **************************************************************************************************** */


    @media(max-width:768px){
/* nav button hoide */
.immediate_contact{display: none;}
/*  */
.page-template-home .zetsap-home-page-banner-title{font-size:38px;}
.page-template-home .zetsap-home-page-banner-description{font-size:15px;}
.page-template-home .zetsap-home-banner-btn-primary,.page-template-home .zetsap-home-page-banner-btn-secondary{padding:7px 18px;font-size:14px;}
.page-template-home .zetsap-btn-arrow{width:38px;height:38px;border-radius:12px;}
.page-template-home .zetsap-floating-img{display:none;}
.page-template-home .zetsap-right-image-wrap{min-height:auto;}
.page-template-home .zetsap-main-image-card{width:100%;}
.page-template-home .zetsap-home-page-banner-section{padding: 85px 0 0px;}
.page-template-home .zetsap-home-page-banner-badge {padding: 6px 7px;}

.page-template-home .zetsap-about-section-homepage{padding:25px 0 40px;min-height:auto;}
.page-template-home .zetsap-about-top-title{font-size:28px;}
.page-template-home .zetsap-about-top-heading{margin-bottom:35px;}
.page-template-home .zetsap-about-section-homepage__title{font-size:28px;}
.page-template-home .zetsap-about-orbit{display:none;}
.page-template-home .zetsap-about-metric{min-width:114px;}
.page-template-home .zetsap-about-card-icon{width: 54px;height: 49px;}
.page-template-home .zetsap-about-card{padding: 31px 13px;}
.page-template-home .zetsap-banner-btn-primary {padding: 7px 18px;}
.page-template-home .zetsap-about-section-homepage__para {font-size: 15px;}
.page-template-home .zetsap-about-metrics {gap:4px;flex-wrap: nowrap;}
.page-template-home .zetsap-about-zfloat img {width: 86%;}
.page-template-home .zetsap-about-zfloat {width: 61px; height: 61px;}

.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-title{font-size:28px;}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-grid,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-grid{grid-template-columns:repeat(2,1fr);}
.page-template-home .zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card,.zetsap-teck-stack-we-use .zetsap-teck-stack-we-use-card{height:150px;}
.page-template-home .zetsap-tech-ring,.zetsap-tech-ring{display:none;}
.page-template-home .zetsap-teck-stack-we-use, .zetsap-teck-stack-we-use {padding: 36px 15px;}

.page-template-home .testimonial-automated-scrolling-section-wrapper{padding:55px 0;} 
.page-template-home .testimonial-automated-scrolling-section-title{font-size:28px;}
 .page-template-home .testimonial-automated-scrolling-section-header{margin-bottom:26px;}
  .page-template-home .testimonial-automated-scrolling-section-wrapper .container{padding-left:6px!important; padding-right:6px!important;}
  .page-template-home .testimonial-automated-scrolling-section-column-container{height:560px;} 
  .page-template-home .testimonial-automated-scrolling-section-column-two, .page-template-home .testimonial-automated-scrolling-section-column-three{display:none;}
   .page-template-home .testimonial-automated-scrolling-section-subtitle{font-size:15px;} 

.page-template-home .zetsap-homepage-blogs-section{padding:22px 0 13px 0;} 
.page-template-home .zetsap-homepage-blogs-section-title{font-size:28px;} 
.page-template-home .zetsap-homepage-blogs-section-subtitle{font-size:15px;margin-bottom:25px;} 
.page-template-home .zetsap-homepage-blogs-section-card-img{min-height:180px;} 
.page-template-home .zetsap-homepage-blogs-section-card{padding:16px;} 
.page-template-home .zetsap-homepage-blogs-section-btn{padding: 7px 95px;} 
.page-template-home .zetsap-homepage-blogs-section-btn-arrow{width:38px;height:38px;}

.page-template-home .software-product-key-feature-section{padding:25px 0;}
.page-template-home .software-product-key-feature-section__title{font-size:28px;max-width:95%;}
.page-template-home .software-product-key-feature-section__preview{position:relative;top:auto;}
.page-template-home .software-product-key-feature-section__tab{padding:18px 16px;border-radius:12px;}
.page-template-home .software-product-key-feature-section__tab-desc{max-width:100%;}
.page-template-home .software-product-key-feature-section__grid-row {margin-top: 0px;}
.page-template-home .software-product-key-feature-section__tab-title {font-size: 16px;}
.page-template-home .homepage-percentage-box-section{padding:45px 0;}
.page-template-home .homepage-percentage-box-section__grid{flex-direction:column;}
.page-template-home .homepage-percentage-box-section__col-left,.page-template-home .homepage-percentage-box-section__col-center,.page-template-home .homepage-percentage-box-section__col-right{width:100%;}
.page-template-home .homepage-percentage-box-section__card{padding:26px 22px;height:auto;}
.page-template-home .homepage-percentage-box-section__card-heading-title{font-size:24px;}
.page-template-home .homepage-percentage-box-section__card-text{font-size:16px;}
.page-template-home .homepage-percentage-box-section__card-main{min-height:auto;}
.page-template-home .homepage-percentage-box-section__card-main .homepage-percentage-box-section__percent{font-size:48px;}
.page-template-home .homepage-percentage-box-section__card-small .homepage-percentage-box-section__percent{font-size:48px;}
.page-template-home .homepage-percentage-box-section__box-1,.page-template-home .homepage-percentage-box-section__box-2,.page-template-home .homepage-percentage-box-section__box-3,.page-template-home .homepage-percentage-box-section__box-4,.page-template-home .homepage-percentage-box-section__box-5{min-height:auto;}
.page-template-home .software-showcase-section-home{padding:21px 0;min-height:auto;}
.page-template-home .software-showcase-section-home-title{font-size:28px;}
.page-template-home .software-showcase-section-home-subtitle{font-size:15px;}
.page-template-home .software-showcase-card,.page-template-home .software-showcase-resources-card{padding:18px;}
.page-template-home .software-showcase-para {font-size: 15px;}

.page-template-home .why-choose-zetsap-home{padding:41px 0;}
.page-template-home .why-choose-zetsap-home__gridRow{margin-top:56px;}
.page-template-home .why-choose-zetsap-home__card{min-height:auto;padding:22px 14px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.page-template-home .why-choose-zetsap-home__num{margin-bottom:18px;color:#fff;}
.page-template-home .why-choose-zetsap-home__card h3{color:#fff;font-size:22px;}
.page-template-home .why-choose-zetsap-home__card p{color:rgba(255,255,255,.90);max-width:unset;}
.page-template-home .why-choose-zetsap-home .zetsap-home-page-banner-btn{padding:7px 18px;}
.page-template-home .why-choose-zetsap-home__title{font-size:27px;}
.page-template-home .why-choose-zetsap-home__ctaWrap{margin-top:21px;}


.page-template-home .industries-we-serve-section{padding:12px 14px;}
.page-template-home .industries-we-serve-section__header{margin-bottom:40px;}
.page-template-home .industries-we-serve-section__title{font-size:28px;}
.page-template-home .industries-we-serve-section__desc{font-size:14px;line-height:22px;padding:0 8px;}
.page-template-home .industries-we-serve-section__wrap{display:none;}
.page-template-home .industries-we-serve-section__mobile{display:block;position:relative;max-width:520px;margin:0 auto;transform:scale(.92);opacity:0;transition:transform .55s ease,opacity .55s ease;}
.page-template-home .industries-we-serve-section__mobile.is-visible{transform:scale(1);opacity:1;}
.page-template-home .industries-we-serve-section__brand{position:relative;top:auto;left:auto;transform:none;margin:0 auto 22px;width:150px;height:150px;}
.page-template-home .industries-we-serve-section__brand span{font-size:20px;}
.page-template-home .industries-we-serve-section__cta-box{padding:30px 18px;}
.page-template-home .industries-we-serve-section__cta-title{font-size:20px;}
.page-template-home .industries-we-serve-section__cta-desc{font-size:13px;line-height:20px;margin-bottom:14px;}
.page-template-home .zetsap-industries-btn-primary{width:64%;justify-content:center;padding:7px 18px;}
.page-template-home .industries-we-serve-section__cta {margin-top: 19px;}


.page-template-home .cta-revamp-business-section{padding:5px 14px;}
.page-template-home .cta-revamp-business-section__card{padding:54px 16px;border-radius:22px;}
.page-template-home .cta-revamp-business-section__title{font-size:34px;}
.page-template-home .cta-revamp-business-section__desc{font-size:14px;line-height:22px;margin-bottom:22px;}
.page-template-home .cta-revamp-business-section__form{flex-direction:column;align-items:stretch;border-radius:22px;padding:14px;gap:12px;}
.page-template-home .cta-revamp-business-section__input{padding:12px 6px;}
.page-template-home .zetsap-home-cta-btn-primary{justify-content:center;border-radius:16px;width:100%;padding:7px 18px;}
.page-template-home .zetsap-btn-arrow{width:38px;height:38px;border-radius:14px;}

.page-template-home .happier-customers-section{margin:12px;border-radius:52px;padding:0px 10px 0px;}
.page-template-home .happier-customers-section__heading{font-size:28px;}
.page-template-home .happier-customers-section__stage{min-height:0px;}
.page-template-home .happier-customers-section__boy{position:relative;left:20px;top:0px;transform:none;width:280px;}
.page-template-home .happier-customers-section__subtext{font-size:15px;}
.page-template-home .happier-customers-section__card{padding:4px;backdrop-filter:blur(0px);min-width:160px;max-width:257px;}
.page-template-home .happier-customers-section__imgbox{margin-top:0px;backdrop-filter:blur(0px);padding:0px;}
.page-template-home .happier-customers-section__circle{height:75%;max-width:97%;top:249px;}
.pos-3{left:157px;top:6px;}
.page-template-home .happier-customers-section__imgbox img{max-width:131%;}
.page-template-home .happier-customers-section__card.pos-2,.page-template-home .happier-customers-section__card.pos-1,.page-template-home .happier-customers-section__card.pos-4,.page-template-home .happier-customers-section__card.pos-5,.page-template-home .happier-customers-section__card.pos-6{display:none;}


}































/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
                 /*         Product- One - Page - Styles  Start            */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */


 .page-template-product-one .hrm-modern-hero-banner-wrapper{position:relative;width:100%;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--hrm-white)0%,var(--hrm-light-gray)100%);font-family:"Inter",sans-serif;color:var(--hrm-black);}
    .page-template-product-one .hrm-modern-hero-background-layer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1;}
    .page-template-product-one .hrm-modern-hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:0.15;transition:transform 0.3s ease-out;}
    .page-template-product-one .hrm-modern-hero-orb-1{width:600px;height:600px;background:linear-gradient(135deg,var(--hrm-purple-light)0%,var(--hrm-purple-dark)100%);top:-200px;left:-200px;}
    .page-template-product-one .hrm-modern-hero-orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--hrm-pink-light)0%,var(--hrm-pink-dark)100%);bottom:-150px;right:-150px;}
    .page-template-product-one .hrm-modern-hero-orb-3{width:400px;height:400px;background:linear-gradient(135deg,var(--hrm-blue-light)0%,var(--hrm-blue-dark)100%);top:50%;right:10%;transform:translateY(-50%);}
    .page-template-product-one .hrm-modern-hero-orb-1,.page-template-product-one .hrm-modern-hero-orb-2,.page-template-product-one .hrm-modern-hero-orb-3{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;}    
    .page-template-product-one .hrm-modern-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,0.82);border:1px solid rgba(15,23,42,0.08);box-shadow:0 12px 30px rgba(15,23,42,0.06);backdrop-filter:blur(12px);margin-bottom:30px;opacity:0;transform:translateY(-50px);animation:hrm-slideDownFade 0.8s ease forwards;animation-delay:0.3s;}
    @keyframes hrm-slideDownFade{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
    .page-template-product-one .hrm-modern-hero-badge-avatars{display:flex;align-items:center;}
    .page-template-product-one .hrm-modern-hero-badge-avatars img{width:28px;height:28px;border-radius:50%;border:2px solid var(--hrm-white);object-fit:cover;margin-left:-8px;box-shadow:0 10px 22px rgba(0,0,0,0.10);}
    .page-template-product-one .hrm-modern-hero-badge-avatars img:first-child{margin-left:0;}
    .page-template-product-one .hrm-modern-hero-badge-count{font-weight:800;color:#611f69;font-size:14px;}
    .page-template-product-one .hrm-modern-hero-badge-text{font-weight:600;color:#111827;opacity:0.82;font-size:14px;}
    .page-template-product-one .hrm-modern-hero-dashboard-wrap{position:relative;z-index:2;margin-top:60px;display:flex;justify-content:center;opacity:0;transform:scale(0.8);animation:hrm-popupScale 1s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:1s;}
    @keyframes hrm-popupScale{0%{opacity:0;transform:scale(0.8);}100%{opacity:1;transform:scale(1);}}
    .page-template-product-one .hrm-modern-hero-dashboard-frame{position:relative;width:min(1080px,95vw);padding:16px;border-radius:40px;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.8);box-shadow:0 35px 120px rgba(97,31,105,0.15);backdrop-filter:blur(20px);overflow:visible;}
    .page-template-product-one .hrm-modern-hero-dashboard-border{position:absolute;inset:8px;border-radius:28px;border:1px solid rgba(15,23,42,0.10);pointer-events:none;}
    .page-template-product-one .hrm-modern-hero-dashboard-main{position:relative;z-index:2;border-radius:30px;overflow:hidden;background:var(--hrm-white);border:1px solid rgba(15,23,42,0.08);box-shadow:0 25px 80px rgba(15,23,42,0.15);transform:scale(0.9);animation:hrm-scaleIn 1.2s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:1.2s;}
    @keyframes hrm-scaleIn{0%{transform:scale(0.9)translateY(30px);opacity:0;}100%{transform:scale(1)translateY(0);opacity:1;}}
    .page-template-product-one .hrm-modern-hero-dashboard-main img{width:100%;height:auto;display:block;}
    .page-template-product-one .hrm-modern-hero-dashboard-float{position:absolute;bottom:40px;width:280px;border-radius:24px;padding:10px;background:rgb(255 255 255 / 22%);border:1px solid rgba(255,255,255,0.8);backdrop-filter:blur(15px);box-shadow:0 35px 80px rgba(15,23,42,0.18);z-index:5;transform:scale(0.8);opacity:0;animation:hrm-floatContinuous 10s ease-in-out infinite;}
    .page-template-product-one .hrm-modern-hero-dashboard-float img{width:100%;border-radius:41px;display:block;}
    .page-template-product-one .hrm-modern-hero-dashboard-float.left{left:-80px;animation:hrm-floatContinuousLeft 10s ease-in-out infinite,hrm-slideInLeft 1s ease forwards;animation-delay:1.4s;}
    .page-template-product-one .hrm-modern-hero-dashboard-float.right{right:-80px;animation:hrm-floatContinuousRight 11s ease-in-out infinite,hrm-slideInRight 1s ease forwards;animation-delay:1.4s;}
    @keyframes hrm-floatContinuousLeft{0%,100%{transform:translateY(0)translateX(0)rotate(-2deg);}25%{transform:translateY(-25px)translateX(15px)rotate(0deg);}50%{transform:translateY(0)translateX(25px)rotate(2deg);}75%{transform:translateY(25px)translateX(15px)rotate(0deg);}}
    @keyframes hrm-floatContinuousRight{0%,100%{transform:translateY(0)translateX(0)rotate(2deg);}25%{transform:translateY(25px)translateX(-15px)rotate(0deg);}50%{transform:translateY(0)translateX(-25px)rotate(-2deg);}75%{transform:translateY(-25px)translateX(-15px)rotate(0deg);}}
    @keyframes hrm-slideInLeft{0%{opacity:0;transform:translateX(-50px)scale(0.8);}100%{opacity:1;transform:translateX(0)scale(1);}}
    @keyframes hrm-slideInRight{0%{opacity:0;transform:translateX(50px)scale(0.8);}100%{opacity:1;transform:translateX(0)scale(1);}}
    .page-template-product-one .hrm-modern-hero-rings{position:absolute;left:50%;top:57%;width:1400px;height:1400px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;will-change:transform;animation:hrm-rotate 34s linear infinite;}
    .page-template-product-one .hrm-modern-hero-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(156,99,161,0.1);}
    .page-template-product-one .hrm-modern-hero-ring:nth-child(2){inset:110px;border-color:rgba(156,99,161,0.08);opacity:0.65;}
    .page-template-product-one .hrm-modern-hero-ring:nth-child(3){inset:220px;border-color:rgba(156,99,161,0.05);opacity:0.40;}
    .page-template-product-one .hrm-modern-hero-ring::before{content:'';position:absolute;top:0;left:50%;width:2px;height:20px;background:rgba(255,255,255,0.7);transform:translateX(-50%);border-radius:2px;box-shadow:0 0 8px rgba(255,255,255,0.6);animation:hrm-ringStrokeRotate 8.5s linear infinite;}
    .page-template-product-one .hrm-modern-hero-ring:nth-child(2)::before{animation-delay:2.8s;}
    .page-template-product-one .hrm-modern-hero-ring:nth-child(3)::before{animation-delay:5.6s;}
    @keyframes hrm-ringStrokeRotate{0%{transform:translateX(-50%)rotate(0deg);}100%{transform:translateX(-50%)rotate(360deg);}}
    @keyframes hrm-rotate{from{transform:translate(-50%,-50%)rotate(0deg);}to{transform:translate(-50%,-50%)rotate(360deg);}}    
    .page-template-product-one .hrm-modern-hero-anim{opacity:0;transform:translateY(-50px);animation:hrm-reveal 0.9s ease forwards;}
    .page-template-product-one .hrm-modern-hero-anim.delay-1{animation-delay:0.10s;}
    .page-template-product-one .hrm-modern-hero-anim.delay-2{animation-delay:0.20s;}
    .page-template-product-one .hrm-modern-hero-anim.delay-3{animation-delay:0.32s;}
    .page-template-product-one .hrm-modern-hero-anim.delay-4{animation-delay:0.46s;}
    @keyframes hrm-reveal{to{opacity:1;transform:translateY(0);}}
    .page-template-product-one .hrm-modern-hero-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;}
    .page-template-product-one .hrm-modern-hero-float-icon{position:absolute;color:var(--hrm-dark-gray);opacity:0.05;animation:hrm-float 6s ease-in-out infinite;}
    .page-template-product-one .hrm-modern-hero-float-1{top:15%;left:10%;width:40px;height:40px;animation-delay:0s;}
    .page-template-product-one .hrm-modern-hero-float-2{top:60%;left:15%;width:32px;height:32px;animation-delay:1.5s;}
    .page-template-product-one .hrm-modern-hero-float-3{top:25%;right:12%;width:36px;height:36px;animation-delay:3s;}
    .page-template-product-one .hrm-modern-hero-float-4{bottom:20%;right:18%;width:44px;height:44px;animation-delay:4.5s;}
    @keyframes hrm-float{0%,100%{transform:translateY(0px)rotate(0deg);}50%{transform:translateY(-20px)rotate(180deg);}}
    .page-template-product-one .hrm-modern-hero-content-container{position:relative;z-index:10;max-width:1200px;padding:120px 60px;text-align:center;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(0.4,0,0.2,1);font-family:"Inter",sans-serif;}
    .page-template-product-one .hrm-modern-hero-content-container.hrm-modern-hero-visible{opacity:1;transform:translateY(0);}
    .page-template-product-one .hrm-modern-hero-content-inner{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:40px;}
    .page-template-product-one .hrm-modern-hero-main-heading{font-size:72px;font-weight:800;line-height:1.1;color:var(--hrm-black);margin:0;letter-spacing:-2px;max-width:900px;text-align:center;}
    .page-template-product-one .hrm-modern-hero-main-heading #hrm-changing-word::after{content:"|";margin-left:3px;animation:hrm-blink 0.6s infinite;}
    @keyframes hrm-blink{50%{opacity:0;}}
    .page-template-product-one .hrm-modern-hero-gradient-text{background:linear-gradient(135deg,var(--hrm-purple-light)0%,var(--hrm-purple-dark)50%,var(--hrm-pink-light)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:800;letter-spacing:-0.5px;}
    .page-template-product-one .hrm-modern-hero-subheading{font-size:20px;line-height:1.7;color:var(--hrm-text-gray);max-width:700px;margin:0 auto;position:relative;overflow:hidden;text-align:center;}
    .page-template-product-one .hrm-modern-hero-subheading::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.7s ease;}
    .page-template-product-one .hrm-modern-hero-subheading:hover::before{left:100%;}
    .page-template-product-one .hrm-modern-hero-cta-group{display:flex;gap:20px;justify-content:center;margin-top:16px;width:100%;}
    .page-template-product-one .hrm-modern-hero-btn{cursor:pointer;font-weight:700;transition:all 0.2s;padding:14px 28px;border-radius:100px;display:flex;align-items:center;font-size:16px;min-width:200px;justify-content:center;position:relative;overflow:hidden;font-family:"Inter",sans-serif;background:linear-gradient(135deg,var(--hrm-purple-light)0%,var(--hrm-purple-dark)100%);border:1px solid transparent;color:var(--hrm-white);}
    .page-template-product-one .hrm-modern-hero-btn:hover{background:linear-gradient(135deg,var(--hrm-purple-light)0%,var(--hrm-purple-dark)100%);transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.3);}
    .page-template-product-one .hrm-modern-hero-btn:active{transform:scale(0.95);}
    .page-template-product-one .hrm-modern-hero-btn > span{font-weight:600;letter-spacing:0.3px;color:var(--hrm-white);}
    .page-template-product-one .hrm-modern-hero-btn > svg{width:28px;margin-left:12px;transition:transform 0.3s ease-in-out;}
    .page-template-product-one .hrm-modern-hero-btn:hover svg{transform:translateX(5px);}
    .page-template-product-one .hrm-modern-hero-btn-secondary{background:var(--hrm-white);color:var(--hrm-dark-gray);border:1px solid var(--hrm-purple-dark);}
    .page-template-product-one .hrm-modern-hero-btn-secondary:hover{background:var(--hrm-white);color:black;border-color:var(--hrm-purple-dark);}
    .page-template-product-one .hrm-modern-hero-btn-secondary > span{color:var(--hrm-dark-gray);}
    .page-template-product-one .hrm-modern-hero-btn-secondary:hover > span{color:var(--hrm-purple-dark);}
    .page-template-product-one .hrm-modern-hero-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;}
    .page-template-product-one .hrm-modern-hero-particle{position:absolute;background:var(--hrm-dark-gray);border-radius:50%;opacity:0.03;animation:hrm-particle-float 15s infinite linear;}
    @keyframes hrm-particle-float{0%{transform:translateY(0)rotate(0deg);}100%{transform:translateY(-1000px)rotate(720deg);}}



/* MOBILE FEATURES */

.page-template-product-one .hrm-mobile-feature-section{position:relative;padding:80px 0;background:#fff;overflow:hidden}
.page-template-product-one .hrm-mobile-feature-section::before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid rgba(102,126,234,.18);top:-420px;right:-420px;z-index:0}
.page-template-product-one .hrm-mobile-feature-section::after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid rgba(118,75,162,.14);bottom:-420px;left:-420px;z-index:0}
.page-template-product-one .hrm-mobile-feature-section-container{position:relative;z-index:2}
.page-template-product-one .hrm-mobile-feature-section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--hrm-light-gray);font-size:12px;font-weight:700;color:var(--hrm-black)}
.page-template-product-one .hrm-mobile-feature-section-title{margin-top:16px;font-size:46px;font-weight:900;line-height:1.05;color:var(--hrm-black)}
.page-template-product-one .hrm-mobile-feature-section-title span{background:linear-gradient(135deg,var(--hrm-purple-light),var(--hrm-purple-dark));-webkit-background-clip:text;color:transparent}
.page-template-product-one .hrm-mobile-feature-section-subtitle{margin-top:14px;font-size:17px;color:var(--hrm-text-gray);max-width:520px}
.page-template-product-one .hrm-mobile-feature-section-list{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.page-template-product-one .hrm-mobile-feature-section-item{display:flex;gap:14px;padding:22px 0px 23px 26px;border-radius:18px;background:#fff;border:1px solid var(--hrm-medium-gray)}
.page-template-product-one .hrm-mobile-feature-section-icn{width:42px;height:42px;border-radius:12px;background:var(--hrm-light-gray);display:flex;align-items:center;justify-content:center}
.page-template-product-one .hrm-mobile-feature-section-icn i{font-size:18px;color:var(--hrm-purple-dark)}
.page-template-product-one .hrm-mobile-feature-section-item h6{margin:0;font-size:15px;font-weight:800;color:var(--hrm-black)}
.page-template-product-one .hrm-mobile-feature-section-item p{margin-top:6px;font-size:13px;color:var(--hrm-text-gray)}
.page-template-product-one .hrm-mobile-feature-section-visualwrap{position:relative;display:flex;justify-content:center;overflow:hidden}
.page-template-product-one .hrm-mobile-feature-section-visualcard{width:min(480px,100%);transform:translateY(220px);transition:transform .9s ease}
.page-template-product-one .hrm-mobile-feature-section-visualcard.active{transform:translateY(0)}
.page-template-product-one .hrm-mobile-feature-section-visualcard img{width:100%;border-radius:22px}
.page-template-product-one .hrm-mobile-feature-section-floatpill{position:absolute;left:121px;bottom:0;padding:13px 81px;border-radius:18px;background:#edddff;border:1px solid var(--hrm-medium-gray);opacity:0;transform:translateY(40px);transition:.9s}
.page-template-product-one .hrm-mobile-feature-section-floatpill.active{opacity:1;transform:translateY(0)}
.page-template-product-one .hrm-mobile-feature-section-reveal{opacity:0;filter:blur(8px);transform:translateY(30px);transition:opacity .8s ease,filter .8s ease,transform .8s ease}
.page-template-product-one .hrm-mobile-feature-section-reveal.active{opacity:1;filter:blur(0);transform:translateY(0)}
@keyframes hrmBlink{0%{opacity:1}50%{opacity:.35}100%{opacity:1}}
.page-template-product-one .hrm-mobile-feature-section-item:hover .hrm-mobile-feature-section-icn{animation:hrmBlink .9s ease-in-out}

/* LAPTOP FEATURES */

.page-template-product-one .hrm-laptop-feature-section{position:relative;padding:0px 0px 0px 0px;height:79vh;overflow:hidden;background:#fcfafd}
.page-template-product-one .hrm-laptop-feature-section::before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid rgba(102,126,234,.18);top:-420px;left:-420px}
.page-template-product-one .hrm-laptop-feature-section::after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;border:1px solid rgba(118,75,162,.14);bottom:-420px;right:-420px}
.page-template-product-one .hrm-laptop-feature-section-container{position:relative;z-index:2}
.page-template-product-one .hrm-laptop-feature-section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--hrm-light-gray);font-size:12px;font-weight:700;color:var(--hrm-black)}
.page-template-product-one .hrm-laptop-feature-section-title{margin-top:16px;font-size:46px;font-weight:900;line-height:1.05;color:var(--hrm-black)}
.page-template-product-one .hrm-laptop-feature-section-title span{background:linear-gradient(135deg,var(--hrm-purple-light),var(--hrm-purple-dark));-webkit-background-clip:text;color:transparent}
.page-template-product-one .hrm-laptop-feature-section-subtitle{margin-top:14px;font-size:17px;color:var(--hrm-text-gray);max-width:520px}
.page-template-product-one .hrm-laptop-feature-section-list{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.page-template-product-one .hrm-laptop-feature-section-item{display:flex;gap:14px;padding:22px 0px 23px 26px;border-radius:18px;background:#fff;border:1px solid var(--hrm-medium-gray)}
.page-template-product-one .hrm-laptop-feature-section-icn{width:42px;height:42px;border-radius:12px;background:var(--hrm-light-gray);display:flex;align-items:center;justify-content:center}
.page-template-product-one .hrm-laptop-feature-section-icn i{font-size:18px;color:var(--hrm-purple-dark)}
.page-template-product-one .hrm-laptop-feature-section-item h6{margin:0;font-size:15px;font-weight:800;color:var(--hrm-black)}
.page-template-product-one .hrm-laptop-feature-section-item p{margin-top:6px;font-size:13px;color:var(--hrm-text-gray)}
.page-template-product-one .hrm-laptop-feature-section-visualwrap{position:relative;display:flex;justify-content:center;overflow:hidden}
.page-template-product-one .hrm-laptop-feature-section-visualcard{width:100%;max-width:720px;transform:translateY(240px);transition:transform .9s ease}
.page-template-product-one .hrm-laptop-feature-section-visualcard.active{transform:translateY(0)}
.page-template-product-one .hrm-laptop-feature-section-visualcard img{width:100%;border-radius:26px}
.page-template-product-one .hrm-laptop-feature-section-floatpill{position:absolute;right:118px;bottom:0;padding:13px 88px;border-radius:18px;background:#edddff;border:1px solid var(--hrm-medium-gray);opacity:0;transform:translateY(40px);transition:.9s}
.page-template-product-one .hrm-laptop-feature-section-floatpill.active{opacity:1;transform:translateY(0)}
.page-template-product-one .hrm-laptop-feature-section-reveal{opacity:0;filter:blur(8px);transform:translateY(30px);transition:opacity .8s ease,filter .8s ease,transform .8s ease}
.page-template-product-one .hrm-laptop-feature-section-reveal.active{opacity:1;filter:blur(0);transform:translateY(0)}
@keyframes hrmBlink{0%{opacity:1}50%{opacity:.35}100%{opacity:1}}
.page-template-product-one .hrm-laptop-feature-section-item:hover .hrm-laptop-feature-section-icn{animation:hrmBlink .9s ease-in-out}

/* Priority */

.page-template-product-one .hrm-priority-secured-section{padding:30px 5%;}
.page-template-product-one .hrm-priority-secured-section .hrm-secured-box{max-width:1200px;margin:auto;background:#f3f4ff;border-radius:28px;padding:60px;display:flex;gap:50px;align-items:center;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-badge{display:inline-block;padding:8px 16px;background:#fff;border-radius:999px;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.1);margin-bottom:20px;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-title{font-size:40px;font-weight: 900;line-height:1.2;color:var(--hrm-black);text-shadow:0 18px 40px rgba(102,126,234,.25);}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-title span{background:linear-gradient(135deg,var(--hrm-purple-light),var(--hrm-purple-dark));-webkit-background-clip:text;color:transparent;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-text{margin:18px 0 30px;color:var(--hrm-text-gray);max-width:420px;line-height:1.6;font-size:16px;}
.page-template-product-one .hrm-priority-secured-section .hrm-features{list-style:none;}
.page-template-product-one .hrm-priority-secured-section .hrm-features li{display:flex;gap:12px;margin-bottom:14px;font-size:15px;color:#333;}
.page-template-product-one .hrm-priority-secured-section .hrm-features li::before{content:"✔";color:var(--hrm-purple-light);font-weight:700;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-secured-btn{cursor:pointer;font-weight:700;transition:all .2s;padding:14px 28px;border-radius:100px;display:flex;align-items:center;font-size:16px;min-width:200px;justify-content:center;position:relative;overflow:hidden;font-family:"Inter",sans-serif;background:linear-gradient(135deg,var(--hrm-purple-light)0%,var(--hrm-purple-dark)100%);border:1px solid transparent;color:var(--hrm-white);margin-top:30px;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-secured-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3);}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-secured-btn>svg{width:28px;margin-left:12px;transition:transform .3s ease;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-secured-btn:hover svg{transform:translateX(5px);}
.page-template-product-one .hrm-priority-secured-section .hrm-visual-area{position:relative;width:482px;height:431px;flex-shrink:0;}
.page-template-product-one .hrm-priority-secured-section .hrm-image{position:absolute;background:#ffffff00;border-radius:20px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.08);transition:transform 1s ease,top 1s ease,left 1s ease;animation:float 4s ease-in-out infinite;opacity:0;transform:scale(.7);}
.page-template-product-one .hrm-priority-secured-section .hrm-image.active{opacity:1;transform:scale(1);}
.page-template-product-one .hrm-priority-secured-section .hrm-image img{width:100%;border-radius:14px;display:block;}
.page-template-product-one .hrm-priority-secured-section .img-a{top:0;right:0;width:325px;}
.page-template-product-one .hrm-priority-secured-section .img-b{bottom:0;left:0;width:267px;}
@keyframes float{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-12px) scale(1);}}
.page-template-product-one .hrm-priority-secured-section .hrm-reveal{opacity:0;transform:translateY(24px);transition:all .6s ease;}
.page-template-product-one .hrm-priority-secured-section .hrm-reveal.active{opacity:1;transform:none;}


/* Cartoon-cards */

.page-template-product-one .hrm-cartoon-image-fourbox-title-section{text-align:center;padding:40px 20px 20px;background:linear-gradient(135deg,#ffffff,#ffffff);}
.page-template-product-one .hrm-cartoon-image-fourbox-title{font-size:45px;font-weight:700;color:white;margin-bottom:15px;line-height:1.2;}
.page-template-product-one .hrm-cartoon-image-fourbox-subtitle{font-size:23px;font-weight:400;color:rgba(255,255,255,.9);max-width:800px;margin:0 auto;line-height:1.5;}
.page-template-product-one .hrm-cartoon-image-fourbox-section{height:100vh;display:flex;margin:0;background:linear-gradient(135deg,#9cd2f7,#f0bcf7);align-items:center;justify-content:center;user-select:none;overflow:hidden;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-group{text-align:center;white-space:nowrap;overflow:hidden;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item{width:15vw;height:75vh;background-position:center;background-size:cover;margin:1vw;border-radius:3vw;display:inline-block;cursor:pointer;position:relative;overflow:hidden;transition:filter .3s ease;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item:hover{filter:brightness(1.1);}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-image-2{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;border-radius:3vw;opacity:0;transition:opacity .2s ease;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item.hrm-cartoon-image-fourbox-item-expanded .hrm-cartoon-image-fourbox-image-2{opacity:1;}








/* ========================================== */
          /*  Mobile Responsive  */
/* =========================================== */

@media (max-width:768px)
{
.page-template-product-one .hrm-modern-hero-main-heading{font-size:30px;letter-spacing:-1px;}
.page-template-product-one .hrm-modern-hero-subheading{font-size:16px;}
.page-template-product-one .hrm-modern-hero-content-container{padding:0px 6px;}
.page-template-product-one .hrm-modern-hero-cta-group{flex-direction:row;align-items:center;justify-content:center;gap:9px;width:100%;max-width:100%;flex-wrap:nowrap;}
.page-template-product-one .hrm-modern-hero-btn{width:auto;min-width:160px;padding:8px 22px;font-size:14px;}
.page-template-product-one .hrm-modern-hero-btn > svg{width:24px;margin-left:10px;}
.page-template-product-one .hrm-modern-hero-float-1,.page-template-product-one .hrm-modern-hero-float-2,.page-template-product-one .hrm-modern-hero-float-3,.page-template-product-one .hrm-modern-hero-float-4{display:none;}
.page-template-product-one .hrm-modern-hero-orb-1,.page-template-product-one .hrm-modern-hero-orb-2,.page-template-product-one .hrm-modern-hero-orb-3{filter:blur(120px);opacity:0.2;}
.page-template-product-one .hrm-modern-hero-dashboard-wrap{margin-top:0px;}
.page-template-product-one .hrm-modern-hero-dashboard-frame{padding:12px;width:100%;}
.page-template-product-one .hrm-modern-hero-dashboard-float{display:none;}  
.page-template-product-one .hrm-modern-hero-rings{width:1000px;height:1000px;top:50%;}
.page-template-product-one .hrm-modern-hero-dashboard-border{inset: 6px;}
.page-template-product-one .hrm-modern-hero-content-inner {margin-top: 0px;}
.page-template-product-one .hrm-modern-hero-badge {padding: 3px 14px;margin-bottom: 0px;}

.page-template-product-one .hrm-mobile-feature-section-title{font-size:28px}
.page-template-product-one .hrm-mobile-feature-section-item {padding:18px 0 0 9px}
.page-template-product-one .hrm-mobile-feature-section-floatpill {left:22px;bottom:0;padding:4px 38px}
.page-template-product-one .hrm-mobile-feature-section-list {gap:9px}
.page-template-product-one .hrm-mobile-feature-section {padding:22px 0}
.page-template-product-one .hrm-mobile-feature-section-item h6 {font-size:12px;font-weight:700}

.page-template-product-one .hrm-laptop-feature-section-title{font-size:28px}
.page-template-product-one .hrm-laptop-feature-section-item{padding:18px 0 0 9px}
.page-template-product-one .hrm-laptop-feature-section-floatpill{left:22px;right:auto;bottom:0;padding:4px 38px}
.page-template-product-one .hrm-laptop-feature-section-list{gap:9px}
.page-template-product-one .hrm-laptop-feature-section{padding:22px 0}
.page-template-product-one .hrm-laptop-feature-section-item h6{font-size:12px;font-weight:700}
.page-template-product-one .hrm-laptop-feature-section { height: 79vh;}

.page-template-product-one .hrm-priority-secured-section .hrm-secured-box{flex-direction:column;padding:15px;}
.page-template-product-one .hrm-priority-secured-section .hrm-visual-area{width:100%;height:310px;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-title{font-size:28px;font-weight: 900;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-text{font-size:15px;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-badge{font-size:10px;}
.page-template-product-one .hrm-priority-secured-section .img-a{top:0;right:0;width:170px;}
.page-template-product-one .hrm-priority-secured-section-image-b{display:none;}
.page-template-product-one .hrm-priority-secured-section .hrm-priority-secured-btn{padding:5px 26px;font-size:13px;min-width:150px;}
.page-template-product-one .hrm-priority-secured-section{padding:16px 5%;}

.page-template-product-one .hrm-cartoon-image-fourbox-title-section{padding:30px 15px 15px;}
.page-template-product-one .hrm-cartoon-image-fourbox-title{font-size:28px!important;margin-bottom:10px;}
.page-template-product-one .hrm-cartoon-image-fourbox-subtitle{font-size:18px!important;max-width:600px;}
.page-template-product-one .hrm-cartoon-image-fourbox-section{height:auto;min-height:100vh;padding:20px 20px 40px;overflow-y:auto;align-items:flex-start;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-group{white-space:normal;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:400px;margin:0 auto;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item{width:100%!important;height:60vh;margin:0;border-radius:20px;display:block;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-image-2{border-radius:20px;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item-expanded .hrm-cartoon-image-fourbox-image-2{opacity:0;}
.page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item:hover .hrm-cartoon-image-fourbox-image-2{opacity:1;}}


/* ========================================== */
          /*  Mobile Responsive 480px */
/* =========================================== */

@media(max-width:480px){
    .page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-item{height:55vh;}
    .page-template-product-one .hrm-cartoon-image-fourbox-section .hrm-cartoon-image-fourbox-group{gap:20px;}}

/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
                 /*         Product- Two - Page - Styles  Start            */
/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */


.page-template-product-two{}