@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:100;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-100.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-100.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:200;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-200.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-200.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:300;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-300.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-300.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:400;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-regular.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-regular.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:500;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-500.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-500.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:600;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-600.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-600.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:700;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-700.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-700.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:800;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-800.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-800.woff") format("woff");
}
@font-face{
  font-family:"Poppins";
  font-style:normal;
  font-weight:900;
  src:local(""), url("../../../resources/fonts/poppins-v20-latin-900.woff2") format("woff2"), url("../../../resources/fonts/poppins-v20-latin-900.woff") format("woff");
}
body{
  font-family:Poppins, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin:0;
  display:flex !important;
  flex-direction:column;
  line-height:normal;
}

.header-bg{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:146px;
  background-color:#0d47a1;
}

.content{
  min-width:300px;
  max-width:753px;
  margin:0 auto;
  position:relative;
}

.content > header{
  padding:2rem;
}

header h1{
  color:#fff;
  padding:1rem 0;
}

header a{
  text-decoration:none;
}

nav{
  position:absolute;
  right:0;
  top:4.7rem;
}
.b-rtl nav{
  left:0;
  right:auto;
}
nav a{
  color:#fff;
  margin-inline-end:1rem;
  font-weight:bold;
  position:relative;
}
nav a::before{
  display:inline-block;
  position:absolute;
  background-color:#fff421;
  height:2px;
  left:50%;
  right:50%;
  bottom:-7px;
  content:"";
  transition:left 0.2s, right 0.2s, color 0.2s;
}
nav a:hover, nav a:first-child{
  color:#fff421;
}
nav a:hover::before, nav a:first-child::before{
  left:0;
  right:0;
}

.small{
  font-weight:bold;
  color:#0d47a1;
  margin-bottom:1rem;
}

.big{
  font-weight:bold;
  font-size:2rem;
  color:#666;
}

article{
  padding:2rem;
}

section{
  line-height:170%;
}

.article-bg{
  position:absolute;
  left:0;
  right:0;
  height:450px;
  background-color:#ccc;
  z-index:-1;
}

#compatibility-warning{
  display:none;
  color:#550000;
}
#compatibility-warning i{
  font-size:2.5em;
  float:left;
  margin-inline-end:0.5em;
}

#container{
  background-color:#fff;
}

.b-responsive-small.b-view{
  font-size:12px;
}

@media (max-width: 480px){
  nav a{
    display:none;
  }
  nav::before{
    content:"\f0c9";
    font-family:"Font Awesome 6 Free", serif;
    font-weight:900;
    margin-inline-end:1rem;
    font-size:2rem;
    color:#fff;
    cursor:pointer;
  }
  nav:hover::before{
    color:#fff421;
  }
}
#download-trial{
  display:inline-block;
}

@media (max-width: 800px){
  #trial-button{
    display:none;
  }
}