/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 14:07:01 */
a:focus {
    outline: none;
}
body::-webkit-scrollbar {
  width: 8px !important;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgb(195, 195, 195) !important;
}
 
body::-webkit-scrollbar-thumb {
  background-color: rgb(80, 80, 80) !important;
  outline: 1px solid rgb(80, 80, 80) !important;
	border-radius:10px !important;
}

.accordion .elementor-accordion .elementor-accordion-item {
    border: 1px solid #d5d8dc;
    border-left: none;
    border-right: none;
    border-top: none;
}
.accordion .elementor-tab-content{
    border-top:none !important;
}
.accordion .elementor-accordion .elementor-tab-title {
    margin: 0;
    padding: 30px 20px;
}
.accordion .elementor-element-populated{
    justify-content: center !important;
}
.online{
    margin-left: 110px !important;
}
.scroll-up-icon{
	padding:0 0 0 0;
}
.scroll-up-icon .elementor-icon{
	font-size:25px !important;
}
@media screen and (min-width:1600px){
	.calendly-inline-widget{
	width:1000px !important;
}
		.scroll-up-icon{
	padding:0 30px 30px 0;
}
}
@media screen and (max-width:768px){
    .online{
        margin-left:68px !important;
    }
	.scroll-up-icon .elementor-icon{
		font-size:22px !important;
}
}
.calendly-inline-widget ,.elementor-9018 .elementor-element.elementor-element-12791644:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap{
	background-color:white !important;
}

body{
	-webkit-overflow-scrolling: touch;
}

.mega-menu.active{
	color: #2ECC9B
}

.e-n-menu-title-text.active{
	color: #2ECC9B !important
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left{
	visibility: hidden !important
}


.table-wrapper {
  overflow-x: auto;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}



/* skeleton loader */
.skeleton-loader {
    position: relative;
}

.skeleton-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    z-index: 1000;
    display: flex;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.skeleton-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}

.skeleton-column {
    flex: 1;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skeleton-item {
    background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
}

.skeleton-wide { 
    height: 260px; 
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.elementor-16778 .elementor-element.elementor-element-4c76565:not(.elementor-motion-effects-element-type-background), .elementor-16778 .elementor-element.elementor-element-4c76565 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #2c3348 !important;
}
/* Target the manual 'active' class and Elementor's internal active states */
body .elementor-widget-n-menu .e-n-menu-title-text.active,
body .elementor-widget-n-menu .e-active .e-n-menu-title-text,
body .elementor-widget-n-menu .e-n-menu-title-container:hover .e-n-menu-title-text.active {
    color: #5C7AFB !important;
    fill: #5C7AFB !important; /* In case there is an icon */
}

/* Ensure the parent link doesn't override the color */
body .elementor-widget-n-menu .e-n-menu-item .active {
    color: #5C7AFB !important;
}
/* Force the loop grid and the image to be visible even if JS hasn't loaded yet */
.elementor-element-7e7a499, 
.elementor-element-8061ebb img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Ensure the container doesn't have a 0px height before load */
.elementor-element-070ce72 {
    min-height: 20px; /* Adjust based on your icon size */
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.elementor-33800 .elementor-element.elementor-element-0420b3a .elementor-heading-title {
    font-weight: 600;
}
.betterdocs-search-layout-1 {
    margin-top: 0px !important;
}
/* WebOps new footer */
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.foot{background:#0A0D18;color:#fff;padding:clamp(56px,8vw,88px) 0 40px}
.foot .foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1fr;gap:38px;padding:0}
.foot .foot-brand,.foot .foot-col{padding:0;gap:0}
.foot .foot-grid .elementor-widget-container{margin:0}
.foot .foot-brand img{height:30px;width:auto}
.foot .foot-brand p{color:#98A1B6;font-size:14px;margin:14px 0 0;max-width:32ch;line-height:1.6}
.foot .socials{display:flex;gap:10px;margin-top:16px}
.foot .socials i{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#98A1B6;font-style:normal;font-size:13px;transition:.2s}
.foot .socials i:hover{border-color:#6E56E8;color:#fff}
.foot .foot-col h5,.foot .foot-col h2{font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#6E778E;margin:0 0 15px}
.foot .foot-col p{margin:0}
.foot .foot-col a{display:block;font-size:14px;line-height:1.6;color:#C6CDDE;padding:6px 0;transition:color .2s;text-decoration:none}
.foot .foot-col a:hover{color:#fff}
.foot,.foot .elementor-widget,.foot .elementor-widget-container,.foot p,.foot a,.foot h5,.foot h2,.foot span,.foot .socials i{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif!important}
.foot .foot-brand .elementor-widget-image,.foot .logo-img{text-align:left}
.foot,.foot .wrap{gap:0}
.foot .wrap>.elementor-widget-html,.foot .elementor-widget-html{margin:0}
.foot .foot-bottom{margin-top:40px;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#98A1B6;font-size:13px;flex-wrap:wrap;gap:12px}
@media(max-width:820px){.foot .foot-grid{grid-template-columns:1fr 1fr}.foot .foot-brand{grid-column:span 2}}
/* WebOps new header */
.wo-header,.wo-mobile{--ink:#0A0D18;--ink-2:#252C3D;--muted:#5A6478;--line:#E1E5EF;--line-2:#EAEDF6;--bg:#FFFFFF;--bg-2:#ECEFF7;--surface:#FFFFFF;--violet:#6E56E8;--grad:linear-gradient(120deg,#3457D5,#6E56E8 52%,#12A594);--shadow:0 30px 70px -34px rgba(30,26,80,.42);--glow:0 0 0 1px rgba(110,86,232,.18),0 24px 60px -20px rgba(110,86,232,.5);--pad:clamp(20px,5vw,44px)}
.wo-header{position:sticky;top:0;z-index:60;backdrop-filter:saturate(180%) blur(16px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line-2)}
.wo-header .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:0;height:74px;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,44px)}
.wo-header .nav-inner>.elementor-element{flex:0 0 auto;width:auto;margin:0}
.wo-header .brand{display:flex;align-items:center}
.wo-header .elementor-widget-image{text-align:left;line-height:0}
.wo-header .elementor-widget-image img{height:34px;width:auto;display:block}
.wo-header .nav-links{display:flex;gap:32px;align-items:center}
.wo-header .nav-links a{font-size:14.5px;font-weight:550;color:var(--ink-2);transition:color .2s;text-decoration:none}
.wo-header .nav-links a:hover{color:var(--violet)}
.wo-header .nav-cta{display:flex;gap:12px;align-items:center}
.wo-header .lang{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:44px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink-2);font-size:13.5px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:.2s;text-decoration:none}
.wo-header .lang:hover{border-color:var(--violet);color:var(--violet)}
.wo-header .nav-item{position:relative;display:flex;align-items:center}
.wo-header .nav-trig{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:550;color:var(--ink-2);cursor:pointer;transition:color .2s;text-decoration:none}
.wo-header .nav-item:hover .nav-trig{color:var(--violet)}
.wo-header .nav-trig .cx{font-size:9px;transition:transform .25s}
.wo-header .nav-item:hover .nav-trig .cx{transform:rotate(180deg)}
.wo-header .dropdown{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);width:308px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease;z-index:70}
.wo-header .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.wo-header .dropdown::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.wo-header .dropdown a{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:11px;transition:background .18s;text-decoration:none}
.wo-header .dropdown a:hover{background:var(--bg-2)}
.wo-header .dropdown .di{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-size:17px;color:#fff}
.wo-header .dropdown .di.g2{background:linear-gradient(135deg,#12A594,#1FAE86)}
.wo-header .dropdown .di.g3{background:linear-gradient(135deg,#F59E0B,#F43F5E)}
.wo-header .dropdown .di.g4{background:linear-gradient(135deg,#6E56E8,#3457D5)}
.wo-header .dropdown b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.wo-header .dropdown em{display:block;font-size:12px;color:var(--muted);font-style:normal;margin-top:2px;line-height:1.4}
.wo-header .burger{display:none;width:40px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.wo-header .burger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--ink-2);transition:.28s}
.wo-header .burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.wo-header .burger.open span:nth-child(2){opacity:0}
.wo-header .burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.wo-header .btn,.wo-mobile .btn{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:15px;padding:14px 22px;border-radius:13px;border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .28s,filter .2s;text-decoration:none}
.wo-header .btn:hover,.wo-mobile .btn:hover{transform:translateY(-2px)}
.wo-header .btn-primary,.wo-mobile .btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow)}
.wo-header .btn-primary:hover,.wo-mobile .btn-primary:hover{filter:brightness(1.06)}
.wo-mobile .btn-lg{padding:16px 28px;font-size:16px;border-radius:14px}
.wo-mobile{position:fixed;inset:74px 0 0;z-index:55;background:var(--bg);border-top:1px solid var(--line);padding:18px var(--pad) 40px;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s}
.wo-mobile.open{opacity:1;visibility:visible;transform:none}
.wo-mobile>a,.wo-mobile .m-acc>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-size:17px;font-weight:650;color:var(--ink);border-bottom:1px solid var(--line-2);cursor:pointer;list-style:none;text-decoration:none}
.wo-mobile .m-acc>summary::-webkit-details-marker{display:none}
.wo-mobile .m-acc>summary::after{content:"+";font-size:22px;font-weight:400;color:var(--violet)}
.wo-mobile .m-acc[open]>summary::after{content:"\2212"}
.wo-mobile .m-acc .m-sub{padding:4px 0 12px}
.wo-mobile .m-acc .m-sub a{display:block;padding:11px 12px;font-size:15px;color:var(--ink-2);border-radius:10px;text-decoration:none}
.wo-mobile .m-acc .m-sub a:hover{background:var(--bg-2);color:var(--violet)}
.wo-mobile .mobile-cta{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.wo-mobile .mobile-cta .btn{justify-content:center}
@media(max-width:920px){.wo-header .nav-links{display:none}.wo-header .burger{display:flex}}
@media(min-width:921px){.wo-mobile{display:none}}
@media(max-width:460px){.wo-header .nav-cta .btn-primary{display:none}}



div#webops-ar-switch {
    display: none !important;
}