html *{ font-family:"source-sans-pro",sans-serif;}html{ font-family:"source-sans-pro",sans-serif; scroll-behavior:smooth;}body{ margin:0;}span{ font-family:"source-sans-pro",sans-serif;}.section{ height:auto; background-size:contain; display:flex; justify-content:space-between;}.title-section-demo-buttons{ text-align:center;}.section-wrapper{ padding:4rem 7%;}.featureskeystroke .section{ padding:4rem 0}.tryforfree-button{ padding:0.6rem 2.2rem; font-size:1rem; text-decoration:none; border-radius:5px; border:1px solid #33475b; background:#ffff; color:#33475b; margin-right:3rem; font-weight:600;}.tryforfree-button:hover{ background:linear-gradient(14deg,#ffbf00,#fc7318); color:#fff; border:1px solid #fc7318;}.book-demobutton{ padding:0.6rem 2.2rem; font-size:1rem; text-decoration:none; border-radius:5px; border:1px solid transparent; font-weight:600; background:linear-gradient(14deg,#fc7318,#ffbf00); color:#fff;}.book-demobutton:hover{ background:linear-gradient(14deg,#ffbf00,#fc7318); color:#fff;}.applications .section{ padding-top:2rem}.bg-color{ background-color:#FCF9FF}.bg-no-color{ background-color:#fff}.section.left{ flex-direction:row-reverse; align-items:center;}.section.right{ flex-direction:row; align-items:center;}.section.title.right{ height:auto; background-image:url("../images/key-board-background.webp"); background-size:contain; display:flex; justify-content:space-between; flex-direction:row; padding:5rem 7%; background-color:#FCF9FF; background-position:bottom; background-repeat:repeat-x; background-size:100% 55%;}.blog-title{ color:#4C0BB2; font-weight:800 !important; font-size:45px; line-height:1.5; margin-bottom:3rem; text-align:center; margin:0}.title-section-image{ width:50%;}.section-image{ width:45%;}.title-section-image img{ width:70%; height:auto;}.title-section-content{ width:60%}.section.title.right .blog-paragraph{ font-family:"source-sans-pro",sans-serif; font-size:18px; color:#33475B; text-align:center;}.section-image.l-margin{ margin:auto; margin-left:6rem;}.section-image.r-margin{ margin:auto; margin-right:6rem;}.section-image img{ width:100%; height:auto; max-width:100%}.section-content{ width:50%;}.blog-sub-title,.blog-sub-title span{ font-family:"source-sans-pro",sans-serif; font-size:2rem; line-height:1.75; margin:0;}.blog-paragraph{ font-size:16px; line-height:2.1; font-family:"source-sans-pro",sans-serif;}.section .blog-content{ font-family:"source-sans-pro",sans-serif; font-size:16px; line-height:2.1;}.with-top-margin{ margin-top:20px; font-family:"source-sans-pro",sans-serif;}.blog-sub-title.section-sub-heading{ text-align:center; line-height:2.1; margin:0;}.features-heading,.features-heading span{ font-family:"source-sans-pro",sans-serif; font-size:26px; line-height:1.75; margin:0;}.check-icon{ margin-right:1rem; position:relative; top:0.5rem}.heading-17{ padding-top:0; text-align:center;}.heading-color{ font-family:"source-sans-pro",sans-serif; color:#7C3ECD;}.column-flex{ display:flex; flex-direction:column; align-items:flex-start; padding-bottom:0.5rem;}.row-flex{ display:flex; flex-direction:row; align-items:flex-start;}.applications-icon img{ margin:auto; width:100%; max-width:100%; padding:3px; border:1px solid #7C3ECD; border-radius:5px;}.applications .row-flex{ display:flex; flex-direction:row; align-items:flex-start;}.applications .column-flex{ display:flex; flex-direction:column; align-items:flex-start; padding-bottom:0.5rem;}.applications .applications-icon{ width:27px; display:flex; align-items:center; margin-right:0.5rem; position:relative; top:0.15rem;}.applications h4{ margin-bottom:0; font-family:"source-sans-pro",sans-serif; font-size:22px; margin-top:0}.applications .blog-paragraph.with-top-margin{ margin-top:4px; margin-bottom:12px; margin-left:2.25rem;}.applications .applications-icon img{ margin:auto; width:100%; max-width:70%; height:auto; padding:3px; border:1px solid #7C3ECD; border-radius:5px;}.heading-decoration{ width:100px; height:4px; background-color:#7C3ECD; border-top-right-radius:4px; margin-top:4px;}.heading-underline{ border-bottom:4px solid #7C3ECD; border-bottom-right-radius:4px; padding-bottom:3px;}.FQA-section.section-wrapper{ padding:4rem 1rem;}.section-image img.low-width{ position:relative; width:78%; height:auto; left:5rem;}.building_box ul li{ display:inline-block; margin-right:11px;}ol,ul{ list-style:none; margin:0; padding:0;}.accordion{ display:flex; flex-direction:column; align-items:center;}.accordion .accordion-item{ margin-left:6.25rem; margin-right:6.25rem; max-width:100%; border-bottom:1px solid #E7D8FF4E;}.accordion .accordion-item:last-child{ border-bottom:none;}.accordion button{ position:relative; display:block; text-align:left; width:100%; padding:0.6em 0em; color:#7288a2; font-size:1.15rem; font-weight:400; border:none; background:none; outline:none !important; cursor:pointer;}.accordion-title{ font-family:"source-sans-pro",sans-serif !important; font-style:normal !important; color:#33475B; font-size:1rem; font-weight:600; padding:1em 1.5em 1em 0;}.accordion button .icon{ display:inline-block; position:absolute; right:1.25rem; top:1.125rem; width:18px; height:18px; border:2px solid; color:#33475B; border-radius:22px;}.accordion button .icon::before{ display:block; position:absolute; content:''; top:0.5rem; left:0.2rem; width:11px; height:1.5px; background:currentColor;}.accordion button .icon::after{ display:block; position:absolute; content:''; top:0.25rem; left:0.5rem; width:1.3px; height:11px; background:currentColor;}.accordion button[aria-expanded='true'] .icon::after{ width:0;}.accordion button[aria-expanded='true']+.accordion-content{ opacity:1; max-height:9em; transition:all 200ms linear; will-change:opacity,max-height;}.accordion .accordion-content{ opacity:0; max-height:0; overflow:hidden; transition:opacity 200ms linear,max-height 200ms linear; will-change:opacity,max-height;}.accordion .accordion-content p{ font-family:"source-sans-pro",sans-serif !important; font-style:normal !important; letter-spacing:0rem; color:#718093 !important; opacity:1; font-size:1rem; font-weight:500; margin:0em 0em; line-height:22px; margin-bottom:1.4375rem;}.faq-section{ background-image:url(./images/Faq-background.svg); background-repeat:no-repeat; max-width:100%; max-height:85%; margin:auto; height:36rem; margin-bottom:10rem; background-size:cover;}.faq-section{ height:35.125rem; margin-bottom:10.625rem;}@media (max-width:374px){ .accordion button .icon{  top:2.5rem;  right:9.5625rem;  width:22px;  height:22px;  display:none; } .accordion .accordion-item{  margin-left:0.0625rem;  width:360px;  margin-right:0rem; } .faq-section{  height:55rem;  margin-bottom:6.375rem;  padding-left:7%;  padding-right:7%;  padding-bottom:7%;  background-color:#E7D8FF4E;  background-image:none !important; }}@media (min-width:375px) and (max-width:474px){ .accordion button .accordion-title{  padding:1em 0em 1em 0; } .accordion .accordion-item{  margin-left:0rem;  width:360px;  margin-right:0rem; } .accordion button .icon{  display:none; } .faq-section{  margin-top:3.125rem;  height:44rem;  padding-left:5%;  padding-right:5%;  padding-bottom:5%;  margin-bottom:6.375rem; }}@media (min-width:475px) and (max-width:700px){ .accordion .accordion-item{  margin-left:0rem; } .accordion button .icon{  display:none; } .faq-section{  margin-top:3.125rem;  height:45rem;  padding-left:4.375rem;  margin-bottom:6.375rem;  background-image:none !important; }}@media(max-width:767px){ .faq-section{  background-color:#E7D8FF4E;  background-image:none !important; } .accordion button .icon{  display:none; }}@media (min-width:701px) and (max-width:900px){ .accordion button .icon{  top:1.125rem;  right:-6.25rem;  width:22px;  height:22px;  display:none; } .accordion .accordion-item{  margin-left:7.5rem;  width:640px; } .accordion button{  position:relative;  display:block;  text-align:left;  width:80%;  padding:0.6em 0em;  font-size:1.15rem;  font-weight:400;  border:none;  background:none;  outline:none !important; } .accordion .accordion-content p{  font-size:1rem;  margin:0em 0em;  line-height:1.375rem;  width:100%;  margin-bottom:1.4375rem; } .faq-section{  height:531px;  margin-bottom:10.625rem; }}@media(min-width:768px) and (max-width:900px){ .faq-section{  margin-bottom:10.625rem;  height:36.875rem;  margin-bottom:10.625rem; }}@media (min-width:900px) and (max-width:1019px){ .faq-section{  height:36rem;  margin-bottom:10rem; } .accordion button .icon{  top:1.125rem;  right:-6.25rem;  width:18px;  height:18px;  border:2px solid; } .accordion .accordion-item{  margin-left:7.5rem;  width:640px; } .accordion button{  width:80%;  padding:0.6em 0em;  font-size:1.15rem;  outline:none !important; } .accordion .accordion-content p{  font-size:0.875rem;  margin-bottom:1.4375rem; } .faq-section{  height:36rem;  margin-bottom:10rem; }}@media (min-width:1020px) and (max-width:1200px){ .accordion .accordion-content p{  font-size:0.9rem; } .accordion-title{  font-size:1rem; } .faq-section{  margin-bottom:5rem !important;  height:522px; } .accordion button .icon{  right:4rem;  width:18px;  height:18px;  border:2px solid #33475B; } .accordion button .icon::before{  top:0.5rem;  left:0.2rem;  width:11px;  height:1.5px; } .accordion button .icon::after{  width:1.32px; } .accordion .accordion-item{  margin-left:5.5rem;  width:77%;  margin-right:0rem; }}@media (min-width:1440px){ .faq-section{  margin-bottom:15rem;  margin-top:3rem; } .accordion{  display:flex;  flex-direction:column;  align-items:stretch; } .accordion-title{  letter-spacing:0rem;  opacity:1;  font-size:1.25rem;  line-height:1.75rem; } .accordion button .icon{  right:9.125rem;  width:23px;  height:23px; } .accordion .accordion-content p{  font-size:1.125rem;  width:91%;  line-height:1.75rem;  margin-bottom:2rem; }}@media (min-width:1201px) and (max-width:1439px){ .faq-section{  margin-bottom:5rem !important;  height:522px; } .accordion button .icon::after{  top:0.25rem;  left:0.5rem;  width:1.5px;  height:11px; } .accordion button .icon::before{  top:0.525rem;  left:0.2rem;  width:11px;  height:1.5px; } .accordion-title{  font-size:1rem; } .accordion-item .accordion-content p{  font-size:0.9375rem; } .faq-section{  margin-bottom:5rem !important;  background-size:cover;  height:522px; } .accordion button .icon{  top:1.125rem;  right:0rem; } .accordion .accordion-item{  margin-left:0rem;  width:80%;  margin-right:0rem; }}@media (min-width:1441) and (max-width:1919px){ .accordion{  display:flex;  flex-direction:column;  align-items:stretch; } .accordion-title{  letter-spacing:0px;  opacity:1;  font-size:1.6875rem;  line-height:28px; } .faq-section{  margin-bottom:17rem;  margin-top:3rem;  height:51rem;  margin-top:30rem; } .accordion-title{  font-size:1.25rem; } .accordion button .icon{  top:1.125rem;  right:7.1875rem;  width:22px;  height:22px; } .accordion .accordion-content p{  margin:0em 6em;  padding:1em 0em;  font-weight:400;  font-size:1.5625rem;  width:91%;  line-height:1.75rem;  margin-bottom:2rem; } .accordion button .icon::after{  top:0.1875rem;  left:7.4px;  width:2px;  height:11px; } .accordion button .icon::before{  top:0.5rem;  left:0.1875rem;  width:11px;  height:2px; }}@media screen and (min-width:1920px){ .accordion button .icon{  right:9.125rem;  width:25px;  height:25px;  right:3.5625rem; } .tryforfree-button{  font-size:1.1rem; } .book-demobutton{  font-size:1.1rem; } .accordion .accordion-item:last-child{  border-bottom:none; } .accordion .accordion-item{  border-bottom:1.5px solid #E7D8FF;  margin-left:10rem; } .accordion button{  margin-bottom:1.375rem;  margin-top:0.8125rem; } .faq-section{  height:51rem;  margin-bottom:17rem;  margin-top:4rem; } .accordion-title{  letter-spacing:0px;  opacity:1;  font-size:1.6875rem;  line-height:1.75rem; } .accordion{  line-height:2.8125rem;  align-items:stretch;  margin-top:5rem; } .accordion button .icon::before{  top:0.55rem;  left:0.325rem;  width:11px;  height:1.5px; } .accordion button .icon::after{  top:0.275rem;  left:0.625rem;  width:1.2px;  height:11px; } .accordion .accordion-content p{  font-size:1.5625rem;  line-height:2rem; } .heading-17{  font-size:3rem; }}@media (min-width:2559px){ .accordion{  line-height:2.8125rem;  width:72%;  margin-top:5rem;  margin:5rem 0% 5rem 14%; } .accordion .accordion-content p{  font-size:1.5rem;  margin:0em 0em;  line-height:1.75rem;  margin-bottom:1.4375rem; } .faq-section{  margin-bottom:9.375rem; }}@media (min-width:1439px){ .section.title.right, .section-wrapper{  padding:4rem 9%; } .blog-title{  font-size:48px; } .section.title.right .blog-paragraph{  font-size:19px; } .blog-paragraph{  font-size:18px; } .FQA-section.section-wrapper{  padding:4rem 2.5%; } .applications .applications-icon{  width:35px;  top:0.1rem; } .applications .blog-paragraph.with-top-margin{  margin-left:2.5rem; } .accordion button .icon{  width:19px;  height:19px; }}@media (min-width:1919px){ .section.title.right{  padding:4rem 8.75%; } .section-wrapper{  padding:4rem 8.75%; } .blog-title{  font-size:64px; } .section.title.right .blog-paragraph{  font-size:26px; } .with-top-margin{  margin-top:24px; } .blog-paragraph{  font-size:25px; } .blog-sub-title, .blog-sub-title span{  font-size:44px; } .features-heading, .features-heading span{  font-size:36px; } .applications .applications-icon{  width:38px;  margin-right:0.75rem; } .applications h4{  font-size:32px; } .applications .blog-paragraph.with-top-margin{  margin-left:3rem; } .heading-decoration{  width:201px;  height:6px;  margin-top:4px;  border-top-right-radius:8px; } .heading-underline{  border-bottom:6px solid #7C3ECD;  border-bottom-right-radius:6px;  padding-bottom:4px; } .applications .section{  padding-top:3rem; } .accordion button .icon::before{  top:0.57rem;  left:0.255rem; } .accordion button .icon::after{  top:0.3rem;  left:0.55rem;  width:1.3px;  height:12px; }}@media (min-width:2559px){ .section.title.right, .section-wrapper{  padding:4rem 21%; } .blog-title{  font-size:59px; } .section.title.right .blog-paragraph{  font-size:24px; } .FQA-section.section-wrapper{  padding:4rem 3rem; }}@media(min-width:1023px) and (max-width:1239px){ .blog-title{  font-size:2.25rem;  margin-bottom:2rem; } .tryforfree-button{  margin-right:2.5rem; } .tryforfree-button{  padding:0.5rem 2rem; } .book-demobutton{  padding:0.5rem 2rem; } .section.title.right .blog-paragraph{  font-size:14px; } .blog-sub-title, .blog-sub-title span{  font-size:1.5rem; } .blog-paragraph{  font-size:0.8125rem; } .features-heading, .features-heading span{  font-size:1.25rem; } .check-icon{  margin-right:0.5em;  width:1.25rem; } .applications h4{  font-size:1.125rem; } .accordion .accordion-item{  margin-left:3.5rem;  width:90%; } .applications .applications-icon{  width:23px;  top:0.125rem; }}@media(max-width:1023px){ .blog-title{  font-size:1.6875rem;  margin-bottom:1.5rem; } .tryforfree-button{  margin-right:2rem;  font-size:0.9rem;  padding:0.5rem 2rem; } .book-demobutton{  font-size:0.9rem;  padding:0.5rem 2rem; } .section-wrapper{  padding:4rem 7.5%; } .section.title.right .blog-paragraph{  font-size:13px; } .section-image.l-margin{  margin-left:3rem; } .section-image.r-margin{  margin-right:3rem; } .section-image{  width:45%; } .blog-sub-title, .blog-sub-title span{  font-size:1.375rem; } .blog-paragraph{  font-size:12px; } .features-heading, .features-heading span{  font-size:18px; } .check-icon{  margin-right:0.5rem;  width:18px; } .applications h4{  font-size:17px; } .applications .applications-icon{  top:0.125rem; }}@media(max-width:767px){ .section.title.right{  padding:4rem 5%; } .tryforfree-button{  padding:0.5rem 1.5rem;  margin-right:1rem;  font-size:0.9rem; } .book-demobutton{  padding:0.5rem 1.5rem;  font-size:0.9rem; } .title-section-image{  display:none; } .title-section-content{  width:100%; } .section.title.right{  background-size:100% 45%,contain;  background-image:none !important;  background-color:#FCF9FF !important; } .section.right, .section.left{  flex-direction:column-reverse;  align-items:center; } .section-image{  width:75%; } .section-image.l-margin, .section-image.r-margin{  margin-top:3rem; } .section-image.r-margin{  margin-right:auto; } .section-content{  width:100%; } .section.title.right .blog-paragraph{  font-size:14px; } .section.title.right .blog-paragraph{  font-size:14px; } .blog-paragraph{  font-size:14px; } .section-image img.low-width{  width:93%;  left:0rem; } .blog-sub-title.section-sub-heading{  line-height:1.7; } .blog-sub-title, .blog-sub-title span{  font-size:1.375rem;  line-height:1.75; } .applications h4{  font-size:18px; } .applications .applications-icon{  top:0rem;  max-width:24px; } .section-wrapper{  padding:4rem 7.5% 3rem; } .FQA-section.section-wrapper{  padding:1rem 1rem; } .banner-informations-container{  margin:3.875rem 5%; } .featureskeystroke .section{  padding:2rem 0; } .section-image.l-margin{  margin-left:auto; } .accordion .accordion-content p{  font-size:0.75rem;  line-height:19px; } .heading-17{  font-size:18px; }}@media (max-width:426px){ .blog-title{  font-size:1.5rem;  margin-bottom:1.5rem; } .blog-sub-title, .blog-sub-title span{  border-bottom:none; } .blog-sub-title.section-sub-heading{  text-align:left; }}@media(max-width:376px){ .blog-title{  font-size:1.4rem;  margin-bottom:1.25rem; } .heading-decoration{  width:70px; } .blog-paragraph{  font-size:12px; } .tryforfree-button{  font-size:0.9rem;  margin-right:0.7rem;  padding:0.5rem 1.5rem; } .book-demobutton{  font-size:0.9rem;  padding:0.5rem 1.5rem; } .section.title.right{  padding:3.5rem 2.5% 2rem !important; }}@media (max-width:320px){ .blog-title{  font-size:1.35rem; } .blog-sub-title, .blog-sub-title span{  font-size:1.25rem; } .heading-17{  font-size:1.125rem; } .accordion .accordion-content p{  font-size:0.6875rem;  line-height:16px;  margin-bottom:1rem; } .accordion-title{  font-size:0.75rem; }}@media(min-width:426px){ .heading-decoration.display-hidden{  display:none }}