.servicesPage{background-color:#fffbf6}.servicesPage .HeroServices{justify-content:center;align-items:center;padding:120px 5.3% 30px;display:flex}.servicesPage .HeroServices .wrapper{background-position:50%;background-size:cover;border-radius:40px;width:calc(100% - 48px);max-width:1352px;height:370px;padding:24px;display:flex;position:relative;overflow:hidden}@media (max-width:960px){.servicesPage .HeroServices .wrapper{height:240px}}.servicesPage .HeroServices .wrapper .layer{font-family:var(--dm-sans-font);background-color:#0000009c;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.servicesPage .HeroServices .wrapper .layer h1{color:#ffefd2;padding-top:8%;padding-left:13%;font-size:clamp(34px,3.8vw,56px);font-weight:700}.servicesPage .serviceContent{font-family:var(--roboto-font);justify-content:center;align-items:center;padding:40px 5.3% 80px;display:flex}.servicesPage .serviceContent .linksBox{background-color:#fff5e3;border-radius:20px;flex-direction:column;padding:30px 38px;display:flex}@media (max-width:1180px){.servicesPage .serviceContent .linksBox{padding:20px 18px}}.servicesPage .serviceContent .linksBox a{color:var(--main-color);padding:8px 0;text-decoration:none;transition:all .3s ease-in-out}.servicesPage .serviceContent .linksBox a:hover{color:var(--secondary-color);transform:translate(10px)}.servicesPage .serviceContent .innerBox{border-radius:20px;align-self:stretch;padding:24px;position:relative}@media (max-width:1180px){.servicesPage .serviceContent .innerBox{padding:16px}}.servicesPage .serviceContent .innerBox .tagsWrapper{gap:12px;margin-bottom:24px;display:flex}.servicesPage .serviceContent .innerBox .tagsWrapper .tag{white-space:nowrap;color:#fff;background-color:#00000079;border:1px solid #fff;border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;font-size:14px;display:flex}.servicesPage .serviceContent .innerBox .txt{color:var(--black-color);max-width:100%;margin-bottom:4px;font-size:clamp(22px,1.8vw,27px);font-weight:500}.servicesPage .serviceContent .innerBox.first{background-color:#f3f3f3;background-image:url(/assets/nanoLayer.png);background-position:0 0;background-size:inherit;background-repeat:no-repeat;flex-direction:column;justify-content:space-between;align-items:flex-end;height:200px;display:flex}.servicesPage .serviceContent .innerBox.first .smlltxt{opacity:.8;font-size:16px}.servicesPage .serviceContent .innerBox.second{background-image:url(/assets/boxBackground.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100px;display:flex}.servicesPage .serviceContent .innerBox.second .logo{width:50%;margin-bottom:24px;position:relative}.servicesPage .serviceContent .innerBox.second .logo img{object-fit:contain;width:100%}.servicesPage .serviceContent .innerBox.second .logo:after{content:"Integration";color:#ffffffe7;text-align:center;position:absolute;top:95%;left:0;right:0}.servicesPage .serviceContent .wrapper{gap:40px;width:100%;max-width:1352px;display:flex;position:relative}.servicesPage .serviceContent .wrapper .left{flex-direction:column;gap:24px;width:calc(23% - 20px);height:fit-content;display:flex;position:sticky;top:110px}@media (max-width:960px){.servicesPage .serviceContent .wrapper .left{display:none}}.servicesPage .serviceContent .wrapper .content{font-family:var(--dm-sans-font);width:calc(77% - 20px)}@media (max-width:960px){.servicesPage .serviceContent .wrapper .content{width:100%}}.servicesPage .serviceContent .wrapper .content h2{margin:0;padding:0;font-size:clamp(32px,3.6vw,52px);font-weight:500;line-height:110%}.servicesPage .serviceContent .wrapper .content .smllBold{padding:20px 0 30px;font-size:clamp(14px,1.4vw,16px);font-weight:700}.servicesPage .serviceContent .wrapper .content .body{padding-bottom:24px;font-size:clamp(18px,1.6vw,20px);font-weight:400}.servicesPage .serviceContent .wrapper .content .boxesList{flex-wrap:wrap;gap:40px;width:100%;padding:10px 0 20px;display:flex}@media (max-width:700px){.servicesPage .serviceContent .wrapper .content .boxesList{gap:20px}}.servicesPage .serviceContent .wrapper .content .boxesList .listBox{background-color:#161519;border-radius:12px;width:calc(50% - 68px);padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 2px 8px #63636333}@media (max-width:700px){.servicesPage .serviceContent .wrapper .content .boxesList .listBox{width:calc(100% - 48px)}}.servicesPage .serviceContent .wrapper .content .boxesList .listBox .waveLayer{opacity:.3;width:60%;position:absolute;bottom:0;right:0}.servicesPage .serviceContent .wrapper .content .boxesList .listBox .top{gap:8px;margin-bottom:12px;display:flex}.servicesPage .serviceContent .wrapper .content .boxesList .listBox .top .boxIcon{color:var(--secondary-color);font-size:22px}.servicesPage .serviceContent .wrapper .content .boxesList .listBox .top .listTitle{color:#ffd68a;font-size:clamp(20px,1.8vw,22px);font-weight:600}.servicesPage .serviceContent .wrapper .content .boxesList .listBox .listCont{color:#fffffff3;opacity:.7;font-size:clamp(16px,1.4vw,18px);font-weight:600}.servicesPage .serviceContent .wrapper .content .StaticBoxes{align-items:stretch;gap:20px;display:none}@media (max-width:960px){.servicesPage .serviceContent .wrapper .content .StaticBoxes{display:flex}}@media (max-width:580px){.servicesPage .serviceContent .wrapper .content .StaticBoxes{flex-direction:column}}.servicesPage .serviceContent .wrapper .content .StaticBoxes .innerBox{width:calc(50% - 42px);height:auto}@media (max-width:580px){.servicesPage .serviceContent .wrapper .content .StaticBoxes .innerBox{width:calc(100% - 32px);height:150px}}.servicesPage .serviceContent .wrapper .content .left{width:100%;display:none;position:sticky;top:110px}@media (max-width:960px){.servicesPage .serviceContent .wrapper .content .left{z-index:20;margin-bottom:20px;display:flex}.servicesPage .serviceContent .wrapper .content .left .linksBox{flex-direction:row;width:calc(100% - 42px);overflow:auto}}@media (max-width:960px) and (max-width:592px){.servicesPage .serviceContent .wrapper .content .left .linksBox{padding:20px 12px}}@media (max-width:960px){.servicesPage .serviceContent .wrapper .content .left .linksBox a{text-align:center;border-left:1px solid var(--secondary-color);flex:1;justify-content:center;align-items:center;padding:0 12px;font-size:clamp(14px,1.6vw,16px);display:flex}.servicesPage .serviceContent .wrapper .content .left .linksBox a:first-child{border:none}}
.loading{z-index:100;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.loading img{width:180px}