{"id":1083,"date":"2026-09-01T12:01:22","date_gmt":"2026-09-01T12:01:22","guid":{"rendered":"https:\/\/webdigital.lv\/?page_id=1083"},"modified":"2026-10-04T20:03:26","modified_gmt":"2026-10-04T20:03:26","slug":"multifunctional-website-development","status":"publish","type":"page","link":"https:\/\/webdigital.lv\/en\/multifunctional-website-development\/","title":{"rendered":"Multifunctional Website Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1083\" class=\"elementor elementor-1083 elementor-456\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f741a e-con e-atomic-element e-flexbox-base e-default-div e-c6bced9 \" data-id=\"d6f741a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d6f741a\" data-e-type=\"e-flexbox\" data-id=\"d6f741a\">\n    \t\t<div class=\"elementor-element elementor-element-4e9bba9 elementor-widget elementor-widget-html\" data-id=\"4e9bba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de \u00b7 Block 01 \u00b7 Hero -->\r\n<section class=\"wd-multi-hero\" id=\"daudzfunkcionalas-majaslapas-izstrade\">\r\n  <div class=\"wd-multi-hero__inner\">\r\n\r\n    <div class=\"wd-multi-hero__grid\">\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"wd-multi-hero__content\">\r\n        <div class=\"wd-multi-hero__eyebrow\">\r\n          <span>WEBDIGITAL<\/span>\r\n          <span>MULTIFUNCTIONAL WEBSITE DEVELOPMENT<\/span>\r\n        <\/div>\r\n\r\n        <h1>Multifunctional website development<span>for bookings, catalogues and integrations.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"wd-multi-hero__lead\">We build custom WordPress websites that let customers book services, calculate prices, place orders and pay online. Multifunctional website development can also include searchable catalogues, customer accounts and CRM integrations. We agree on the features your business needs before choosing plugins or writing custom code.<\/p>\r\n\r\n        <div class=\"wd-multi-hero__actions\">\r\n          <a class=\"wd-multi-hero__btn wd-multi-hero__btn--primary\" href=\"\/kontakti\/\">\r\n            <span>Discuss your project<\/span>\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n          <a class=\"wd-multi-hero__btn wd-multi-hero__btn--secondary\" href=\"#daudzfunkcionalas-iespejas\">\r\n            <span>Explore the features<\/span>\r\n            <b>\u2193<\/b>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi-hero__reassure\">\r\n          <small>START WITH YOUR BUSINESS NEED<\/small>\r\n          <strong>Tell us how customers place a request and how your team handles it today.<\/strong>\r\n          <p>We will help define the features, data connections and development stages. You do not need a technical specification to get started.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi-hero__signals\">\r\n          <div>\r\n            <small>FOR CUSTOMERS<\/small>\r\n            <strong>Bookings \u00b7 orders \u00b7 payments<\/strong>\r\n          <\/div>\r\n          <div>\r\n            <small>FOR YOUR TEAM<\/small>\r\n            <strong>Manage requests and data<\/strong>\r\n          <\/div>\r\n          <div>\r\n            <small>FOR INTEGRATIONS<\/small>\r\n            <strong>CRM \u00b7 API \u00b7 calendars<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n      <aside class=\"wd-multi-hero__panel\">\r\n        <div class=\"wd-multi-hero__panel-head\">\r\n          <small>WHAT WE PLAN BEFORE DEVELOPMENT<\/small>\r\n          <h2>Features with a clear purpose<span>and a straightforward user journey.<\/span>\r\n          <\/h2>\r\n          <p>For each feature, we define who uses it, what data it needs and what should happen next. This gives us a scope to estimate and clear requirements to test against.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi-hero__rows\">\r\n\r\n          <div class=\"wd-multi-hero__row\">\r\n            <span class=\"wd-multi-hero__num\">01<\/span>\r\n            <div>\r\n              <small>CURRENT WORKFLOW<\/small>\r\n              <strong>Which tasks do you currently handle manually?<\/strong>\r\n              <p>We review incoming requests, availability checks and data entry to identify useful opportunities for automation.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wd-multi-hero__row\">\r\n            <span class=\"wd-multi-hero__num\">02<\/span>\r\n            <div>\r\n              <small>CUSTOMER ACTIONS<\/small>\r\n              <strong>What will customers be able to do on the website?<\/strong>\r\n              <p>We agree on the steps and fields needed for bookings, price calculations, orders or enquiries.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wd-multi-hero__row\">\r\n            <span class=\"wd-multi-hero__num\">03<\/span>\r\n            <div>\r\n              <small>DATA CONNECTIONS<\/small>\r\n              <strong>Which systems need to connect to your website?<\/strong>\r\n              <p>We check CRM, API, payment and calendar capabilities, access requirements and third-party costs.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wd-multi-hero__row\">\r\n            <span class=\"wd-multi-hero__num\">04<\/span>\r\n            <div>\r\n              <small>TESTING AND LAUNCH<\/small>\r\n              <strong>How will we check that each feature works?<\/strong>\r\n              <p>We test successful submissions, invalid data, payments and notifications, then review the result with you before launch.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi-hero__result\">\r\n          <small>PROJECT OUTCOME<\/small>\r\n          <strong>A WordPress website with agreed features, manageable data and tested integrations.<\/strong>\r\n\r\n          <a href=\"\/kontakti\/\" aria-label=\"Apply for a multifunctional website project\">Discuss the features you need<span>\u2197<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.wd-multi-hero,\r\n.wd-multi-hero *{box-sizing:border-box}\r\n\r\n.wd-multi-hero a{text-decoration:none}\r\n\r\n.wd-multi-hero{\r\n  --o:#ff5033;\r\n  --ink:#171717;\r\n  --txt:#686864;\r\n  --line:#deded9;\r\n  --soft:#f7f7f4;\r\n  --white:#fff;\r\n  width:100%;\r\n  background:#fff;\r\n  color:var(--ink);\r\n  font-family:\"Manrope\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\r\n}\r\n\r\n.wd-multi-hero__inner{\r\n  width:min(calc(100% - 48px),1390px);\r\n  margin:auto;\r\n  padding:86px 0 76px;\r\n}\r\n\r\n.wd-multi-hero__grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);\r\n  gap:58px;\r\n  align-items:start;\r\n}\r\n\r\n.wd-multi-hero__eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:10px 15px;\r\n  margin-bottom:25px;\r\n  font-size:10px;\r\n  line-height:1;\r\n  font-weight:850;\r\n  letter-spacing:1.15px;\r\n}\r\n.wd-multi-hero__eyebrow span:first-child{color:var(--o)}\r\n.wd-multi-hero__eyebrow span:last-child{color:#858581}\r\n\r\n.wd-multi-hero h1{\r\n  max-width:850px;\r\n  margin:0;\r\n  font-size:clamp(46px,5vw,76px);\r\n  line-height:.98;\r\n  font-weight:650;\r\n  letter-spacing:-3.7px;\r\n}\r\n.wd-multi-hero h1 span{\r\n  display:block;\r\n  color:var(--o);\r\n}\r\n\r\n.wd-multi-hero__lead{\r\n  max-width:760px;\r\n  margin:25px 0 0;\r\n  color:var(--txt);\r\n  font-size:17px;\r\n  line-height:1.72;\r\n  font-weight:500;\r\n}\r\n\r\n.wd-multi-hero__actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:11px;\r\n  margin-top:31px;\r\n}\r\n\r\n.wd-multi-hero__btn{\r\n  min-height:54px;\r\n  border-radius:11px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  padding:0 9px 0 18px;\r\n  font-size:12px;\r\n  font-weight:850;\r\n  transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.wd-multi-hero__btn:hover{transform:translateY(-2px)}\r\n\r\n.wd-multi-hero__btn b{\r\n  width:35px;\r\n  height:35px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:8px;\r\n}\r\n\r\n.wd-multi-hero__btn--primary{\r\n  min-width:236px;\r\n  background:#111;\r\n  color:#fff;\r\n}\r\n.wd-multi-hero__btn--primary b{\r\n  background:var(--o);\r\n  color:#fff;\r\n}\r\n\r\n.wd-multi-hero__btn--secondary{\r\n  min-width:190px;\r\n  border:1px solid #d7d7d2;\r\n  color:#222;\r\n  background:#fff;\r\n}\r\n.wd-multi-hero__btn--secondary b{\r\n  background:var(--soft);\r\n  color:var(--o);\r\n}\r\n\r\n.wd-multi-hero__reassure{\r\n  max-width:780px;\r\n  margin-top:34px;\r\n  padding:23px 0 0;\r\n  border-top:1px solid var(--line);\r\n}\r\n.wd-multi-hero__reassure small{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:var(--o);\r\n  font-size:9px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi-hero__reassure strong{\r\n  display:block;\r\n  max-width:710px;\r\n  font-size:16px;\r\n  line-height:1.45;\r\n}\r\n.wd-multi-hero__reassure p{\r\n  max-width:710px;\r\n  margin:8px 0 0;\r\n  color:var(--txt);\r\n  font-size:12px;\r\n  line-height:1.65;\r\n}\r\n\r\n.wd-multi-hero__signals{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  margin-top:31px;\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n.wd-multi-hero__signals div{\r\n  min-width:0;\r\n  padding:17px 16px;\r\n  border-right:1px solid var(--line);\r\n}\r\n.wd-multi-hero__signals div:first-child{padding-left:0}\r\n.wd-multi-hero__signals div:last-child{border-right:0}\r\n.wd-multi-hero__signals small{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#969691;\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi-hero__signals strong{\r\n  display:block;\r\n  font-size:11px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* RIGHT PANEL *\/\r\n.wd-multi-hero__panel{\r\n  overflow:hidden;\r\n  border-radius:26px;\r\n  background:#111;\r\n  color:#fff;\r\n  box-shadow:0 30px 70px rgba(0,0,0,.08);\r\n}\r\n\r\n.wd-multi-hero__panel-head{\r\n  padding:32px 32px 27px;\r\n}\r\n.wd-multi-hero__panel-head>small{\r\n  display:block;\r\n  margin-bottom:17px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1.05px;\r\n}\r\n.wd-multi-hero__panel-head h2{\r\n  margin:0;\r\n  font-size:clamp(29px,2.8vw,43px);\r\n  line-height:1.05;\r\n  letter-spacing:-1.7px;\r\n}\r\n.wd-multi-hero__panel-head h2 span{\r\n  display:block;\r\n  color:#a8a8a4;\r\n}\r\n.wd-multi-hero__panel-head p{\r\n  margin:16px 0 0;\r\n  color:#aaa;\r\n  font-size:13px;\r\n  line-height:1.62;\r\n}\r\n\r\n.wd-multi-hero__rows{\r\n  border-top:1px solid #292929;\r\n}\r\n.wd-multi-hero__row{\r\n  display:grid;\r\n  grid-template-columns:31px minmax(0,1fr);\r\n  gap:13px;\r\n  padding:20px 30px;\r\n  border-bottom:1px solid #292929;\r\n}\r\n.wd-multi-hero__num{\r\n  padding-top:3px;\r\n  color:var(--o);\r\n  font-size:9px;\r\n  font-weight:900;\r\n}\r\n.wd-multi-hero__row small{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#81817e;\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi-hero__row strong{\r\n  display:block;\r\n  font-size:14px;\r\n  line-height:1.45;\r\n}\r\n.wd-multi-hero__row p{\r\n  margin:6px 0 0;\r\n  color:#959591;\r\n  font-size:11px;\r\n  line-height:1.55;\r\n}\r\n\r\n.wd-multi-hero__result{\r\n  padding:26px 30px 29px;\r\n}\r\n.wd-multi-hero__result small{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi-hero__result strong{\r\n  display:block;\r\n  font-size:15px;\r\n  line-height:1.55;\r\n}\r\n.wd-multi-hero__result a{\r\n  display:inline-flex;\r\n  gap:9px;\r\n  margin-top:18px;\r\n  padding-bottom:4px;\r\n  border-bottom:1px solid #4c4c4a;\r\n  color:#fff;\r\n  font-size:10px;\r\n  font-weight:850;\r\n}\r\n.wd-multi-hero__result a span{color:var(--o)}\r\n\r\n@media(max-width:1050px){\r\n  .wd-multi-hero__grid{\r\n    grid-template-columns:1fr;\r\n    gap:38px;\r\n  }\r\n}\r\n\r\n@media(max-width:700px){\r\n  .wd-multi-hero__inner{\r\n    width:calc(100% - 28px);\r\n    padding:58px 0 48px;\r\n  }\r\n  .wd-multi-hero h1{\r\n    font-size:41px;\r\n    letter-spacing:-2.2px;\r\n  }\r\n  .wd-multi-hero__lead{\r\n    font-size:15px;\r\n    line-height:1.65;\r\n  }\r\n  .wd-multi-hero__actions{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n  }\r\n  .wd-multi-hero__btn{\r\n    width:100%;\r\n  }\r\n  .wd-multi-hero__signals{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .wd-multi-hero__signals div,\r\n  .wd-multi-hero__signals div:first-child{\r\n    padding:14px 0;\r\n    border-right:0;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  .wd-multi-hero__signals div:last-child{border-bottom:0}\r\n  .wd-multi-hero__panel-head{padding:27px 22px 23px}\r\n  .wd-multi-hero__row{padding:18px 21px}\r\n  .wd-multi-hero__result{padding:23px 22px 26px}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b6bc1c7 e-con e-atomic-element e-flexbox-base e-default-div e-b6bc1c7-4c5bce6 \" data-id=\"b6bc1c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b6bc1c7\" data-e-type=\"e-flexbox\" data-id=\"b6bc1c7\">\n    \t\t<div class=\"elementor-element elementor-element-cc2ea2d elementor-widget elementor-widget-html\" data-id=\"cc2ea2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de \u00b7 Block 02 \u00b7 Premium redesign -->\r\n<section class=\"wd-multi2x\" id=\"daudzfunkcionalas-iespejas\">\r\n  <div class=\"wd-multi2x__inner\">\r\n\r\n    <header class=\"wd-multi2x__head\">\r\n      <div class=\"wd-multi2x__kicker\">\r\n        <b>02<\/b><i><\/i><span>WEBSITE FEATURES<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wd-multi2x__headrow\">\r\n        <div>\r\n          <h2>Bookings, quotes and orders<span>on your own website.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p>We tailor WordPress features to services, rentals, travel or product catalogues. Start with a single module or connect several steps: choosing an item, booking, paying and sending the details to your CRM.<\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"wd-multi2x__showcase\">\r\n\r\n      <!-- PRIMARY -->\r\n      <article class=\"wd-multi2x__primary\">\r\n        <div class=\"wd-multi2x__primary-top\">\r\n          <div class=\"wd-multi2x__index\">01<\/div>\r\n          <div class=\"wd-multi2x__label\">BOOKINGS AND PAYMENTS<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi2x__primary-copy\">\r\n          <h3>A booking system<span>with availability checks.<\/span>\r\n          <\/h3>\r\n\r\n          <p>Customers choose a service, date or rental period, enter their details and receive confirmation. Where needed, we add online payments, email notifications and calendar integration.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi2x__process\">\r\n          <div class=\"wd-multi2x__step\">\r\n            <b>01<\/b><span>Choose<\/span>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__arrow\">\u2192<\/div>\r\n          <div class=\"wd-multi2x__step\">\r\n            <b>02<\/b><span>Submit details<\/span>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__arrow\">\u2192<\/div>\r\n          <div class=\"wd-multi2x__step\">\r\n            <b>03<\/b><span>Pay<\/span>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__arrow\">\u2192<\/div>\r\n          <div class=\"wd-multi2x__step\">\r\n            <b>04<\/b><span>Confirmation<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi2x__primary-foot\">\r\n          <span>Calendar<\/span>\r\n          <span>Availability<\/span>\r\n          <span>Payments<\/span>\r\n          <span>Notifications<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- SECONDARY -->\r\n      <div class=\"wd-multi2x__secondary\">\r\n\r\n        <article class=\"wd-multi2x__item\">\r\n          <div class=\"wd-multi2x__item-num\">02<\/div>\r\n          <div class=\"wd-multi2x__item-content\">\r\n            <small>PRICE CALCULATIONS<\/small>\r\n            <h3>Price calculators and product configurators<\/h3>\r\n            <p>We build calculations around your pricing rules. Customers enter dimensions or quantities, select options and receive a price or submit a configured enquiry. Estimates are clearly labelled when a final quote needs your review.<\/p>\r\n            <div class=\"wd-multi2x__chips\">\r\n              <span>Price calculator<\/span>\r\n              <span>Configurator<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__item-mark\">\u2197<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi2x__item\">\r\n          <div class=\"wd-multi2x__item-num\">03<\/div>\r\n          <div class=\"wd-multi2x__item-content\">\r\n            <small>CATALOGUES AND FILTERS<\/small>\r\n            <h3>Help customers find the right item<\/h3>\r\n            <p>We create vehicle, equipment, accommodation and travel catalogues with categories, filters and detailed listings. A catalogue can also include availability, bookings or an enquiry form.<\/p>\r\n            <div class=\"wd-multi2x__chips\">\r\n              <span>Rentals<\/span>\r\n              <span>Travel<\/span>\r\n              <span>Catalogue<\/span>\r\n              <span>Bookings<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__item-mark\">\u2197<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi2x__item\">\r\n          <div class=\"wd-multi2x__item-num\">04<\/div>\r\n          <div class=\"wd-multi2x__item-content\">\r\n            <small>CRM AND API INTEGRATIONS<\/small>\r\n            <h3>Connect your website to the systems you use<\/h3>\r\n            <p>We connect WordPress to CRM, payment, booking or delivery services when their interfaces support the required data. We define the fields, sync direction and error handling before building the integration.<\/p>\r\n            <div class=\"wd-multi2x__chips\">\r\n              <span>CRM<\/span>\r\n              <span>API<\/span>\r\n              <span>Integrations<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"wd-multi2x__item-mark\">\u2197<\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wd-multi2x__bottom\">\r\n      <div class=\"wd-multi2x__bottom-copy\">\r\n        <small>NEED A DIFFERENT FEATURE?<\/small>\r\n        <h3>Describe the action and the result you need.<\/h3>\r\n        <p>We will assess whether a WordPress plugin, a customised module or custom development is the best fit.<\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/kontakti\/\">\r\n        <span>Discuss your project<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.wd-multi2x,.wd-multi2x *{box-sizing:border-box}\r\n.wd-multi2x a{text-decoration:none}\r\n\r\n.wd-multi2x{\r\n  --o:#ff5033;\r\n  --ink:#171717;\r\n  --muted:#72726d;\r\n  --line:#deded8;\r\n  --soft:#f6f6f2;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:#f7f7f4;\r\n  color:var(--ink);\r\n  font-family:\"Manrope\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\r\n}\r\n\r\n.wd-multi2x__inner{\r\n  width:min(calc(100% - 48px),1390px);\r\n  margin:auto;\r\n  padding:74px 0 64px;\r\n}\r\n\r\n\/* header *\/\r\n.wd-multi2x__head{margin-bottom:34px}\r\n.wd-multi2x__kicker{\r\n  display:flex;align-items:center;gap:11px;\r\n  margin-bottom:18px;\r\n  color:#858581;\r\n  font-size:11px;font-weight:800;letter-spacing:1.15px;\r\n}\r\n.wd-multi2x__kicker b{color:var(--o)}\r\n.wd-multi2x__kicker i{width:30px;height:1px;background:#c9c9c4}\r\n\r\n.wd-multi2x__headrow{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);\r\n  gap:58px;\r\n  align-items:end;\r\n}\r\n\r\n.wd-multi2x__head h2{\r\n  margin:0;\r\n  font-size:clamp(40px,3.4vw,55px);\r\n  line-height:1;\r\n  font-weight:650;\r\n  letter-spacing:-3px;\r\n}\r\n.wd-multi2x__head h2 span{\r\n  display:block;\r\n  color:#9d9d98;\r\n}\r\n\r\n.wd-multi2x__headrow>p{\r\n  max-width:520px;\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* showcase *\/\r\n.wd-multi2x__showcase{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n  gap:16px;\r\n}\r\n\r\n\/* primary *\/\r\n.wd-multi2x__primary{\r\n  min-height:540px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  padding:26px;\r\n  border-radius:20px;\r\n  background:#111;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.wd-multi2x__primary:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:300px;height:300px;\r\n  right:-130px;bottom:-140px;\r\n  border:1px solid #2b2b2b;\r\n  border-radius:50%;\r\n  box-shadow:\r\n    0 0 0 42px rgba(255,255,255,.018),\r\n    0 0 0 84px rgba(255,255,255,.012);\r\n  pointer-events:none;\r\n}\r\n\r\n.wd-multi2x__primary-top{\r\n  display:flex;align-items:center;justify-content:space-between;gap:20px;\r\n}\r\n.wd-multi2x__index{\r\n  color:var(--o);\r\n  font-size:10px;font-weight:900;\r\n}\r\n.wd-multi2x__label{\r\n  color:#777773;\r\n  font-size:8px;font-weight:900;letter-spacing:1.1px;\r\n}\r\n\r\n.wd-multi2x__primary-copy{\r\n  margin-top:52px;\r\n  max-width:650px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.wd-multi2x__primary-copy h3{\r\n  margin:0;\r\n  font-size:clamp(34px,3.4vw,49px);\r\n  line-height:1.02;\r\n  letter-spacing:-2.4px;\r\n}\r\n.wd-multi2x__primary-copy h3 span{\r\n  display:block;\r\n  color:#aaa9a5;\r\n}\r\n.wd-multi2x__primary-copy p{\r\n  max-width:600px;\r\n  margin:18px 0 0;\r\n  color:#aaa9a5;\r\n  font-size:13px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* process *\/\r\n.wd-multi2x__process{\r\n  position:relative;\r\n  z-index:1;\r\n  margin-top:auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1.35fr;\r\n  align-items:center;\r\n  border-top:1px solid #2a2a2a;\r\n  border-bottom:1px solid #2a2a2a;\r\n}\r\n.wd-multi2x__step{\r\n  padding:16px 8px 16px 0;\r\n}\r\n.wd-multi2x__step b{\r\n  display:block;\r\n  margin-bottom:5px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n}\r\n.wd-multi2x__step span{\r\n  color:#ddd;\r\n  font-size:11px;\r\n  font-weight:750;\r\n}\r\n.wd-multi2x__arrow{\r\n  color:#555;\r\n  font-size:13px;\r\n  text-align:center;\r\n}\r\n\r\n.wd-multi2x__primary-foot{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:7px;\r\n  padding-top:17px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.wd-multi2x__primary-foot span{\r\n  padding:6px 8px;\r\n  border:1px solid #333;\r\n  border-radius:999px;\r\n  color:#aaa;\r\n  font-size:8px;\r\n  font-weight:750;\r\n}\r\n\r\n\/* secondary *\/\r\n.wd-multi2x__secondary{\r\n  display:grid;\r\n  grid-template-rows:repeat(3,1fr);\r\n  gap:10px;\r\n}\r\n\r\n.wd-multi2x__item{\r\n  min-height:0;\r\n  display:grid;\r\n  grid-template-columns:40px minmax(0,1fr) 42px;\r\n  gap:16px;\r\n  align-items:start;\r\n  padding:20px 19px;\r\n  border:1px solid var(--line);\r\n  border-radius:15px;\r\n  background:#fff;\r\n  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n}\r\n.wd-multi2x__item:hover{\r\n  transform:translateX(3px);\r\n  border-color:#cfcfc9;\r\n  box-shadow:0 14px 32px rgba(0,0,0,.045);\r\n}\r\n\r\n.wd-multi2x__item-num{\r\n  padding-top:2px;\r\n  color:var(--o);\r\n  font-size:9px;\r\n  font-weight:900;\r\n}\r\n\r\n.wd-multi2x__item-content small{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:#969690;\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi2x__item-content h3{\r\n  max-width:520px;\r\n  margin:0;\r\n  font-size:20px;\r\n  line-height:1.12;\r\n  letter-spacing:-.8px;\r\n}\r\n.wd-multi2x__item-content p{\r\n  max-width:520px;\r\n  margin:9px 0 0;\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.58;\r\n}\r\n\r\n.wd-multi2x__chips{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:6px;\r\n  margin-top:11px;\r\n}\r\n.wd-multi2x__chips span{\r\n  padding:5px 7px;\r\n  border:1px solid #deded8;\r\n  border-radius:999px;\r\n  color:#777773;\r\n  font-size:8px;\r\n  font-weight:750;\r\n}\r\n\r\n.wd-multi2x__item-mark{\r\n  width:34px;height:34px;\r\n  display:grid;place-items:center;\r\n  border-radius:50%;\r\n  border:1px solid #d8d8d3;\r\n  color:var(--o);\r\n  font-size:11px;\r\n}\r\n\r\n\/* bottom *\/\r\n.wd-multi2x__bottom{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:48px;\r\n  align-items:center;\r\n  margin-top:13px;\r\n  padding:22px 24px;\r\n  border-radius:15px;\r\n  border:1px solid var(--line);\r\n  background:#fff;\r\n}\r\n\r\n.wd-multi2x__bottom-copy small{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi2x__bottom-copy h3{\r\n  margin:0;\r\n  font-size:22px;\r\n  line-height:1.2;\r\n  letter-spacing:-.7px;\r\n}\r\n.wd-multi2x__bottom-copy p{\r\n  max-width:720px;\r\n  margin:7px 0 0;\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.6;\r\n}\r\n\r\n.wd-multi2x__bottom>a{\r\n  min-width:285px;\r\n  min-height:49px;\r\n  padding:0 9px 0 17px;\r\n  border-radius:11px;\r\n  background:#111;\r\n  color:#fff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  font-size:11px;\r\n  font-weight:850;\r\n}\r\n.wd-multi2x__bottom>a b{\r\n  width:34px;height:34px;\r\n  display:grid;place-items:center;\r\n  border-radius:8px;\r\n  background:var(--o);\r\n}\r\n\r\n@media(max-width:1000px){\r\n  .wd-multi2x__headrow{grid-template-columns:1fr;gap:22px}\r\n  .wd-multi2x__showcase{grid-template-columns:1fr}\r\n  .wd-multi2x__primary{min-height:560px}\r\n}\r\n\r\n@media(max-width:700px){\r\n  .wd-multi2x__inner{\r\n    width:calc(100% - 28px);\r\n    padding:48px 0 44px;\r\n  }\r\n\r\n  .wd-multi2x__head{margin-bottom:24px}\r\n  .wd-multi2x__head h2{\r\n    font-size:31px;\r\n    letter-spacing:-1.8px;\r\n  }\r\n  .wd-multi2x__headrow>p{font-size:14px}\r\n\r\n  .wd-multi2x__primary{\r\n    min-height:0;\r\n    padding:24px 20px;\r\n  }\r\n  .wd-multi2x__primary-copy{margin-top:34px}\r\n  .wd-multi2x__primary-copy h3{\r\n    font-size:34px;\r\n    letter-spacing:-1.6px;\r\n  }\r\n  .wd-multi2x__process{\r\n    margin-top:36px;\r\n    grid-template-columns:1fr;\r\n    border-bottom:0;\r\n  }\r\n  .wd-multi2x__step{\r\n    border-bottom:1px solid #292929;\r\n    padding:14px 0;\r\n  }\r\n  .wd-multi2x__arrow{display:none}\r\n\r\n  .wd-multi2x__item{\r\n    grid-template-columns:30px minmax(0,1fr);\r\n    padding:20px 17px;\r\n  }\r\n  .wd-multi2x__item-mark{display:none}\r\n\r\n  .wd-multi2x__bottom{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n    padding:22px 19px;\r\n  }\r\n  .wd-multi2x__bottom>a{\r\n    min-width:0;\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-03b47d0 e-con e-atomic-element e-flexbox-base e-default-div e-03b47d0-e299ab7 \" data-id=\"03b47d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"03b47d0\" data-e-type=\"e-flexbox\" data-id=\"03b47d0\">\n    \t\t<div class=\"elementor-element elementor-element-5bf6f6e elementor-widget elementor-widget-html\" data-id=\"5bf6f6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de \u00b7 Block 03 \u00b7 Value \/ project logic -->\r\n<section class=\"wd-multi3\" id=\"daudzfunkcionalas-projekta-pieeja\">\r\n  <div class=\"wd-multi3__inner\">\r\n\r\n    <header class=\"wd-multi3__head\">\r\n      <div class=\"wd-multi3__kicker\">\r\n        <b>03<\/b><i><\/i><span>OUR DEVELOPMENT PROCESS<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wd-multi3__headrow\">\r\n        <div>\r\n          <h2>6 development stages<span>from requirements to ongoing improvements.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p>Multifunctional website development covers requirements, interface design, WordPress development and integration testing. At the start, we agree on the scope, priorities and acceptance criteria so you know what is included.<\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"wd-multi3__layout\">\r\n\r\n      <!-- LEFT \/ PROMISE -->\r\n      <aside class=\"wd-multi3__promise\">\r\n        <div class=\"wd-multi3__promise-top\">\r\n          <small>PROJECT FOUNDATIONS<\/small>\r\n          <h3>We start with your requirements.<span>Then we choose the technology.<\/span>\r\n          <\/h3>\r\n          <p>We identify the users, the actions they need to take and where their data should go. These requirements form the basis of the development plan and cost estimate.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi3__journey\">\r\n          <div>\r\n            <b>01<\/b>\r\n            <span>DEFINE<\/span>\r\n            <small>users, actions and data<\/small>\r\n          <\/div>\r\n          <div>\r\n            <b>02<\/b>\r\n            <span>DESIGN<\/span>\r\n            <small>screens and user journeys<\/small>\r\n          <\/div>\r\n          <div>\r\n            <b>03<\/b>\r\n            <span>BUILD<\/span>\r\n            <small>WordPress and integrations<\/small>\r\n          <\/div>\r\n          <div>\r\n            <b>04<\/b>\r\n            <span>TEST<\/span>\r\n            <small>scenarios and project review<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-multi3__promise-result\">\r\n          <small>OUTCOME<\/small>\r\n          <strong>A tested website with guidance for day-to-day management. After launch, support and further development can be agreed separately.<\/strong>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <!-- RIGHT \/ VALUE -->\r\n      <div class=\"wd-multi3__values\">\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">01<\/div>\r\n          <div>\r\n            <small>REQUIREMENTS<\/small>\r\n            <h3>Define the features and business rules.<\/h3>\r\n            <p>We document booking rules, price calculations, permissions and required data. We check the capabilities of your existing CRM and API so the proposal has a defined scope.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">02<\/div>\r\n          <div>\r\n            <small>USER INTERFACE<\/small>\r\n            <h3>Design a clear sequence of actions.<\/h3>\r\n            <p>We design forms, filters, booking and payment steps for desktop and mobile. Validation messages and confirmations help customers understand what to do next.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">03<\/div>\r\n          <div>\r\n            <small>WORDPRESS AND INTEGRATIONS<\/small>\r\n            <h3>Build the features and data connections.<\/h3>\r\n            <p>We use suitable WordPress plugins and custom code. CRM, API, payment and calendar integrations follow the agreed requirements, including handling connection failures.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">04<\/div>\r\n          <div>\r\n            <small>CONTENT MANAGEMENT<\/small>\r\n            <h3>Make routine management straightforward.<\/h3>\r\n            <p>Your team can manage the agreed content types, such as prices, listings, catalogues or bookings. User roles restrict access to the data and actions each team member needs.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">05<\/div>\r\n          <div>\r\n            <small>TESTING<\/small>\r\n            <h3>Test successful actions and failure cases.<\/h3>\r\n            <p>We test forms, calculations, availability, notifications and data exchange. Payments are checked in a test environment where the provider supports one. We review the key scenarios with you before launch.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wd-multi3__value\">\r\n          <div class=\"wd-multi3__value-num\">06<\/div>\r\n          <div>\r\n            <small>SUPPORT AND IMPROVEMENTS<\/small>\r\n            <h3>Plan the next priorities after launch.<\/h3>\r\n            <p>Maintenance, WordPress updates and additional features are agreed separately. Before adding integrations or modules, we assess compatibility with the existing website.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wd-multi3__bottom\">\r\n      <div>\r\n        <small>FIRST STEP<\/small>\r\n        <h3>Tell us what you need to build or improve.<\/h3>\r\n        <p>Share your current website, the features you need and the systems you use. We will help clarify the remaining requirements.<\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/kontakti\/\">\r\n        <span>Discuss development<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.wd-multi3,.wd-multi3 *{box-sizing:border-box}\r\n.wd-multi3 a{text-decoration:none}\r\n\r\n.wd-multi3{\r\n  --o:#ff5033;\r\n  --ink:#181817;\r\n  --muted:#70706b;\r\n  --line:#e2e2dc;\r\n  --paper:#f4f3ee;\r\n  --paper2:#fafaf7;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:#f4f3ee;\r\n  color:var(--ink);\r\n  font-family:\"Manrope\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\r\n}\r\n\r\n.wd-multi3__inner{\r\n  width:min(calc(100% - 48px),1390px);\r\n  margin:auto;\r\n  padding:74px 0 66px;\r\n}\r\n\r\n\/* HEADER \u2014 editorial, lots of air *\/\r\n.wd-multi3__head{\r\n  margin-bottom:30px;\r\n  padding-bottom:26px;\r\n  border-bottom:1px solid #d6d6d0;\r\n}\r\n.wd-multi3__kicker{\r\n  display:flex;align-items:center;gap:11px;\r\n  margin-bottom:18px;\r\n  color:#888883;\r\n  font-size:11px;font-weight:800;letter-spacing:1.15px;\r\n}\r\n.wd-multi3__kicker b{color:var(--o)}\r\n.wd-multi3__kicker i{width:30px;height:1px;background:#c3c3bd}\r\n\r\n.wd-multi3__headrow{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);\r\n  gap:60px;\r\n  align-items:end;\r\n}\r\n.wd-multi3__head h2{\r\n  margin:0;\r\n  max-width:820px;\r\n  font-size:clamp(40px,3.7vw,56px);\r\n  line-height:.98;\r\n  font-weight:650;\r\n  letter-spacing:-3.2px;\r\n}\r\n.wd-multi3__head h2 span{\r\n  display:block;\r\n  color:#9a9a94;\r\n}\r\n.wd-multi3__headrow>p{\r\n  max-width:510px;\r\n  margin:0;\r\n  color:var(--muted);\r\n  font-size:15px;\r\n  line-height:1.72;\r\n}\r\n\r\n\/* MAIN \u2014 process board instead of dark panel *\/\r\n.wd-multi3__layout{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  gap:42px;\r\n  align-items:start;\r\n}\r\n\r\n.wd-multi3__promise{\r\n  position:relative;\r\n  overflow:visible;\r\n  padding:0;\r\n  background:transparent;\r\n  color:var(--ink);\r\n  border-radius:0;\r\n}\r\n\r\n.wd-multi3__promise-top{\r\n  padding:0 0 22px;\r\n}\r\n.wd-multi3__promise-top>small{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  min-height:29px;\r\n  padding:0 10px;\r\n  margin-bottom:14px;\r\n  border:1px solid #d8d8d1;\r\n  border-radius:999px;\r\n  background:#fff;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi3__promise-top h3{\r\n  max-width:590px;\r\n  margin:0;\r\n  font-size:clamp(30px,2.7vw,41px);\r\n  line-height:1.04;\r\n  letter-spacing:-2px;\r\n}\r\n.wd-multi3__promise-top h3 span{\r\n  display:block;\r\n  color:#969690;\r\n}\r\n.wd-multi3__promise-top p{\r\n  max-width:570px;\r\n  margin:14px 0 0;\r\n  color:var(--muted);\r\n  font-size:13px;\r\n  line-height:1.72;\r\n}\r\n\r\n\/* Vertical roadmap *\/\r\n.wd-multi3__journey{\r\n  position:relative;\r\n  margin-top:4px;\r\n  padding:8px 0 8px 0;\r\n  border:0;\r\n}\r\n.wd-multi3__journey:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:19px;\r\n  top:25px;\r\n  bottom:25px;\r\n  width:1px;\r\n  background:#d0d0ca;\r\n}\r\n.wd-multi3__journey>div{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:40px 104px 1fr;\r\n  gap:15px;\r\n  align-items:center;\r\n  min-height:64px;\r\n  padding:7px 0;\r\n  border:0;\r\n}\r\n.wd-multi3__journey b{\r\n  position:relative;\r\n  z-index:1;\r\n  width:40px;height:40px;\r\n  display:grid;place-items:center;\r\n  border:1px solid #d5d5ce;\r\n  border-radius:50%;\r\n  background:var(--paper);\r\n  color:var(--o);\r\n  font-size:9px;\r\n  font-weight:900;\r\n}\r\n.wd-multi3__journey>div:first-child b{\r\n  border-color:var(--o);\r\n  background:var(--o);\r\n  color:#fff;\r\n}\r\n.wd-multi3__journey span{\r\n  color:var(--ink);\r\n  font-size:10px;\r\n  font-weight:900;\r\n  letter-spacing:.75px;\r\n}\r\n.wd-multi3__journey small{\r\n  color:#7d7d77;\r\n  font-size:11px;\r\n  line-height:1.4;\r\n}\r\n\r\n.wd-multi3__promise-result{\r\n  position:relative;\r\n  margin-top:16px;\r\n  padding:20px 22px 20px 24px;\r\n  border-left:3px solid var(--o);\r\n  background:#fff;\r\n  box-shadow:0 14px 40px rgba(24,24,23,.045);\r\n}\r\n.wd-multi3__promise-result small{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi3__promise-result strong{\r\n  display:block;\r\n  max-width:520px;\r\n  color:var(--ink);\r\n  font-size:14px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* RIGHT \u2014 numbered editorial list, no cards *\/\r\n.wd-multi3__values{\r\n  background:#fff;\r\n  border:1px solid #dddcd5;\r\n  border-radius:20px;\r\n  padding:6px 28px;\r\n  box-shadow:0 18px 55px rgba(24,24,23,.045);\r\n}\r\n.wd-multi3__value{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:46px minmax(0,1fr);\r\n  gap:14px;\r\n  padding:22px 0;\r\n  border-bottom:1px solid #e6e5df;\r\n}\r\n.wd-multi3__value:last-child{border-bottom:0}\r\n.wd-multi3__value-num{\r\n  width:34px;height:34px;\r\n  display:grid;place-items:center;\r\n  border-radius:10px;\r\n  background:#f3f2ed;\r\n  color:#9a9a94;\r\n  font-size:9px;\r\n  font-weight:900;\r\n  transition:.2s ease;\r\n}\r\n.wd-multi3__value:hover .wd-multi3__value-num{\r\n  background:var(--o);\r\n  color:#fff;\r\n}\r\n.wd-multi3__value small{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi3__value h3{\r\n  max-width:650px;\r\n  margin:0;\r\n  color:var(--ink);\r\n  font-size:19px;\r\n  line-height:1.18;\r\n  letter-spacing:-.7px;\r\n}\r\n.wd-multi3__value p{\r\n  max-width:660px;\r\n  margin:8px 0 0;\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* BOTTOM \u2014 orange line \/ simple CTA, not another panel *\/\r\n.wd-multi3__bottom{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:50px;\r\n  align-items:center;\r\n  margin-top:40px;\r\n  padding:24px 0 0;\r\n  border-top:2px solid var(--o);\r\n  background:transparent;\r\n  border-radius:0;\r\n}\r\n.wd-multi3__bottom small{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:var(--o);\r\n  font-size:8px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n}\r\n.wd-multi3__bottom h3{\r\n  margin:0;\r\n  font-size:22px;\r\n  line-height:1.18;\r\n  letter-spacing:-.8px;\r\n}\r\n.wd-multi3__bottom p{\r\n  max-width:770px;\r\n  margin:8px 0 0;\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.65;\r\n}\r\n.wd-multi3__bottom>a{\r\n  min-width:260px;\r\n  min-height:50px;\r\n  padding:0 10px 0 18px;\r\n  border:1px solid #cfcfc8;\r\n  border-radius:999px;\r\n  background:#fff;\r\n  color:var(--ink);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  font-size:11px;\r\n  font-weight:850;\r\n  transition:.22s ease;\r\n}\r\n.wd-multi3__bottom>a:hover{\r\n  border-color:var(--o);\r\n  transform:translateY(-2px);\r\n}\r\n.wd-multi3__bottom>a b{\r\n  width:36px;height:36px;\r\n  display:grid;place-items:center;\r\n  border-radius:50%;\r\n  background:var(--o);\r\n  color:#fff;\r\n}\r\n\r\n@media(max-width:1000px){\r\n  .wd-multi3__headrow{grid-template-columns:1fr;gap:22px}\r\n  .wd-multi3__layout{grid-template-columns:1fr;gap:40px}\r\n  .wd-multi3__promise-top h3{max-width:720px}\r\n  .wd-multi3__promise-top p{max-width:720px}\r\n}\r\n\r\n@media(max-width:700px){\r\n  .wd-multi3__inner{\r\n    width:calc(100% - 28px);\r\n    padding:48px 0 44px;\r\n  }\r\n  .wd-multi3__head{\r\n    margin-bottom:38px;\r\n    padding-bottom:22px;\r\n  }\r\n  .wd-multi3__head h2{\r\n    font-size:31px;\r\n    letter-spacing:-1.9px;\r\n  }\r\n  .wd-multi3__headrow>p{font-size:14px}\r\n  .wd-multi3__promise-top h3{\r\n    font-size:34px;\r\n    letter-spacing:-1.5px;\r\n  }\r\n  .wd-multi3__journey>div{\r\n    grid-template-columns:45px 90px 1fr;\r\n    gap:10px;\r\n  }\r\n  .wd-multi3__values{\r\n    border-radius:20px;\r\n    padding:4px 18px;\r\n  }\r\n  .wd-multi3__value{\r\n    grid-template-columns:42px 1fr;\r\n    gap:12px;\r\n    padding:19px 0;\r\n  }\r\n  .wd-multi3__value h3{font-size:19px}\r\n  .wd-multi3__bottom{\r\n    grid-template-columns:1fr;\r\n    gap:22px;\r\n    margin-top:42px;\r\n  }\r\n  .wd-multi3__bottom>a{\r\n    width:100%;\r\n    min-width:0;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1223075 e-con e-atomic-element e-flexbox-base e-default-div e-1223075-fd875f4 \" data-id=\"1223075\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1223075\" data-e-type=\"e-flexbox\" data-id=\"1223075\">\n    \t\t<div class=\"elementor-element elementor-element-c534284 elementor-widget elementor-widget-html\" data-id=\"c534284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nWebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de \u00b7 Block 04\nDesign direction based on the provided Landing Page offer block\n-->\n\n<section class=\"wdmf-offers\" id=\"daudzfunkcionalas-piedavajumi\">\n  <div class=\"wdmf-offers__inner\">\n\n    <header class=\"wdmf-offers__head\">\n      <div class=\"wdmf-offers__eyebrow\">\n        <span>04<\/span>\n        <span>PROJECT SCOPE<\/span>\n      <\/div>\n\n      <h2>From a single feature<span>to a custom platform.<\/span>\n      <\/h2>\n\n      <p>The scope of multifunctional website development depends on the features, data and integrations required. Start with one WordPress module or plan several connected development stages.<\/p>\n    <\/header>\n\n    <div class=\"wdmf-offers__grid\">\n\n      <!-- SINGLE FEATURE -->\n      <article class=\"wdmf-card\">\n        <div class=\"wdmf-card__top\">\n          <span class=\"wdmf-card__no\">01<\/span>\n          <span class=\"wdmf-card__name\">SINGLE FEATURE<\/span>\n        <\/div>\n\n        <h3>One module for a specific task.<\/h3>\n\n        <p class=\"wdmf-card__intro\">Suitable for adding a booking system, price calculator, product configurator or enquiry form with custom fields.<\/p>\n\n        <div class=\"wdmf-result\">\n          <span>OUTCOME<\/span>\n          <strong>Customers complete the agreed task online and your team receives the information it needs.<\/strong>\n        <\/div>\n\n        <ul class=\"wdmf-list\">\n          <li>Booking system<\/li>\n          <li>Price calculator<\/li>\n          <li>Rental enquiry<\/li>\n          <li>Product configurator<\/li>\n          <li>Custom rules and fields<\/li>\n        <\/ul>\n\n        <div class=\"wdmf-fit\">\n          <span>WHEN TO CHOOSE THIS<\/span>\n          <p>You need one feature with clearly defined requirements.<\/p>\n        <\/div>\n\n        <button\n          type=\"button\"\n          class=\"wdmf-btn wdmf-btn--outline js-wdmf-open\"\n          data-package=\"SINGLE FEATURE\"\n          data-context=\"SINGLE FEATURE kart\u012bte\"\n        >\n          <span>Discuss a feature<\/span>\n          <b aria-hidden=\"true\">\u2197<\/b>\n        <\/button>\n      <\/article>\n\n      <!-- CONNECTED WORKFLOW -->\n      <article class=\"wdmf-card wdmf-card--featured\">\n        <div class=\"wdmf-card__badge\">FOR CONNECTED WORKFLOWS<\/div>\n\n        <div class=\"wdmf-card__top\">\n          <span class=\"wdmf-card__no\">02<\/span>\n          <span class=\"wdmf-card__name\">CONNECTED WORKFLOW<\/span>\n        <\/div>\n\n        <h3>Several steps in one customer journey.<\/h3>\n\n        <p class=\"wdmf-card__intro\">Suitable for connecting a catalogue, bookings, payments and data transfer to a CRM or another system.<\/p>\n\n        <div class=\"wdmf-result wdmf-result--dark\">\n          <span>OUTCOME<\/span>\n          <strong>Order or booking details reach the agreed systems, reducing repeated data entry.<\/strong>\n        <\/div>\n\n        <ul class=\"wdmf-list\">\n          <li>Bookings and payments<\/li>\n          <li>Filterable catalogue<\/li>\n          <li>CRM, ERP or API integration<\/li>\n          <li>Automated notifications<\/li>\n          <li>Data synchronisation<\/li>\n        <\/ul>\n\n        <div class=\"wdmf-fit\">\n          <span>WHEN TO CHOOSE THIS<\/span>\n          <p>A request needs to pass through several connected steps.<\/p>\n        <\/div>\n\n        <button\n          type=\"button\"\n          class=\"wdmf-btn wdmf-btn--primary js-wdmf-open\"\n          data-package=\"CONNECTED WORKFLOW\"\n          data-context=\"CONNECTED WORKFLOW kart\u012bte\"\n        >\n          <span>Discuss integrations<\/span>\n          <b aria-hidden=\"true\">\u2197<\/b>\n        <\/button>\n      <\/article>\n\n      <!-- CUSTOM PLATFORM -->\n      <article class=\"wdmf-card\">\n        <div class=\"wdmf-card__top\">\n          <span class=\"wdmf-card__no\">03<\/span>\n          <span class=\"wdmf-card__name\">CUSTOM PLATFORM<\/span>\n        <\/div>\n\n        <h3>A tailored workspace for customers and staff.<\/h3>\n\n        <p class=\"wdmf-card__intro\">Suitable for customer accounts, multiple user roles, documents, custom data structures and integrations.<\/p>\n\n        <div class=\"wdmf-result\">\n          <span>OUTCOME<\/span>\n          <strong>Users access their own data and tasks while your team manages them through a shared administration area.<\/strong>\n        <\/div>\n\n        <ul class=\"wdmf-list\">\n          <li>Customer and partner accounts<\/li>\n          <li>Roles and permissions<\/li>\n          <li>CRM, ERP and API connections<\/li>\n          <li>Custom administration area<\/li>\n          <li>Phased development<\/li>\n        <\/ul>\n\n        <div class=\"wdmf-fit\">\n          <span>WHEN TO CHOOSE THIS<\/span>\n          <p>Your website needs to handle data from multiple users and systems.<\/p>\n        <\/div>\n\n        <button\n          type=\"button\"\n          class=\"wdmf-btn wdmf-btn--outline js-wdmf-open\"\n          data-package=\"CUSTOM PLATFORM\"\n          data-context=\"CUSTOM PLATFORM kart\u012bte\"\n        >\n          <span>Discuss a platform<\/span>\n          <b aria-hidden=\"true\">\u2197<\/b>\n        <\/button>\n      <\/article>\n\n    <\/div>\n\n    <!-- 12 MONTH PARTNER -->\n    <div class=\"wdmf-partner\">\n      <div class=\"wdmf-partner__main\">\n        <div class=\"wdmf-partner__eyebrow\">\n          <span>ONGOING DEVELOPMENT<\/span>\n          <span>12-MONTH PARTNERSHIP<\/span>\n        <\/div>\n\n        <h3>Launch the first version.<span>Then build the next features.<\/span>\n        <\/h3>\n\n        <p>A 12-month partnership can combine initial development, new integrations, automation and technical support. The scope, payment terms and process for reviewing priorities are agreed in the contract before work starts.<\/p>\n\n        <div class=\"wdmf-partner__flow\">\n          <span>BUILD<\/span><i>\u2192<\/i>\n          <span>LAUNCH<\/span><i>\u2192<\/i>\n          <span>IMPROVE<\/span><i>\u2192<\/i>\n          <span>AUTOMATE<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"wdmf-partner__side\">\n        <span class=\"wdmf-partner__label\">THE AGREEMENT COVERS<\/span>\n\n        <ul>\n          <li>Features for the first version<\/li>\n          <li>Further development stages<\/li>\n          <li>Integrations and automation<\/li>\n          <li>Technical support scope<\/li>\n          <li>Priorities and timelines<\/li>\n        <\/ul>\n\n        <button\n          type=\"button\"\n          class=\"wdmf-btn wdmf-btn--light js-wdmf-open\"\n          data-package=\"ONGOING DEVELOPMENT \u00b7 12 M\u0112NE\u0160I\"\n          data-context=\"12 m\u0113ne\u0161u sadarb\u012bbas bloks\"\n        >\n          <span>Discuss partnership terms<\/span>\n          <b aria-hidden=\"true\">\u2197<\/b>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"wdmf-note\">\n      <div>\n        <span>COSTS AND TERMS<\/span>\n        <strong>We prepare a proposal after reviewing your requirements.<\/strong>\n      <\/div>\n      <p>The proposal sets out the development work, timeline and costs. WordPress plugin licences, external subscriptions, payment fees and other third-party costs are agreed separately. They are not automatically included in the development price.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- POPUP -->\n<div class=\"wdmf-modal\" id=\"wdmfInquiryModal\" aria-hidden=\"true\">\n  <div class=\"wdmf-modal__backdrop js-wdmf-close\"><\/div>\n\n  <div class=\"wdmf-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wdmfModalTitle\">\n    <button type=\"button\" class=\"wdmf-modal__close js-wdmf-close\" aria-label=\"Close\">\u00d7<\/button>\n\n    <div class=\"wdmf-modal__grid\">\n      <div class=\"wdmf-modal__info\">\n        <div class=\"wdmf-modal__eyebrow\">TELL US ABOUT YOUR PROJECT<\/div>\n\n        <h3 id=\"wdmfModalTitle\">Let\u2019s start with<span>what you need.<\/span>\n        <\/h3>\n\n        <p>Describe the features you need and the systems you already use. Your selected project type will be included in the enquiry.<\/p>\n\n        <div class=\"wdmf-modal__selected\">\n          <span>PROJECT TYPE<\/span>\n          <strong id=\"wdmfSelectedPackage\">Multifunctional website<\/strong>\n        <\/div>\n\n        <div class=\"wdmf-modal__points\">\n          <div><b>01<\/b><span>Send your enquiry<\/span><\/div>\n          <div><b>02<\/b><span>Clarify requirements<\/span><\/div>\n          <div><b>03<\/b><span>Prepare a proposal<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"wdmf-modal__formwrap\">\n        <form class=\"wdmf-form\" id=\"wdmfInquiryForm\" novalidate>\n          <input type=\"hidden\" name=\"wd_package\" id=\"wdmfPackageInput\" value=\"Daudzfunkcion\u0101la m\u0101jaslapa\">\n          <input type=\"hidden\" name=\"wd_source\" id=\"wdmfSourceInput\" value=\"Daudzfunkcion\u0101las m\u0101jaslapas offer popup\">\n          <input type=\"hidden\" name=\"wd_page\" id=\"wdmfPageInput\" value=\"\">\n\n          <div class=\"wdmf-hp\" aria-hidden=\"true\">\n            <label>\n              Company\n              <input type=\"text\" name=\"company_website\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/label>\n          <\/div>\n\n          <div class=\"wdmf-field\">\n            <label for=\"wdmfName\">Name \/ company *<\/label>\n            <input id=\"wdmfName\" name=\"name\" type=\"text\" autocomplete=\"name\" placeholder=\"Your name or company\" required>\n          <\/div>\n\n          <div class=\"wdmf-fieldrow\">\n            <div class=\"wdmf-field\">\n              <label for=\"wdmfEmail\">Email *<\/label>\n              <input id=\"wdmfEmail\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"Email\" required>\n            <\/div>\n\n            <div class=\"wdmf-field\">\n              <label for=\"wdmfPhone\">Phone<\/label>\n              <input id=\"wdmfPhone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" placeholder=\"+371 ...\">\n            <\/div>\n          <\/div>\n\n          <div class=\"wdmf-field\">\n            <label for=\"wdmfGoal\">Which features do you need?<\/label>\n            <textarea id=\"wdmfGoal\" name=\"goal\" rows=\"5\" placeholder=\"For example: booking with availability, payment and data transfer to CRM...\"><\/textarea>\n          <\/div>\n\n          <label class=\"wdmf-consent\">\n            <input type=\"checkbox\" name=\"privacy_accept\" value=\"1\" required>\n            <span>I agree that WebDigital may use the information provided to contact me about this enquiry.<\/span>\n          <\/label>\n\n          <button class=\"wdmf-submit\" type=\"submit\">\n            <span>Send enquiry<\/span>\n            <b aria-hidden=\"true\">\u2192<\/b>\n          <\/button>\n\n          <div class=\"wdmf-form__message\" id=\"wdmfFormMessage\" role=\"status\" aria-live=\"polite\"><\/div><style>.wdmf-modal .wdmf-form__message{display:none;margin:12px 0 0;padding:12px;border-radius:8px;font-size:14px;line-height:1.5}.wdmf-modal .wdmf-form__message.is-visible{display:block}.wdmf-modal .wdmf-form__message.is-error{color:#9d2914;background:#fff0eb}.wdmf-modal .wdmf-form__message.is-success{color:#276749;background:#edf7ef}<\/style>\n<p class=\"wdmf-form__micro\">The selected project type will be included in your enquiry.<\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.wdmf-offers,\n.wdmf-offers *,\n.wdmf-modal,\n.wdmf-modal *{box-sizing:border-box}\n\n.wdmf-offers{\n  --orange:#ff5033;\n  --dark:#111;\n  --text:#191919;\n  --muted:#6c6c6c;\n  --line:#e8e8e8;\n  --soft:#f6f6f4;\n  --white:#fff;\n  padding:82px 28px;\n  background:var(--white);\n  color:var(--text);\n  font-family:\"Manrope\",Arial,sans-serif;\n}\n.wdmf-offers__inner{width:100%;max-width:1390px;margin:0 auto}\n\n.wdmf-offers__head{max-width:970px;margin-bottom:40px}\n.wdmf-offers__eyebrow{\n  display:flex;gap:14px;align-items:center;margin-bottom:16px;\n  font-size:12px;line-height:1;font-weight:800;letter-spacing:.14em;\n}\n.wdmf-offers__eyebrow span:first-child{color:var(--orange)}\n.wdmf-offers__head h2{\n  margin:0;font-size:clamp(37px,4.6vw,68px);line-height:.99;\n  letter-spacing:-.045em;font-weight:760;\n}\n.wdmf-offers__head h2 span{display:block;color:var(--orange)}\n.wdmf-offers__head>p{\n  max-width:860px;margin:19px 0 0;color:var(--muted);\n  font-size:18px;line-height:1.7;\n}\n\n.wdmf-offers__grid{\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:18px;align-items:stretch;\n}\n.wdmf-card{\n  position:relative;display:flex;flex-direction:column;padding:27px;\n  border:1px solid var(--line);border-radius:24px;background:#fff;\n}\n.wdmf-card--featured{\n  border-color:var(--dark);\n  box-shadow:0 18px 55px rgba(0,0,0,.085);\n}\n.wdmf-card__badge{\n  position:absolute;top:0;right:28px;transform:translateY(-50%);\n  padding:9px 14px;border-radius:999px;background:var(--orange);color:#fff;\n  font-size:10px;line-height:1;font-weight:900;letter-spacing:.13em;\n}\n.wdmf-card__top{\n  display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;\n}\n.wdmf-card__no{color:#aaa;font-size:12px;font-weight:800}\n.wdmf-card__name{font-size:13px;font-weight:900;letter-spacing:.13em}\n.wdmf-card--featured .wdmf-card__name{color:var(--orange)}\n.wdmf-card h3{\n  margin:0;font-size:29px;line-height:1.12;letter-spacing:-.035em;\n}\n.wdmf-card__intro{\n  min-height:88px;margin:13px 0 18px;color:var(--muted);\n  font-size:15px;line-height:1.65;\n}\n.wdmf-result{\n  padding:17px;border-radius:18px;background:var(--soft);\n}\n.wdmf-result--dark{background:var(--dark);color:#fff}\n.wdmf-result>span,\n.wdmf-fit>span,\n.wdmf-partner__label,\n.wdmf-note span{\n  display:block;margin-bottom:9px;color:var(--orange);\n  font-size:10px;line-height:1;font-weight:900;letter-spacing:.14em;\n}\n.wdmf-result strong{display:block;font-size:16px;line-height:1.55}\n\n.wdmf-list{\n  list-style:none;margin:18px 0;padding:0;\n}\n.wdmf-list li{\n  position:relative;padding:8px 0 8px 25px;border-bottom:1px solid #eee;\n  font-size:14px;line-height:1.45;\n}\n.wdmf-list li::before{\n  content:\"\u2713\";position:absolute;left:0;top:8px;\n  color:var(--orange);font-weight:900;\n}\n.wdmf-fit{margin-top:auto;padding:13px 0 18px}\n.wdmf-fit p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}\n\n.wdmf-btn{\n  display:flex;align-items:center;justify-content:space-between;gap:18px;\n  width:100%;min-height:56px;padding:15px 19px;border-radius:12px;\n  cursor:pointer;font:inherit;font-size:13px;line-height:1.3;font-weight:800;\n  transition:.2s ease;\n}\n.wdmf-btn:hover{transform:translateY(-2px)}\n.wdmf-btn b{font-size:19px}\n.wdmf-btn--outline{border:1px solid var(--dark);background:#fff;color:var(--dark)}\n.wdmf-btn--outline:hover{background:var(--dark);color:#fff}\n.wdmf-btn--primary{border:1px solid var(--orange);background:var(--orange);color:#fff}\n.wdmf-btn--primary:hover{border-color:#e8452b;background:#e8452b}\n.wdmf-btn--light{border:1px solid #fff;background:#fff;color:#111}\n.wdmf-btn--light:hover{border-color:var(--orange);background:var(--orange);color:#fff}\n\n\/* 12 month partner *\/\n.wdmf-partner{\n  display:grid;\n  grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);\n  overflow:hidden;margin-top:18px;border-radius:28px;\n  background:var(--dark);color:#fff;\n}\n.wdmf-partner__main{padding:36px 40px}\n.wdmf-partner__eyebrow{\n  display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:16px;\n  font-size:11px;font-weight:900;letter-spacing:.13em;\n}\n.wdmf-partner__eyebrow span:first-child{color:var(--orange)}\n.wdmf-partner h3{\n  max-width:850px;margin:0;font-size:clamp(30px,3.3vw,52px);\n  line-height:1.05;letter-spacing:-.04em;\n}\n.wdmf-partner h3 span{display:block;color:#b9b9b9}\n.wdmf-partner__main>p{\n  max-width:780px;margin:17px 0 0;color:#b9b9b9;\n  font-size:16px;line-height:1.7;\n}\n.wdmf-partner__flow{\n  display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:24px;\n}\n.wdmf-partner__flow span{\n  padding:11px 13px;border:1px solid rgba(255,255,255,.15);\n  border-radius:999px;font-size:10px;line-height:1;font-weight:900;letter-spacing:.1em;\n}\n.wdmf-partner__flow i{color:var(--orange);font-style:normal}\n.wdmf-partner__side{\n  display:flex;flex-direction:column;justify-content:center;padding:34px;background:#1a1a1a;\n}\n.wdmf-partner__side ul{list-style:none;margin:0 0 21px;padding:0}\n.wdmf-partner__side li{\n  position:relative;padding:7px 0 7px 24px;border-bottom:1px solid rgba(255,255,255,.1);\n  color:#e5e5e5;font-size:14px;line-height:1.45;\n}\n.wdmf-partner__side li::before{\n  content:\"\u2713\";position:absolute;left:0;color:var(--orange);font-weight:900;\n}\n\n.wdmf-note{\n  display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);\n  gap:40px;margin-top:18px;padding:19px 24px;\n  border:1px solid var(--line);border-radius:18px;background:var(--soft);\n}\n.wdmf-note strong{display:block;font-size:15px;line-height:1.5}\n.wdmf-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}\n\n\/* modal *\/\n.wdmf-modal{\n  --orange:#ff5033;--dark:#111;--muted:#6b6b6b;--line:#e8e8e8;\n  position:fixed;inset:0;z-index:999999;display:none;\n  align-items:center;justify-content:center;padding:24px;\n  font-family:\"Manrope\",Arial,sans-serif;\n}\n.wdmf-modal.is-open{display:flex}\n.wdmf-modal__backdrop{\n  position:absolute;inset:0;background:rgba(0,0,0,.70);backdrop-filter:blur(5px);\n}\n.wdmf-modal__dialog{\n  position:relative;z-index:2;width:min(1080px,100%);\n  max-height:calc(100vh - 48px);overflow:auto;border-radius:26px;background:#fff;\n  box-shadow:0 25px 90px rgba(0,0,0,.35);\n}\n.wdmf-modal__close{\n  position:absolute;z-index:4;top:18px;right:18px;display:grid;place-items:center;\n  width:42px;height:42px;padding:0;border:0;border-radius:50%;\n  cursor:pointer;background:rgba(255,255,255,.12);color:#fff;font-size:27px;\n}\n.wdmf-modal__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}\n.wdmf-modal__info{padding:54px 48px;background:var(--dark);color:#fff}\n.wdmf-modal__eyebrow{\n  margin-bottom:16px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.14em;\n}\n.wdmf-modal__info h3{\n  margin:0;font-size:clamp(32px,3.3vw,49px);line-height:1.03;letter-spacing:-.04em;\n}\n.wdmf-modal__info h3 span{display:block;color:#bcbcbc}\n.wdmf-modal__info>p{\n  margin:18px 0 0;color:#bcbcbc;font-size:15px;line-height:1.7;\n}\n.wdmf-modal__selected{\n  margin-top:28px;padding:17px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;\n}\n.wdmf-modal__selected span{\n  display:block;margin-bottom:7px;color:var(--orange);\n  font-size:9px;font-weight:900;letter-spacing:.13em;\n}\n.wdmf-modal__selected strong{font-size:16px;line-height:1.4}\n.wdmf-modal__points{margin-top:26px;display:grid;gap:9px}\n.wdmf-modal__points div{\n  display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;\n  padding-top:9px;border-top:1px solid rgba(255,255,255,.10);\n}\n.wdmf-modal__points b{color:var(--orange);font-size:10px}\n.wdmf-modal__points span{font-size:13px}\n.wdmf-modal__formwrap{padding:48px}\n.wdmf-form{display:grid;gap:17px}\n.wdmf-field label{\n  display:block;margin-bottom:7px;font-size:12px;font-weight:800;\n}\n.wdmf-field input,.wdmf-field textarea{\n  width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;\n  font:inherit;font-size:14px;outline:none;background:#fff;\n}\n.wdmf-field input:focus,.wdmf-field textarea:focus{border-color:var(--orange)}\n.wdmf-fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.wdmf-consent{\n  display:flex;align-items:flex-start;gap:10px;color:var(--muted);\n  font-size:12px;line-height:1.55;\n}\n.wdmf-consent input{margin-top:3px}\n.wdmf-submit{\n  display:flex;align-items:center;justify-content:space-between;gap:18px;\n  min-height:57px;padding:15px 18px;border:0;border-radius:12px;\n  background:var(--dark);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;\n}\n.wdmf-submit b{\n  display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--orange);\n}\n.wdmf-form__micro{margin:0;color:#999;font-size:11px;text-align:center}\n\n@media(max-width:980px){\n  .wdmf-offers__grid{grid-template-columns:1fr}\n  .wdmf-card__intro{min-height:0}\n  .wdmf-partner{grid-template-columns:1fr}\n  .wdmf-note{grid-template-columns:1fr;gap:12px}\n}\n@media(max-width:760px){\n  .wdmf-offers{padding:58px 16px}\n  .wdmf-offers__head h2{font-size:38px}\n  .wdmf-offers__head>p{font-size:15px}\n  .wdmf-card{padding:22px;border-radius:20px}\n  .wdmf-card h3{font-size:26px}\n  .wdmf-card__badge{right:18px}\n  .wdmf-partner{border-radius:22px}\n  .wdmf-partner__main,.wdmf-partner__side{padding:26px 22px}\n  .wdmf-modal{padding:12px}\n  .wdmf-modal__dialog{max-height:calc(100vh - 24px);border-radius:20px}\n  .wdmf-modal__grid{grid-template-columns:1fr}\n  .wdmf-modal__info{padding:40px 24px 30px}\n  .wdmf-modal__formwrap{padding:28px 22px}\n  .wdmf-modal__close{background:rgba(255,255,255,.14);color:#fff}\n  .wdmf-fieldrow{grid-template-columns:1fr}\n}\n\n.wdmf-hp{\n  position:absolute!important;\n  left:-99999px!important;\n  width:1px!important;\n  height:1px!important;\n  overflow:hidden!important;\n  opacity:0!important;\n  pointer-events:none!important;\n}\n\n.wdmf-field.is-invalid input,\n.wdmf-field.is-invalid textarea{\n  border-color:#d94a3a!important;\n  box-shadow:0 0 0 3px rgba(217,74,58,.06)!important;\n}\n\n.wdmf-consent.is-invalid{\n  color:#9b3f35;\n}\n\n.wdmf-submit[disabled]{\n  opacity:.68;\n  cursor:wait;\n}\n\n.wdmf-form__message{\n  display:none;\n  margin-top:-2px;\n  padding:12px 14px;\n  border-radius:10px;\n  font-size:12px;\n  line-height:1.5;\n}\n\n.wdmf-form__message.is-visible{display:block}\n\n.wdmf-form__message.is-success{\n  border:1px solid rgba(52,189,120,.25);\n  background:rgba(52,189,120,.07);\n  color:#44735b;\n}\n\n.wdmf-form__message.is-error{\n  border:1px solid rgba(217,74,58,.25);\n  background:rgba(217,74,58,.06);\n  color:#8b4037;\n}\n\n<\/style>\n\n<script>\n(function(){\n\n  function initWdmfInquiry(){\n\n    const modal = document.getElementById('wdmfInquiryModal');\n\n    if(!modal || modal.dataset.initialized === '1'){\n      return;\n    }\n\n    modal.dataset.initialized = '1';\n\n    const packageInput = document.getElementById('wdmfPackageInput');\n    const sourceInput = document.getElementById('wdmfSourceInput');\n    const selected = document.getElementById('wdmfSelectedPackage');\n    const pageInput = document.getElementById('wdmfPageInput');\n    const form = document.getElementById('wdmfInquiryForm');\n    const message = document.getElementById('wdmfFormMessage');\n    const firstField = document.getElementById('wdmfName');\n\n    let lastFocusedElement = null;\n\n\n    document.querySelectorAll('.js-wdmf-open').forEach(function(btn){\n\n      btn.addEventListener('click', function(){\n\n        const pack =\n          btn.dataset.package ||\n          'Daudzfunkcion\u0101la m\u0101jaslapa';\n\n        const context =\n          btn.dataset.context ||\n          'Offer block';\n\n        lastFocusedElement =\n          document.activeElement;\n\n        if(packageInput){\n          packageInput.value = pack;\n        }\n\n        if(selected){\n          selected.textContent = pack;\n        }\n\n        if(sourceInput){\n          sourceInput.value =\n            'Daudzfunkcion\u0101la m\u0101jaslapa offer \u00b7 ' +\n            context;\n        }\n\n        if(pageInput){\n          pageInput.value =\n            window.location.href;\n        }\n\n        if(message){\n          message.className =\n            'wdmf-form__message';\n          message.textContent = '';\n        }\n\n        modal.classList.add('is-open');\n        modal.setAttribute('aria-hidden','false');\n        document.documentElement.style.overflow = 'hidden';\n\n        window.setTimeout(function(){\n          if(firstField){\n            firstField.focus();\n          }\n        },100);\n      });\n    });\n\n\n    function closeModal(){\n\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden','true');\n      document.documentElement.style.overflow = '';\n\n      if(lastFocusedElement){\n        lastFocusedElement.focus();\n      }\n    }\n\n\n    modal.querySelectorAll('.js-wdmf-close').forEach(function(el){\n      el.addEventListener('click',closeModal);\n    });\n\n\n    document.addEventListener('keydown',function(e){\n      if(\n        e.key === 'Escape' &&\n        modal.classList.contains('is-open')\n      ){\n        closeModal();\n      }\n    });\n\n\n    if(form){\n\n      form.addEventListener('submit', async function(event){\n\n        event.preventDefault();\n\n        const submit =\n          form.querySelector('.wdmf-submit');\n\n        const submitLabel =\n          submit\n            ? submit.querySelector('span')\n            : null;\n\n        const originalLabel =\n          submitLabel\n            ? submitLabel.textContent\n            : 'Send enquiry';\n\n\n        form.querySelectorAll('.is-invalid').forEach(function(el){\n          el.classList.remove('is-invalid');\n        });\n\n        if(message){\n          message.className =\n            'wdmf-form__message';\n          message.textContent = '';\n        }\n\n\n        let invalid = false;\n\n        form.querySelectorAll('[required]').forEach(function(field){\n\n          if(!field.checkValidity()){\n\n            invalid = true;\n\n            const wrap =\n              field.closest(\n                '.wdmf-field, .wdmf-consent'\n              );\n\n            if(wrap){\n              wrap.classList.add('is-invalid');\n            }\n          }\n        });\n\n\n        if(invalid){\n\n          if(message){\n            message.textContent =\n              'Please complete the required fields.';\n\n            message.classList.add(\n              'is-visible',\n              'is-error'\n            );\n          }\n\n          return;\n        }\n\n\n        if(\n          !window.WD_FINAL_FORM ||\n          !window.WD_FINAL_FORM.ajax_url ||\n          !window.WD_FINAL_FORM.nonce\n        ){\n\n          if(message){\n            message.textContent =\n              'The enquiry form is currently unavailable.';\n\n            message.classList.add(\n              'is-visible',\n              'is-error'\n            );\n          }\n\n          return;\n        }\n\n\n        const formData =\n          new FormData(form);\n\n        const packageName =\n          packageInput\n            ? packageInput.value\n            : '';\n\n        const sourceName =\n          sourceInput\n            ? sourceInput.value\n            : '';\n\n        const pageUrl =\n          pageInput\n            ? pageInput.value\n            : window.location.href;\n\n        const goalField =\n          form.querySelector('[name=\"goal\"]');\n\n        const goal =\n          goalField\n            ? goalField.value.trim()\n            : '';\n\n\n        formData.set(\n          'action',\n          'wd_final_contact'\n        );\n\n        formData.set(\n          'nonce',\n          window.WD_FINAL_FORM.nonce\n        );\n\n        \/*\n         * Backend accepts predefined service values.\n         * This block belongs to website development.\n         *\/\n        formData.set(\n          'service',\n          'majaslapa'\n        );\n\n        formData.set(\n          'message',\n          [\n            goal\n              ? 'Klienta m\u0113r\u0137is: ' + goal\n              : '',\n            packageName\n              ? 'Izv\u0113l\u0113tais risin\u0101jums: ' + packageName\n              : '',\n            sourceName\n              ? 'Avots: ' + sourceName\n              : '',\n            pageUrl\n              ? 'Lapa: ' + pageUrl\n              : ''\n          ]\n            .filter(Boolean)\n            .join('\\n')\n        );\n\n\n        if(submit){\n          submit.disabled = true;\n        }\n\n        if(submitLabel){\n          submitLabel.textContent =\n            'Sending...';\n        }\n\n\n        try{\n\n          const response =\n            await fetch(\n              window.WD_FINAL_FORM.ajax_url,\n              {\n                method:'POST',\n                credentials:'same-origin',\n                body:formData\n              }\n            );\n\n          const result =\n            await response.json();\n\n\n          if(\n            !response.ok ||\n            !result.success\n          ){\n\n            throw new Error(\n              result &&\n              result.data &&\n              result.data.message\n                ? result.data.message\n                : 'Your enquiry could not be sent.'\n            );\n          }\n\n\n          form.reset();\n\n          if(packageInput){\n            packageInput.value =\n              packageName;\n          }\n\n          if(sourceInput){\n            sourceInput.value =\n              sourceName;\n          }\n\n          if(pageInput){\n            pageInput.value =\n              pageUrl;\n          }\n\n\n          if(message){\n            message.textContent =\n              'Thank you! Your enquiry has been sent.';\n\n            message.classList.add(\n              'is-visible',\n              'is-success'\n            );\n          }\n\n\n          if(submitLabel){\n            submitLabel.textContent =\n              '\u2713 Enquiry sent';\n          }\n\n\n          window.setTimeout(function(){\n\n            if(submitLabel){\n              submitLabel.textContent =\n                originalLabel;\n            }\n\n          },4500);\n\n\n        }catch(error){\n\n          if(message){\n            message.textContent =\n              error.message ||\n              'An error occurred. Please try again.';\n\n            message.classList.add(\n              'is-visible',\n              'is-error'\n            );\n          }\n\n          if(submitLabel){\n            submitLabel.textContent =\n              originalLabel;\n          }\n\n        }finally{\n\n          if(submit){\n            submit.disabled = false;\n          }\n        }\n      });\n    }\n  }\n\n\n  if(document.readyState === 'loading'){\n    document.addEventListener(\n      'DOMContentLoaded',\n      initWdmfInquiry\n    );\n  }else{\n    initWdmfInquiry();\n  }\n\n\n  if(window.jQuery){\n    window.jQuery(window).on(\n      'elementor\/frontend\/init',\n      function(){\n        setTimeout(\n          initWdmfInquiry,\n          150\n        );\n      }\n    );\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f71d4fa e-con e-atomic-element e-flexbox-base e-default-div e-f71d4fa-1e75a57 \" data-id=\"f71d4fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f71d4fa\" data-e-type=\"e-flexbox\" data-id=\"f71d4fa\">\n    \t\t<div class=\"elementor-element elementor-element-e3b9abf elementor-widget elementor-widget-html\" data-id=\"e3b9abf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de \u00b7 Block 05 \u00b7 Portfolio -->\r\n<div id=\"daudzfunkcionalas-majaslapas-portfolio\"><\/div>\r\n<section class=\"wdworks6\" id=\"wdWorks6\">\r\n  <div class=\"wdworks6__inner\">\r\n\r\n    <header class=\"wdworks6__head wdworks6__reveal\">\r\n      <div class=\"wdworks6__kicker\">\r\n        <b>05<\/b><i><\/i><span>OUR PROJECTS<\/span>\r\n      <\/div>\r\n      <div class=\"wdworks6__headrow\">\r\n        <div>\r\n          <h2>Websites we have built<span>for rentals, travel and vehicle sales.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n        <div class=\"wdworks6__lead\">\r\n          <p>These projects show different examples of multifunctional website development, including manageable catalogues, booking enquiries and CRM integrations. Each description outlines the work delivered for that website.<\/p>\r\n          <a href=\"\/musu-darbi\/\">View full portfolio<b>\u2197<\/b><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"wdworks6__filterbar\" aria-label=\"Types of portfolio projects\">\r\n      <span>PROJECT FEATURES<\/span>\r\n      <div>\r\n        <b>Bookings<\/b><b>CRM \/ API<\/b><b>Vehicle catalogues<\/b><b>Travel<\/b>\r\n        <b>Custom development<\/b><b>Multiple languages<\/b>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wdworks6__grid\">\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.08s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">baumsrent.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/baumsrent-1.webp\" alt=\"Multifunctional website development \u2014 Baumsrent.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">01<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Baumsrent.lv<\/h3>\r\n            <p>Equipment rental website<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Rentals<\/span><span>WordPress<\/span><span>Design<\/span><span>SEO<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An equipment rental website with a structured catalogue, custom design and content management through WordPress.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Baumsrent.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.10s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">alextrans.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/08\/alextrans.webp\"\r\n    alt=\"AlexTrans.lv\"\r\n    loading=\"lazy\"\r\n  >\r\n<\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">02<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>AlexTrans.lv<\/h3>\r\n            <p>Vehicle sales catalogue<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Vehicle catalogue<\/span><span>WordPress<\/span><span>Design<\/span><span>Catalogue<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A company website with a vehicle catalogue. Staff can add vehicles, enter their details and publish listings through the administration area.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open AlexTrans.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.12s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/ozolciems.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">ozolciems.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/ozolciems.webp\" alt=\"Ozolciems.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">03<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Ozolciems.lv<\/h3>\r\n            <p>Travel website with CRM integration<\/p>\r\n            <div class=\"wdworks6__tags\"><span>CRM integration<\/span><span>Travel<\/span><span>SEO<\/span><span>Multiple languages<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A travel company website with custom design, CRM integration, SEO setup and an additional language version.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/ozolciems.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Ozolciems.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal wdworks6__extra\" style=\"--d:.14s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/sventesrasa.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">sventesrasa.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/sventesrasa.webp\" alt=\"Sventesrasa.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">04<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Sventesrasa.lv<\/h3>\r\n            <p>Accommodation website<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Booking.com<\/span><span>Accommodation<\/span><span>SEO<\/span><span>Multiple languages<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An accommodation website with cabin information, multiple languages and a Booking.com connection. The design follows the client\u2019s chosen colours and includes SEO setup.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/sventesrasa.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Sventesrasa.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal wdworks6__extra\" style=\"--d:.16s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/jekabtur.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">jekabtur.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <div class=\"wdworks6__placeholder\">\r\n                <span>PROJECT IN DEVELOPMENT<\/span>\r\n                <strong>Jekabtur.lv<\/strong>\r\n                <small>An image will be added when the project is complete<\/small>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">05<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Jekabtur.lv<\/h3>\r\n            <p>Travel and tour website<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Tours<\/span><span>PDF files<\/span><span>Booking enquiries<\/span><span>In development<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A travel website where staff can add tours, upload PDF itineraries and receive booking enquiries by email. The project is still being developed.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/jekabtur.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Jekabtur.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal wdworks6__extra\" style=\"--d:.18s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/www.unforgettableweek.com\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">unforgettableweek.com<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/unforgetabble.webp\" alt=\"Unforgettableweek.com\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">06<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Unforgettableweek.com<\/h3>\r\n            <p>Travel booking website<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Travel<\/span><span>Bookings<\/span><span>WordPress<\/span><span>Design<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A website for trips in Portugal, with tour descriptions, custom design and a booking option.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/www.unforgettableweek.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Unforgettableweek.com\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"wdworks6__card wdworks6__reveal wdworks6__extra\" style=\"--d:.20s\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/carcloud.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">carcloud.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/carcloud.webp\" alt=\"Carcloud.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website<b>\u2197<\/b><\/span>\r\n        <\/a>\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">07<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Carcloud.lv<\/h3>\r\n            <p>Vehicle catalogue<\/p>\r\n            <div class=\"wdworks6__tags\"><span>Vehicle listings<\/span><span>Catalogue<\/span><span>Design<\/span><span>WordPress<\/span><\/div>\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A vehicle catalogue with custom design and structured vehicle fields, allowing listings to be published and managed through WordPress.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/carcloud.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Carcloud.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"wdworks6__morewrap wdworks6__reveal\" style=\"--d:.20s\">\r\n      <button class=\"wdworks6__morebutton\" type=\"button\" id=\"wdWorks6More\" aria-expanded=\"false\">\r\n        <span class=\"wdworks6__morelabel\">View more projects<\/span><b>\u2193<\/b>\r\n      <\/button>\r\n      <a href=\"\/musu-darbi\/\" class=\"wdworks6__portfolio\">View full portfolio<span>\u2197<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"wdworks6__request\">\r\n      <div>\r\n        <small>PLANNING A SIMILAR PROJECT?<\/small>\r\n        <h3>Tell us which features your website needs.<\/h3>\r\n        <p>Share examples, the systems you use and the data you need to manage. We will assess the WordPress features, integrations and scope required.<\/p>\r\n      <\/div>\r\n      <a href=\"\/kontakti\/\"><span>Discuss your project<\/span><b>\u2192<\/b><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wdworks6,\r\n.wdworks6 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wdworks6 a {\r\n  text-decoration: none;\r\n}\r\n\r\n.wdworks6 button {\r\n  font: inherit;\r\n}\r\n\r\n.wdworks6 {\r\n  --o: #ff5033;\r\n  --ink: #171717;\r\n  --txt: #686864;\r\n  --line: #deded9;\r\n  --bg: #f7f7f4;\r\n\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n.wdworks6__inner {\r\n  width: min(calc(100% - 48px), 1390px);\r\n  margin: auto;\r\n  padding: 92px 0 76px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdworks6__kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n\r\n  color: #858581;\r\n}\r\n\r\n.wdworks6__kicker b {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6__kicker i {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: #c9c9c4;\r\n}\r\n\r\n.wdworks6__head {\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.wdworks6__headrow {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(330px,.85fr);\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n}\r\n\r\n.wdworks6__head h2 {\r\n  margin: 0;\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      3.8vw,\r\n      61px\r\n    );\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.wdworks6__head h2 span {\r\n  display: block;\r\n  color: #9e9e99;\r\n}\r\n\r\n.wdworks6__lead p {\r\n  max-width: 500px;\r\n  margin: 0;\r\n\r\n  color: var(--txt);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n.wdworks6__lead > a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n  margin-top: 19px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom: 1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__lead > a b {\r\n  color: var(--o);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wdworks6__grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:\r\n    22px 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wdworks6__card {\r\n  min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL \/ MOCKUP\r\n========================================================= *\/\r\n\r\n.wdworks6__visual {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  padding:\r\n    20px 20px 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid #dfdfda;\r\n\r\n  border-radius: 18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #efefeb,\r\n      #e7e7e2\r\n    );\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.22,1,.36,1),\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+2)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f3eee9,\r\n      #e9e5df\r\n    );\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+3)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ecefed,\r\n      #e1e5e2\r\n    );\r\n}\r\n\r\n.wdworks6__visual:hover {\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 22px 45px\r\n    rgba(0,0,0,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BROWSER\r\n========================================================= *\/\r\n\r\n.wdworks6__browser {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius:\r\n    11px 11px 0 0;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 16px 36px\r\n    rgba(0,0,0,.13);\r\n\r\n  transform:\r\n    translateY(1px);\r\n\r\n  transition:\r\n    transform .45s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__browser {\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.wdworks6__bar {\r\n  height: 31px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px 1fr 58px;\r\n\r\n  align-items: center;\r\n\r\n  border-bottom:\r\n    1px solid #ededeb;\r\n\r\n  background: #fafafa;\r\n\r\n  padding:\r\n    0 9px;\r\n}\r\n\r\n.wdworks6__dots {\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.wdworks6__dots i {\r\n  display: block;\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #c9c9c5;\r\n}\r\n\r\n.wdworks6__address {\r\n  justify-self: center;\r\n\r\n  max-width: 150px;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-align: center;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCREEN\r\n========================================================= *\/\r\n\r\n.wdworks6__screen {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 10;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.wdworks6__screen img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: top center;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__screen img {\r\n  transform:\r\n    scale(1.018);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISIT BADGE\r\n========================================================= *\/\r\n\r\n.wdworks6__visit {\r\n  position: absolute;\r\n\r\n  right: 29px;\r\n  bottom: 18px;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 39px;\r\n\r\n  padding:\r\n    0 7px\r\n    0 13px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(0,0,0,.1);\r\n\r\n  color: #1b1b19;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(6px);\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.wdworks6__visit b {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__visit {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n.wdworks6__info {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    25px\r\n    minmax(0,1fr)\r\n    38px;\r\n\r\n  gap: 12px;\r\n\r\n  padding:\r\n    19px 2px 6px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n.wdworks6__num {\r\n  padding-top: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n.wdworks6__copy h3 {\r\n  margin: 0;\r\n\r\n  color: #181818;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.wdworks6__copy p {\r\n  margin:\r\n    6px 0 0;\r\n\r\n  color: #777773;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.wdworks6__tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 12px;\r\n}\r\n\r\n.wdworks6__tags span {\r\n  padding:\r\n    5px 7px;\r\n\r\n  border:\r\n    1px solid #dcdcd7;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.55);\r\n\r\n  color: #777773;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT WORK DONE\r\n========================================================= *\/\r\n\r\n.wdworks6__done {\r\n  margin-top: 14px;\r\n  max-width: 320px;\r\n}\r\n\r\n.wdworks6__done small {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 8px;\r\n  line-height: 1;\r\n  font-weight: 850;\r\n  letter-spacing: .75px;\r\n}\r\n\r\n.wdworks6__done p {\r\n  margin: 0;\r\n\r\n  color: #666662;\r\n\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  font-weight: 550;\r\n}\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.wdworks6__arrow {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  border:\r\n    1px solid #d2d2cd;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 12px;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.wdworks6__arrow:hover {\r\n  background: var(--o);\r\n\r\n  border-color: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  transform:\r\n    translate(2px,-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA ROW\r\n========================================================= *\/\r\n\r\n.wdworks6__extra {\r\n  display: none;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(18px);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__extra {\r\n  display: block;\r\n\r\n  animation:\r\n    wdworks6ExtraIn\r\n    .55s\r\n    cubic-bezier(.22,1,.36,1)\r\n    forwards;\r\n}\r\n\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(4){animation-delay:.03s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(5){animation-delay:.06s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(6){animation-delay:.09s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(7){animation-delay:.12s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(8){animation-delay:.15s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(9){animation-delay:.18s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(10){animation-delay:.21s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(11){animation-delay:.24s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(12){animation-delay:.27s}\r\n\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(4){animation-delay:0.025s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(5){animation-delay:0.050s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(6){animation-delay:0.075s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(7){animation-delay:0.100s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(8){animation-delay:0.125s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(9){animation-delay:0.150s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(10){animation-delay:0.175s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(11){animation-delay:0.200s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(12){animation-delay:0.225s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(13){animation-delay:0.250s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(14){animation-delay:0.275s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(15){animation-delay:0.300s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(16){animation-delay:0.325s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(17){animation-delay:0.350s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(18){animation-delay:0.375s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(19){animation-delay:0.400s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(20){animation-delay:0.425s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(21){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(22){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(23){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(24){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(25){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(26){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(27){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(28){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(29){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(30){animation-delay:0.450s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(31){animation-delay:0.450s}\r\n\r\n@keyframes wdworks6ExtraIn {\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MORE WRAP\r\n========================================================= *\/\r\n\r\n.wdworks6__morewrap {\r\n  margin-top: 35px;\r\n\r\n  padding:\r\n    25px 0;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOW MORE BUTTON\r\n========================================================= *\/\r\n\r\n.wdworks6__morebutton {\r\n  min-height: 49px;\r\n\r\n  padding:\r\n    0 9px\r\n    0 18px;\r\n\r\n  border:\r\n    1px solid #d3d3ce;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: #fff;\r\n\r\n  color: #20201e;\r\n\r\n  cursor: pointer;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 18px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.wdworks6__morebutton:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  border-color:\r\n    #c5c5c0;\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(0,0,0,.05);\r\n}\r\n\r\n.wdworks6__morebutton b {\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__morebutton b {\r\n  transform:\r\n    rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL PORTFOLIO LINK\r\n========================================================= *\/\r\n\r\n.wdworks6__portfolio {\r\n  display: none;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom:\r\n    1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__portfolio span {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__portfolio {\r\n  display: inline-flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdworks6__reveal {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .7s\r\n    cubic-bezier(.22,1,.36,1),\r\n    transform .7s\r\n    cubic-bezier(.22,1,.36,1);\r\n\r\n  transition-delay:\r\n    var(--d,0s);\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal.is-visible {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdworks6__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdworks6__reveal,\r\n\r\n.elementor-edit-area\r\n.wdworks6__reveal {\r\n  opacity: 1 !important;\r\n\r\n  transform: none !important;\r\n\r\n  transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr\r\n      340px;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 760px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n    padding:\r\n      72px 0\r\n      62px;\r\n  }\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      56px 0\r\n      48px;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    font-size: 10px;\r\n\r\n    margin-bottom: 19px;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 38px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding:\r\n      13px 13px 0;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 27px;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wdworks6__reveal,\r\n  .wdworks6__visual,\r\n  .wdworks6__browser,\r\n  .wdworks6__screen img,\r\n  .wdworks6__extra {\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 PORTFOLIO: SHOW ONLY 1 PROJECT INITIALLY\r\n   Desktop\/tablet remain unchanged.\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width: calc(100% - 28px) !important;\r\n    padding: 48px 0 44px !important;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 26px !important;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    margin-bottom: 16px !important;\r\n    font-size: 9px !important;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 36px !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -1.8px !important;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 14px !important;\r\n    line-height: 1.52 !important;\r\n  }\r\n\r\n  .wdworks6__lead > a {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Initially show only the first project *\/\r\n  .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: none;\r\n  }\r\n\r\n  \/* When expanded, reveal all projects *\/\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: block;\r\n    animation: wdworks6ExtraIn .45s cubic-bezier(.22,1,.36,1) forwards;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding: 11px 11px 0 !important;\r\n    border-radius: 14px !important;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 25px !important;\r\n    grid-template-columns: 46px 1fr 46px !important;\r\n  }\r\n\r\n  .wdworks6__screen {\r\n    aspect-ratio: 16 \/ 9 !important;\r\n  }\r\n\r\n  .wdworks6__info {\r\n    grid-template-columns: minmax(0,1fr) 34px !important;\r\n    gap: 10px !important;\r\n    padding: 14px 2px 2px !important;\r\n  }\r\n\r\n  .wdworks6__num {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 21px !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: -.8px !important;\r\n  }\r\n\r\n  .wdworks6__copy p {\r\n    margin-top: 4px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__tags {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n\r\n  .wdworks6__done {\r\n    margin-top: 10px !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .wdworks6__done small {\r\n    margin-bottom: 4px !important;\r\n    font-size: 7px !important;\r\n  }\r\n\r\n  .wdworks6__done p {\r\n    font-size: 10px !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  .wdworks6__arrow {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    margin-top: 24px !important;\r\n    padding: 20px 0 !important;\r\n    flex-direction: column !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__morebutton {\r\n    width: 100%;\r\n    min-height: 48px !important;\r\n    justify-content: space-between !important;\r\n    padding-left: 16px !important;\r\n  }\r\n\r\n  .wdworks6__portfolio {\r\n    font-size: 12px !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n.wdworks6__placeholder{\r\n  width:100%;height:100%;min-height:100%;\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  padding:24px;text-align:center;background:#f4f4f1;color:#20201e;\r\n}\r\n.wdworks6__placeholder span{\r\n  color:var(--o);font-size:8px;font-weight:850;letter-spacing:1px;\r\n}\r\n.wdworks6__placeholder strong{\r\n  margin-top:9px;font-size:22px;line-height:1.1;letter-spacing:-.8px;\r\n}\r\n.wdworks6__placeholder small{\r\n  margin-top:8px;color:#969690;font-size:9px;\r\n}\r\n.wdworks6__filterbar{\r\n  display:flex;align-items:center;justify-content:space-between;gap:24px;\r\n  margin:-10px 0 32px;padding:16px 0;border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n.wdworks6__filterbar>span{\r\n  color:#858581;font-size:9px;font-weight:850;letter-spacing:1px;\r\n}\r\n.wdworks6__filterbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}\r\n.wdworks6__filterbar b{\r\n  padding:6px 9px;border:1px solid #dcdcd7;border-radius:999px;background:#fff;\r\n  color:#686864;font-size:9px;font-weight:750;\r\n}\r\n.wdworks6__request{\r\n  margin-top:34px;padding:32px 34px;border-radius:22px;background:#111;color:#fff;\r\n  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;\r\n}\r\n.wdworks6__request small{\r\n  display:block;margin-bottom:10px;color:var(--o);font-size:9px;font-weight:900;letter-spacing:1.1px;\r\n}\r\n.wdworks6__request h3{\r\n  max-width:760px;margin:0;font-size:28px;line-height:1.15;letter-spacing:-1px;\r\n}\r\n.wdworks6__request p{\r\n  max-width:760px;margin:12px 0 0;color:#b9b9b5;font-size:13px;line-height:1.65;\r\n}\r\n.wdworks6__request>a{\r\n  min-width:270px;min-height:54px;padding:0 10px 0 17px;border-radius:11px;background:#fff;\r\n  display:flex;align-items:center;justify-content:space-between;gap:18px;color:#111;\r\n  font-size:12px;font-weight:850;\r\n}\r\n.wdworks6__request>a b{\r\n  width:34px;height:34px;border-radius:8px;background:var(--o);color:#fff;\r\n  display:grid;place-items:center;\r\n}\r\n@media(max-width:760px){\r\n  .wdworks6__filterbar{align-items:flex-start;flex-direction:column}\r\n  .wdworks6__filterbar>div{justify-content:flex-start}\r\n  .wdworks6__request{grid-template-columns:1fr;gap:22px;padding:25px 22px}\r\n  .wdworks6__request h3{font-size:24px}\r\n  .wdworks6__request>a{min-width:0;width:100%}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initWDWorks6(){\r\n\r\n    var section =\r\n      document.getElementById(\"wdWorks6\");\r\n\r\n    var more =\r\n      document.getElementById(\"wdWorks6More\");\r\n\r\n    if(\r\n      !section ||\r\n      section.dataset.wdInit === \"1\"\r\n    ){\r\n      return;\r\n    }\r\n\r\n    section.dataset.wdInit = \"1\";\r\n\r\n\r\n    \/* =====================================================\r\n       SHOW MORE\r\n    ====================================================== *\/\r\n\r\n\r\n    if(more && window.matchMedia && window.matchMedia(\"(max-width: 620px)\").matches){\r\n      var initialLabel = more.querySelector(\".wdworks6__morelabel\");\r\n      if(initialLabel){\r\n        initialLabel.textContent = \"View more projects\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n    if(more){\r\n\r\n      more.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n          var expanded =\r\n            section.classList.toggle(\r\n              \"is-expanded\"\r\n            );\r\n\r\n          more.setAttribute(\r\n            \"aria-expanded\",\r\n            expanded ? \"true\" : \"false\"\r\n          );\r\n\r\n\r\n          var label =\r\n            more.querySelector(\r\n              \".wdworks6__morelabel\"\r\n            );\r\n\r\n          if(label){\r\n\r\n            var isMobile =\r\n              window.matchMedia &&\r\n              window.matchMedia(\"(max-width: 620px)\").matches;\r\n\r\n            label.textContent =\r\n              expanded\r\n                ? (isMobile\r\n                    ? \"Show fewer projects\"\r\n                    : \"Show fewer projects\")\r\n                : (isMobile\r\n                    ? \"View more projects\"\r\n                    : \"View more projects\");\r\n\r\n          }\r\n\r\n\r\n          \/*\r\n           * When closing:\r\n           * scroll gently back toward button if necessary.\r\n           *\/\r\n\r\n          if(!expanded){\r\n\r\n            var rect =\r\n              more.getBoundingClientRect();\r\n\r\n            if(rect.top < 100){\r\n\r\n              more.scrollIntoView({\r\n                behavior:\"smooth\",\r\n                block:\"center\"\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REVEAL\r\n    ====================================================== *\/\r\n\r\n    var editor =\r\n      document.body.classList.contains(\r\n        \"elementor-editor-active\"\r\n      )\r\n      ||\r\n      document.body.classList.contains(\r\n        \"elementor-editor-preview\"\r\n      );\r\n\r\n\r\n    if(editor){\r\n      return;\r\n    }\r\n\r\n\r\n    var items =\r\n      section.querySelectorAll(\r\n        \".wdworks6__reveal\"\r\n      );\r\n\r\n\r\n    if(!items.length){\r\n      return;\r\n    }\r\n\r\n\r\n    section.classList.add(\r\n      \"wdworks6--animate\"\r\n    );\r\n\r\n\r\n    if(\r\n      !(\r\n        \"IntersectionObserver\"\r\n        in window\r\n      )\r\n    ){\r\n\r\n      items.forEach(\r\n        function(el){\r\n\r\n          el.classList.add(\r\n            \"is-visible\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    var io =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(\r\n                entry.isIntersecting\r\n              ){\r\n\r\n                entry.target\r\n                  .classList\r\n                  .add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                io.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08,\r\n          rootMargin:\r\n            \"0px 0px -20px 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    items.forEach(\r\n      function(el){\r\n\r\n        io.observe(el);\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initWDWorks6\r\n    );\r\n\r\n  }else{\r\n\r\n    initWDWorks6();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function(){\r\n\r\n        setTimeout(\r\n          initWDWorks6,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-87feebf e-con e-atomic-element e-flexbox-base e-default-div e-87feebf-0e0cf25 \" data-id=\"87feebf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"87feebf\" data-e-type=\"e-flexbox\" data-id=\"87feebf\">\n    \t\t<div class=\"elementor-element elementor-element-960c8a2 elementor-widget elementor-widget-html\" data-id=\"960c8a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WebDigital \u00b7 Daudzfunkcion\u0101las m\u0101jaslapas izstr\u0101de\r\n     Block 06 \u00b7 FAQ + CTA\r\n========================================================= -->\r\n\r\n<div id=\"daudzfunkcionalas-majaslapas-faq\"><\/div>\r\n\r\n<section class=\"wdfaq6\" id=\"wdFaq6\">\r\n\r\n  <div class=\"wdfaq6__inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <header class=\"wdfaq6__head wdfaq6__reveal\">\r\n\r\n      <div class=\"wdfaq6__kicker\">\r\n        <b>06<\/b>\r\n        <i><\/i>\r\n        <span>QUESTIONS AND ANSWERS<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wdfaq6__headrow\">\r\n\r\n        <div>\r\n          <h2>Before development starts<span>clarify the scope and terms.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"wdfaq6__lead\">\r\n          <p>Multifunctional website development is a custom project. Here are answers about costs, timelines, CRM integrations, WordPress management and support after launch.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN GRID\r\n    ====================================================== -->\r\n\r\n    <div class=\"wdfaq6__grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           LEFT \u00b7 FAQ\r\n      ==================================================== -->\r\n\r\n      <div class=\"wdfaq6__faq wdfaq6__reveal\" style=\"--d:.06s\">\r\n\r\n\r\n        <!-- ITEM 01 -->\r\n\r\n        <div class=\"wdfaq6__item is-open\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"true\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">01<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">How much does multifunctional website development cost?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>The price depends on the complexity of the features, design, integrations, data migration and language versions. To prepare a proposal, we clarify who will use the website, which data it must handle and which systems need to connect. The proposal sets out the scope, timeline and costs. WordPress plugin licences, CRM subscriptions and API usage fees are agreed separately. If the requirements are still developing, we can first define and estimate an initial development stage.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 02 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">02<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">How long does development take?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>We estimate the timeline after reviewing the requirements and the capabilities of external systems. A single module needs a different amount of work from a website with customer accounts, calculations and several integrations. The plan also covers design approval, content preparation, testing and your final review. API access, missing data or changes to requirements can affect delivery. For larger projects, we can agree on a first release and develop the remaining modules in stages.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 03 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">03<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">Can WordPress connect to our CRM and other systems?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>Yes, if the platform provides the required API or another supported data exchange method. Before development, we check its documentation, access requirements, available fields and request limits. We agree whether data should flow from the website to the CRM, back to the website or both ways. For example, an enquiry can create a CRM contact while availability comes from a booking system. The integration also needs error handling and checks so failed transfers can be identified.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 04 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">04<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">Does a booking system need custom development?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>Not always. A suitable WordPress plugin may cover standard bookings and can be configured to fit your website. Custom development is useful when you need special pricing rules, availability across several resources, user roles or unusual CRM and API connections. We compare features, licence costs and maintenance requirements before choosing an approach. Booking confirmation, cancellations, payment rules and notifications also need to be defined because they determine how the system should work in practice.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 05 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">05<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">Can you add features to an existing website?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>Yes, after reviewing the existing WordPress website, including its versions, theme, plugins, data structure and access. This shows whether the new feature can be added safely or preparatory work is needed. Changes to data or integrations should include a backup and testing in a separate environment. New modules, languages and CRM connections can be planned in stages. Our proposal separates any necessary work on the existing website from the development of the new features.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 06 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">06<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">What will our team be able to manage?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>The manageable data is defined in the project requirements. It usually includes text, images, catalogue entries, prices, offers and bookings if a booking module is included. We provide the relevant WordPress fields and access roles, demonstrate the main tasks at handover and provide the guidance needed. Changes to calculation rules, data structures or integration logic may require a developer. Routine content management and changes to the underlying code are different tasks, so we clarify that distinction before delivery.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEM 07 -->\r\n\r\n        <div class=\"wdfaq6__item\">\r\n\r\n          <button\r\n            class=\"wdfaq6__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"wdfaq6__qnum\">07<\/span>\r\n\r\n            <span class=\"wdfaq6__qtext\">What do maintenance and SEO include after launch?<\/span>\r\n\r\n            <span class=\"wdfaq6__plus\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"wdfaq6__answer\">\r\n            <div>\r\n              <p>The maintenance scope is agreed separately. It can include WordPress and plugin updates, backups, security checks and technical fixes. Websites with CRM or booking integrations also need data exchange checks after significant changes. SEO work can cover page structure, headings, metadata, indexability checks and content improvements. Search rankings cannot be guaranteed by a single setting or a plugin score. New features and third-party licences are agreed separately from routine maintenance, so you know which work is included.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           RIGHT \u00b7 CONTACT\r\n      ==================================================== -->\r\n\r\n      <aside class=\"wdfaq6__contact wdfaq6__reveal\" style=\"--d:.12s\">\r\n\r\n        <div class=\"wdfaq6__contacttop\">\r\n\r\n          <small>TELL US ABOUT YOUR PROJECT<\/small>\r\n\r\n          <h3>Which features does your website need?<\/h3>\r\n\r\n          <p>Share your website, the actions customers need to take and the systems you use. We will help clarify the requirements and prepare a proposal.<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <form\r\n          class=\"wdfaq6__form\"\r\n          id=\"wdFaqContactForm\"\r\n          action=\"\/kontakti\/\"\r\n          method=\"get\"\r\n        >\r\n\r\n\r\n          <div class=\"wdfaq6__field\">\r\n            <label for=\"wdFaqName\">Name \/ company<\/label>\r\n\r\n            <input\r\n              id=\"wdFaqName\"\r\n              type=\"text\"\r\n              name=\"vards\"\r\n              placeholder=\"Your name or company\"\r\n              required\r\n            >\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wdfaq6__row\">\r\n\r\n            <div class=\"wdfaq6__field\">\r\n              <label for=\"wdFaqEmail\">Email<\/label>\r\n\r\n              <input\r\n                id=\"wdFaqEmail\"\r\n                type=\"email\"\r\n                name=\"epasts\"\r\n                placeholder=\"Email\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdfaq6__field\">\r\n              <label for=\"wdFaqPhone\">Phone<\/label>\r\n\r\n              <input\r\n                id=\"wdFaqPhone\"\r\n                type=\"tel\"\r\n                name=\"talrunis\"\r\n                placeholder=\"+371\"\r\n              >\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wdfaq6__field\">\r\n\r\n            <label for=\"wdFaqProject\">Project details<\/label>\r\n\r\n            <textarea\r\n              id=\"wdFaqProject\"\r\n              name=\"projekts\"\r\n              rows=\"5\"\r\n              placeholder=\"What functionality do you need?\"\r\n              required\r\n            ><\/textarea>\r\n\r\n          <\/div>\r\n\r\n\r\n          <button\r\n            class=\"wdfaq6__submit\"\r\n            type=\"submit\"\r\n          >\r\n            <span>Request a proposal<\/span>\r\n            <b>\u2192<\/b>\r\n          <\/button>\r\n\r\n\r\n          <div class=\"wdfaq6__formnote\">\r\n\r\n            <span class=\"wdfaq6__status\"><\/span>\n<script>\n(function () {\n  'use strict';\n  function init() {\n    var form = document.getElementById('wdFaqContactForm');\n    if (!form || form.dataset.wdAjaxReady === '1') return;\n    form.dataset.wdAjaxReady = '1';\n    var language = (document.documentElement.lang || '').toLowerCase();\n    var lang = language.indexOf('ru') === 0 ? 'ru' : language.indexOf('en') === 0 ? 'en' : 'lv';\n    var copy = {\n      lv: {sending:'Nos\u016bt\u0101m\u2026', success:'Paldies! J\u016bsu piepras\u012bjums ir nos\u016bt\u012bts.', error:'Neizdev\u0101s nos\u016bt\u012bt piepras\u012bjumu. L\u016bdzu, m\u0113\u0123iniet v\u0113lreiz vai rakstiet uz info@webdigital.lv.', unavailable:'Forma pa\u0161laik nav pieejama. P\u0101rl\u0101d\u0113jiet lapu vai rakstiet uz info@webdigital.lv.'},\n      en: {sending:'Sending\u2026', success:'Thank you! Your enquiry has been sent.', error:'Your enquiry could not be sent. Please try again or email info@webdigital.lv.', unavailable:'The form is currently unavailable. Please reload the page or email info@webdigital.lv.'},\n      ru: {sending:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u2026', success:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430.', error:'\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 info@webdigital.lv.', unavailable:'\u0424\u043e\u0440\u043c\u0430 \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 info@webdigital.lv.'}\n    }[lang];\n    var status = form.querySelector('.wdfaq6__status');\n    status.setAttribute('role', 'status');\n    status.setAttribute('aria-live', 'polite');\n    function show(type, text) {\n      status.textContent = text;\n      status.style.display = 'block';\n      status.style.width = '100%';\n      status.style.height = 'auto';\n      status.style.borderRadius = '0';\n      status.style.background = 'transparent';\n      status.style.color = type === 'error' ? '#b8371c' : '#276749';\n    }\n    form.addEventListener('submit', async function (event) {\n      event.preventDefault();\n      if (form.dataset.submitting === '1') return;\n      if (!form.checkValidity()) {form.reportValidity(); return;}\n      var config = window.WD_FINAL_FORM;\n      if (!config || !config.ajax_url || !config.nonce) {show('error', copy.unavailable); return;}\n      var data = new FormData(form);\n      data.set('name', data.get('vards') || '');\n      data.set('email', data.get('epasts') || '');\n      data.set('phone', data.get('talrunis') || '');\n      data.set('message', (data.get('projekts') || '') + '\\n\\n' + window.location.href);\n      ['vards','epasts','talrunis','projekts'].forEach(function (key) {data.delete(key);});\n      data.set('action', 'wd_final_contact');\n      data.set('nonce', config.nonce);\n      data.set('service', 'majaslapa');\n      var button = form.querySelector('button[type=\"submit\"]');\n      var label = button.querySelector('span');\n      var original = label.textContent;\n      form.dataset.submitting = '1';\n      button.disabled = true;\n      label.textContent = copy.sending;\n      status.textContent = '';\n      try {\n        var response = await fetch(config.ajax_url, {method:'POST', credentials:'same-origin', body:data});\n        var result = await response.json();\n        if (!response.ok || !result || result.success !== true) {\n          show('error', result && result.data && result.data.message || copy.error);\n          return;\n        }\n        show('success', copy.success);\n        form.reset();\n      } catch (error) {show('error', copy.error);}\n      finally {form.dataset.submitting = '0'; button.disabled = false; label.textContent = original;}\n    });\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init, {once:true});\n  else init();\n})();\n\n<\/script>\n\r\n\r\n            <p>We will review your enquiry and contact you to clarify the requirements.<\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/form>\r\n\r\n\r\n        <div class=\"wdfaq6__contactbottom\">\r\n\r\n          <span>Prefer to discuss your idea first?<\/span>\r\n\r\n          <a href=\"\/kontakti\/\">Contact us<b>\u2197<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wdfaq6,\r\n.wdfaq6 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.wdfaq6 {\r\n\r\n  --o: #ff5033;\r\n  --ink: #171717;\r\n  --txt: #686864;\r\n  --line: #deded9;\r\n  --bg: #f7f7f4;\r\n\r\n  width: 100%;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--bg);\r\n\r\n  color: var(--ink);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Arial,\r\n    sans-serif;\r\n}\r\n\r\n\r\n.wdfaq6 button,\r\n.wdfaq6 input,\r\n.wdfaq6 textarea {\r\n  font: inherit;\r\n}\r\n\r\n\r\n.wdfaq6 a {\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.wdfaq6__inner {\r\n\r\n  width:\r\n    min(\r\n      calc(100% - 48px),\r\n      1390px\r\n    );\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding:\r\n    96px 0\r\n    100px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdfaq6__head {\r\n  margin-bottom: 52px;\r\n}\r\n\r\n\r\n.wdfaq6__kicker {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  color: #858581;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n.wdfaq6__kicker b {\r\n  color: var(--o);\r\n}\r\n\r\n\r\n.wdfaq6__kicker i {\r\n\r\n  display: block;\r\n\r\n  width: 30px;\r\n  height: 1px;\r\n\r\n  background: #c9c9c4;\r\n}\r\n\r\n\r\n.wdfaq6__headrow {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(330px,.85fr);\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n}\r\n\r\n\r\n.wdfaq6__head h2 {\r\n\r\n  margin: 0;\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      3.8vw,\r\n      61px\r\n    );\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n\r\n.wdfaq6__head h2 span {\r\n\r\n  display: block;\r\n\r\n  color: #9e9e99;\r\n}\r\n\r\n\r\n.wdfaq6__lead p {\r\n\r\n  max-width: 510px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--txt);\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.65;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wdfaq6__grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(390px,.72fr);\r\n\r\n  gap: 74px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.wdfaq6__faq {\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n}\r\n\r\n\r\n.wdfaq6__item {\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n}\r\n\r\n\r\n.wdfaq6__question {\r\n\r\n  width: 100%;\r\n\r\n  min-height: 87px;\r\n\r\n  padding:\r\n    23px 0;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    36px\r\n    minmax(0,1fr)\r\n    38px;\r\n\r\n  gap: 14px;\r\n\r\n  align-items: center;\r\n\r\n  border: 0;\r\n\r\n  background: transparent;\r\n\r\n  color: var(--ink);\r\n\r\n  text-align: left;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.wdfaq6__qnum {\r\n\r\n  align-self: start;\r\n\r\n  padding-top: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\r\n.wdfaq6__qtext {\r\n\r\n  max-width: 650px;\r\n\r\n  font-size: 21px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -.6px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PLUS\r\n========================================================= *\/\r\n\r\n.wdfaq6__plus {\r\n\r\n  position: relative;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  border:\r\n    1px solid #d2d2cd;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n.wdfaq6__plus::before,\r\n.wdfaq6__plus::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  top: 50%;\r\n\r\n  width: 11px;\r\n  height: 1px;\r\n\r\n  background: var(--o);\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .25s ease;\r\n}\r\n\r\n\r\n.wdfaq6__plus::after {\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(90deg);\r\n}\r\n\r\n\r\n.wdfaq6__item.is-open\r\n.wdfaq6__plus {\r\n\r\n  background:\r\n    var(--o);\r\n\r\n  border-color:\r\n    var(--o);\r\n\r\n  transform:\r\n    rotate(180deg);\r\n}\r\n\r\n\r\n.wdfaq6__item.is-open\r\n.wdfaq6__plus::before {\r\n\r\n  background:\r\n    #fff;\r\n}\r\n\r\n\r\n.wdfaq6__item.is-open\r\n.wdfaq6__plus::after {\r\n\r\n  background:\r\n    #fff;\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER\r\n========================================================= *\/\r\n\r\n.wdfaq6__answer {\r\n\r\n  display: grid;\r\n\r\n  grid-template-rows:\r\n    0fr;\r\n\r\n  opacity: 0;\r\n\r\n  transition:\r\n    grid-template-rows .4s\r\n    cubic-bezier(.22,1,.36,1),\r\n    opacity .3s ease;\r\n}\r\n\r\n\r\n.wdfaq6__answer > div {\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n.wdfaq6__answer p {\r\n\r\n  max-width: 680px;\r\n\r\n  margin:\r\n    0 50px\r\n    26px\r\n    50px;\r\n\r\n  color: #6d6d69;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n.wdfaq6__item.is-open\r\n.wdfaq6__answer {\r\n\r\n  grid-template-rows:\r\n    1fr;\r\n\r\n  opacity: 1;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT CARD\r\n========================================================= *\/\r\n\r\n.wdfaq6__contact {\r\n\r\n  position: sticky;\r\n\r\n  top: 30px;\r\n\r\n  padding:\r\n    36px;\r\n\r\n  border-radius:\r\n    24px;\r\n\r\n  background:\r\n    #171717;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  box-shadow:\r\n    0 30px 70px\r\n    rgba(0,0,0,.11);\r\n}\r\n\r\n\r\n.wdfaq6__contacttop small {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing:\r\n    1.2px;\r\n}\r\n\r\n\r\n.wdfaq6__contacttop h3 {\r\n\r\n  max-width: 470px;\r\n\r\n  margin: 0;\r\n\r\n  font-size:\r\n    clamp(\r\n      29px,\r\n      2.3vw,\r\n      38px\r\n    );\r\n\r\n  line-height: 1.08;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing:\r\n    -1.7px;\r\n}\r\n\r\n\r\n.wdfaq6__contacttop p {\r\n\r\n  margin:\r\n    18px 0\r\n    28px;\r\n\r\n  color:\r\n    #adada9;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.65;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.wdfaq6__form {\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap: 14px;\r\n}\r\n\r\n\r\n.wdfaq6__row {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n\r\n.wdfaq6__field {\r\n\r\n  display: flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap: 7px;\r\n}\r\n\r\n\r\n.wdfaq6__field label {\r\n\r\n  color:\r\n    #9d9d99;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    .6px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n\r\n.wdfaq6__field input,\r\n.wdfaq6__field textarea {\r\n\r\n  width: 100%;\r\n\r\n  border:\r\n    1px solid\r\n    #383835;\r\n\r\n  border-radius:\r\n    10px;\r\n\r\n  outline: none;\r\n\r\n  background:\r\n    #222220;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    550;\r\n\r\n  transition:\r\n    border-color .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.wdfaq6__field input {\r\n\r\n  height: 49px;\r\n\r\n  padding:\r\n    0 14px;\r\n}\r\n\r\n\r\n.wdfaq6__field textarea {\r\n\r\n  min-height:\r\n    125px;\r\n\r\n  padding:\r\n    14px;\r\n\r\n  resize:\r\n    vertical;\r\n}\r\n\r\n\r\n.wdfaq6__field input::placeholder,\r\n.wdfaq6__field textarea::placeholder {\r\n\r\n  color:\r\n    #777773;\r\n}\r\n\r\n\r\n.wdfaq6__field input:focus,\r\n.wdfaq6__field textarea:focus {\r\n\r\n  border-color:\r\n    #696963;\r\n\r\n  background:\r\n    #272725;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.wdfaq6__submit {\r\n\r\n  width:\r\n    100%;\r\n\r\n  min-height:\r\n    57px;\r\n\r\n  margin-top:\r\n    3px;\r\n\r\n  padding:\r\n    0 10px\r\n    0 18px;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-radius:\r\n    11px;\r\n\r\n  background:\r\n    #fff;\r\n\r\n  color:\r\n    #171717;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    850;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n\r\n.wdfaq6__submit:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 12px 30px\r\n    rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n.wdfaq6__submit b {\r\n\r\n  width:\r\n    37px;\r\n\r\n  height:\r\n    37px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  border-radius:\r\n    8px;\r\n\r\n  background:\r\n    var(--o);\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    14px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORM NOTE\r\n========================================================= *\/\r\n\r\n.wdfaq6__formnote {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    8px;\r\n\r\n  margin-top:\r\n    2px;\r\n}\r\n\r\n\r\n.wdfaq6__status {\r\n\r\n  width:\r\n    7px;\r\n\r\n  height:\r\n    7px;\r\n\r\n  flex:\r\n    0 0 7px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    #42c985;\r\n\r\n  box-shadow:\r\n    0 0 0\r\n    4px\r\n    rgba(66,201,133,.10);\r\n}\r\n\r\n\r\n.wdfaq6__formnote p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #858581;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    650;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT BOTTOM\r\n========================================================= *\/\r\n\r\n.wdfaq6__contactbottom {\r\n\r\n  margin-top:\r\n    28px;\r\n\r\n  padding-top:\r\n    20px;\r\n\r\n  border-top:\r\n    1px solid\r\n    #333330;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n}\r\n\r\n\r\n.wdfaq6__contactbottom span {\r\n\r\n  color:\r\n    #858581;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  line-height:\r\n    1.4;\r\n}\r\n\r\n\r\n.wdfaq6__contactbottom a {\r\n\r\n  flex:\r\n    0 0 auto;\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n}\r\n\r\n\r\n.wdfaq6__contactbottom a b {\r\n  color: var(--o);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdfaq6__reveal {\r\n\r\n  opacity:\r\n    1;\r\n\r\n  transform:\r\n    none;\r\n}\r\n\r\n\r\n.wdfaq6.wdfaq6--animate\r\n.wdfaq6__reveal {\r\n\r\n  opacity:\r\n    0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .7s\r\n    cubic-bezier(.22,1,.36,1),\r\n    transform .7s\r\n    cubic-bezier(.22,1,.36,1);\r\n\r\n  transition-delay:\r\n    var(--d,0s);\r\n}\r\n\r\n\r\n.wdfaq6.wdfaq6--animate\r\n.wdfaq6__reveal.is-visible {\r\n\r\n  opacity:\r\n    1;\r\n\r\n  transform:\r\n    none;\r\n}\r\n\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdfaq6__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdfaq6__reveal,\r\n\r\n.elementor-edit-area\r\n.wdfaq6__reveal {\r\n\r\n  opacity:\r\n    1 !important;\r\n\r\n  transform:\r\n    none !important;\r\n\r\n  transition:\r\n    none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media\r\n(max-width: 1050px) {\r\n\r\n  .wdfaq6__grid {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      390px;\r\n\r\n    gap:\r\n      42px;\r\n  }\r\n\r\n\r\n  .wdfaq6__headrow {\r\n\r\n    gap:\r\n      45px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE \/ TABLET\r\n========================================================= *\/\r\n\r\n@media\r\n(max-width: 820px) {\r\n\r\n  .wdfaq6__inner {\r\n\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n    padding:\r\n      72px 0;\r\n  }\r\n\r\n\r\n  .wdfaq6__headrow {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      22px;\r\n  }\r\n\r\n\r\n  .wdfaq6__grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      45px;\r\n  }\r\n\r\n\r\n  .wdfaq6__contact {\r\n\r\n    position:\r\n      relative;\r\n\r\n    top:\r\n      auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media\r\n(max-width: 620px) {\r\n\r\n  .wdfaq6__inner {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      54px 0\r\n      58px;\r\n  }\r\n\r\n\r\n  .wdfaq6__head {\r\n\r\n    margin-bottom:\r\n      34px;\r\n  }\r\n\r\n\r\n  .wdfaq6__kicker {\r\n\r\n    margin-bottom:\r\n      17px;\r\n\r\n    font-size:\r\n      9px;\r\n  }\r\n\r\n\r\n  .wdfaq6__head h2 {\r\n\r\n    font-size:\r\n      36px;\r\n\r\n    line-height:\r\n      1.02;\r\n\r\n    letter-spacing:\r\n      -1.8px;\r\n  }\r\n\r\n\r\n  .wdfaq6__lead p {\r\n\r\n    font-size:\r\n      14px;\r\n\r\n    line-height:\r\n      1.55;\r\n  }\r\n\r\n\r\n  .wdfaq6__question {\r\n\r\n    min-height:\r\n      76px;\r\n\r\n    grid-template-columns:\r\n      24px\r\n      minmax(0,1fr)\r\n      32px;\r\n\r\n    gap:\r\n      8px;\r\n\r\n    padding:\r\n      19px 0;\r\n  }\r\n\r\n\r\n  .wdfaq6__qtext {\r\n\r\n    font-size:\r\n      17px;\r\n\r\n    line-height:\r\n      1.25;\r\n\r\n    letter-spacing:\r\n      -.4px;\r\n  }\r\n\r\n\r\n  .wdfaq6__plus {\r\n\r\n    width:\r\n      32px;\r\n\r\n    height:\r\n      32px;\r\n  }\r\n\r\n\r\n  .wdfaq6__answer p {\r\n\r\n    margin:\r\n      0 32px\r\n      22px\r\n      32px;\r\n\r\n    font-size:\r\n      12px;\r\n\r\n    line-height:\r\n      1.65;\r\n  }\r\n\r\n\r\n  .wdfaq6__contact {\r\n\r\n    padding:\r\n      27px 20px;\r\n\r\n    border-radius:\r\n      19px;\r\n  }\r\n\r\n\r\n  .wdfaq6__contacttop h3 {\r\n\r\n    font-size:\r\n      29px;\r\n\r\n    letter-spacing:\r\n      -1.2px;\r\n  }\r\n\r\n\r\n  .wdfaq6__row {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  .wdfaq6__contactbottom {\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    gap:\r\n      8px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n  .wdfaq6__reveal,\r\n  .wdfaq6__answer,\r\n  .wdfaq6__plus {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n    animation:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  function initWDFaq6(){\r\n\r\n    var section =\r\n      document.getElementById(\r\n        \"wdFaq6\"\r\n      );\r\n\r\n\r\n    if(\r\n      !section ||\r\n      section.dataset.wdInit === \"1\"\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.wdInit =\r\n      \"1\";\r\n\r\n\r\n    \/* =====================================================\r\n       FAQ\r\n    ====================================================== *\/\r\n\r\n    var items =\r\n      section.querySelectorAll(\r\n        \".wdfaq6__item\"\r\n      );\r\n\r\n\r\n    items.forEach(\r\n      function(item){\r\n\r\n        var button =\r\n          item.querySelector(\r\n            \".wdfaq6__question\"\r\n          );\r\n\r\n\r\n        if(!button){\r\n          return;\r\n        }\r\n\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            var open =\r\n              item.classList.contains(\r\n                \"is-open\"\r\n              );\r\n\r\n\r\n            \/*\r\n             * Aizveram p\u0101r\u0113jos\r\n             *\/\r\n\r\n            items.forEach(\r\n              function(other){\r\n\r\n                other.classList.remove(\r\n                  \"is-open\"\r\n                );\r\n\r\n                var otherButton =\r\n                  other.querySelector(\r\n                    \".wdfaq6__question\"\r\n                  );\r\n\r\n                if(otherButton){\r\n\r\n                  otherButton.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                  );\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n\r\n            \/*\r\n             * Ja nebija atv\u0113rts \u2014\r\n             * atveram izv\u0113l\u0113to\r\n             *\/\r\n\r\n            if(!open){\r\n\r\n              item.classList.add(\r\n                \"is-open\"\r\n              );\r\n\r\n              button.setAttribute(\r\n                \"aria-expanded\",\r\n                \"true\"\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       REVEAL\r\n    ====================================================== *\/\r\n\r\n    var editor =\r\n      document.body.classList.contains(\r\n        \"elementor-editor-active\"\r\n      )\r\n      ||\r\n      document.body.classList.contains(\r\n        \"elementor-editor-preview\"\r\n      );\r\n\r\n\r\n    if(editor){\r\n      return;\r\n    }\r\n\r\n\r\n    var reveal =\r\n      section.querySelectorAll(\r\n        \".wdfaq6__reveal\"\r\n      );\r\n\r\n\r\n    if(!reveal.length){\r\n      return;\r\n    }\r\n\r\n\r\n    section.classList.add(\r\n      \"wdfaq6--animate\"\r\n    );\r\n\r\n\r\n    if(\r\n      !(\r\n        \"IntersectionObserver\"\r\n        in window\r\n      )\r\n    ){\r\n\r\n      reveal.forEach(\r\n        function(el){\r\n\r\n          el.classList.add(\r\n            \"is-visible\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    var observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(\r\n                entry.isIntersecting\r\n              ){\r\n\r\n                entry.target\r\n                  .classList\r\n                  .add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold: .08,\r\n\r\n          rootMargin:\r\n            \"0px 0px -20px 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    reveal.forEach(\r\n      function(el){\r\n\r\n        observer.observe(\r\n          el\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState\r\n    === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initWDFaq6\r\n    );\r\n\r\n  }else{\r\n\r\n    initWDFaq6();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function(){\r\n\r\n        setTimeout(\r\n          initWDFaq6,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBDIGITAL MULTIFUNCTIONAL WEBSITE DEVELOPMENT Multifunctional website developmentfor bookings, catalogues and integrations. We build custom WordPress websites that let customers book services, calculate prices, place orders and pay online. Multifunctional website development can also include searchable catalogues, customer accounts and CRM integrations. We agree on the features your business needs before choosing plugins or writing custom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":8,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1545,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1545"}],"wp:attachment":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}