html {overflow-y:scroll;}
body {margin:0 0 0 0; background:#0d0038; font-family:"Montserrat", Arial, sans-serif !important; color:#333333; font-size:18px; line-height:28px; font-weight:400;}
a {color:#18a0db; text-decoration:underline; transition:all 0.4s ease 0s;}
a:hover {color:#0d90c9; text-decoration:underline;}
strong {font-weight:600;}
ul {padding:0; margin:0 0 24px 0;}
ul li {list-style:none; list-style-image:none; margin:0 0 0 0; padding:0 0 0 16px; background:url(../images/bullet.png) no-repeat; background-position:0 11px;}

hr {margin:40px 0 0px 0;}
p {margin:0 0 16px 0;}
img {border:0px;}
img.aligncenter {max-width:100%; height:auto;}
input, textarea, button, select {outline:none; font-family:"Montserrat", Arial, sans-serif !important; padding:6px;  font-size:16px; color:#0f023a;}
button {padding:8px 20px 8px 20px; margin:0 10px 0 0; background:#18a0db; color:#ffffff; font-size:16px; line-height:19px; font-weight:700; border:0px; cursor:pointer; transition:all 0.4s ease 0s;}
button:hover {background:#0d90c9;}
.wow {visibility:hidden;}
.lottie {width:100%; height:100%; display:block; overflow:hidden; transform:translate3d(0,0,0); text-align:center; opacity:1;}
.lottieSlim {width:50%; height:50%; display:block; overflow:hidden; transform:translate3d(0,0,0); text-align:center; opacity:1;}
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; float:left; clip:rect(0, 0, 0, 0); border:0;}
.clearfix:after {content:" "; visibility:hidden; display:block; height:0; clear:both;}

h1 {font-size:40px; line-height:48px; color:#F7AB17; margin:0 0 20px 0; padding:0 0;}
.h1looklike {font-size:40px; line-height:48px; color:#F7AB17; margin:0 0 20px 0; padding:0 0;}
h1 a {color:#F7AB17; text-decoration:none;}
h1 a:hover {color:#fa6b0f; text-decoration:none;}
h2 {font-size:32px; line-height:38px; color:#0d0038; margin:24px 0 16px 0;}
h3 {font-size:26px; line-height:32px; color:#0d0038; margin:24px 0 8px 0;}
h4 {font-size:22px; line-height:28px; color:#0d0038; margin:0 0 20px 0;}

#main-section {background:#ffffff; overflow:auto; min-height:500px;}
.mainDiv {margin:0 auto; width:1350px; clear:both;}
.mainDivHalf {width:675px;}
.mainDivHeader {background:#F7AB17; margin:0 0 0 calc(50% - 560px); text-align:left; transform:translate(0, 100px);}
.mainDivHeaderInner {padding:40px 80px;}
.mainDivHeaderInner h1 {text-align:left; padding:0 20% 0 0;}
.mainDivHeaderInner p {padding:0 20% 0 0;}
.mainDivHeader button {background:#ffffff; color:#F7AB17;}
.mainDivHeader button:hover {background:#eeeeee;}

.headerDiv {position:fixed; top:0; z-index:99999999; width:100%; background:#0d0038; margin:0 0 0 0; transition:all 0.4s ease 0s;}
.headerDiv.active {background:transparent;}
.logoDiv {float:left; margin:22px 0 8px 40px; }
.logoDiv img {width:280px;}
.logoDiv a {display:block; width:auto;}
.mobileMenuButton {display:none;}
.mobileMenu {display:none;}

.menu-right {float:right; margin:48px 40px 0 0;}
.menu-right ul {display:inline; list-style:none; list-style-image:none; padding:0; margin:0;}
.menu-right ul li {display:inline-block; position:relative; list-style:none; list-style-image:none; margin:0 0 0 10px; padding:0; background-image:none; line-height:20px;}
.menu-right ul li a {color:#ffffff; font-size:16px; line-height:20px; font-weight:600; padding:14px 12px; text-decoration:none; text-transform:uppercase;}
.menu-right ul li a:hover {color:#F7AB17;}
.menu-right ul li.current_page_item a {color:#F7AB17;}
.menu-right ul li.menuButton a {padding:10px 22px 10px 22px; border:#F7AB17 2px solid; border-radius:30px; color:#ffffff; font-weight:700;}
.menu-right ul li.menuButton a:hover {background:#F7AB17;}

.menu-right ul li ul {padding:0 0 0 0; position:absolute; z-index:100000; top:40px; left:-1px; visibility:hidden; opacity:0; filter:alpha(opacity=0); transition:200ms ease; background:#5c547a; border-radius:10px;}
.menu-right ul li:hover ul {visibility:visible; opacity:1; filter:alpha(opacity=1); width:auto; overflow:hidden;}
.menu-right ul li ul li {margin:0 0 0 0; padding:0 0 0 0; white-space:nowrap; width:calc(100% + 6px); transition:all 0.4s ease 0s;}
.menu-right ul li ul li a {display:inline-block; width:calc(100% - 34px); color:#ffffff !important; font-weight:400;  transition:all 0.1s ease 0s; line-height:18px; text-transform:none;}
.menu-right ul li.menu-item-has-children ul li a {padding:12px 16px 12px 16px;}
.menu-right ul li.menu-item-has-children ul li:first-of-type a  {padding:18px 16px 12px 16px;}
.menu-right ul li.menu-item-has-children ul li:last-of-type a  {padding:12px 16px 18px 16px;}
.menu-right ul li ul li:hover {background:#0d0038 !important;}
.menu-right ul li div.sub-menu-arrow {position:absolute; z-index:100004; top:34px; width:100%; height:18px;}
.menu-right ul li:hover div.sub-menu-arrow {display:block;}
.menu-right ul li ul li:hover a {color:#ffffff !important;}
.menu-right ul li ul li a:hover {color:#ffffff !important;}

.pageContent {padding:0 0 70px 0; min-height:300px;}
.pageContent h1 {color:#F7AB17; text-align:left; padding:0 0 0 0;}
.pageContent2 {padding:0 0 0 0;}

.bread {padding:170px 0 30px 0; font-size:13px; font-weight:600; color:#868097;}
.bread a {color:#868097; text-decoration:none;}
.bread a:hover {color:#F7AB17;}
.bread span {padding:0 3px;}

.openingText {float:left; width:calc(50% - 40px); padding:0 0 40px 0; }
.openingImage {float:right; width:calc(50% - 40px); padding:0 0 40px 0; text-align:center;}
.openingImage img {width:80%;}
.openingImageLottie {width:80%; padding:0 10%; text-align:center;}
.openingImageText {text-align:left;}

.homeMain {padding:80px 0 40px 0; background:transparent linear-gradient(148deg, #0D0038 0%, #223a71 59%, #56CCFF 100%) 0% 0% no-repeat padding-box; text-align:center;}
.homeMain h2 {color:#ffffff; text-align:center;}
.homeButtons {padding:30px 0 0 0;}
.homeButtons a {padding:10px 22px 10px 22px; border:#F7AB17 2px solid; border-radius:30px; color:#ffffff; font-weight:700; text-transform:uppercase; text-decoration:none;}
.homeButtons a:hover {background:#F7AB17;}

.homeSolution {padding:80px 0 40px 0;}
.homeSolution ul  {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap;  justify-content:center; width:100%;}
.homeSolution ul li {background-image:none; position:relative; float:left; width:calc(50% - 20px); padding:0 0 0 0; margin:0 10px 24px 10px; background:#ffffff; border-radius:15px; text-align:left;}
.homeSolution ul li .text {float:right; width:calc(55% - 4px); padding:40px 0 40px 0; }
.homeSolution ul li .text h2 {font-size:24px; line-height:30px; margin:0 30px 16px 0; color:#000000; text-align: left;}
.homeSolution ul li .text p {margin:0 30px 16px 0;}
.homeSolution ul li .image {float:left; width:calc(45% - 40px); padding:0 0 20px 20px;  text-align:center;}
.homeSolution ul li .image img {width:100%;}
.homeSolution ul li .ship  {width:80%;}
.homeSolution ul li .subTitle {color:#f7ab17; font-weight:700; padding:0 20px 10px 0;}
.homeSolution ul li .more a {font-weight:600; text-decoration:none;} 
.homeSolution ul li .more a i {transform:translateY(1px); transition:all 0.2s ease 0s;}
.homeSolution ul li .more:hover a i {padding:0 0 0 6px ;}

.homePartners {overflow:auto; padding:60px 0 60px 0;}
.homePartners p {padding:0 5%;}
.partnersSlider {padding:20px 0 0 0;}
.partnersSlider img {width:calc(100% - 30px); opacity:0.7; transition:all 0.4s ease 0s; filter:grayscale(100%);}
.partnersSlider img:hover {opacity:0.9; filter:grayscale(0);}
.partnersSlider .slick-slide {text-align:center;}

.homeWhyUs {background:#fbfaff; overflow:auto; padding:60px 0 80px 0;}
.homeWhyUs h2 {padding:0 0 30px 0;}
.homeWhyUs ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap;  justify-content:center; width:100%;}
.homeWhyUs ul li {background-image:none; position:relative; float:left; width:calc(50% - 1px); padding:0 0 0 0; text-align:center; border-left:#d8d5e2 2px dashed;}
.homeWhyUs ul li:first-of-type {border-left:0px}
.homeWhyUs ul li .image {padding:0 10%; max-height:400px;}
.homeWhyUs ul li .text {padding:0 10%;}
.homeWhyUs ul li .more a {font-weight:600; text-decoration:none;} 
.homeWhyUs ul li .more a i {transform:translateY(1px); transition:all 0.2s ease 0s;}
.homeWhyUs ul li .more:hover a i {padding:0 0 0 6px ;}

.homeNetworking {background-image:linear-gradient(to bottom, #0d0038, #2e5d92); padding:200px 0 60px 0; color:#ffffff; }
.homeNetworking h1 {font-size:60px; line-height:66px; color:#ffffff; text-align:center; padding:40px 15% 0 15%;}
.homeNetworking .image {text-align:center; padding:60px 12% 40px 12%;}
.homeNetworking .image img {width:100%; height:auto; }
.homeNetworking p {padding:0 15%; text-align:center;}
.homeNetworking .more a {color:#ffffff; font-weight:600; text-decoration:none;} 
.homeNetworking .more a i {color:#44b1e1; transform:translateY(1px); transition:all 0.2s ease 0s;}
.homeNetworking .more:hover a i {padding:0 0 0 6px ;}

.homeNews {padding:60px 0 60px 0;}
.homeNews h2 {text-align:center;}

.newsMain {padding:90px 0 0 0;}
.news {padding:40px 0 80px 0;}
.news h2 {text-align:center; padding:0 0 60px 0;}
.news ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; justify-content:center; width:100%;}
.news ul li {position:relative; float:left; width:calc(33.3% - 36px); padding:0 0 ; margin:0 0 16px 0; cursor:pointer;  background:#ffffff;
  box-shadow: 6px 15px 15px #00000029; border:#dedede 1px solid; border-radius:15px; transition:all 0.2s ease 0s;
}
.news ul li h3 {margin:0 0 0 0; font-size:20px; line-height:26px; font-weight:600;}
.news ul li h3 a {color:#0f023a; text-decoration:none; text-transform:none;}
.news ul li:hover .newsImage {opacity:0.9;}
.news ul li .date {color:#868097; margin:6px 0 16px 0; font-size:16px;}
.news ul li .type {position:absolute; bottom:0; left:0;  padding:4px 20px; background:#18a0db; color:#ffffff; border-top-right-radius:8px; font-size:14px; font-weight:500;}
.news ul li .type.post {background:#f7ab17;} 
.news ul li .type.newsitem {background:#18a0db;} 
.news ul li .type.broductbrief {background:#a78dc6;} 
.news ul li .type.event {background:#fa6b0f;} 
.news ul li .more {position:absolute; bottom:30px; left:20px; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.news ul li .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.news ul li .more a i {font-size:16px; transform:translateY(1px); transition:all 0.2s ease 0s;}
.news ul li .more:hover a i {padding:0 0 0 6px ;}
.newsImage {position:relative; padding-top:60%; transition:all 0.4s ease 0s; border-top-right-radius:15px; border-top-left-radius:15px;}
.newsText {position:relative; padding:20px 20px 80px 20px;}

.newsSlider .slick-list {margin:0 40px;}
.newsSlide {position:relative; width:calc(33.3% - 29px); padding:0 0 ; margin:20px; cursor:pointer;  background:#ffffff;
  box-shadow: 6px 15px 15px #00000029; border:#dedede 1px solid; border-radius:15px; transition:all 0.2s ease 0s;
}
.newsSlide h3 {margin:0 0 0 0; font-size:20px; line-height:26px; font-weight:600;}
.newsSlide h3 a {color:#0f023a; text-decoration:none; text-transform:none;}
.newsSlide:hover .newsImage {opacity:0.9;}
.newsSlide .date {color:#868097; margin:6px 0 16px 0; font-size:16px;}
.newsSlide .type {position:absolute; bottom:0; left:0; padding:4px 20px; background:#18a0db; color:#ffffff; border-top-right-radius:8px; font-size:14px; font-weight:500;}
.newsSlide .type.post {background:#f7ab17;} 
.newsSlide .type.newsitem {background:#18a0db;} 
.newsSlide .type.broductbrief {background:#a78dc6;} 
.newsSlide .type.event {background:#fa6b0f;} 
.newsSlide .more {position:absolute; bottom:30px; left:20px; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.newsSlide .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.newsSlide .more a i {font-size:16px; transform:translateY(1px); transition:all 0.2s ease 0s;}
.newsSlide .more:hover a i {padding:0 0 0 6px ;}
.newsSlide .newsText {position:relative; padding:20px 20px 100px 20px;}

.newsFilterWrapper {padding:0 0 0 0; border-bottom:#d0cdd9 1px solid;}
.newsFilter {padding:60px 0 20px 0;}
.newsFilter ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.newsFilter ul li {float:left; white-space:nowrap; background-image:none; margin:0 10px 0 0; padding:0 24px 0 24px; border-bottom:#ffffff 4px solid;} 
.newsFilter ul li a {text-decoration:none; color:#18a0db; font-weight:600; }
.newsFilter ul li a:hover {color:#18a0db;}
.newsFilter ul li.selected {border-bottom:#18a0db 4px solid;}
.newsFilter ul li.selected a {color:#18a0db;}

.newsCategories {overflow:auto; padding:0 0 0 0;}
.newsCategories ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.newsCategories ul li {float:left; background-image:none; padding:0 0 0 0;  margin:0 20px 0 0; line-height:30px;} 

.newsCategories label {cursor:pointer;}
.newsCategories input[type="checkbox"] {display:none;}
.newsCategories input[type="checkbox"] + label {display:inline-block; vertical-align:middle; padding:0 0 0 32px;  background:url(../images/checkbox.png) left top no-repeat; background-size:32px auto; cursor:pointer;}
.newsCategories input[type="checkbox"]:checked + label  {background:url(../images/checkbox-checked.png) left top no-repeat; background-size:32px auto;}

.postDate {color:#868097; margin:16px 0 16px 0;}
.postImage {text-align:center; padding:0 0 20px 0;}
.postImage img {width:100%; height:auto; border-radius:12px;}
.postContent {float:left; width:calc(100% - 400px);}
.postForm {float:right; width:280px; padding:30px; background:#0d0038; color:#ffffff; border-radius:10px; margin:60px 0 20px 0;}
.postForm .hs-form * {color: #ffffff !important;}
.postMoreNews {background:#fbfaff; padding:60px 0 80px 0;}
.postMoreNews h2 {text-align:center;}

.paginationWrapper {text-align:center; margin:0 0 30px 0;}
.pagination {display:inline-block;}
.pagination ul {display:inline-block; list-style:none; list-style-image:none; margin:0;}
.pagination ul li {background-image:none; list-style:none; list-style-image:none; float:left; margin:0 6px 0 6px; padding:0 0 0 0;}
.pagination ul li div {width:30px; height:30px;}
.pagination ul li div.page {border-radius:50%; background:#18a0db; text-align:center; margin:5px 0 0 0; transition:all 0.2s ease 0s;}
.pagination ul li div.page.selected {background:#fb6b0f; color:#ffffff;}
.pagination ul li div.page.selected a {color:#ffffff}
.pagination ul li a {color:#ffffff; text-decoration:none; line-height:30px; font-size:17px;}
.pagination ul li div.page:hover {background:#fb6b0f;}

.solution {background:#fbfaff; padding:40px 0 60px 0;}
.solutionItems {display:block; list-style:none; list-style-image:none; margin:0; padding:0 0 0 0;}
.solutionItems ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.solutionItems ul li {background-image:none; position:relative; float:left; width:calc(33.3% - 33px); padding:0 0 22px 0; margin:16px 0 0 0;}
.solutionItems ul li h3 {font-size:20px; line-height:26px; margin:0 0 8px 0;}
.solutionItems ul li h3 a {color:#0d0038; text-decoration:none;}
.solutionItems ul li .more {position:absolute; bottom:0; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.solutionItems ul li .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.solutionItems ul li .more a i {transform:translateY(2px); transition:all 0.2s ease 0s;}
.solutionItems ul li .more:hover a i {padding:0 0 0 6px;}

.solutionSketch {padding:40px 0 40px 0;}
.solutionSketchImage {box-shadow:0px 10px 20px #1B062429; border-radius:20px; margin:30px 10%; padding:20px 0;}
.solutionSketchImage img {width:calc(100% - 60px); height:auto; border-radius:20px; margin:20px;}

.solutionLearnMore {background:#fbfaff url(../images/bg-learn-more.webp) top center no-repeat; background-size:cover; padding:80px 0 100px 0;}
.solutionLearnMoreLink {text-align:center; margin:40px 0;}
.solutionLearnMoreLink a {padding:10px 40px 10px 40px; background:transparent; border:#F7AB17 2px solid; border-radius:30px; color:#0f0037; font-weight:700; text-transform:uppercase; text-decoration:none;}
.solutionLearnMoreLink a:hover {background:#F7AB17;}
.solutionTextInner {padding:0 10% 50px 10%;}

.useCases {padding:0 0 80px 0; }
.useCases h2 {padding:0 0 10px 0;}
.useCases ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; justify-content:center; width:100%;}
.useCases ul li {position:relative; float:left; width:calc(33.3% - 35px); padding:0 0; margin:0 0 16px 0; background:#ffffff;
  box-shadow: 6px 15px 15px #00000029; border:#dedede 1px solid; border-radius:15px; transition:all 0.2s ease 0s;
}
.useCases ul li .more {position:absolute; bottom:30px; left:20px; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.useCases ul li .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.useCases ul li .more a i {font-size:16px; transform:translateY(1px); transition:all 0.2s ease 0s;}
.useCases ul li .more:hover a i {padding:0 0 0 6px ;}
.useCasesImage {position:relative; padding-top:60%; transition:all 0.4s ease 0s; border-top-right-radius:15px; border-top-left-radius:15px; cursor:pointer;}
.useCasesTitle {display:flex}
.useCasesTitle img {width:45px; height: auto; margin:20px 10px 0 0;}
.useCasesText {position:relative; padding:0 20px 80px 20px;}
.useCasesText h3 a {font-size:20px; line-height:26px; font-weight:700; text-decoration:none;}

.useCaseTitle {display:flex; padding:0 0 10px 0;}
.useCaseTitle img {width:90px; height: auto; margin:0 14px 0 0;}
.useCaseTitle h1 {padding:24px 0 0 0 !important;}

.seeInAction .iframeWrapper {position:relative; padding-bottom:calc(79.45% + 27px); width:100%; height:0; transform:scale(1);}
.seeInAction .iframeWrapper iframe {position:absolute; top:0; left:0; height:100%; width:100%;}

.techSketch {padding:60px 0 60px 0;}
.techSketch p {padding:0 10%;}
.techSketchImage {box-shadow:0px 10px 20px #1B062429; border-radius:20px; margin:40px 10%;}
.techSketchImage img {width:calc(100% - 40px); height:auto; border-radius:20px; margin:20px;}

.techLearnMore {background:#fbfaff url(../images/bg-learn-more.webp) top center no-repeat; background-size:cover; padding:80px 0 100px 0;}
.techLearnMoreLink {text-align:center; margin:40px 0;}
.techLearnMoreLink a {padding:10px 40px 10px 40px; background:transparent; border:#F7AB17 2px solid; border-radius:30px; color:#0f0037; font-weight:700; text-transform:uppercase; text-decoration:none;}
.techLearnMoreLink a:hover {background:#F7AB17;}

.partnersLink {padding:20px 0 0 0;}
.partnersLink a {padding:10px 40px 10px 40px; background:transparent; border:#F7AB17 2px solid; border-radius:30px; color:#0f0037; font-weight:700; text-transform:uppercase; text-decoration:none;}
.partnersLink a:hover {background:#F7AB17;}

.partnersSuccess {background:#fbfaff; padding:40px 0 60px 0;}
.partnersSuccess ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.partnersSuccess ul li {background-image:none; position:relative; float:left; width:calc(33.3% - 33px); padding:0 0 10px 0; margin:16px 0 0 0; 
  box-shadow:0px 7px 10px 2px rgba(134,128,151,0.39); border-radius:8px; background:#ffffff; text-align:center;}
.partnersSuccess ul li h3 {font-size:24px; font-weight:500; line-height:26px; margin:30px 16px 12px 16px;}
.partnersSuccess ul li p {padding:0 24px;}
.partnersSuccess ul li img {height:120px; width:auto; margin:10px auto 10px auto;}

.partnersOur {padding:40px 0 60px 0;}
.partnersOur p {padding:0 12%;}

.partnersTestimonials {background:#150f36 url(../images/testamonials_bg.webp) top right no-repeat; background-size:auto 100%; padding:60px 0 80px 0; color:#ffffff;}
.partnersTestimonials h2 {color:#ffffff;}
.partnersTestimonials .slick-slide {text-align:center; padding:20px 0 0 0;}
.partnersTestimonials .slick-slide p {padding:0 12%;}
.partnersTestimonials .slick-slide .image {text-align:center;}
.partnersTestimonials .slick-slide .image img {height:80px;}
.partnersTestimonials .slick-slide .person {color:#fd6c10; font-weight:600;}

.partnersWhy {padding:40px 0 60px 0;}
.partnersWhy p {padding:0 12%;}
.partnersWhyItems {padding:20px 0 40px 0;}
.partnersWhyItems ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; width:100%; justify-content:center;}
.partnersWhyItems ul li {background-image:none; position:relative; float:left; width:20%; padding:0 0 0 0; margin:0 0 20px 0; text-align:center; font-weight:600;}
.partnersWhyItems ul li .text {padding:0 30px; line-height:24px}
.partnersWhySuccess {text-align:center; font-weight:600; color:#0f0037; padding:0 0 50px 0;}
.partnersWhySuccess span {color:#fd6c10;}

.about {background:#fbfaff; padding:40px 0 60px 0;}
.aboutSecondary {padding:30px 0 60px 0;}
.aboutSecondary .text {width:calc(55% - 40px); float:right;}
.aboutSecondary .image {width:calc(45% - 40px); float:left;}
.aboutSecondary .image img {width:100%; height:auto;}

.aboutItems {display:block; list-style:none; list-style-image:none; margin:0; padding:20px 0 0 0;}
.aboutItems ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.aboutItems ul li {background-image:none; position:relative; float:left; width:calc(33.3% - 33px); padding:0 0 0 0; margin:16px 0 0 0;}
.aboutItems ul li h3 {font-size:20px; line-height:26px; margin:0 0 8px 0;}

.aboutPeople {padding:80px 0;}
.aboutPeople .text {width:calc(55% - 40px); float:left;}
.aboutPeople .image {width:calc(45% - 40px); float:right;}
.aboutPeople .image img {width:100%; height:auto;}

.whyOperators {padding:0 0 50px 0;}
.whyOperators .text {width:calc(55% - 40px); float:left;}
.whyOperators .image {width:calc(45% - 40px); float:right; text-align:left;}
.whyOperators .image img {width:70%; height:auto;}

.whyOperatorsItems {display:block; list-style:none; list-style-image:none; margin:0; padding:20px 0 0 0;}
.whyOperatorsItems ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:60px; width:100%;}
.whyOperatorsItems ul li {background-image:none; position:relative; float:left; width:calc(50% - 30px); padding:0 0 0 0; margin:0 0 0 0;}
.whyOperatorsItems ul li h3 {font-size:20px; line-height:26px; margin:0 0 8px 0;}

.whyEnterprise {padding:50px 0 70px 0; background:#fbfaff;}
.whyEnterprise .text {width:calc(55% - 40px); float:left;}
.whyEnterprise .image {width:calc(45% - 40px); float:right; text-align:left;}
.whyEnterprise .image img {width:70%; height:auto;}

.whyEnterpriseItems {display:block; list-style:none; list-style-image:none; margin:0; padding:20px 0 0 0;}
.whyEnterpriseItems ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.whyEnterpriseItems ul li {background-image:none; position:relative; float:left; width:calc(33.3% - 33px); padding:0 0 0 0; margin:0 0 0 0;}
.whyEnterpriseItems ul li h3 {font-size:20px; line-height:26px; margin:0 0 8px 0;}

.team {padding:40px 0;}
.team ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.team ul li {position:relative; float:left; width:calc(33.3% - 33px); padding:0 0; margin:0 0 24px 0; background:#fbfaff; transition:all 0.2s ease 0s;}
.team ul li .image img {width:100%; height:auto; border-bottom:#f7ab17 10px solid;}

.team ul li .text {padding:30px;}
.team ul li .text i {font-size:30px;}
.team ul li .text h2 {font-weight:700; font-size:20px; line-height:26px; margin:0 0 16px 0;}
.team ul li .text h2 span {font-weight:500; color:#18a0db;}
.team ul li .linkedin {float:right; margin:0 0 0 20px;}
.team ul li .linkedin a {color:#3b4f6d;}
.team ul li .linkedin a:hover {color:#18a0db;}

.glossarySearchbox {margin:20px 0 0 0; padding:16px 20px; border-radius:40px; box-shadow:0px 3px 6px #00000029; border:1px solid #E7E7EC;}
.glossarySearchbox input {border:0px; width:calc(100% - 60px);}
.glossarySearchbox button {background:transparent; color:#18a0db; font-size:30px; padding:0; transform:translateY(4px);}

.glossaryChars {transform: translateY(-50px);}
.glossaryChars ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.glossaryChars ul li {background-image:none; margin:6px 10px 10px 0; float:left; padding:10px 0; font-weight:500; text-align:center; width:calc(3.84% - 10px)}
.glossaryChars ul li a {color:#18a0db; text-decoration:none; font-weight:500;}
.glossaryChars ul li a:hover {color:#0a8cc5;}
.glossaryChars ul li.selected {background:#18a0db; border-radius: 8px;}
.glossaryChars ul li.selected a {color:#ffffff;}

.glossaryTerms  {background:#fbfaff; padding:40px 0 30px 0;}
.glossaryTermsInner { padding:1px 0 25px 0;}
.glossaryTermsInner ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.glossaryTermsInner ul li {background-image:none; margin:20px 0 30px 0; padding:0 0 0 0; border-bottom:#bbb7c6 1px solid;}
.glossaryTermsInner ul li:last-of-type {border-bottom:0px;}
.glossaryTermsInner ul li h3 {font-size:20px; color:#0F023A; cursor:pointer; background: url(../images/icon-open.svg) top right no-repeat; margin:0 0 20px 0; transition:all 0.2s ease 0s;}
.glossaryTermsInner ul li h3.active {background: url(../images/icon-close.svg) top right no-repeat; margin:0 0 4px 0;}

.careers {padding:40px 0 30px 0;}
.careers ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:50px; width:100%;}
.careers ul li {position:relative; float:left; width:calc(33.3% - 35px); padding:0 0 ; margin:0 0 16px 0; background:#ffffff;
  box-shadow:0px 3px 3px #00000029; border:#dedede 1px solid; border-radius:15px; transition:all 0.2s ease 0s;
}
.careers ul li:hover {box-shadow:0px 4px 4px #00000029;}
.careers ul li h3 {margin:0 0 0 0; font-size:22px; line-height:30px; font-weight:600;}
.careers ul li h3 a {color:#0f023a; text-decoration:none; text-transform:none;}

.careers ul li .more {position:absolute; bottom:30px; padding:0 0 0 0; transition:all 0.2s ease 0s;}
.careers ul li .more a {font-weight:600; color:#18a0db; text-decoration:none;} 
.careers ul li .more a i {transform:translateY(2px); transition:all 0.2s ease 0s;}
.careers ul li .more:hover a i {padding:0 0 0 6px ;}
.careers ul li .text {padding:30px 20px 80px 20px;}
.careerInfo {color:#868097; margin:6px 0 6px 0; font-size:16px;}
.careerContent {float:left; width:calc(100% - 400px);}
.careerForm {float:right; width:280px; padding:30px; background:#0d0038; color:#ffffff; border-radius:10px; margin:0 0 20px;}
.careerForm .hs-form * {color: #ffffff !important;}
.careerForm h2 {color:#F7AB17; font-size:20px; line-height:36px; margin:10px 0 6px 0;}

.onBoard {background:#181851 url(../images/footer-bg.webp) center center no-repeat; background-size:cover; padding:50px 0 70px 0; text-align:center; font-size:20px; line-height:28px;  font-weight:500; color:#ffffff;}
.onBoard h2 {color:#ffffff; text-align:center; padding:0 0 6px 0;}
.onBoardLink {display:inline-block; margin:30px 10px;}
.onBoardLink a {padding:10px 40px 10px 40px; background:#F7AB17; border:#F7AB17 2px solid; border-radius:30px; color:#0f0037; font-weight:700; text-transform:uppercase; text-decoration:none;}
.onBoardLink a:hover {background:#0f0037; color:#F7AB17;}

.contactImage {padding:0 20%;}
.contactImage img {width:100%; height:auto; margin:0 0 -10px 0}
.contactForm  {padding:50px 0 70px 0; background:#f6f4fa;}

.demoWrapper {display:flex; flex-wrap:wrap;}
.demoLeft {float:left; width:50%; background:#131148; color:#ffffff;}
.demoLeft .mainDivHalf {float:right;}
.demoLeft h1 {padding:165px 0 0 0;}
.demoLeft h2 {color:#ffffff; font-weight:500;}
.demoLeftContent {padding:0 60px 40px 0;}
.demoRight {float:left; width:50%; padding:149px 0 40px 0;}
.demoRightContent {padding:0 0 0 60px;}

.hardwareSecondary {background:#fbfaff; padding:40px 0 60px 0;}
.hardwareSecondaryBlocks {display:flex; flex-wrap:wrap; gap:60; justify-content: space-between; margin:0 0 30px 0;}
.hardwareSecondaryBlocks > div {width:calc(50% - 30px);}

.hardwareThird { padding:40px 0 60px 0;}
.hardwareThird h2 {text-align:center; padding:0 0 16px 0;}
.hardwareThirdBlocks {display:flex; flex-wrap:wrap; gap:60; justify-content: space-between; margin:0 0 30px 0;}
.hardwareThirdBlocks > div {width:calc(50% - 30px);}
.hardwareThirdImage {padding:20px 0;}
.hardwareThirdImage img {width:100%; height:auto;}

.hardwareBenefits { padding:0 0 60px 0;}
.hardwareBenefits h2 {text-align:center; padding:0 0 16px 0;}

.hardwareRelated {background:#fbfaff; padding:40px 0 60px 0;}
.hardwareRelated h2 {text-align:center;}

.thankYou {padding:80px 20%;}
.thankYouRight {width:calc(55% - 30px); float:right;}
.thankYouLeft {width:calc(45% - 30px); float:left;}
.thankYouLeft img {width:100%; height:auto;}

.ztnaOpeningText {text-align:center; padding: 30px 0 0 0;}
.ztnaOpeningText h1 {color:#0f023a; text-align:center; padding:0 12% 20px 12%;}
.ztnaOpeningText p  {padding:0 20%;}
.ztnaOpeningText p:has(video) {padding:0 0; outline:unset;}
.ztnaOpeningText video {width:80%; height:auto; clip-path: inset(2px 2px);}
.ztnaOpeningText video::-webkit-media-controls-panel {display: none !important; opacity: 1 !important;}
.ztnaOpeningImage {text-align:center; padding:30px 0 50px 0;}
.ztnaOpeningImage img {width:80%; height:auto;}

.ztnaSection2 {background:#0d0038; color:#a6a1b6; padding:60px 0;}
.ztnaSection2 ul {list-style:none; list-style-image:none; padding:0 10%; margin:0;}
.ztnaSection2 ul li {background-image:none; padding:0 0 50px 0;}
.ztnaSection2 ul li h3 { color:#ffffff; padding:20px 0 0  0;}
.ztnaSection2 ul li .image {width:calc(50% - 30px); float:left; text-align: center;}
.ztnaSection2 ul li .image img {width:85%;}
.ztnaSection2 ul li .text {width:calc(50% - 30px); float:right;}
.ztnaSection2 ul li .text a {text-decoration: none;}
.ztnaSection2 ul li .text a i {font-size:14px;}
.ztnaSection2 ul li:nth-of-type(odd) .image {width:calc(50% - 20px); float:right;}
.ztnaSection2 ul li:nth-of-type(odd) .text {width:calc(50% - 20px); float:left;}
.ztnaSection2 ul li ul {padding:0 0 16px 0;}
.ztnaSection2 ul li ul li {padding:0 0 0 0; padding:0 0 0 16px; background:url(../images/bullet.png) no-repeat; background-position:0 11px;}

.ztnaSection3 {background:#ffffff; padding:40px 0;}
.ztnaSection3 h2 {color:#0d0038; padding:0 12%;}
.ztnaSection3 p {padding:0 12%;}

.ztnaSection4 {background:#0d0038; color:#a6a1b6; padding:60px 0 100px 0;}
.ztnaSection4 img {max-width:100%;}
.ztnaSection4 h2 {color:#ffffff; padding:0 12%;}
.ztnaSection4 .solutionItems ul li {width:calc(50% - 50px); padding:30px 0 0 0;}
.ztnaSection4 .solutionItems ul li h3 { color:#ffffff;}
.ztnaSection4 p {padding:0 12%;}

.ztnaRelated {background:#fbfaff; padding:40px 0 60px 0;}
.ztnaRelated h2 {text-align:center;}

.videoWrapper {position:relative; padding-bottom:56.25%; height:0;}
.videoWrapper iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

footer {padding:50px 0 30px 0; color:#AFAFAF; font-size:14px; line-height:22px;}
footer a {color:#AFAFAF; text-decoration:none;}
footer a:hover {color:#F7AB17; text-decoration:none;}

.footerLeft {float:left; width:260px;}
.footerLogo {padding:0 0 62px 0;}

.footerRight {float:right; width:calc(100% - 300px); padding:0 0 40px 0;}
.footerRight ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.footerRight ul li {width:calc(25% - 40px); margin:0 0 10px 40px; float:left; padding:0; background-image:none;}
.footerRight ul li:nth-of-type(4n + 1) {clear:left;}
.footerRight ul li:last-of-type {display:none;}
.footerRight ul li a {color:#ffffff; font-weight:600; font-size:14px; line-height:22px;  text-transform:uppercase;}
.footerRight ul li a:hover {color:#ffffff;}
.footerRight ul li ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.footerRight ul li ul li {width:auto; float:none; clear:both; margin:10px 0 10px 0; }
.footerRight ul li ul li:last-of-type  {display:block;}
.footerRight ul li ul li a {color:#AFAFAF; text-transform:none; font-weight:400; }
.footerRight ul li ul li a:hover {color:#F7AB17;}

.footerMenu {border-top:#413864 1px solid; padding:40px 0 20px 0;}
.footerMenu ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.footerMenu li {float:left; margin:10px 0 10px 20px; padding:0; background-image:none;}
.footerMenu li:first-of-type {margin:10px 0 10px 0;}

@media only screen and (min-width :1170px) and (max-width :1380px)
{
 .mainDiv {width:1100px;}
 .mainDivHalf {width:550px;}
 .logoDiv {float:left; margin:20px 0 8px 20px; }
 .logoDiv img {width:200px;}
 .menu-right {float:right; margin:34px 20px 0 0;}
}

@media only screen and (min-width :980px) and (max-width :1169px)
{
 .mainDiv {width:920px;}
 .mainDivHalf {width:460px;}
 .logoDiv {float:left; margin:22px 0 8px 16px;}
 .logoDiv img {width:160px;}
 .menu-right {float:right; margin:30px 16px 0 0;}
 .menu-right ul li {margin:0 0 0 0;}
 .menu-right ul li a {padding:14px 8px;}
}

@media only screen and (min-width :0px) and (max-width :979px)
{
body {margin:77px 0 0 0; font-size:16px; line-height:25px;}
 h1 {font-size:24px; line-height:30px; margin:10px 0 10px 0;}
 .h1looklike {font-size:24px; line-height:30px; margin:10px 0 10px 0;} 
 h2 {font-size:22px; line-height:28px;}
 h3 {font-size:20px; line-height:28px;}
 h4 {font-size:18px; line-height:24px;}
 button {padding:10px 16px 10px 16px; margin:0 10px 0 0; font-size:18px; line-height:22px;}
 ul li {background:url(../images/bullet.png) no-repeat; background-position:0 8px;}

 .mainDiv {width:auto;}
 .mainDivHalf {width:auto;}
 .headerDiv {padding:10px 0 8px 0; border-bottom:0px;}
 .logoDiv {margin:4px 0 0 16px;}
 .logoDiv img {width:180px}
 .mobileMenuButton {display:block; float:right; margin:16px 16px 0 0;}
 .mobileMenuButton a {color:#ffffff; font-size:24px;}
 .menu-right {display:none;}

 .mobileMenu {display:none; position:fixed; z-index:99999; top:0; left:0; background:rgba(13,0,56,0.98); width:100%; overflow-y:scroll;}
 .mobileMenu ul {list-style:none; list-style-image:none; padding:0; margin:0 20px 16px 20px; width:calc(100% - 40px);}
 .mobileMenu ul li {padding:2px 0; margin:0 0 10px 0; clear:both; float:none; width:100%; background-image:none;}
 .mobileMenu ul li ul {display:none;}
 .mobileMenu ul li:first-of-type {border-top:0px;}
 .mobileMenu ul li ul li:first-of-type {margin-top:10px;}
 .mobileMenu ul li ul li:last-of-type {padding-bottom:0;}
 .mobileMenu ul li a {font-weight:600; font-size:18px; color:#ffffff; text-decoration:none; width:100%; cursor:pointer; display:block; text-decoration:none; text-transform:uppercase;}
 .mobileMenu ul li a:hover {color:#F7AB17;}
 .mobileMenu ul li ul li a {font-weight:400; text-transform:none;}
 .closeMenu {float:right; margin:20px 18px 20px 16px; color:#ffffff; font-size:20px;}

 .bread {padding:20px 16px 4px 16px; font-size:12px;}
 .bread span {padding:0 2px;}
 .pageContent {padding:10px 16px; min-height:auto;}
 .pageContent2 {padding:10px 16px 0 16px;}

 .openingText {width:auto; float:none; clear:both; padding:0 16px 20px 16px;}
 .openingImage {width:auto; float:none; clear:both; padding:0 16px 20px 16px;}
 .openingImage img {width:75%;}

 .homeMain {padding:30px 20px 40px 20px;}
 .homeSolution {padding:30px 0 20px 0;}
 .homeSolution ul {display:block;}
 .homeSolution ul li {width:auto; float:none; clear:both; margin:0 0 24px 0;}
 .homeSolution ul li .image  {width:calc(100% - 80px); float:none; clear:both; margin:0 auto; padding:0 0 0 0;}
 .homeSolution ul li .text  {width:auto; float:none; clear:both; padding:20px 16px 20px 16px;}
 .homeSolution ul li .text h2 {margin:0 0 16px 0;}
 .homeSolution ul li .text p {margin:0 0 16px 0;}

 .homePartners {padding:30px 16px 30px 16px;}
 .homeWhyUs {padding:30px 16px 30px 16px;}
 .homeWhyUs ul {display:block;}
 .homeWhyUs ul li {width:auto; float:none; clear:both; margin:0 0 24px 0; border-left:0px;}
 .homeWhyUs ul li .image {padding:0 0;}
 .homeWhyUs ul li .text {padding:0 0;}

 .homeNetworking {padding:10px 16px 30px 16px;}
 .homeNetworking h1 {font-size:30px; line-height:36px; padding:20px 0 0 0;}
 .homeNetworking .image {text-align:center; padding:20px 10px 30px 10px;}
 .homeNetworking p {padding:0 0;}

 .homeNews {padding:30px 16px 30px 16px;}
 .newsSlide .newsText {padding:20px 12px 110px 12px;}
 .newsSlide .more {left:12px;}
 .newsSlide .more a i {font-size:14px;}
 .newsSlide h3 {font-size:18px; line-height:24px;}

 .news {padding:40px 16px 60px 16px;}
 .news ul {display:block;}
 .news ul li {width:auto; float:none; clear:both; margin:0 0 28px 0;}
 .news ul li h3 {font-size:18px; line-height:24px;}
 .news ul li .more {left:16px;}
 .news ul li .more a i {font-size:14px;}
 .newsText {padding:12px 16px 70px 16px;}

 .newsFilterWrapper {padding:0 10px;}
 .newsFilter {padding:10px 0 20px 0;}
 .newsFilter ul li {padding:0 6px 0 6px; margin:0 0 6px 0;}
 .newsCategories {padding:0 16px 0 16px;}
 .newsCategories ul li {margin:0 0 0 0;}
 .newsCategories ul li:nth-of-type(2) {clear:left;}

 .postContent {width:auto; float:none; clear:both; }
 .postForm {width:auto; float:none; clear:both;padding:20px;}
 .postMoreNews {padding:20px 0 40px 0;}

 .about {padding:20px 16px;}
 .aboutSecondary {padding:30px 16px 50px 16px;}
 .aboutSecondary .image {width:auto; float:none; clear:both;}
 .aboutSecondary .text {width:auto; float:none; clear:both;}

 .aboutItems {padding:0 0 20px 0;}
 .aboutItems ul {display:block;}
 .aboutItems ul li {width:auto; float:none; clear:both;}

 .aboutPeople {padding:0 16px 40px 16px;}
 .aboutPeople .image {width:auto; float:none; clear:both;}
 .aboutPeople .text {width:auto; float:none; clear:both;}

 .careersFilter {padding:0 16px 0  16px;}
 .careersFilter select {width:100%; margin:0 0 10px 0;}

 .careers {padding:20px  16px 10px  16px;}
 .careers ul {display:block;}
 .careers ul li {width:auto; float:none; clear:both; margin:0 0 30px 0;}

 .whyOperators {padding:0 16px 20px 16px;}
 .whyOperators .image {width:auto; float:none; clear:both; text-align:center;}
 .whyOperators .image img {width:90%;}
 .whyOperators .text {width:auto; float:none; clear:both;}
 .whyOperatorsItems {padding:0 0 20px 0;}
 .whyOperatorsItems ul {display:block;}
 .whyOperatorsItems ul li {width:auto; float:none; clear:both;}

 .whyEnterprise {padding:30px 16px 20px 16px;}
 .whyEnterprise .image {width:auto; float:none; clear:both; text-align:center;}
 .whyEnterprise .image img {width:90%;}
 .whyEnterprise .text {width:auto; float:none; clear:both;}
 .whyEnterpriseItems {padding:0 0 20px 0;}
 .whyEnterpriseItems ul {display:block;}
 .whyEnterpriseItems ul li {width:auto; float:none; clear:both;}

 .solution {padding:20px 16px;}
 .solution h2 {text-align:center;}
 .solutionItems {padding:0 0 20px 0;}
 .solutionItems ul {display:block;}
 .solutionItems ul li {width:auto; float:none; clear:both; text-align:center; margin:0 0 30px 0;}
 .solutionItems ul li .more {width:100%; text-align:center;}

 .solutionSketch {padding:20px 16px;}
 .solutionSketchImage {border-radius:10px; margin:30px 0; padding:6px 0;}
 .solutionSketchImage img {width:calc(100% - 20px); border-radius:10px; margin:10px;}

 .solutionLearnMore {padding:40px 16px;}
 .solutionLearnMoreLink a {padding:10px 20px 10px 20px;}
 .solutionTextInner {padding:0 16px 40px 16px;}

 .useCases {padding:0 16px 40px 16px;}
 .useCases ul {display:block;}
 .useCases ul li {width:auto; float:none; clear:both; margin:0 0 28px 0;}
 .useCases ul li .more {left:16px;}
 .useCasesText {padding:0 12px 80px 12px;}
 .useCasesTitle img {margin:12px 10px 0 0;}

 .useCaseTitle img {width:50px; height: auto; margin:0 10px 0 0;}
 .useCaseTitle h1 {padding:0 0 0 0 !important;}

 .techSketch {padding:20px 16px;}
 .techSketch p {padding:0 0;}
 .techSketchImage {border-radius:10px; margin:30px 0;}
 .techSketchImage img {width:calc(100% - 20px); border-radius:10px; margin:10px;}

 .techLearnMore {padding:40px 16px;}
 .techLearnMoreLink a {padding:10px 20px 10px 20px;}

 .partnersLink a {padding:10px 10px 10px 10px;}
 .partnersSuccess {padding:30px 16px 40px 16px;}
 .partnersSuccess ul {display:block;}
 .partnersSuccess ul li {width:auto; float:none; clear:both; padding:2px 12px 12px 12px; margin:0 0 30px 0;}
 .partnersSuccess ul li p {padding:0 0;}

 .partnersOur {padding:20px 16px 40px 16px;}
 .partnersOur p {padding:0 0;}
 .partnersSlider img {width: calc(100% - 10px);}
 
 .partnersTestimonials {padding:30px 16px 40px 16px;}
 .partnersTestimonials h2 {padding:0 16px;}
 .partnersTestimonials .slick-slide p {padding:0 0;}
 .partnersTestimonials .slick-slide .image img {height:60px;}

 .partnersWhy {padding:30px 16px 40px 16px;}
 .partnersWhy p { padding:0 0;}
 .partnersWhyItems {padding:20px 0 40px 0;}
 .partnersWhyItems ul li {width:50%;}
 .partnersWhyItems ul li .text {padding:0 20px;}

 .team {padding:0 0;}
 .team ul {display:block;}
 .team ul li {width:auto; float:none; clear:both; padding:20px 16px; margin:0 0 0 0;}
 .team ul li .text {padding:10px 0 0 0;}

 .glossaryImage {display:none;}
 .glossaryChars {transform: translateY(0); padding:0 16px}
 .glossaryChars ul li {width:calc(12.5% - 10px); margin:0 10px 4px 0; padding:8px 0;}
 .glossaryTerms {padding:20px 16px 0 16px;}

 .careerContent {width:auto; float:none; clear:both; }
 .careerForm {width:auto; float:none; clear:both; padding:20px; }

 .onBoard {padding:20px 16px 40px 16px; font-size:18px; line-height:24px;}
 .onBoardLink {display:block; margin:20px 10px;}
 .onBoardLink a {display:block; width:calc(100% - 80px);}

 .contactImage {padding:0 10%;}
 .contactForm  {padding:30px 16px 40px 16px;}

 .demoWrapper {display:block;}
 .demoLeft {width:auto; float:none; clear:both; transform:translateY(-20px);}
 .demoLeft .mainDivHalf {float:none; clear:both;}
 .demoLeft h1 {padding:40px 0 0 0;}
 .demoLeft h2 {margin:16px 0 16px 0;}
 .demoLeftContent {padding:0 16px 20px 16px;}
 .demoRight {width:auto; float:none; clear:both; padding:0 0 20px 0;}
 .demoRightContent {padding:0 16px 0 16px;}

 .hardwareSecondary {padding:30px 16px 0 16px;}
 .hardwareSecondaryBlocks {display:block; margin:0 0 30px 0;}
 .hardwareSecondaryBlocks > div {width:auto;}

 .hardwareThird  {padding:30px 16px 0 16px;}
 .hardwareThird h2 {text-align:center; padding:0 0 16px 0;}
 .hardwareThirdBlocks {display:block; margin:0 0 30px 0;}
 .hardwareThirdBlocks > div {width:auto;}
 .hardwareThirdImage {padding:20px 0;}
 .hardwareThirdImage img {width:100%; height:auto;}

 .hardwareBenefits {padding:30px 16px 0 16px;}
 .hardwareBenefits h2 {text-align:center; padding:0 0 16px 0;}

 .hardwareRelated {padding:20px 0 0 0;}
 .hardwareRelated h2 {margin: 24px 0 0 0;}

 .thankYou {padding:0 16px 30px  16px;}
 .thankYouRight {width:auto; float:none; clear:both;}
 .thankYouLeft {width:auto; float:none; clear:both; text-align: center;}
 .thankYouLeft img {width:75%;}

.ztnaOpeningText {padding:20px 0 0 0;}
.ztnaOpeningText h1 {padding:0 16px 20px 16px;}
.ztnaOpeningText p  {padding:0 16px;}
.ztnaOpeningText video {width:100%;}
.ztnaOpeningImage {padding:30px 0;}
.ztnaOpeningImage img {width:85%; height:auto;}


.ztnaSection2 {padding:30px 0 0 0;}
.ztnaSection2 ul {padding: 0 16px;}
.ztnaSection2 ul li {background-image:none; padding:0 0 30px 0;}
.ztnaSection2 ul li h3 {padding:0 0 0 0; margin:16px 0 8px 0;}
.ztnaSection2 ul li .image {width:auto; float:none; clear:both; text-align: center;}
.ztnaSection2 ul li .image img {width:100%;}
.ztnaSection2 ul li .text {width:auto; float:none; clear:both; }
.ztnaSection2 ul li .text a i {font-size:14px;}
.ztnaSection2 ul li:nth-of-type(odd) .image {width:auto; float:none; clear:both; }
.ztnaSection2 ul li:nth-of-type(odd) .text {width:auto; float:none; clear:both; }

.ztnaSection3 {background:#ffffff; padding:30px 16px 0 16px;}
.ztnaSection3 h2 {color:#0d0038; padding:0 0;}
.ztnaSection3 p {padding:0 0;}

.ztnaSection4 {background:#0d0038; color:#a6a1b6; padding:30px 16px 0 16px;}
.ztnaSection4 img {max-width:100%;}
.ztnaSection4 h2 {color:#ffffff; padding:0 0;}
.ztnaSection4 .solutionItems ul li {width:auto; padding:20px 0 0 0;}
.ztnaSection4 p {padding:0 0;}

.ztnaRelated {padding:20px 0 30px 0;}
.ztnaRelated h2 {margin:20px 0 0 0;}


 footer {padding:20px 0 40px 0;}
 .footerLeft {width:auto; float:none; clear:both; padding:16px;}
 .footerLogo {padding:0 0 16px 0;}
 .footerLogo img {width:140px;}

 .footerRight {width:auto;  float:none; clear:both; padding:0 16px 0 16px;}
 .footerRight ul li {width:auto; max-width:none; float:none; clear:both; margin:0 0 6px 0;  padding:20px 0 10px 0; border-top:#413864 1px solid;}
 .footerRight ul li ul li {width:auto; max-width:none; border-top:0px; margin:0 0 2px 0; padding:0 0 0 0;}

 .footerMenu {margin:0 16px; padding:20px 0 0 0;}
 .footerMenu li {float:none; clear:both; margin:4px 10px 0 10px; text-align:center;}
 .footerMenu li:first-of-type {margin:4px 10px 0 10px;}
}