.elementor-6 .elementor-element.elementor-element-a1ccd01{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-a1ccd01:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-a1ccd01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #2C3982 0%, #395E9F 100%);}.elementor-6 .elementor-element.elementor-element-153f5b8{--display:flex;}.elementor-6 .elementor-element.elementor-element-162c39b{width:var( --container-widget-width, 50% );max-width:50%;background-color:var( --e-global-color-a94b567 );padding:5px 0px 5px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-icon i{color:var( --e-global-color-e3cb881 );transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-icon svg{fill:var( --e-global-color-e3cb881 );transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-item > a{font-size:16px;}.elementor-6 .elementor-element.elementor-element-162c39b .elementor-icon-list-text{color:var( --e-global-color-e3cb881 );transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-e2a19d6{padding:0px 0px 0px 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-e2a19d6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;text-transform:capitalize;text-decoration:none;color:var( --e-global-color-e281a7b );}.elementor-6 .elementor-element.elementor-element-f511177{font-size:18px;font-weight:400;color:var( --e-global-color-e281a7b );}.elementor-6 .elementor-element.elementor-element-31a4aed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-f111892 .elementor-button{background-color:#C04122;fill:var( --e-global-color-e281a7b );color:var( --e-global-color-e281a7b );transition-duration:0.5s;border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-abf27dc .elementor-button{background-color:#334155;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.5s;border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-0ac02a6{width:100%;max-width:100%;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-icon i{color:var( --e-global-color-e281a7b );transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-icon svg{fill:var( --e-global-color-e281a7b );transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-0ac02a6 .elementor-icon-list-text{color:var( --e-global-color-e281a7b );transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-6e11ba3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-39a0004{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-fa908a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.3;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-fa908a7::before, .elementor-6 .elementor-element.elementor-element-fa908a7 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-fa908a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-fa908a7 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-fa908a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-fa908a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://zaristech.com/wp-content/uploads/2026/02/product-blue-bg.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-60cd90c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-60cd90c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-60cd90c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #FEF2F2 0%, #FFF7ED 100%);}.elementor-6 .elementor-element.elementor-element-beb2002{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-dbbb52a{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-dbbb52a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:#2C3982;}.elementor-6 .elementor-element.elementor-element-93a7dd1{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-7a5ed28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.4;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-7a5ed28::before, .elementor-6 .elementor-element.elementor-element-7a5ed28 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-7a5ed28 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-7a5ed28 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-7a5ed28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-7a5ed28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://zaristech.com/wp-content/uploads/2026/02/product-blue-bg.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-a714caa{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-8d0f57a{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-8d0f57a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-8b1294b{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-6f9cf63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-5be2d99{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-56ac5d0{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-56ac5d0 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:#2C3982;}.elementor-6 .elementor-element.elementor-element-ebefd3a{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-7fbf07b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-7fbf07b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-1904d12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.4;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-1904d12::before, .elementor-6 .elementor-element.elementor-element-1904d12 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-1904d12 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-1904d12 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-1904d12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-1904d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://zaristech.com/wp-content/uploads/2026/02/product-blue-bg.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-f3aa6ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-3c3c19b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-2ac00a2{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-2ac00a2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;text-transform:capitalize;text-decoration:none;line-height:50px;color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-abf2cc2{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-a599a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-a599a63:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-a599a63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #F0F9FF 0%, #E0E7FF 100%);}.elementor-6 .elementor-element.elementor-element-fdffe5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-93ceb49{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-d87081e{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-d87081e .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-eadf9ea{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-f93808e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-f93808e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003777;background-image:url("https://zaristech.com/wp-content/uploads/2025/09/background-lines.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-f93808e > .elementor-container{max-width:1200px;}.elementor-6 .elementor-element.elementor-element-f93808e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-6 .elementor-element.elementor-element-f93808e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-16a3c01.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-16a3c01.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-a894716 img{transition-duration:0.7s;border-radius:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-ed8e795.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-ed8e795.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-948ec91{width:auto;max-width:auto;background-color:var( --e-global-color-439e320 );padding:0px 15px 0px 15px;align-self:center;border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-948ec91 .elementor-heading-title{font-size:15px;color:var( --e-global-color-e281a7b );}.elementor-6 .elementor-element.elementor-element-1f320ac{padding:0px 0px 0px 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-1f320ac .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;text-transform:capitalize;text-decoration:none;line-height:50px;color:var( --e-global-color-e281a7b );}.elementor-6 .elementor-element.elementor-element-6c608dc{color:var( --e-global-color-e281a7b );}.elementor-6 .elementor-element.elementor-element-fd4e65a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-6 .elementor-element.elementor-element-2d3f5900 > .elementor-container{max-width:1200px;}.elementor-6 .elementor-element.elementor-element-2d3f5900{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-6 .elementor-element.elementor-element-2d3f5900 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-2bb23ecb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-1aecc621{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-1aecc621 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-f283ac5{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card{background-color:#02010100;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card{display:block;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post .elementskit-post-body{padding:30px 30px 25px 30px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card .elementskit-post-body{padding:30px 30px 25px 30px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body{box-shadow:0px 0px 70px 0px rgba(0, 0, 0, 0.050980392156862744);}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-thumb{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;} .elementor-6 .elementor-element.elementor-element-6a1b48ae .ekit-wid-con .elementskit-entry-thumb{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list .meta-date-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list{text-align:left;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list > span{margin:0px 0px 0px 0px;color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-meta-categories .elementskit-meta-wraper span{padding:4px 8px 4px 8px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-header .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card .elementskit-post-body .entry-title a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card .elementskit-entry-header .entry-title a,.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-family:var( --e-global-typography-deee77f-font-family ), Sans-serif;font-size:var( --e-global-typography-deee77f-font-size );font-weight:var( --e-global-typography-deee77f-font-weight );text-transform:var( --e-global-typography-deee77f-text-transform );text-decoration:var( --e-global-typography-deee77f-text-decoration );line-height:var( --e-global-typography-deee77f-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body .entry-title a{color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-header .entry-title a{color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body .entry-title{text-align:left;margin:0px 0px 13px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-header .entry-title{text-align:left;margin:0px 0px 13px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-footer > p{color:var( --e-global-color-text );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body > p{color:var( --e-global-color-text );text-align:left;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-footer > p, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body > p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-footer{text-align:left;}.elementor-6 .elementor-element.elementor-element-b581608 .elementor-button{background-color:var( --e-global-color-e3cb881 );fill:var( --e-global-color-e281a7b );color:var( --e-global-color-e281a7b );border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-bfce45e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-bfce45e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1dfd033 );background-image:url("https://zaristech.com/wp-content/uploads/2026/02/product-blue-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-bfce45e > .elementor-container{max-width:1200px;}.elementor-6 .elementor-element.elementor-element-bfce45e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 0em 4em 0em;}.elementor-6 .elementor-element.elementor-element-bfce45e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-bfce45e > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-a94b567 );}.elementor-6 .elementor-element.elementor-element-bfce45e > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:335px;}.elementor-6 .elementor-element.elementor-element-cfa48b3{padding:14px 0px 7px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-cfa48b3 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-family:var( --e-global-typography-376133f-font-family ), Sans-serif;font-size:var( --e-global-typography-376133f-font-size );font-weight:var( --e-global-typography-376133f-font-weight );text-transform:var( --e-global-typography-376133f-text-transform );text-decoration:var( --e-global-typography-376133f-text-decoration );line-height:var( --e-global-typography-376133f-line-height );color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-e3cb881 );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body p{color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body{color:var( --e-global-color-secondary );padding:15px 81px 15px 30px;}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body p, .elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-a1ccd01{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-153f5b8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-e2a19d6{text-align:center;}.elementor-6 .elementor-element.elementor-element-e2a19d6 .elementor-heading-title{font-size:40px;}.elementor-6 .elementor-element.elementor-element-f511177{text-align:center;}.elementor-6 .elementor-element.elementor-element-31a4aed{--justify-content:center;}.elementor-6 .elementor-element.elementor-element-dbbb52a{text-align:center;}.elementor-6 .elementor-element.elementor-element-dbbb52a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-8d0f57a{text-align:center;}.elementor-6 .elementor-element.elementor-element-8d0f57a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-56ac5d0{text-align:center;}.elementor-6 .elementor-element.elementor-element-56ac5d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-2ac00a2{text-align:center;}.elementor-6 .elementor-element.elementor-element-2ac00a2 .elementor-heading-title{font-size:30px;line-height:1.5em;}.elementor-6 .elementor-element.elementor-element-d87081e{text-align:center;}.elementor-6 .elementor-element.elementor-element-d87081e .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-ed8e795.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-1f320ac{text-align:center;}.elementor-6 .elementor-element.elementor-element-1f320ac .elementor-heading-title{font-size:30px;line-height:1.5em;}.elementor-6 .elementor-element.elementor-element-fd4e65a{--padding-top:5em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-6 .elementor-element.elementor-element-1aecc621{text-align:center;}.elementor-6 .elementor-element.elementor-element-1aecc621 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list .meta-date-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-header .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card .elementskit-post-body .entry-title a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card .elementskit-entry-header .entry-title a,.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:var( --e-global-typography-deee77f-font-size );line-height:var( --e-global-typography-deee77f-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-footer > p, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body > p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-cfa48b3{text-align:center;}.elementor-6 .elementor-element.elementor-element-cfa48b3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-376133f-font-size );line-height:var( --e-global-typography-376133f-line-height );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body p, .elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-a1ccd01{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-162c39b{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-6 .elementor-element.elementor-element-e2a19d6 .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-6 .elementor-element.elementor-element-f511177{font-size:15px;}.elementor-6 .elementor-element.elementor-element-f111892 .elementor-button{font-size:14px;}.elementor-6 .elementor-element.elementor-element-abf27dc .elementor-button{font-size:14px;}.elementor-6 .elementor-element.elementor-element-dbbb52a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-8d0f57a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-56ac5d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-2ac00a2 .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-6 .elementor-element.elementor-element-d87081e .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-1f320ac .elementor-heading-title{font-size:24px;line-height:1.8em;}.elementor-6 .elementor-element.elementor-element-1aecc621 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .post-meta-list .meta-date-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-entry-header .entry-title, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-image-card .elementskit-post-body .entry-title a, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-card .elementskit-entry-header .entry-title a,.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:var( --e-global-typography-deee77f-font-size );line-height:var( --e-global-typography-deee77f-line-height );}.elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-footer > p, .elementor-6 .elementor-element.elementor-element-6a1b48ae .elementskit-post-body > p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6 .elementor-element.elementor-element-cfa48b3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-376133f-font-size );line-height:var( --e-global-typography-376133f-line-height );}.elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body p, .elementor-6 .elementor-element.elementor-element-e66bd9a .elementskit-accordion .elementskit-card-body{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-a1ccd01{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-153f5b8{--width:100%;}.elementor-6 .elementor-element.elementor-element-6e11ba3{--width:85%;}.elementor-6 .elementor-element.elementor-element-39a0004{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-6f9cf63{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-1904d12{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-f3aa6ae{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-a599a63{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-153f5b8{--width:100%;}.elementor-6 .elementor-element.elementor-element-6e11ba3{--width:100%;}.elementor-6 .elementor-element.elementor-element-7fbf07b{--width:936.667px;}.elementor-6 .elementor-element.elementor-element-16a3c01{width:100%;}.elementor-6 .elementor-element.elementor-element-ed8e795{width:100%;}.elementor-6 .elementor-element.elementor-element-36a81a6{width:100%;}}/* Start custom CSS for html, class: .elementor-element-b6e80eb */.intro-section { position: relative !important; overflow: hidden !important; } .intro-section::before { content: '' !important; position: absolute !important; top: -50% !important; right: -20% !important; width: 800px !important; height: 800px !important; background: radial-gradient(circle, rgba(79, 70, 229, 0.03) 0%, transparent 70%) !important; border-radius: 50% !important; z-index: 0 !important; } .intro-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; } .intro-content h2 { font-size: 2.5rem !important; color: #0F172A !important; font-weight: 800 !important; line-height: 1.2 !important; margin-bottom: 24px !important; letter-spacing: -0.02em !important; } .intro-content h2 span { background: linear-gradient(135deg, #4F46E5 0%, #2C3982 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .intro-content>p { font-size: 1.125rem !important; color: #64748B !important; line-height: 1.7 !important; margin-bottom: 32px !important; } .intro-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin-bottom: 32px !important; } .intro-feature { display: flex !important; align-items: flex-start !important; gap: 12px !important; } .intro-feature-icon { width: 40px !important; height: 40px !important; background: linear-gradient(135deg, #E0E7FF 0%, #cffafe 100%) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .intro-feature-icon svg { width: 20px !important; height: 20px !important; stroke: #4F46E5 !important; } .intro-feature-text h4 { font-size: 1rem !important; color: #0F172A !important; font-weight: 700 !important; margin-bottom: 4px !important; } .intro-feature-text p { font-size: 0.875rem !important; color: #64748B !important; line-height: 1.5 !important; margin: 0 !important; } /* Visual Side */ .intro-visual { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; } .dashboard-mockup { width: 100% !important; max-width: 550px !important; background: #ffffff !important; border-radius: 20px !important; box-shadow: 0 40px 80px rgba(0, 0, 0, 0.12) !important; border: 1px solid #E2E8F0 !important; overflow: hidden !important; position: relative !important; animation: float 6s ease-in-out infinite !important; } @keyframes float { 0%, 100% { transform: translateY(0px) !important; } 50% { transform: translateY(-20px) !important; } } .mockup-header { background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%) !important; padding: 16px 20px !important; border-bottom: 1px solid #E2E8F0 !important; display: flex !important; align-items: center !important; gap: 8px !important; } .mockup-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; } .mockup-dot.red { background: #EF4444 !important; } .mockup-dot.yellow { background: #F59E0B !important; } .mockup-dot.green { background: #10B981 !important; } .mockup-title { margin-left: 12px !important; font-size: 0.875rem !important; font-weight: 600 !important; color: #64748B !important; } .mockup-body { padding: 30px !important; background: #ffffff !important; } .mockup-row { display: flex !important; gap: 12px !important; margin-bottom: 12px !important; } .mockup-row:last-child { margin-bottom: 0 !important; } .mockup-block { background: #F8FAFC !important; border-radius: 8px !important; height: 60px !important; } .mockup-block.small { flex: 1 !important; } .mockup-block.medium { flex: 2 !important; } .mockup-block.large { flex: 3 !important; } .mockup-block.highlight { background: linear-gradient(135deg, #E0E7FF 0%, #cffafe 100%) !important; } .floating-badge { position: absolute !important; background: #ffffff !important; padding: 12px 20px !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; display: flex !important; align-items: center !important; gap: 10px !important; font-weight: 600 !important; font-size: 0.875rem !important; color: #0F172A !important; animation: floatBadge 4s ease-in-out infinite !important; } .floating-badge svg { width: 20px !important; height: 20px !important; stroke: #10B981 !important; } .badge-1 { top: 10% !important; left: -20px !important; animation-delay: 0s !important; } .badge-2 { bottom: 15% !important; right: -30px !important; animation-delay: 2s !important; } @keyframes floatBadge { 0%, 100% { transform: translateY(0px) !important; } 50% { transform: translateY(-10px) !important; } } /* Responsive */ @media (max-width: 968px) { .intro-grid { grid-template-columns: 1fr !important; gap: 40px !important; } .intro-content h2 { font-size: 2rem !important; } .intro-features { grid-template-columns: 1fr !important; } .floating-badge { display: none !important; } } @media (max-width: 640px) { .intro-stats { flex-direction: column !important; gap: 20px !important; } .mockup-body { padding: 20px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5345961 */.intro-section { position: relative !important; overflow: hidden !important; } .intro-section::before { content: '' !important; position: absolute !important; top: -50% !important; right: -20% !important; width: 800px !important; height: 800px !important; background: radial-gradient(circle, rgba(79, 70, 229, 0.03) 0%, transparent 70%) !important; border-radius: 50% !important; z-index: 0 !important; } .intro-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; } .intro-content h2 { font-size: 2.5rem !important; color: #0F172A !important; font-weight: 800 !important; line-height: 1.2 !important; margin-bottom: 24px !important; letter-spacing: -0.02em !important; } .intro-content h2 span { background: linear-gradient(135deg, #4F46E5 0%, #2C3982 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .intro-content>p { font-size: 1.125rem !important; color: #64748B !important; line-height: 1.7 !important; margin-bottom: 32px !important; } .intro-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin-bottom: 32px !important; } .intro-feature { display: flex !important; align-items: flex-start !important; gap: 12px !important; } .intro-feature-icon { width: 40px !important; height: 40px !important; background: linear-gradient(135deg, #E0E7FF 0%, #cffafe 100%) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .intro-feature-icon svg { width: 20px !important; height: 20px !important; stroke: #4F46E5 !important; } .intro-feature-text h3 { font-size: 1rem !important; color: #0F172A !important; font-weight: 700 !important; margin-bottom: 4px !important; margin-top: 0 !important; line-height: 1.4 !important; } .intro-feature-text p { font-size: 0.875rem !important; color: #64748B !important; line-height: 1.5 !important; margin: 0 !important; } /* Visual Side */ .intro-visual { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; } .dashboard-mockup { width: 100% !important; max-width: 550px !important; background: #ffffff !important; border-radius: 20px !important; box-shadow: 0 40px 80px rgba(0, 0, 0, 0.12) !important; border: 1px solid #E2E8F0 !important; overflow: hidden !important; position: relative !important; animation: float 6s ease-in-out infinite !important; } @keyframes float { 0%, 100% { transform: translateY(0px) !important; } 50% { transform: translateY(-20px) !important; } } .mockup-header { background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%) !important; padding: 16px 20px !important; border-bottom: 1px solid #E2E8F0 !important; display: flex !important; align-items: center !important; gap: 8px !important; } .mockup-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; } .mockup-dot.red { background: #EF4444 !important; } .mockup-dot.yellow { background: #F59E0B !important; } .mockup-dot.green { background: #10B981 !important; } .mockup-title { margin-left: 12px !important; font-size: 0.875rem !important; font-weight: 600 !important; color: #64748B !important; } .mockup-body { padding: 30px !important; background: #ffffff !important; } .mockup-row { display: flex !important; gap: 12px !important; margin-bottom: 12px !important; } .mockup-row:last-child { margin-bottom: 0 !important; } .mockup-block { background: #F8FAFC !important; border-radius: 8px !important; height: 60px !important; } .mockup-block.small { flex: 1 !important; } .mockup-block.medium { flex: 2 !important; } .mockup-block.large { flex: 3 !important; } .mockup-block.highlight { background: linear-gradient(135deg, #E0E7FF 0%, #cffafe 100%) !important; } .floating-badge { position: absolute !important; background: #ffffff !important; padding: 12px 20px !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; display: flex !important; align-items: center !important; gap: 10px !important; font-weight: 600 !important; font-size: 0.875rem !important; color: #0F172A !important; animation: floatBadge 4s ease-in-out infinite !important; } .floating-badge svg { width: 20px !important; height: 20px !important; stroke: #10B981 !important; } .badge-1 { top: 10% !important; left: -20px !important; animation-delay: 0s !important; } .badge-2 { bottom: 15% !important; right: -30px !important; animation-delay: 2s !important; } @keyframes floatBadge { 0%, 100% { transform: translateY(0px) !important; } 50% { transform: translateY(-10px) !important; } } /* Responsive */ @media (max-width: 968px) { .intro-grid { grid-template-columns: 1fr !important; gap: 40px !important; } .intro-content h2 { font-size: 2rem !important; } .intro-features { grid-template-columns: 1fr !important; } .floating-badge { display: none !important; } } @media (max-width: 640px) { .intro-stats { flex-direction: column !important; gap: 20px !important; } .mockup-body { padding: 20px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eac544f */.trusted-section { position: relative !important; overflow: hidden !important; } .trusted-header { text-align: center !important; margin-bottom: 60px !important; } .trusted-header h2 { font-size: 1.125rem !important; font-weight: 600 !important; color: #64748B !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin-bottom: 10px !important; } .trusted-header p { font-size: 1.5rem !important; color: #2C3982 !important; font-weight: 700 !important; } /* Stats Grid */ .stats-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 30px !important; margin-bottom: 60px !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; } .stat-card { background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; padding: 30px 20px !important; text-align: center !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02) !important; } .stat-card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(79, 70, 229, 0.1) !important; border-color: #4F46E5 !important; } .stat-number { font-size: 3rem !important; font-weight: 800 !important; background: linear-gradient(135deg, #4F46E5 50%, #2C3982 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1 !important; margin-bottom: 8px !important; display: block !important; } .stat-label { font-size: 0.95rem !important; color: #64748B !important; font-weight: 500 !important; } @keyframes scroll { 0% { transform: translateX(0) !important; } 100% { transform: translateX(-50%) !important; } } /* Trust Badges */ .trust-badges { display: flex !important; justify-content: center !important; align-items: center !important; gap: 40px !important; margin-top: 50px !important; flex-wrap: wrap !important; } .trust-badge { display: flex !important; align-items: center !important; gap: 10px !important; color: #64748B !important; font-size: 0.9rem !important; font-weight: 500 !important; } .trust-badge svg { width: 20px !important; height: 20px !important; stroke: #10B981 !important; } /* Responsive */ @media (max-width: 768px) { .stats-grid { grid-template-columns: repeat(2, 1fr) !important; } .stat-number { font-size: 2.5rem !important; } .trust-badges { gap: 20px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-963e6e2 */.problem-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 30px !important; margin-top: 50px !important; } .problem-card { background: #ffffff !important; padding: 40px 30px !important; border-radius: 12px !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; transition: all 0.3s ease !important; border-left: 4px solid #EF4444 !important; } .problem-card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15) !important; } .problem-icon { width: 60px !important; height: 60px !important; background: #fee2e2 !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 20px !important; } .problem-icon svg { width: 30px !important; height: 30px !important; stroke: #EF4444 !important; } .problem-card h3 { font-size: 1.25rem !important; margin-bottom: 10px !important; color: #0F172A !important; } .problem-card p { color: #64748B !important; font-size: 0.95rem !important; margin-bottom: 0 !important; } /* ========== SECTION 5: FEATURES ========== */ .features-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important; gap: 30px !important; } .feature-card { background: #ffffff !important; padding: 40px !important; border-radius: 12px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; transition: all 0.3s ease !important; border: 1px solid #e2e8f0 !important; } .feature-card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important; } .feature-icon { width: 60px !important; height: 60px !important; background: linear-gradient(135deg, #e0e7ff 0%, #cffafe 100%) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 20px !important; } .feature-icon svg { width: 30px !important; height: 30px !important; stroke: #4F46E5 !important; } .feature-card h3 { font-size: 1.25rem !important; margin-bottom: 10px !important; color: #0F172A !important; } .feature-card p { color: #64748B !important; font-size: 0.95rem !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e28a4f3 */.user-guide-section { background: #ffffff !important; } .section-header { text-align: center !important; max-width: 700px !important; margin: 0 auto 50px !important; } .section-header h2 { font-size: 2.25rem !important; color: #0F172A !important; margin-bottom: 12px !important; font-weight: 800 !important; } .section-header p { font-size: 1.125rem !important; color: #64748B !important; } /* Horizontal Stepper */ .stepper-container { background: #F8FAFC !important; border-radius: 20px !important; padding: 40px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; } .stepper-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 40px !important; position: relative !important; } .stepper-line { position: absolute !important; top: 30px !important; left: 0 !important; right: 0 !important; height: 3px !important; background: #E2E8F0 !important; z-index: 0 !important; } .stepper-progress { position: absolute !important; top: 30px !important; left: 0 !important; height: 3px !important; background: linear-gradient(90deg, #4F46E5 0%, #06B6D4 100%) !important; z-index: 1 !important; width: 0% !important; transition: width 0.5s ease !important; } .step-indicator { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; position: relative !important; z-index: 2 !important; cursor: pointer !important; flex: 1 !important; } .step-circle { width: 60px !important; height: 60px !important; border-radius: 50% !important; background: #ffffff !important; border: 3px solid #E2E8F0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #94A3B8 !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; } .step-indicator.active .step-circle { background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important; border-color: #2C3982 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 10px 30px rgba(79, 70, 229, 0.3) !important; } .step-indicator.completed .step-circle { background: #10B981 !important; border-color: #10B981 !important; color: #ffffff !important; } .step-label { font-size: 0.95rem !important; font-weight: 600 !important; color: #2C3982 !important; text-align: center !important; transition: color 0.3s ease !important; } .step-indicator.active .step-label { color: #2C3982 !important; } .step-indicator.completed .step-label { color: #10B981 !important; } /* Step Content Tabs */ .step-content-wrapper { display: none !important; animation: fadeIn 0.4s ease !important; } .step-content-wrapper.active { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; align-items: center !important; } @keyframes fadeIn { from { opacity: 0 !important; transform: translateY(10px) !important; } to { opacity: 1 !important; transform: translateY(0) !important; } } .step-info h3 { font-size: 1.75rem !important; color: #0F172A !important; margin-bottom: 16px !important; font-weight: 700 !important; } .step-info>p { color: #64748B !important; margin-bottom: 24px !important; font-size: 1.05rem !important; line-height: 1.7 !important; } .info-list { list-style: none !important; margin-bottom: 24px !important; } .info-list li { padding: 10px 0 !important; color: #475569 !important; display: flex !important; align-items: center !important; gap: 12px !important; font-size: 0.95rem !important; } .info-list li::before { content: '✓' !important; width: 24px !important; height: 24px !important; background: #D1FAE5 !important; color: #10B981 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 0.85rem !important; flex-shrink: 0 !important; } .alert-box { background: #FEF2F2 !important; border-left: 4px solid #EF4444 !important; padding: 16px !important; border-radius: 8px !important; margin-top: 16px !important; } .alert-box.warning { background: #FFFBEB !important; border-left-color: #F59E0B !important; } .alert-box.success { background: #F0FDF4 !important; border-left-color: #10B981 !important; } .alert-box strong { display: block !important; margin-bottom: 4px !important; font-size: 0.95rem !important; } .alert-box.warning strong { color: #B45309 !important; } .alert-box.success strong { color: #047857 !important; } .alert-box p { color: #7C2D12 !important; font-size: 0.9rem !important; margin: 0 !important; } .alert-box.warning p { color: #92400E !important; } .alert-box.success p { color: #065F46 !important; } /* Screenshot Area */ .screenshot-area { background: #ffffff !important; border-radius: 16px !important; padding: 5px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important; border: 1px dashed #2C3982 !important; } .screenshot-placeholder { width: 100% !important; height: 320px !important; background: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%) !important; border-radius: 12px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: hidden !important; border: 2px dashed #CBD5E1 !important; } .screenshot-placeholder::before { content: '📸' !important; font-size: 3rem !important; opacity: 0.3 !important; margin-bottom: 10px !important; } .screenshot-text { color: #64748B !important; font-weight: 500 !important; font-size: 0.95rem !important; } .screenshot-badge { position: absolute !important; bottom: 15px !important; right: 15px !important; background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important; color: #ffffff !important; padding: 8px 16px !important; border-radius: 8px !important; font-size: 0.8rem !important; font-weight: 600 !important; } /* Navigation Buttons */ .step-navigation { display: flex !important; justify-content: space-between !important; margin-top: 40px !important; padding-top: 30px !important; border-top: 2px solid #2C3982 !important; } .nav-btn { padding: 12px 32px !important; border: none !important; border-radius: 8px !important; font-weight: 600 !important; font-size: 1rem !important; cursor: pointer !important; transition: all 0.3s ease !important; font-family: 'Inter', sans-serif !important; } .nav-btn.prev { background: #F1F5F9 !important; color: #475569 !important; } .nav-btn.prev:hover { background: #E2E8F0 !important; } .nav-btn.next { background: linear-gradient(135deg, #4F46E5 0%, #2C3982 100%) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important; } .nav-btn.next:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4) !important; } .nav-btn:disabled { opacity: 0.5 !important; cursor: not-allowed !important; } /* ========================================= RESPONSIVE: User Guide Stepper Section ========================================= */ /* Tablet & Small Laptop (max-width: 968px) */ @media (max-width: 968px) { .stepper-container { padding: 30px 25px !important; } .step-content-wrapper.active { grid-template-columns: 1fr !important; gap: 30px !important; } /* Reverse order on mobile: show screenshot first, then info */ .step-content-wrapper.active { display: flex !important; flex-direction: column-reverse !important; } .stepper-header { flex-wrap: wrap !important; gap: 15px !important; margin-bottom: 30px !important; } .step-circle { width: 50px !important; height: 50px !important; font-size: 1.25rem !important; } .step-label { font-size: 0.85rem !important; } /* Buttons: Add more spacing, slightly smaller */ .step-navigation { margin-top: 30px !important; padding-top: 25px !important; gap: 15px !important; } .nav-btn { padding: 10px 24px !important; font-size: 0.95rem !important; } } /* Mobile Devices (max-width: 640px) */ @media (max-width: 640px) { .stepper-container { padding: 25px 20px !important; border-radius: 16px !important; } /* Hide the background line, use simpler stepper */ .stepper-line, .stepper-progress { display: none !important; } /* Stack step indicators horizontally with minimal spacing */ .stepper-header { justify-content: center !important; margin-bottom: 25px !important; } .step-indicator { flex-direction: row !important; gap: 8px !important; flex: 0 0 auto !important; /* Prevent stretching */ } .step-circle { width: 40px !important; height: 40px !important; font-size: 1.1rem !important; border-width: 2px !important; } .step-label { display: block !important; /* Keep labels visible but compact */ font-size: 0.8rem !important; font-weight: 500 !important; } /* Hide labels for completed steps to save space */ .step-indicator.completed .step-label { display: none !important; } /* Content Typography */ .step-info h3 { font-size: 1.4rem !important; text-align: center !important; } .step-info > p { font-size: 1rem !important; text-align: center !important; } .info-list li { font-size: 0.9rem !important; padding: 8px 0 !important; } .screenshot-area { padding: 15px !important; } .screenshot-placeholder { height: 280px !important; } /* ========================================= BUTTONS: Mobile-Optimized (Key Focus) ========================================= */ .step-navigation { display: flex !important; flex-direction: column-reverse !important; /* Next button on top */ gap: 12px !important; margin-top: 25px !important; padding-top: 20px !important; border-top: 1px solid #E2E8F0 !important; } .nav-btn { width: 100% !important; /* Full-width for easy tapping */ padding: 14px 20px !important; /* Larger touch target */ font-size: 1rem !important; font-weight: 600 !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; } /* Next Button - Primary Action (Top Position) */ .nav-btn.next { background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important; order: -1 !important; /* Visually first */ } .nav-btn.next:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 18px rgba(79, 70, 229, 0.45) !important; } .nav-btn.next:active { transform: scale(0.99) !important; } /* Previous Button - Secondary Action (Bottom Position) */ .nav-btn.prev { background: #F1F5F9 !important; color: #475569 !important; border: 2px solid #E2E8F0 !important; } .nav-btn.prev:hover { background: #E2E8F0 !important; border-color: #CBD5E1 !important; } .nav-btn.prev:disabled { background: #F8FAFC !important; color: #94A3B8 !important; border-color: #F1F5F9 !important; } /* Alert boxes - better mobile spacing */ .alert-box { padding: 14px !important; margin-top: 20px !important; } .alert-box strong { font-size: 0.9rem !important; } .alert-box p { font-size: 0.85rem !important; } } /* Extra Small Phones (max-width: 375px) */ @media (max-width: 375px) { .step-circle { width: 36px !important; height: 36px !important; font-size: 1rem !important; } .step-label { font-size: 0.75rem !important; } .step-indicator.completed .step-label { display: none !important; } .screenshot-placeholder { height: 240px !important; } .nav-btn { padding: 12px 16px !important; font-size: 0.95rem !important; } } /* Optional: Reduce motion for users who prefer it */ @media (prefers-reduced-motion: reduce) { .stepper-progress, .step-circle, .nav-btn, .step-content-wrapper { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-913a2ac */.screenshots-section { position: relative !important; overflow: hidden !important; } .section-header h2 { font-size: 2.75rem !important; color: #2C3982 !important; margin-bottom: 16px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; } .section-header p { font-size: 1.125rem !important; color: #64748B !important; line-height: 1.6 !important; } .trust-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #D1FAE5 !important; color: #065F46 !important; padding: 8px 16px !important; border-radius: 50px !important; font-size: 0.875rem !important; font-weight: 600 !important; margin-bottom: 20px !important; } .trust-badge svg { width: 18px !important; height: 18px !important; } /* Tabs Navigation */ .screenshots-tabs { display: flex !important; justify-content: center !important; gap: 10px !important; margin-bottom: 40px !important; flex-wrap: wrap !important; } .tab-btn { padding: 10px 22px !important; background: #ffffff !important; border: 2px solid #E2E8F0 !important; border-radius: 12px !important; font-weight: 600 !important; font-size: 1rem !important; color: #64748B !important; cursor: pointer !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; gap: 10px !important; font-family: 'Inter', sans-serif !important; } .tab-btn svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; } .tab-btn:hover { border-color: #2C3982 !important; color: #4F46E5 !important; transform: translateY(-2px) !important; box-shadow: 0 10px 30px rgba(79, 70, 229, 0.15) !important; } .tab-btn.active { background: linear-gradient(135deg, #4F46E5 0%, #2C3982 100%) !important; border-color: #4F46E5 !important; color: #ffffff !important; box-shadow: 0 10px 30px rgba(79, 70, 229, 0.3) !important; } /* Screenshot Display Area */ .screenshot-display { position: relative !important; background: #ffffff !important; border-radius: 24px !important; padding: 10px !important; border: 1px solid #E2E8F0 !important; overflow: hidden !important; } .screenshot-wrapper { display: none !important; animation: fadeIn 0.5s ease !important; } .screenshot-wrapper.active { display: block !important; } @keyframes fadeIn { from { opacity: 0 !important; transform: translateY(20px) !important; } to { opacity: 1 !important; transform: translateY(0) !important; } } .screenshot-container { position: relative !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important; background: #F8FAFC !important; } .screenshot-container img, .screenshot-img { width: 100% !important; object-fit: cover !important; = object-position: top !important; = display: block !important; transition: transform 0.3s ease !important; } .screenshot-container:hover img, .screenshot-container:hover .screenshot-img { transform: scale(1.02) !important; } /*.screenshot-img {*/ /* width: 100% !important;*/ /* height: auto !important;*/ /* display: block !important;*/ /* transition: transform 0.3s ease !important;*/ /*}*/ .screenshot-container:hover .screenshot-img { transform: scale(1.02) !important; } .screenshot-caption { text-align: center !important; padding: 20px !important; margin-top: 25px !important; background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%) !important; border-top: 1px solid #E2E8F0 !important; } .screenshot-caption h3 { font-size: 1.25rem !important; color: #0F172A !important; font-weight: 700 !important; margin-bottom: 8px !important; } .screenshot-caption p { color: #64748B !important; font-size: 0.95rem !important; margin: 0 !important; } /* Browser Frame */ .browser-frame { background: #ffffff !important; border-radius: 12px 12px 0 0 !important; padding: 12px 20px !important; border-bottom: 1px solid #E2E8F0 !important; display: flex !important; align-items: center !important; gap: 8px !important; } .browser-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; } .browser-dot.red { background: #EF4444 !important; } .browser-dot.yellow { background: #F59E0B !important; } .browser-dot.green { background: #10B981 !important; } .browser-url { margin-left: 16px !important; background: #F8FAFC !important; padding: 6px 16px !important; border-radius: 6px !important; font-size: 0.8rem !important; color: #000000 !important; font-family: 'Inter', sans-serif !important; flex: 1 !important; max-width: 400px !important; } /* Feature Highlights on Screenshot */ .feature-highlight { position: absolute !important; background: #ffffff !important; padding: 12px 20px !important; border-radius: 10px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; font-weight: 600 !important; font-size: 0.875rem !important; color: #0F172A !important; display: flex !important; align-items: center !important; gap: 8px !important; animation: pulse 2s ease-in-out infinite !important; z-index: 10 !important; } .feature-highlight svg { width: 18px !important; height: 18px !important; stroke: #10B981 !important; } @keyframes pulse { 0%, 100% { transform: scale(1) !important; } 50% { transform: scale(1.05) !important; } } /* Navigation Arrows */ .screenshot-nav { display: flex !important; justify-content: space-between !important; margin-top: 30px !important; } .nav-arrow { border-radius: 15px !important; background: #ffffff !important; border: 1px solid #E2E8F0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; padding: 10px 10px 10px 10px !important; } .nav-arrow:hover { background: #4F46E5 !important; border-color: #4F46E5 !important; transform: scale(1.1) !important; } .nav-arrow:hover svg { stroke: #ffffff !important; } .nav-arrow svg { width: 24px !important; height: 24px !important; stroke: #64748B !important; stroke-width: 2 !important; fill: none !important; } .nav-arrow:disabled { opacity: 0.3 !important; cursor: not-allowed !important; } /* Thumbnail Strip */ .thumbnail-strip { display: flex !important; justify-content: center !important; gap: 12px !important; margin-top: 30px !important; flex-wrap: wrap !important; } .thumbnail { width: 100px !important; height: 60px !important; border-radius: 8px !important; overflow: hidden !important; cursor: pointer !important; border: 3px solid transparent !important; transition: all 0.3s ease !important; opacity: 0.6 !important; background: #E2E8F0 !important; } .thumbnail.active { border-color: #4F46E5 !important; opacity: 1 !important; transform: scale(1.05) !important; } .thumbnail:hover { opacity: 1 !important; transform: scale(1.05) !important; } .thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* Responsive */ @media (max-width: 968px) { .section-header h2 { font-size: 2rem !important; } .tab-btn { padding: 12px 20px !important; font-size: 0.9rem !important; } .screenshot-display { padding: 20px !important; } .feature-highlight { display: none !important; } } @media (max-width: 640px) { .screenshots-tabs { flex-direction: column !important; align-items: stretch !important; } .tab-btn { justify-content: center !important; } .thumbnail { width: 80px !important; height: 50px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6e05c27 */.erp-container { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; } .erp-content h2 { margin-bottom: 20px !important; color: #2C3982; } .erp-content>p { font-size: 1.125rem !important; color: #64748B !important; margin-bottom: 30px !important; } .erp-modules { display: grid !important; gap: 15px !important; } .module-item { display: flex !important; align-items: center !important; gap: 15px !important; padding: 15px 20px !important; background: #F8FAFC !important; border-radius: 10px !important; transition: all 0.3s ease !important; } .module-item:hover { background: #e0e7ff !important; transform: translateX(10px) !important; } .check-icon { width: 24px !important; height: 24px !important; background: #10B981 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .check-icon svg { width: 14px !important; height: 14px !important; stroke: white !important; } .module-item span { font-weight: 600 !important; color: #0F172A !important; } .erp-visual { background: linear-gradient(135deg, #4F46E5 0%, #2C3982 100%) !important; border-radius: 20px !important; padding: 60px !important; position: relative !important; overflow: hidden !important; } .erp-visual::before { content: '' !important; position: absolute !important; top: -50% !important; right: -50% !important; width: 200% !important; height: 200% !important; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%) !important; } .comparison-box { background: #ffffff !important; border-radius: 15px !important; padding: 30px !important; position: relative !important; z-index: 1 !important; } .comparison-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #0F172A !important; margin-bottom: 20px !important; text-align: center !important; } .comparison-item { display: flex !important; justify-content: space-between !important; padding: 12px 0 !important; border-bottom: 1px solid #e2e8f0 !important; } .comparison-item:last-child { border-bottom: none !important; } .comparison-label { color: #64748B !important; } .comparison-value { font-weight: 600 !important; color: #2C3982 !important; } /* Responsive Styles for Tablets and Mobile */ @media (max-width: 768px) { .erp-container { /* Stack the columns vertically instead of side-by-side */ grid-template-columns: 1fr !important; /* Reduce the gap between the text and the visual box */ gap: 40px !important; } .erp-visual { /* Reduce padding so the box doesn't take up too much vertical space */ padding: 40px 20px !important; } .comparison-box { /* Ensure the white box fits well within the smaller container */ padding: 20px !important; } .erp-content h2 { /* Optional: Slightly smaller heading for mobile */ font-size: 1.5rem !important; text-align: center; /* Optional: Center text on mobile */ } .erp-content > p { /* Optional: Center text on mobile */ text-align: center !important; } .module-item { /* Make the module items slightly more compact on mobile */ padding: 12px 15px !important; } } /* Extra small devices (phones in portrait) */ @media (max-width: 480px) { .erp-visual { padding: 30px 15px !important; } .comparison-title { font-size: 1.1rem !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-59d0a95 *//* NAMESPACED CSS - Fixed Toggle Switch */ .pricing-module-wrapper { all: initial !important; display: block !important; } .pricing-module-wrapper * { all: revert !important; box-sizing: border-box !important; } /* All styles are scoped to .pricing-module-wrapper */ .pricing-module-wrapper .pricing-section { background: transparent !important; padding: 20px 0 !important; max-width: 1280px !important; margin: 0 auto !important; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important; } .pricing-module-wrapper .controls-header { display: flex !important; justify-content: flex-end !important; align-items: center !important; margin-bottom: 32px !important; flex-wrap: wrap !important; gap: 20px !important; border-bottom: 1px solid #e9edf2 !important; padding-bottom: 18px !important; } /* Toggle Container - Fixed */ .pricing-module-wrapper .pricing-toggle { display: inline-flex !important; align-items: center !important; background: #f1f4f9 !important; padding: 4px !important; border-radius: 48px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; } /* Toggle Labels */ .pricing-module-wrapper .toggle-label { font-size: 14px !important; font-weight: 600 !important; color: #5b677b !important; padding: 6px 16px !important; border-radius: 40px !important; transition: all 0.2s ease !important; cursor: pointer !important; letter-spacing: -0.2px !important; user-select: none !important; background: transparent !important; } .pricing-module-wrapper .toggle-label.active { color: #1e2a5e !important; background: white !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; } /* Toggle Switch */ .pricing-module-wrapper .toggle-switch { position: relative !important; display: inline-block !important; width: 56px !important; height: 32px !important; margin: 0 12px !important; flex-shrink: 0 !important; cursor: pointer !important; } .pricing-module-wrapper .toggle-switch input { opacity: 0 !important; width: 0 !important; height: 0 !important; position: absolute !important; margin: 0 !important; padding: 0 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .pricing-module-wrapper .slider { position: absolute !important; cursor: pointer !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #cdd4df !important; transition: 0.3s ease !important; border-radius: 32px !important; } .pricing-module-wrapper .slider:before { position: absolute !important; content: "" !important; height: 26px !important; width: 26px !important; left: 3px !important; bottom: 3px !important; background-color: white !important; transition: 0.3s ease !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } .pricing-module-wrapper .toggle-switch input:checked+.slider { background-color: #2C3982 !important; } .pricing-module-wrapper .toggle-switch input:checked+.slider:before { transform: translateX(24px) !important; } /* Save Badge */ .pricing-module-wrapper .save-badge { background: linear-gradient(135deg, #eef2ff 0%, #e4eaff 100%) !important; color: #1f3a8a !important; font-size: 11px !important; font-weight: 700 !important; padding: 3px 8px !important; border-radius: 30px !important; margin-left: 8px !important; letter-spacing: -0.2px !important; white-space: nowrap !important; display: inline-block !important; } /* Plan Container */ .pricing-module-wrapper .plan-container { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; justify-content: center !important; align-items: stretch !important; } /* Plan Cards */ .pricing-module-wrapper .plan-card { flex: 1 !important; min-width: 280px !important; max-width: 310px !important; border: 1px solid #eef2f6 !important; border-radius: 28px !important; padding: 28px 24px 32px !important; position: relative !important; transition: all 0.25s ease !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; cursor: pointer !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02) !important; } .pricing-module-wrapper .plan-card:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 32px -12px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.02) !important; border-color: #dce3ec !important; } .pricing-module-wrapper .plan-card.active { background: #fefefe !important; border-color: #2C3982 !important; box-shadow: 0 12px 28px -8px rgba(44, 57, 130, 0.18), 0 0 0 1px #2C3982 inset !important; } .pricing-module-wrapper .plan-card.popular { border-color: #e2e8f0 !important; position: relative !important; } .pricing-module-wrapper .plan-card.popular.active { border-color: #2C3982 !important; box-shadow: 0 12px 28px -8px rgba(44, 57, 130, 0.2), 0 0 0 1px #2C3982 inset !important; } .pricing-module-wrapper .popular-badge { position: absolute !important; top: -12px !important; right: 24px !important; background: #2C3982 !important; color: white !important; font-size: 12px !important; font-weight: 600 !important; padding: 5px 14px !important; border-radius: 40px !important; letter-spacing: 0.2px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; z-index: 1 !important; } .pricing-module-wrapper .plan-header { display: flex !important; align-items: center !important; margin-bottom: 20px !important; gap: 10px !important; } .pricing-module-wrapper .plan-header input[type="radio"] { margin-right: 0px !important; width: 20px !important; height: 20px !important; accent-color: #2C3982 !important; cursor: pointer !important; flex-shrink: 0 !important; } .pricing-module-wrapper .plan-title { font-size: 22px !important; font-weight: 700 !important; color: #111827 !important; letter-spacing: -0.3px !important; } .pricing-module-wrapper .plan-price { margin-bottom: 20px !important; border-bottom: 1px dashed #edf2f7 !important; padding-bottom: 12px !important; } .pricing-module-wrapper .price-amount { font-size: 38px !important; font-weight: 800 !important; color: #0a1c3a !important; letter-spacing: -1px !important; } .pricing-module-wrapper .price-discount { font-size: 13px !important; color: #0f7b3a !important; font-weight: 600 !important; margin-left: 8px !important; background: #e6f7ef !important; padding: 2px 8px !important; border-radius: 30px !important; display: inline-block !important; } .pricing-module-wrapper .price-description { color: #475569 !important; font-size: 13px !important; font-weight: 500 !important; margin-top: 6px !important; line-height: 1.4 !important; } .pricing-module-wrapper .plan-features { margin-bottom: 28px !important; flex-grow: 1 !important; } .pricing-module-wrapper .feature-category { font-size: 13px !important; font-weight: 700 !important; margin: 0 0 12px 0 !important; color: #2c3e66 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .pricing-module-wrapper .feature-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .pricing-module-wrapper .feature-item { font-size: 14px !important; color: #334155 !important; margin-bottom: 10px !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; font-weight: 450 !important; } .pricing-module-wrapper .feature-item i { color: #2C3982 !important; font-size: 13px !important; margin-top: 2px !important; width: 18px !important; display: inline-block !important; } /* Enterprise specific */ .pricing-module-wrapper .enterprise-card-simple { color: #475569 !important; border-style: solid !important; border-color: #e0e7ff !important; background: #fefeff !important; box-shadow: 0 6px 14px rgba(44, 57, 130, 0.04) !important; } .pricing-module-wrapper .enterprise-card-simple .price-amount { font-size: 34px !important; font-weight: 700 !important; background: linear-gradient(135deg, #1f2b5c, #2C3982) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; } .pricing-module-wrapper a.trial-button { display: block !important; width: 100% !important; padding: 12px 12px !important; background-color: #2C3982 !important; color: white !important; border: none !important; border-radius: 60px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.2s ease !important; margin-top: auto !important; text-align: center !important; text-decoration: none !important; letter-spacing: 0.3px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; } .pricing-module-wrapper a.trial-button:hover { background-color: #3f4fa5 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(44, 57, 130, 0.2) !important; text-decoration: none !important; } /* Toggle alignment for second section */ .pricing-module-wrapper .pricing-section-2 .controls-header { justify-content: flex-end !important; } /* subtle active radio glow */ .pricing-module-wrapper .plan-card.active .plan-title { color: #2C3982 !important; } /* Responsive adjustments */ @media (max-width: 992px) { .pricing-module-wrapper .pricing-section-2 .plan-container { flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; } .pricing-module-wrapper .pricing-section-2 .plan-card { max-width: 340px !important; width: 100% !important; } } @media (max-width: 768px) { .pricing-module-wrapper .pricing-section-2 .controls-header { flex-direction: column !important; align-items: center !important; gap: 16px !important; } .pricing-module-wrapper .pricing-toggle { width: auto !important; justify-content: center !important; } .pricing-module-wrapper .toggle-switch { width: 52px !important; height: 30px !important; } .pricing-module-wrapper .slider:before { height: 24px !important; width: 24px !important; } .pricing-module-wrapper .toggle-switch input:checked+.slider:before { transform: translateX(22px) !important; } .pricing-module-wrapper .plan-card { min-width: 260px !important; } .pricing-module-wrapper .price-amount { font-size: 32px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-33fee31 */.founder-container { display: grid !important; grid-template-columns: 400px 1fr !important; gap: 60px !important; align-items: center !important; } .founder-image { position: relative !important; } .founder-img { width: 100% !important; border-radius: 20px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important; } .founder-badge { position: absolute !important; bottom: -20px !important; right: -20px !important; background: #2C3982 !important; color: #ffffff !important; padding: 20px 30px !important; border-radius: 15px !important; box-shadow: 0 10px 30px rgba(79, 70, 229, 0.3) !important; } .founder-badge span { display: block !important; font-size: 2rem !important; font-weight: 800 !important; } .founder-content h2 { margin-bottom: 20px !important; } .founder-content>p { font-size: 1.125rem !important; color: #64748B !important; margin-bottom: 30px !important; line-height: 1.8 !important; } .founder-name { font-size: 1.5rem !important; font-weight: 700 !important; color: #0F172A !important; margin-bottom: 5px !important; } .founder-title { color: #2C3982 !important; font-weight: 600 !important; margin-bottom: 20px !important; } .founder-quote { font-style: italic !important; color: #64748B !important; padding-left: 20px !important; border-left: 4px solid #2C3982 !important; } /* Responsive Styles for Founder Section */ @media (max-width: 992px) { .founder-container { /* Stack image and content vertically */ grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; } .founder-image { /* Center the image on mobile */ display: flex !important; justify-content: center !important; max-width: 500px !important; margin: 0 auto !important; } .founder-img { /* Slightly reduce max-width for better fit */ max-width: 100% !important; } .founder-badge { /* Reposition badge so it doesn't overflow on small screens */ position: absolute !important; bottom: -15px !important; right: 50% !important; transform: translateX(50%) !important; padding: 15px 25px !important; text-align: center !important; } .founder-badge span { font-size: 1.75rem !important; } .founder-content { /* Center align text content */ text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .founder-quote { /* Adjust quote styling for centered layout */ border-left: none !important; border-top: 4px solid #4F46E5 !important; padding-left: 0 !important; padding-top: 20px !important; } } /* Extra small devices (phones in portrait) */ @media (max-width: 480px) { .founder-container { gap: 30px !important; } .founder-content h2 { font-size: 1.5rem !important; } .founder-content>p { font-size: 1rem !important; } .founder-name { font-size: 1.25rem !important; } .founder-badge { padding: 12px 20px !important; bottom: -10px !important; } .founder-badge span { font-size: 1.5rem !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3b08fbf */.security-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 30px !important; } .security-card { background: #ffffff !important; padding: 40px !important; border-radius: 12px !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; text-align: center !important; transition: all 0.3s ease !important; } .security-card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important; } .security-icon { width: 80px !important; height: 80px !important; background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px !important; } .security-icon svg { width: 40px !important; height: 40px !important; stroke: #10B981 !important; } .security-card h3 { font-size: 1.25rem !important; margin-bottom: 10px !important; color: #0F172A !important; } .security-card p { color: #64748B !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-86d1ad5 */.section-header { text-align: center !important; margin-bottom: 70px !important; } .section-header h2 { font-size: 36px !important; font-weight: 800 !important; color: #243F79 !important; margin-bottom: 16px !important; } .solutions-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 40px !important; } /* --- Solution Card --- */ .solution-card { background: #ffffff !important; border-radius: 20px !important; padding: 40px 30px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; border-top: 5px solid !important; position: relative !important; overflow: hidden !important; } .solution-card:hover { transform: translateY(-10px) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important; } .card-realty { border-top-color: #ef8b1e !important; } .card-health { border-top-color: #00c6ff !important; } .card-edu { border-top-color: #8b5cf6 !important; } /* --- Laptop Graphic --- */ .laptop-wrapper { width: 100% !important; height: 220px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 30px !important; position: relative !important; } .laptop { width: 260px !important; position: relative !important; z-index: 2 !important; } .laptop-screen { width: 100% !important; height: 160px !important; background: #222 !important; border-radius: 12px 12px 0 0 !important; border: 8px solid #333 !important; border-bottom: 12px solid #333 !important; position: relative !important; overflow: hidden !important; } .laptop-base { width: 120% !important; height: 12px !important; background: #e0e0e0 !important; border-radius: 0 0 12px 12px !important; position: absolute !important; bottom: -12px !important; left: -10% !important; box-shadow: inset 0 -3px 0 #b0b0b0 !important; } .laptop-base::before { content: '' !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 4px !important; background: #b0b0b0 !important; border-radius: 0 0 4px 4px !important; } /* --- Internal Dashboard Layouts --- */ .mock-dashboard { width: 100% !important; height: 100% !important; background: #f4f5f7 !important; display: flex !important; } .mock-sidebar { width: 40px !important; height: 100% !important; background: #243F79 !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding-top: 10px !important; gap: 8px !important; } .mock-nav-item { width: 20px !important; height: 20px !important; border-radius: 4px !important; background: rgba(255, 255, 255, 0.2) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; color: #fff !important; } .mock-main { flex: 1 !important; padding: 10px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .mock-header { height: 15px !important; width: 100% !important; background: #fff !important; border-radius: 4px !important; display: flex !important; align-items: center !important; padding: 0 8px !important; justify-content: space-between !important; } .mock-logo { width: 20px !important; height: 6px !important; background: #e0e0e0 !important; border-radius: 2px !important; } .mock-content-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; flex: 1 !important; } .mock-card { background: #fff !important; border-radius: 6px !important; padding: 6px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; } /* Elements for specific dashes */ .mock-bar { height: 4px !important; border-radius: 2px !important; background: #e0e0e0 !important; } .mock-bar-chart { display: flex !important; align-items: flex-end !important; gap: 4px !important; height: 30px !important; margin-top: auto !important; } .mock-bar-item { width: 8px !important; background: #ef8b1e !important; border-radius: 2px 2px 0 0 !important; } .b1 { height: 40% !important; } .b2 { height: 70% !important; } .b3 { height: 90% !important; } .b4 { height: 60% !important; } .mock-list-item { display: flex !important; align-items: center !important; gap: 4px !important; } .mock-avatar { width: 12px !important; height: 12px !important; border-radius: 50% !important; background: #d1d5db !important; } .mock-list-line { height: 4px !important; width: 60% !important; background: #e5e7eb !important; border-radius: 2px !important; } /* Themed Colors */ /* Realty */ .bg-realty { background: #ef8b1e !important; } .text-realty { color: #ef8b1e !important; } .mock-bar-item.realty { background: #ef8b1e !important; } .bg-realty-light { background: #fee2e2 !important; } /* Health */ .bg-health { background: #00c6ff !important; } .text-health { color: #00c6ff !important; } .mock-bar-item.health { background: #00c6ff !important; } .bg-health-light { background: #dcfce7 !important; } /* Edu */ .bg-edu { background: #8b5cf6 !important; } .text-edu { color: #8b5cf6 !important; } .mock-bar-item.edu { background: #8b5cf6 !important; } .bg-edu-light { background: #ede9fe !important; } /* --- Content Styling --- */ .card-badge { display: inline-block !important; padding: 6px 14px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; border: 1px solid transparent !important; } .card-realty .card-badge { color: #9A3412 !important; background-color: rgba(234, 88, 12, 0.15) !important; border: 1px solid rgba(234, 88, 12, 0.3) !important; } .card-health .card-badge { color: #0369A1 !important; background-color: rgba(14, 165, 233, 0.15) !important; border-color: rgba(14, 165, 233, 0.3) !important; } .card-edu .card-badge { color: #6D28D9 !important; background-color: rgba(139, 92, 246, 0.15) !important; border-color: rgba(139, 92, 246, 0.3) !important; } .solution-card h3 { font-size: 22px !important; font-weight: 800 !important; color: #243F79 !important; margin-bottom: 16px !important; } .solution-card p { font-size: 14px !important; color: #6b7280 !important; line-height: 1.6 !important; margin-bottom: 24px !important; } /* Decorative background shapes */ .bg-shape { position: absolute !important; border-radius: 50% !important; opacity: 0.1 !important; z-index: 0 !important; pointer-events: none !important; } .card-realty .bg-shape { background: #ef8b1e !important; width: 150px !important; height: 150px !important; top: -50px !important; right: -50px !important; } .card-health .bg-shape { background: #00c6ff !important; width: 120px !important; height: 120px !important; bottom: 30% !important; left: -30px !important; } .card-edu .bg-shape { background: #8b5cf6 !important; width: 180px !important; height: 180px !important; top: 20% !important; right: -60px !important; } /* Floating animation for laptops */ .laptop { animation: float 4s ease-in-out infinite !important; } @keyframes float { 0% { transform: translateY(0px) !important; } 50% { transform: translateY(-8px) !important; } 100% { transform: translateY(0px) !important; } } /* Responsive Breakpoints */ @media (max-width: 1024px) { .solutions-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; } .solution-card:last-child { grid-column: 1 / -1 !important; max-width: 50% !important; margin: 0 auto !important; } } @media (max-width: 768px) { .solutions-grid { grid-template-columns: 1fr !important; } .solution-card:last-child { max-width: 100% !important; } }/* End custom CSS */