﻿/* SB_START;Type_Name:WebDesign_WP;Type_RowID:0*/
#SB_BODY_WP{background:#ffffff;}
.SB_Header_Cont,.SB_Header,.SB_Page_Container,.SB_Page_Container_Table{background:#ffffff;border:0;}
.SB_Header_Menu_TopPos{position:relative;z-index:20;background:rgba(255,255,255,.97);border:0;border-bottom:1px solid var(--sb-border);box-shadow:0 7px 24px rgba(7,31,43,.06);backdrop-filter:blur(12px);}
.SB_Bottom_Background,.SB_Bottom_Container{background:#061923;border:0;}
.SB_Sticky_1 .SB_Header_Menu_TopPos{position:sticky;top:0;}

/* SB_END;Type_Name:WebDesign_WP;Type_RowID:0*/
/* SB_START;Type_Name:SB_DDMenu_H;Type_RowID:0*/

/* SB_END;Type_Name:SB_DDMenu_H;Type_RowID:0*/
/* SB_START;Type_Name:Gallery12_Page;Type_RowID:0*/

/* SB_END;Type_Name:Gallery12_Page;Type_RowID:0*/
/* SB_START;Type_Name:General;Type_RowID:0*/
html{scroll-behavior:smooth;}

body{color:var(--sb-text);font-size:18px;line-height:1.65;background:#fff;}

a{color:var(--sb-brand);text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;}

a:hover,a:focus{color:#0B8794;text-decoration:none;}

h1,h2,h3,h4,h5,h6{color:var(--sb-text);font-weight:800;line-height:1.18;margin:0 0 18px;}

h1{font-size:clamp(32px,4.4vw,58px);letter-spacing:-1px;}

h2{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.6px;}

h3{font-size:clamp(20px,2vw,26px);}

p{margin:0 0 18px;}

img{max-width:100%;height:auto;}

input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{width:100%;min-height:52px;padding:12px 16px;color:var(--sb-text);font-size:16px;background:#fff;border:1px solid var(--sb-border);border-radius:12px;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;}

textarea{min-height:120px;resize:vertical;}

input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sb-brand);box-shadow:0 0 0 4px rgba(22,184,199,.15);}

input[type=button],input[type=submit],button{min-height:52px;padding:12px 24px;color:#fff;font-size:17px;font-weight:800;background:var(--sb-brand);border:0;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}

input[type=button]:hover,input[type=submit]:hover,button:hover{background:#0B8794;transform:translateY(-2px);box-shadow:0 12px 26px rgba(7,31,43,.15);}

.webix-wrap{width:min(1400px,calc(100% - 40px));margin-inline:auto;}

.webix-topbar{position:relative;z-index:15;background:#071F2B;color:#D8F7FA;font-size:14px;}

.webix-topbar__inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;}

.webix-topbar__tag{margin:0;color:#D8F7FA;}

.webix-topbar__actions{display:flex;align-items:center;gap:18px;}

.webix-topbar__actions a{color:#fff;font-weight:700;}

.webix-topbar__actions a:hover{color:#66E2EA;}

.webix-hero{position:relative;overflow:hidden;padding:92px 0 84px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(22,184,199,.26),transparent 32%),linear-gradient(135deg,#061923 0%,#092B39 54%,#0C3C4A 100%);}

.webix-hero:before{content:"";position:absolute;inset:auto -120px -220px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;}

.webix-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:64px;align-items:center;}

.webix-kicker,.webix-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:#73E2E9;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}

.webix-kicker:before,.webix-eyebrow:before{content:"";width:30px;height:2px;background:currentColor;}

.webix-hero h1{max-width:760px;color:#fff;margin-bottom:24px;font-size:clamp(36px,5.2vw,72px);letter-spacing:-1.6px;}

.webix-hero h1 span{color:#66E2EA;}

.webix-lead{max-width:680px;color:#D9E9EE;font-size:clamp(19px,2vw,24px);line-height:1.65;}

.webix-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}

.webix-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:13px 25px;border-radius:12px;font-size:17px;font-weight:800;}

.webix-btn--primary{color:#05232C;background:linear-gradient(135deg,#66E2EA,#16B8C7);box-shadow:0 14px 30px rgba(22,184,199,.22);}

.webix-btn--primary:hover{color:#041D25;transform:translateY(-2px);box-shadow:0 18px 34px rgba(22,184,199,.3);}

.webix-btn--ghost{color:#fff;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.05);}

.webix-btn--ghost:hover{color:#fff;background:rgba(255,255,255,.12);border-color:#fff;}

.webix-trust{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:36px;color:#C5DADF;font-size:15px;}

.webix-trust span{display:flex;align-items:center;gap:8px;}

.webix-trust span:before{content:"";display:grid;place-items:center;width:22px;height:22px;color:#05232C;font-size:13px;font-weight:900;background:#66E2EA;border-radius:50%;}

.webix-visual{position:relative;}

.webix-browser{overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:22px;box-shadow:0 34px 80px rgba(0,0,0,.34);transform:perspective(1000px) rotateY(-4deg) rotateX(1deg);}

.webix-browser__bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#EAF2F4;border-bottom:1px solid #D4E1E5;}

.webix-browser__bar i{width:9px;height:9px;background:#AFC4CA;border-radius:50%;}

.webix-browser__content{padding:26px;background:linear-gradient(145deg,#F8FBFC,#E9F4F6);}

.webix-browser__hero{height:180px;padding:30px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#071F2B,#0A5262);border-radius:14px;}

.webix-browser__hero strong{max-width:290px;color:#fff;font-size:28px;line-height:1.2;}

.webix-browser__hero span{width:110px;height:11px;margin-top:18px;background:#46CFD9;border-radius:20px;}

.webix-browser__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;}

.webix-browser__card{height:86px;background:#fff;border:1px solid #DDE8EB;border-radius:12px;box-shadow:0 8px 22px rgba(7,31,43,.06);}

.webix-float-card{position:absolute;left:-28px;bottom:32px;padding:16px 18px;color:#071F2B;font-weight:800;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.22);}

.webix-float-card b{display:block;color:var(--sb-brand);font-size:25px;}

.webix-home{overflow:hidden;background:#fff;}

.webix-section{padding:96px 0;}

.webix-section--soft{background:var(--sb-surface);}

.webix-section--dark{color:#D9E9EE;background:#071F2B;}

.webix-section--dark h2,.webix-section--dark h3{color:#fff;}

.webix-section-head{max-width:760px;margin:0 auto 52px;text-align:center;}

.webix-section-head .webix-eyebrow{justify-content:center;}

.webix-section-title{margin-bottom:18px;}

.webix-section-lead{color:var(--sb-muted);font-size:20px;line-height:1.7;}

.webix-section--dark .webix-section-lead{color:#B9CFD5;}

.webix-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}

.webix-service{position:relative;overflow:hidden;padding:38px;background:#fff;border:1px solid var(--sb-border);border-radius:22px;box-shadow:0 18px 48px rgba(7,31,43,.07);}

.webix-service:after{content:"";position:absolute;left:-55px;bottom:-65px;width:160px;height:160px;background:rgba(22,184,199,.09);border-radius:50%;}

.webix-service__icon,.webix-feature__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;color:#087D89;font-size:26px;background:#DDF7F9;border-radius:16px;}

.webix-service p{color:var(--sb-muted);}

.webix-service ul{margin:22px 0 0;padding:0;list-style:none;}

.webix-service li{position:relative;margin:9px 0;padding-right:25px;color:#334A54;}

.webix-service li:before{content:"";position:absolute;right:0;color:var(--sb-brand);font-weight:900;}

.webix-text-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:800;}

.webix-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}

.webix-feature{padding:28px 24px;background:#fff;border:1px solid var(--sb-border);border-radius:18px;}

.webix-feature h3{font-size:21px;margin-bottom:10px;}

.webix-feature p{margin:0;color:var(--sb-muted);font-size:16px;}

.webix-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}

.webix-project{position:relative;overflow:hidden;display:block;aspect-ratio:1/1;background:#EAF1F3;border-radius:18px;box-shadow:0 16px 40px rgba(7,31,43,.12);}

.webix-project img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}

.webix-project__overlay{position:absolute;inset:auto 0 0;padding:56px 22px 20px;color:#fff;background:linear-gradient(transparent,rgba(3,19,27,.9));transform:translateY(8px);transition:transform .25s ease;}

.webix-project__overlay strong{display:block;font-size:20px;}

.webix-project__overlay span{color:#BCEBF0;font-size:14px;}

.webix-project:hover img{transform:scale(1.045);}

.webix-project:hover .webix-project__overlay{transform:none;}

.webix-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:process;}

.webix-step{position:relative;padding:28px 20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;counter-increment:process;}

.webix-step:before{content:"0" counter(process);display:block;margin-bottom:22px;color:#66E2EA;font-size:28px;font-weight:900;}

.webix-step h3{font-size:20px;margin-bottom:8px;}

.webix-step p{margin:0;color:#B9CFD5;font-size:15px;}

.webix-cta{padding:86px 0;background:linear-gradient(135deg,#E8F9FA,#F7FBFC);}

.webix-cta__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}

.webix-cta__copy h2{max-width:520px;}

.webix-cta__copy p{color:var(--sb-muted);font-size:20px;}

.webix-contact-card{padding:32px;background:#fff;border:1px solid var(--sb-border);border-radius:22px;box-shadow:0 24px 60px rgba(7,31,43,.11);}

.webix-contact-card .SB_C_Form,.webix-contact-card .SB_inline_Iframe{width:100%!important;max-width:none!important;height:auto!important;}

.webix-footer{color:#C7D9DE;background:#061923;}

.webix-footer__main{padding:68px 0 44px;display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:56px;}

.webix-footer__logo{width:148px;margin-bottom:22px;}

.webix-footer h3{color:#fff;font-size:19px;}

.webix-footer p{color:#AFC5CB;font-size:15px;}

.webix-footer ul{margin:0;padding:0;list-style:none;}

.webix-footer li{margin:10px 0;}

.webix-footer a{color:#D8E8EC;}

.webix-footer a:hover{color:#66E2EA;}

.webix-footer__bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.1);color:#90A8AF;font-size:13px;text-align:center;}

@media(max-width:991px){

 .webix-hero{padding:72px 0;}

 .webix-hero__grid{grid-template-columns:1fr;gap:48px;}

 .webix-visual{max-width:650px;margin-inline:auto;}

 .webix-feature-grid{grid-template-columns:repeat(2,1fr);}

 .webix-process{grid-template-columns:repeat(2,1fr);}

 .webix-cta__grid{grid-template-columns:1fr;}

 .webix-footer__main{grid-template-columns:1fr 1fr;}

}

@media(max-width:767px){

 html,body{overflow-x:hidden;}

 body{font-size:17px;}

 .webix-wrap{width:min(100% - 28px,1400px);}

 .webix-topbar__inner{min-height:38px;justify-content:center;}

 .webix-topbar__tag{display:none;}

 .webix-topbar__actions{gap:14px;font-size:13px;}

 .webix-topbar__actions a:first-child{display:none;}

 .webix-hero{padding:58px 0 52px;text-align:center;}

 .webix-hero__grid{gap:38px;}

 .webix-kicker{justify-content:center;}

 .webix-lead{font-size:19px;}

 .webix-actions{justify-content:center;}

 .webix-btn{width:100%;}

 .webix-trust{justify-content:center;}

 .webix-browser{transform:none;border-radius:16px;}

 .webix-browser__content{padding:16px;}

 .webix-browser__hero{height:140px;padding:20px;}

 .webix-browser__hero strong{font-size:22px;}

 .webix-float-card{left:8px;bottom:-22px;padding:11px 13px;font-size:13px;}

 .webix-float-card b{font-size:20px;}

 .webix-section{padding:68px 0;}

 .webix-section-head{margin-bottom:36px;}

 .webix-section-lead{font-size:18px;}

 .webix-service-grid,.webix-portfolio-grid,.webix-cta__grid,.webix-footer__main{grid-template-columns:1fr;}

 .webix-service{padding:28px 24px;}

 .webix-feature-grid{grid-template-columns:1fr;}

 .webix-process{grid-template-columns:1fr;}

 .webix-cta{padding:64px 0;}

 .webix-contact-card{padding:22px 18px;}

 .webix-footer__main{padding:54px 0 36px;gap:30px;}

}

@media(max-width:420px){

 h1{font-size:30px;letter-spacing:-.5px;}

 h2{font-size:26px;}

 .webix-hero h1,.wxs h1{font-size:34px;letter-spacing:-.6px;}

 .webix-browser__cards{grid-template-columns:repeat(2,1fr);}

 .webix-browser__card:last-child{display:none;}

}

.webix-service li:before{content:"";top:.68em;width:8px;height:8px;background:var(--sb-brand);border-radius:50%;}

/* Webix growth experience */

.webix-hero:after{content:"";position:absolute;top:-180px;left:-140px;width:440px;height:440px;background:radial-gradient(circle,rgba(102,226,234,.16),transparent 68%);border-radius:50%;animation:webixPulse 8s ease-in-out infinite;}

.webix-hero__copy{position:relative;z-index:2;}

.webix-visual--photo{z-index:1;}

.webix-success-photo{position:relative;overflow:hidden;margin:0;aspect-ratio:16/10;background:#0B3542;border:1px solid rgba(255,255,255,.22);border-radius:26px;box-shadow:0 36px 90px rgba(0,0,0,.38);transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);animation:webixFloat 6s ease-in-out infinite;}

.webix-success-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(7,31,43,.18));pointer-events:none;}

.webix-success-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .45s ease;}

.webix-success-photo:hover img{transform:scale(1.045);filter:saturate(1.08);}

.webix-success-badge{position:absolute;right:20px;bottom:20px;z-index:2;max-width:230px;padding:15px 18px;color:#E9FCFD;font-size:15px;font-weight:800;line-height:1.5;background:rgba(6,25,35,.84);border:1px solid rgba(255,255,255,.2);border-radius:15px;backdrop-filter:blur(12px);}

.webix-success-badge b{display:block;color:#66E2EA;font-size:20px;}

.webix-growth{position:relative;overflow:hidden;background:#fff;}

.webix-growth:before{content:"";position:absolute;top:70px;right:-150px;width:360px;height:360px;background:radial-gradient(circle,rgba(22,184,199,.12),transparent 70%);border-radius:50%;}

.webix-growth__grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:70px;align-items:center;}

.webix-growth__copy h2{max-width:620px;}

.webix-growth__copy>p{max-width:620px;color:var(--sb-muted);font-size:20px;}

.webix-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0;}

.webix-outcome{padding:18px 16px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:15px;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;}

.webix-outcome strong{display:block;margin-bottom:4px;color:var(--sb-text);font-size:17px;}

.webix-outcome span{color:var(--sb-muted);font-size:14px;}

.webix-growth__media{position:relative;margin:0;}

.webix-growth__media:before{content:"";position:absolute;inset:24px -24px -24px 24px;background:#DDF7F9;border-radius:26px;transform:rotate(-2deg);}

.webix-growth__media img{position:relative;z-index:1;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:0 28px 70px rgba(7,31,43,.18);transition:transform .5s ease,box-shadow .5s ease;}

.webix-growth__media:hover img{transform:translateY(-8px) rotate(.5deg);box-shadow:0 36px 84px rgba(7,31,43,.24);}

.webix-image-chip{position:absolute;right:26px;bottom:24px;z-index:2;padding:13px 17px;color:#fff;font-size:15px;font-weight:900;background:rgba(7,31,43,.86);border:1px solid rgba(255,255,255,.22);border-radius:14px;backdrop-filter:blur(10px);}

.webix-story{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:flex-end;background:#071F2B;}

.webix-story__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);}

.webix-story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,35,.12),rgba(6,25,35,.92) 72%),linear-gradient(0deg,rgba(6,25,35,.72),transparent 50%);}

.webix-story:hover .webix-story__image{transform:scale(1.035);}

.webix-story__content{position:relative;z-index:2;width:min(650px,100%);margin-right:auto;padding:92px 0;color:#D9E9EE;}

.webix-story__content h2{color:#fff;}

.webix-story__content p{color:#C1D8DE;font-size:20px;}

.webix-story__points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0 0;padding:0;list-style:none;}

.webix-story__points li{padding:15px 16px;color:#EAF9FA;font-weight:700;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:14px;transition:transform .28s ease,background .28s ease;}

.webix-story__points li:before{content:"";display:inline-block;width:8px;height:8px;margin-left:9px;background:#66E2EA;border-radius:50%;box-shadow:0 0 0 5px rgba(102,226,234,.12);}

.webix-knowledge{position:relative;background:linear-gradient(180deg,#fff,#F4F8FA);}

.webix-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}

.webix-knowledge-card{position:relative;overflow:hidden;display:flex;min-height:470px;flex-direction:column;color:var(--sb-text);background:#fff;border:1px solid var(--sb-border);border-radius:22px;box-shadow:0 18px 48px rgba(7,31,43,.08);transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease;}

.webix-knowledge-card__image{overflow:hidden;aspect-ratio:16/10;background:#E7F2F4;}

.webix-knowledge-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease;}

.webix-knowledge-card__body{display:flex;flex:1;flex-direction:column;padding:25px;}

.webix-knowledge-card__tag{margin-bottom:12px;color:#087D89;font-size:13px;font-weight:900;letter-spacing:.04em;}

.webix-knowledge-card h3{margin-bottom:12px;font-size:23px;}

.webix-knowledge-card p{color:var(--sb-muted);font-size:16px;}

.webix-knowledge-card__more{margin-top:auto;color:#087D89;font-weight:900;}

.webix-knowledge-card:hover{color:var(--sb-text);transform:translateY(-10px);border-color:rgba(22,184,199,.55);box-shadow:0 28px 72px rgba(7,31,43,.16);}

.webix-knowledge-card:hover img{transform:scale(1.065);filter:saturate(1.08);}

.webix-faq{background:#fff;}

.webix-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}

.webix-faq-item{overflow:hidden;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:16px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}

.webix-faq-item[open]{background:#fff;border-color:rgba(22,184,199,.55);box-shadow:0 16px 38px rgba(7,31,43,.09);transform:translateY(-2px);}

.webix-faq-item summary{position:relative;padding:22px 54px 22px 22px;color:var(--sb-text);font-size:18px;font-weight:900;cursor:pointer;list-style:none;}

.webix-faq-item summary::-webkit-details-marker{display:none;}

.webix-faq-item summary:before,.webix-faq-item summary:after{content:"";position:absolute;right:22px;top:50%;width:16px;height:2px;background:var(--sb-brand);transition:transform .25s ease;}

.webix-faq-item summary:after{transform:rotate(90deg);}

.webix-faq-item[open] summary:after{transform:rotate(0);}

.webix-faq-item p{padding:0 22px 22px;color:var(--sb-muted);font-size:16px;}

.webix-service,.webix-feature,.webix-step{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;}

.webix-btn{position:relative;overflow:hidden;}

.webix-btn:not(.SB_Fx_Shine):after{content:"";position:absolute;top:-40%;right:-80%;width:42%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:skewX(-20deg);transition:right .7s ease;}

.webix-btn:not(.SB_Fx_Shine):hover:after{right:135%;}

@media(hover:hover){

 .webix-service.SB_Fx_Lift:hover,.webix-feature.SB_Fx_Lift:hover{transform:translateY(-9px);border-color:rgba(22,184,199,.55);box-shadow:0 26px 66px rgba(7,31,43,.14);}

 .webix-service.SB_Fx_Lift:hover .SB_Fx_Icon,.webix-feature.SB_Fx_Lift:hover .SB_Fx_Icon{transform:rotate(-6deg) scale(1.08);}

 .webix-service__icon,.webix-feature__icon{transition:transform .35s ease,background .35s ease;}

 .webix-step.SB_Fx_Lift:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(102,226,234,.35);}

 .webix-outcome.SB_Fx_Lift:hover{transform:translateY(-5px);background:#fff;border-color:rgba(22,184,199,.5);box-shadow:0 14px 34px rgba(7,31,43,.09);}

 .webix-story__points li:hover{transform:translateX(-5px);background:rgba(255,255,255,.12);}

}

@keyframes webixFloat{0%,100%{transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-2deg) rotateX(0) translateY(-10px)}}

@keyframes webixPulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:1}}

@keyframes webixReveal{from{opacity:0;transform:translateY(45px) scale(.985)}to{opacity:1;transform:none}}

@supports(animation-timeline:view()){

 .webix-reveal{animation:webixReveal linear both;animation-timeline:view();animation-range:entry 7% cover 30%;}

}

@media(max-width:991px){

 .webix-growth__grid{grid-template-columns:1fr;gap:48px;}

 .webix-growth__media{width:min(720px,100%);margin-inline:auto;}

 .webix-story:after{background:linear-gradient(0deg,rgba(6,25,35,.96) 8%,rgba(6,25,35,.34) 100%);}

 .webix-story__content{margin:0;padding:330px 0 64px;}

 .webix-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

 .webix-knowledge-card:last-child{grid-column:1/-1;}

}

@media(max-width:700px){

 .webix-success-photo{transform:none;animation:none;border-radius:18px;}

 .webix-success-badge{right:12px;bottom:12px;max-width:200px;padding:11px 13px;font-size:13px;}

 .webix-success-badge b{font-size:17px;}

 .webix-outcomes{grid-template-columns:1fr;}

 .webix-growth__grid{gap:36px;}

 .webix-growth__media:before{inset:14px -10px -14px 10px;border-radius:18px;}

 .webix-growth__media img{border-radius:18px;}

 .webix-image-chip{right:14px;bottom:13px;}

 .webix-story{min-height:660px;}

 .webix-story__content{padding:300px 0 54px;}

 .webix-story__points{grid-template-columns:1fr;}

 .webix-knowledge-grid{grid-template-columns:1fr;}

 .webix-knowledge-card:last-child{grid-column:auto;}

 .webix-knowledge-card{min-height:0;}

 .webix-faq-grid{grid-template-columns:1fr;}

}

@media(prefers-reduced-motion:reduce){

 html{scroll-behavior:auto;}

 .webix-hero:after,.webix-success-photo,.webix-reveal{animation:none!important;}

 .webix-service,.webix-feature,.webix-step,.webix-project img,.webix-story__image,.webix-growth__media img,.webix-knowledge-card,.webix-knowledge-card img,.webix-btn:not(.SB_Fx_Shine):after{transition:none!important;}

 .webix-service:hover,.webix-feature:hover,.webix-step:hover,.webix-knowledge-card:hover,.webix-growth__media:hover img{transform:none!important;}

}

/* WEBIX MOTION SYSTEM START */

.webix-hero__copy{animation:webixReveal .85s cubic-bezier(.2,.75,.2,1) both}

.webix-hero .webix-actions{animation:webixReveal .85s cubic-bezier(.2,.75,.2,1) .1s both}

.webix-visual--photo{animation:webixReveal .95s cubic-bezier(.2,.75,.2,1) .16s both}

.webix-btn:not(.SB_Fx_Shine):after{content:"";position:absolute;top:-40%;right:-80%;width:42%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:skewX(-20deg);transition:right .7s ease}

.webix-btn:not(.SB_Fx_Shine):hover:after{right:135%}

.webix-btn.SB_Fx_Shine{isolation:isolate}

.webix-service.SB_Fx_Lift,

.webix-feature.SB_Fx_Lift,

.webix-step.SB_Fx_Lift,

.webix-outcome.SB_Fx_Lift,

.webix-knowledge-card.SB_Fx_Lift,

.webix-project.SB_Fx_Lift,

.webix-contact-card.SB_Fx_Lift{will-change:transform}

.webix-project.SB_Fx_ImageZoom,

.webix-growth__media.SB_Fx_ImageZoom,

.webix-knowledge-card__image.SB_Fx_ImageZoom,

.webix-success-photo.SB_Fx_ImageZoom{overflow:hidden}

.webix-project .SB_clsImg,

.webix-growth__media .SB_clsImg,

.webix-knowledge-card__image .SB_clsImg,

.webix-success-photo .SB_clsImg{width:100%;height:100%;object-fit:cover;display:block}

@supports(animation-timeline:view()){

 .webix-reveal{animation:webixReveal linear both;animation-timeline:view();animation-range:entry 7% cover 30%}

 .webix-stagger > .webix-service,

 .webix-stagger > .webix-feature,

 .webix-stagger > .webix-project,

 .webix-stagger > .webix-step,

 .webix-stagger > .webix-knowledge-card,

 .webix-stagger > .webix-outcome,

 .webix-stagger > .webix-faq-item{

  animation:webixReveal linear both;

  animation-timeline:view();

  animation-range:entry 8% cover 28%;

 }

 .webix-stagger > *:nth-child(1){animation-delay:0ms}

 .webix-stagger > *:nth-child(2){animation-delay:70ms}

 .webix-stagger > *:nth-child(3){animation-delay:140ms}

 .webix-stagger > *:nth-child(4){animation-delay:210ms}

 .webix-stagger > *:nth-child(5){animation-delay:280ms}

 .webix-stagger > *:nth-child(6){animation-delay:350ms}

}

@media(hover:hover){

 .webix-service.SB_Fx_Lift:hover,

 .webix-feature.SB_Fx_Lift:hover{

  transform:translateY(-9px);

  border-color:rgba(22,184,199,.55);

  box-shadow:0 26px 66px rgba(7,31,43,.14);

 }

 .webix-service.SB_Fx_Lift:hover .SB_Fx_Icon,

 .webix-feature.SB_Fx_Lift:hover .SB_Fx_Icon{transform:rotate(-6deg) scale(1.08)}

 .webix-step.SB_Fx_Lift:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(102,226,234,.35)}

 .webix-outcome.SB_Fx_Lift:hover{transform:translateY(-5px);background:#fff;border-color:rgba(22,184,199,.5);box-shadow:0 14px 34px rgba(7,31,43,.09)}

 .webix-contact-card.SB_Fx_Lift:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(7,31,43,.14)}

 .webix-project.SB_Fx_ImageZoom:hover .SB_clsImg{transform:scale(1.045);filter:none}

 .webix-growth__media.SB_Fx_ImageZoom:hover .SB_clsImg{transform:translateY(-8px) rotate(.5deg) scale(1.03);box-shadow:0 36px 84px rgba(7,31,43,.24)}

 .webix-knowledge-card.SB_Fx_Lift:hover{transform:translateY(-10px)}

 .webix-knowledge-card__image.SB_Fx_ImageZoom:hover .SB_clsImg{transform:scale(1.065);filter:saturate(1.08)}

}

@media(prefers-reduced-motion:reduce){

 .webix-hero__copy,

 .webix-hero .webix-actions,

 .webix-visual--photo,

 .webix-reveal,

 .webix-stagger > *{animation:none!important}

}

/* WEBIX MOTION SYSTEM END */

/* WEBIX WIDTH + FULLBLEED + WOW START */
.webix-wrap,.wxs-shell{width:min(1400px,calc(100% - 40px));margin-inline:auto}
.webix-topbar,.webix-hero,.webix-home,.webix-section,.webix-story,.webix-cta,.webix-footer,.webix-growth,.webix-knowledge,.webix-faq,.wxs,.wxs-hero,.wxs-section,.wxs-cta,.wxs-band,.wxs-map{width:100%;max-width:100%;box-sizing:border-box}
.webix-hero.clsBG_Fullwidth,.webix-story,.webix-section--soft,.webix-section--dark,.webix-cta,.webix-footer,.webix-topbar{width:100%;max-width:none;margin-left:0;margin-right:0}
.webix-story__image,.webix-success-photo,.webix-growth__media,.webix-project,.webix-knowledge-card__image,.wxs-image,.wxs-map,.wxs-map iframe,.wxs-map .clsDnD_Iframe{width:100%;max-width:100%}
.webix-btn{width:auto;max-width:100%}
@media(max-width:767px){.webix-wrap,.wxs-shell{width:min(100% - 28px,1400px)}.webix-btn{width:100%}}
@media(max-width:700px){.wxs-shell{width:min(100% - 28px,1400px)}.wxs-btn{width:100%}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,36px,0)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(-36px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(36px,0,0)}to{opacity:1;transform:none}}
@keyframes zoomIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.wow{visibility:hidden}
.wow.animated{visibility:visible}
@supports(animation-timeline:view()){
 .wow{visibility:visible}
 .wow.fadeInUp{animation:fadeInUp .85s cubic-bezier(.2,.75,.2,1) both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .wow.fadeIn{animation:fadeIn .8s ease both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .wow.fadeInRight{animation:fadeInRight .85s cubic-bezier(.2,.75,.2,1) both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .wow.fadeInLeft{animation:fadeInLeft .85s cubic-bezier(.2,.75,.2,1) both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .wow.zoomIn{animation:zoomIn .85s cubic-bezier(.2,.75,.2,1) both;animation-timeline:view();animation-range:entry 8% cover 28%}
 .wow[data-wow-delay="0.1s"]{animation-delay:.1s}
 .wow[data-wow-delay="0.2s"]{animation-delay:.2s}
 .wow[data-wow-delay="0.3s"]{animation-delay:.3s}
 .wow[data-wow-delay="0.4s"]{animation-delay:.4s}
 .wow[data-wow-delay="0.5s"]{animation-delay:.5s}
}
@media(max-width:767px){.wow{visibility:visible;animation:none!important}}
@media(prefers-reduced-motion:reduce){.wow{visibility:visible;animation:none!important}}
/* WEBIX WIDTH + FULLBLEED + WOW END */

/* WEBIX SALES SYSTEM START */

.wxs{direction:rtl;overflow:hidden;background:#fff;color:var(--sb-text)}

.wxs *{box-sizing:border-box}

.wxs-shell{width:min(1400px,calc(100% - 40px));margin-inline:auto}

.wxs-hero{position:relative;padding:88px 0;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 18%,rgba(22,184,199,.25),transparent 34%),linear-gradient(135deg,#061923,#093545)}

.wxs-hero:after{content:"";position:absolute;left:-130px;bottom:-220px;width:500px;height:500px;border:1px solid rgba(255,255,255,.12);border-radius:50%}

.wxs-hero-grid,.wxs-split{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}

.wxs-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#73E2E9;font-size:14px;font-weight:900;letter-spacing:.06em}

.wxs-kicker:before{content:"";width:30px;height:2px;background:currentColor}

.wxs h1{color:#fff;max-width:760px;font-size:clamp(42px,5.2vw,72px);line-height:1.08}

.wxs h1 em{color:#66E2EA;font-style:normal}

.wxs-lead{max-width:700px;color:#D9E9EE;font-size:clamp(19px,2vw,24px);line-height:1.65}

.wxs-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}

.wxs-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:13px 25px;border-radius:13px;font-weight:900;transition:.3s ease}

.wxs-btn:after{content:"";position:absolute;top:-50%;right:-70%;width:38%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:right .65s ease}

.wxs-btn:hover:after{right:140%}

.wxs-primary{color:#05232C;background:linear-gradient(135deg,#66E2EA,var(--sb-brand));box-shadow:0 15px 34px rgba(22,184,199,.25)}

.wxs-primary:hover{color:#041D25;transform:translateY(-3px)}

.wxs-ghost{color:#fff;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06)}

.wxs-ghost:hover{color:#fff;background:rgba(255,255,255,.13)}

.wxs-image{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.2);border-radius:25px;box-shadow:0 34px 80px rgba(0,0,0,.34)}

.wxs-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}

.wxs-image:hover img{transform:scale(1.045)}

.wxs-badge{position:absolute;right:18px;bottom:18px;padding:14px 17px;color:#fff;background:rgba(6,25,35,.86);border:1px solid rgba(255,255,255,.18);border-radius:14px;backdrop-filter:blur(10px)}

.wxs-badge b{display:block;color:#66E2EA;font-size:19px}

.wxs-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px;color:#C7DDE2;font-size:15px}

.wxs-band{background:#fff;border-bottom:1px solid var(--sb-border)}

.wxs-band-grid{display:grid;grid-template-columns:repeat(4,1fr)}

.wxs-band-grid div{padding:22px 18px;border-left:1px solid var(--sb-border)}

.wxs-band-grid div:last-child{border-left:0}

.wxs-band-grid b,.wxs-band-grid span{display:block}

.wxs-band-grid span{color:var(--sb-muted);font-size:14px}

.wxs-section{padding:92px 0}

.wxs-soft{background:var(--sb-surface)}

.wxs-dark{color:#C5DADF;background:#071F2B}

.wxs-head{max-width:800px;margin:0 auto 46px;text-align:center}

.wxs-head>span{display:block;margin-bottom:12px;color:#087D89;font-size:14px;font-weight:900;letter-spacing:.05em}

.wxs-head h2{margin-bottom:16px}

.wxs-head p{color:var(--sb-muted);font-size:20px}

.wxs-dark .wxs-head h2,.wxs-dark h3{color:#fff}

.wxs-dark .wxs-head p{color:#B9CFD5}

.wxs-grid{display:grid;gap:20px}

.wxs-g2{grid-template-columns:repeat(2,minmax(0,1fr))}

.wxs-g3{grid-template-columns:repeat(3,minmax(0,1fr))}

.wxs-g4{grid-template-columns:repeat(4,minmax(0,1fr))}

.wxs-card{position:relative;overflow:hidden;padding:30px;background:#fff;border:1px solid var(--sb-border);border-radius:20px;box-shadow:0 16px 44px rgba(7,31,43,.07);transition:.35s ease}

.wxs-card:hover{transform:translateY(-8px);border-color:rgba(22,184,199,.55);box-shadow:0 26px 66px rgba(7,31,43,.14)}

.wxs-card i{width:50px;height:50px;display:grid;place-items:center;margin-bottom:20px;color:#087D89;font-size:22px;font-style:normal;font-weight:900;background:#DDF7F9;border-radius:14px}

.wxs-card h3{font-size:23px}.wxs-card p{color:var(--sb-muted);font-size:16px}

.wxs-card ul,.wxs-list{margin:18px 0 0;padding:0;list-style:none}

.wxs-card li,.wxs-list li{position:relative;margin:9px 0;padding-right:22px}

.wxs-card li:before,.wxs-list li:before{content:"";position:absolute;right:0;top:.7em;width:8px;height:8px;background:var(--sb-brand);border-radius:50%}

.wxs-card--dark{color:#D7E8EC;background:#082834;border-color:rgba(255,255,255,.12)}

.wxs-card--dark h3{color:#fff}.wxs-card--dark p{color:#B9CFD5}.wxs-card--dark a{color:#66E2EA}

.wxs-left{text-align:right;margin:0}.wxs-left p{color:var(--sb-muted);font-size:20px}

.wxs-checks{display:grid;gap:12px}

.wxs-checks div{padding:18px 20px;background:#fff;border:1px solid var(--sb-border);border-radius:15px;transition:.25s ease}

.wxs-checks div:hover{transform:translateX(-6px);border-color:rgba(22,184,199,.5)}

.wxs-checks b,.wxs-checks span{display:block}.wxs-checks span{color:var(--sb-muted);font-size:15px}

.wxs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:wxs}

.wxs-step{padding:26px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:17px;transition:.3s ease}

.wxs-step:hover{transform:translateY(-7px);background:rgba(255,255,255,.1)}

.wxs-step b{display:block;margin-bottom:18px;color:#66E2EA;font-size:28px}.wxs-step p{color:#B9CFD5;font-size:15px}

.wxs-faq{max-width:900px;margin-inline:auto;display:grid;gap:12px}

.wxs-faq details{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:15px}

.wxs-faq details[open]{background:#fff;border-color:rgba(22,184,199,.55);box-shadow:0 14px 36px rgba(7,31,43,.08)}

.wxs-faq summary{padding:20px 22px;font-weight:900;cursor:pointer}.wxs-faq details p{padding:0 22px 20px;color:var(--sb-muted);font-size:16px}

.wxs-cta{padding:76px 0;color:#fff;background:linear-gradient(135deg,#0A3F4D,var(--sb-brand))}

.wxs-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}.wxs-cta h2{max-width:720px;color:#fff}.wxs-cta p{color:#E0F7F8}

.wxs-light{color:#07303A;background:#fff}.wxs-phone{color:#fff;font-size:22px;font-weight:900}

.wxs-project{position:relative;overflow:hidden;display:block;aspect-ratio:1/1;background:#EAF1F3;border-radius:18px;box-shadow:0 16px 40px rgba(7,31,43,.12)}

.wxs-project img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}

.wxs-project span{position:absolute;inset:auto 0 0;padding:48px 20px 18px;color:#fff;font-weight:900;background:linear-gradient(transparent,rgba(3,19,27,.92))}

.wxs-project:hover img{transform:scale(1.06)}

.wxs-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}

.wxs-form{padding:28px;background:#fff;border:1px solid var(--sb-border);border-radius:22px;box-shadow:0 24px 60px rgba(7,31,43,.12)}

.wxs-form .SB_C_Form,.wxs-form .SB_inline_Iframe{width:100%!important;max-width:none!important;height:auto!important;min-height:276px}

.wxs-next{display:grid;gap:12px;margin-top:25px}.wxs-next div{padding:15px 17px;background:var(--sb-surface);border-radius:13px}

.wxs-next b,.wxs-next span{display:block}.wxs-next span{color:var(--sb-muted);font-size:14px}

.wxs-thanks{min-height:68vh;display:grid;place-items:center;padding:80px 0;background:radial-gradient(circle at 20% 20%,rgba(22,184,199,.16),transparent 34%),var(--sb-surface)}

.wxs-thanks-card{max-width:850px;padding:52px;text-align:center;background:#fff;border:1px solid var(--sb-border);border-radius:26px;box-shadow:0 28px 80px rgba(7,31,43,.13)}

.wxs-checkmark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 22px;color:#fff;font-size:34px;background:var(--sb-brand);border-radius:50%;box-shadow:0 0 0 12px rgba(22,184,199,.12)}

@supports(animation-timeline:view()){.wxs-reveal{animation:wxsReveal linear both;animation-timeline:view();animation-range:entry 8% cover 28%}}

@keyframes wxsReveal{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}

.wxs-map{position:relative;width:100%;max-width:100%;height:540px;overflow:hidden;background:#EAF1F3;box-shadow:0 16px 44px rgba(7,31,43,.08)}

.wxs-map.SB_Map_Container,.wxs-map.SB_inline_Iframe{width:100%!important;max-width:none!important;height:540px!important}

.wxs-map iframe,.wxs-map .clsDnD_Iframe{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:100%;min-height:100%;border:0;display:block}

@media(max-width:991px){.wxs-hero-grid,.wxs-split,.wxs-contact{grid-template-columns:1fr}.wxs-g3,.wxs-g4{grid-template-columns:repeat(2,1fr)}.wxs-steps{grid-template-columns:repeat(2,1fr)}.wxs-image{max-width:700px}.wxs-band-grid{grid-template-columns:repeat(2,1fr)}.wxs-map,.wxs-map.SB_Map_Container,.wxs-map.SB_inline_Iframe{height:400px!important}}

@media(max-width:700px){.wxs-shell{width:min(100% - 28px,1400px)}.wxs-hero{padding:58px 0;text-align:center}.wxs-kicker{justify-content:center}.wxs-actions{justify-content:center}.wxs-btn{width:100%}.wxs-proof{justify-content:center}.wxs-section{padding:66px 0}.wxs-g2,.wxs-g3,.wxs-g4,.wxs-steps{grid-template-columns:1fr}.wxs-band-grid{grid-template-columns:1fr 1fr}.wxs-band-grid div{padding:17px 12px}.wxs-cta-grid{display:block;text-align:center}.wxs-cta-grid .wxs-actions{margin-top:24px}.wxs-thanks-card{padding:34px 20px}.wxs-card{padding:25px 22px}.wxs-map,.wxs-map.SB_Map_Container,.wxs-map.SB_inline_Iframe{height:300px!important}}

@media(prefers-reduced-motion:reduce){.wxs *{animation:none!important;transition:none!important}.wxs-card:hover,.wxs-step:hover,.wxs-project:hover img,.wxs-image:hover img{transform:none!important}}

/* WEBIX SALES SYSTEM END */

/* SB_END;Type_Name:General;Type_RowID:0*/
/* SB_START;Type_Name:SB_DDMenu_V;Type_RowID:0*/

/* SB_END;Type_Name:SB_DDMenu_V;Type_RowID:0*/
/* SB_START;Type_Name:WebDesign_Mobile;Type_RowID:0*/
.SB_Mobile_Header_Cont{background:#071F2B;}
.SB_Mobile_Header_Menu_TopPos{background:#ffffff;border-bottom:1px solid var(--sb-border);}
.SB_Mobile_Page_Container{background:#ffffff;}
.SB_Mobile_Bottom_Background{background:#061923;}

/* SB_END;Type_Name:WebDesign_Mobile;Type_RowID:0*/
/* SB_START;Type_Name:DnD_Page;Type_RowID:0*/

/* SB_END;Type_Name:DnD_Page;Type_RowID:0*/
/* SB_START;Type_Name:Menu;Type_RowID:2140*/

/* SB_END;Type_Name:Menu;Type_RowID:2140*/
/* SB_START;Type_Name:MenuIcons_Page;Type_RowID:0*/
.sf-menu .sf-ma-li .sf-ma-li-Icon{color:#203842;font-size:21px;}
.sf-menu .sf-ma-li:hover .sf-ma-li-Icon{color:var(--sb-brand);}
.sf-menu .sf-ma-li.sf-MA-Logo img{max-height:52px;}
li.sf-ma-li{margin:0;}
li.sf-ma-li .sf-ma-li-Icon{font-size:24px;}
li.sf-ma-li .sf-ma-li-ImgIcon{width:46px;height:46px;}
/* SB_END;Type_Name:MenuIcons_Page;Type_RowID:0*/
/* SB_START;Type_Name:ScrollUp_Page;Type_RowID:0*/

/* SB_END;Type_Name:ScrollUp_Page;Type_RowID:0*/
/* SB_START;Type_Name:FloatBtns_Page;Type_RowID:0*/

/* SB_END;Type_Name:FloatBtns_Page;Type_RowID:0*/
/* SB_START;Type_Name:SB_DnDStyle;Type_RowID:0*/

/* SB_END;Type_Name:SB_DnDStyle;Type_RowID:0*/
/* SB_START;Type_Name:Owl_Page;Type_RowID:0*/

/* SB_END;Type_Name:Owl_Page;Type_RowID:0*/
/* SB_START;Type_Name:Catalog_Page;Type_RowID:0*/

/* SB_END;Type_Name:Catalog_Page;Type_RowID:0*/
/* SB_START;Type_Name:Catalog_ProductPage;Type_RowID:0*/

/* SB_END;Type_Name:Catalog_ProductPage;Type_RowID:0*/
/* SB_START;Type_Name:MenuIcons_Mobile;Type_RowID:0*/

/* SB_END;Type_Name:MenuIcons_Mobile;Type_RowID:0*/
/* SB_START;Type_Name:BrandVariables;Type_RowID:0*/
:root {
    --sb-brand: #16B8C7;
    --sb-on-brand: #FFFFFF;
    --sb-text: #132A34;
    --sb-muted: #60727B;
    --sb-surface: #F4F8FA;
    --sb-border: #D9E3E8;
    --sb-focus: #FFB703;
}
/* SB_END;Type_Name:BrandVariables;Type_RowID:0*/
/* SB_START;Type_Name:Article_Page;Type_RowID:0*/

.CSS_ArticleContainer{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:86px 0 100px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.CSS_ArticleContainer:before{
  content:"מרכז הידע של Webix\A מדריכים מעשיים לבניית אתרים, חנויות וירטואליות וצמיחה בדיגיטל";
  white-space:pre-line;
  grid-column:1/-1;
  display:block;
  max-width:780px;
  margin:0 auto 30px;
  color:var(--sb-text);
  font-size:clamp(24px,3.4vw,48px);
  font-weight:900;
  line-height:1.25;
  text-align:center;
}
.CSS_ArticleBox{
  position:relative;
  overflow:hidden;
  width:auto;
  height:auto;
  min-height:520px;
  margin:0;
  padding:0 0 28px;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--sb-border);
  border-radius:22px;
  box-shadow:0 18px 48px rgba(7,31,43,.08);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.CSS_ArticleBox:after{
  content:"לקריאת המאמר";
  display:inline-flex;
  align-items:center;
  margin:auto 24px 0;
  color:#087D89;
  font-size:15px;
  font-weight:900;
}
.CSS_ArticleTitleImg_Container{
  overflow:hidden;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  margin:0 0 24px;
  padding:0;
  background:var(--sb-surface);
  box-shadow:none;
}
.CSS_ArticleTitleImg_Container a{display:block;width:100%;height:100%;}
.CSS_ArticleTitleImg{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  border-radius:0;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.clsArticleAllButImage{display:flex;flex:1;flex-direction:column;}
.CSS_ArticleTitle_Container{padding:0 24px;}
a.CSS_ArticleTitle{
  display:block;
  margin:0 0 13px;
  padding:0;
  color:var(--sb-text);
  font-size:22px;
  font-weight:900;
  line-height:1.35;
  text-align:right;
}
a.CSS_ArticleTitle:hover{color:#087D89;}
.CSS_ArticleSummary{
  max-height:none;
  overflow:visible;
  padding:0 24px 22px;
  color:var(--sb-muted);
  font-size:16px;
  line-height:1.7;
}
.CSS_ArticleTime{display:none;}
.CSS_ArticleTags{
  padding:0 24px 18px;
  color:#6B7D85;
  font-size:13px;
}
.CSS_ArticleTags svg{width:16px;fill:var(--sb-brand);}
.CSS_ArticleSummaryReadMore{color:#087D89;font-size:14px;font-weight:900;}
.CSS_ArticleSummaryReadMore:hover{color:var(--sb-brand);}
HR.CSS_ArticleHr{display:none;}
.CSS_ArticlesSearchButton{
  min-height:48px;
  padding:10px 20px;
  color:#fff;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  background:var(--sb-brand);
  border:0;
  border-radius:12px;
}
.CSS_ArticleBox:hover{
  transform:translateY(-10px);
  border-color:rgba(22,184,199,.55);
  box-shadow:0 28px 70px rgba(7,31,43,.16);
}
.CSS_ArticleBox:hover .CSS_ArticleTitleImg{transform:scale(1.06);filter:saturate(1.08);}
.CSS_SingleArticleTitle{
  width:min(980px,calc(100% - 40px));
  margin:72px auto 28px;
  color:var(--sb-text);
  font-size:clamp(34px,5vw,64px);
  font-weight:900;
  line-height:1.12;
  text-align:center;
}
.CSS_SingleArticlePictureBig_Clean{
  display:block;
  width:min(1180px,calc(100% - 40px));
  max-width:none!important;
  max-height:620px;
  margin:0 auto 48px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:0 28px 72px rgba(7,31,43,.16);
}
.CSS_SingleArticleContent{
  display:block;
  width:min(820px,calc(100% - 40px));
  margin:0 auto;
  padding:0 0 96px;
}
.webix-article-content{color:#29414B;font-size:19px;line-height:1.85;}
.webix-article-content p{margin-bottom:22px;}
.webix-article-content h2{
  margin:52px 0 18px;
  color:var(--sb-text);
  font-size:clamp(26px,3vw,36px);
  line-height:1.25;
}
.webix-article-content ul{margin:0 0 28px;padding:0 26px 0 0;}
.webix-article-content li{margin:9px 0;padding-right:6px;}
.webix-article-intro{
  color:#203842;
  font-size:23px;
  font-weight:600;
  line-height:1.75;
}
.webix-article-highlight,
.webix-article-checklist{
  position:relative;
  overflow:hidden;
  margin:38px 0;
  padding:30px 34px;
  background:linear-gradient(135deg,#E7FAFB,#F7FBFC);
  border:1px solid #BCECF0;
  border-radius:20px;
  box-shadow:0 16px 42px rgba(7,31,43,.07);
}
.webix-article-highlight:before,
.webix-article-checklist:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:6px;
  height:100%;
  background:var(--sb-brand);
}
.webix-article-checklist h2{margin-top:0;}
#divTags{
  width:min(820px,calc(100% - 40px));
  margin:0 auto 70px;
  padding:18px 22px;
  background:var(--sb-surface);
  border:1px solid var(--sb-border);
  border-radius:16px;
}
#divTags a{margin:4px;color:#087D89;text-decoration:none;}
@media(max-width:900px){
  .CSS_ArticleContainer{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .CSS_ArticleContainer{width:min(100% - 28px,1180px);padding:58px 0 72px;grid-template-columns:1fr;gap:18px;}
  .CSS_ArticleContainer:before{margin-bottom:12px;font-size:30px;}
  .CSS_ArticleBox{min-height:0;}
  .CSS_SingleArticleTitle{width:calc(100% - 28px);margin:48px auto 22px;font-size:36px;}
  .CSS_SingleArticlePictureBig_Clean{width:calc(100% - 28px);max-height:340px;margin-bottom:32px;border-radius:16px;}
  .CSS_SingleArticleContent{width:calc(100% - 32px);padding-bottom:72px;}
  .webix-article-content{font-size:17px;line-height:1.8;}
  .webix-article-intro{font-size:20px;}
  .webix-article-highlight,.webix-article-checklist{padding:24px 22px;}
}
@media(hover:hover){
  .CSS_ArticleBox{will-change:transform;}
}
@media(prefers-reduced-motion:reduce){
  .CSS_ArticleBox,.CSS_ArticleTitleImg{transition:none!important;}
  .CSS_ArticleBox:hover{transform:none;}
}
/* SB_END;Type_Name:Article_Page;Type_RowID:0*/
