/*! start _mod.paln-carousel */















/*! start _page */
html {
  font-size: 16px; }
  @media only screen and (min-width: 2501px) {
    html {
      font-size: 18px; } }
  @media only screen and (max-width: 500px) {
    html {
      font-size: 14px; } }

body {
  font-family: Rubik, tahoma, arial;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7;
  color: #000D58;
  background: linear-gradient(180deg, #fff 0%, #F8FDFF 14%, #F8FDFF 15% 100%); }
  body.modal-open {
    overflow: hidden; }
    @media only screen and (min-width: 1051px) {
      body.modal-open {
        padding-right: 17px; } }
    @supports (-ms-ime-align: auto) {
      body.modal-open {
         }
        @media only screen and (min-width: 1051px) {
          body.modal-open {
            padding-right: 0;
            padding-left: 17px; } } }
  body.menu-open {
    overflow-y: hidden; }
    @media only screen and (min-width: 1051px) {
      body.menu-open {
        padding-right: 17px; } }

a {
  color: inherit; }

p strong {
  font-weight: bold; }

.page {
  position: relative;
  direction: ltr;
  text-align: left;
  overflow-x: hidden; }
  .page.page-home {
    padding-top: 0; }
  .page-content {
    padding-top: 7.5rem; }
  @media only screen and (max-width: 800px) {
    .page {
      padding-top: 0; } }
  @media only screen and (max-width: 800px) {
    .page .page-content {
      padding-top: 50px; } }

/*! start _layout */
.card-blog__content pre {
  padding: 15px;
  background: #f1f1f1;
  border-left: 2px solid #288ed9;
  overflow: auto;
  margin: 15px auto;
  display: block;
  direction: ltr;
  text-align: left; }

.section {
  position: relative;
  padding: 5.625rem 15px;
  padding-bottom: 4.375rem; }
  @media only screen and (max-width: 800px) {
    .section {
      padding: 5.625rem 0px; } }
  @media only screen and (max-width: 500px) {
    .section {
      padding: 5.625rem 0px; } }
  .section .section-border {
    height: 1px;
    background: #8fabd5;
    opacity: 0.3;
    position: absolute;
    left: -25px;
    right: -25px;
    top: 0; }
  @media only screen and (max-width: 800px) {
    .section {
      padding-top: 50px;
      padding-bottom: 20px; } }
  .section--intro {
    position: relative;
    height: 100vh;
    min-height: 37.5rem;
    background: #24bddf;
    background: -moz-linear-gradient(45deg, #24bddf 0%, #0287ed 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #24bddf), color-stop(100%, #0287ed));
    background: -webkit-linear-gradient(45deg, #24bddf 0%, #0287ed 100%);
    background: -o-linear-gradient(45deg, #24bddf 0%, #0287ed 100%);
    background: -ms-linear-gradient(45deg, #24bddf 0%, #0287ed 100%);
    background: linear-gradient(45deg, #24bddf 0%, #0287ed 100%); }
    @media only screen and (max-width: 800px) {
      .section--intro {
        min-height: 460px; } }
    @media only screen and (max-width: 500px) {
      .section--intro {
        min-height: 640px; } }
    @media only screen and (max-width: 400px) {
      .section--intro {
        min-height: 580px; } }
  .section--blue {
    color: #fff; }
  .section--lowpadtop {
    padding-top: 2.5rem; }
  .section--nopadtop {
    padding-top: 0; }
  .section--lowpad {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem; }
  @media only screen and (max-width: 800px) {
    .section--separate {
      padding: 0 !important; } }
  .is-ie .section--separate {
    overflow: hidden; }
  .section-wrap {
    margin: 0 auto; }
    .section--xlg .section-wrap {
      max-width: 84.375rem; }
    .section--lg1 .section-wrap {
      max-width: 78.125rem; }
    .section--lg2 .section-wrap {
      max-width: 76.25rem; }
    .section--md1 .section-wrap {
      max-width: 70.625rem; }
    .section--md2 .section-wrap {
      max-width: 65.625rem; }
    .section--md3 .section-wrap {
      max-width: 68.125rem; }
    .section--sm1 .section-wrap {
      max-width: 56.25rem; }
    .section--sm2 .section-wrap {
      max-width: 50rem; }
    .section--intro .section-wrap {
      position: relative;
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      z-index: 2; }
      @media only screen and (max-width: 800px) {
        .section--intro .section-wrap {
          align-items: flex-start; } }
    @media only screen and (max-width: 1050px) {
      .is-ie .section-wrap--overhidden {
        overflow: hidden; } }
  .section-header {
    text-align: center;
    margin-bottom: 50px; }
    @media only screen and (max-width: 800px) {
      .section-header {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 500px) {
      .section-header {
        margin-bottom: 25px; } }
    .section-header--lowmarg {
      margin-bottom: 2.5rem; }
  .section-title {
    font-family: Rubik, tahoma, arial;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 47.4px;
    color: #000D58; }
    @media only screen and (max-width: 800px) {
      .section-title {
        font-size: 1.25rem;
        line-height: 23.7px; } }
    @media only screen and (max-width: 500px) {
      .section-title {
        font-size: 1.25rem;
        line-height: 23.7px; } }
    .section--blue .section-title {
      color: #fff; }
    .section--intro .section-title {
      font-family: Rubik, tahoma, arial;
      font-size: 2.5rem;
      line-height: 2.9625rem;
      font-weight: 500; }
      @media only screen and (max-width: 800px) {
        .section--intro .section-title {
          font-size: 1.25rem;
          line-height: 1.48125rem; } }
      @media only screen and (max-width: 500px) {
        .section--intro .section-title {
          font-size: 1.25rem;
          line-height: 1.48125rem; } }
  .section-subtitle {
    font-family: Rubik, tahoma, arial;
    font-size: 28px;
    font-weight: 300;
    margin-top: 0.625rem;
    color: rgba(0, 13, 88, 0.6); }
    @media only screen and (max-width: 800px) {
      .section-subtitle {
        font-size: 12px;
        line-height: 14.22px; } }
    @media only screen and (max-width: 500px) {
      .section-subtitle {
        font-size: 12px;
        line-height: 14.22px; } }
    .section-subtitle--blue {
      color: #1C5BFF; }
    .section--blue .section-subtitle {
      color: #98CDF2; }
    @media only screen and (max-width: 800px) {
      .section-subtitle {
        margin-top: 5px; } }
  .section-footer {
    text-align: center;
    font-size: 0;
    margin-top: 4.375rem; }
    @media only screen and (max-width: 800px) {
      .section-footer {
        margin-top: 50px; } }
    @media only screen and (max-width: 500px) {
      .section-footer {
        margin-top: 30px; } }
    .section-footer .btn:not(:first-child) {
      margin-right: 0.625rem; }
    @media only screen and (max-width: 500px) {
      .section-footer .btn {
        margin-bottom: 0.625rem; } }
    .section-footer__subtitle {
      font-size: 1.125rem;
      margin-bottom: 1.25rem;
      color: #999999; }
      @media only screen and (max-width: 800px) {
        .section-footer__subtitle {
          font-size: 16px; } }
      @media only screen and (max-width: 500px) {
        .section-footer__subtitle {
          font-size: 15px; } }
  .section-bg {
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    @media only screen and (max-width: 800px) {
      .section-bg {
        display: none; } }
    .section-bg .col {
      width: 50%;
      height: 100%; }
      @media only screen and (max-width: 800px) {
        .section-bg .col {
          width: 100%; } }

/*! start _grid */
.container {
  zoom: 1;
  
  position: relative;
  margin: 0 auto; }
  .container::after,
  .container before {
    content: "";
    display: block; }
  .container::after {
    clear: both; }
  .container--xlg {
    max-width: 84.375rem; }
  .container--lg1 {
    max-width: 78.125rem; }
  .container--lg2 {
    max-width: 76.25rem; }
  .container--md1 {
    max-width: 70.625rem; }
  .container--md2 {
    max-width: 65.625rem; }
  .container--sm1 {
    max-width: 56.25rem; }
  .container--sm2 {
    max-width: 50rem; }
  .container--sm3 {
    max-width: 45rem; }
  .container--xs1 {
    max-width: 40.625rem; }
  .container--xs2 {
    max-width: 37.5rem; }
  .container--xs3 {
    max-width: 32rem; }

.row {
  zoom: 1;
  
  position: relative;
  font-size: 0;
  margin: 0 -15px -30px; }
  .row::after,
  .row before {
    content: "";
    display: block; }
  .row::after {
    clear: both; }
  @media only screen and (min-width: 1051px) {
    .row--20-40 {
      margin: 0 -15px -40px; } }
  @media only screen and (max-width: 500px) {
    .row--20-40 {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1051px) {
    .row--25-50 {
      margin: 0 -15px -50px; } }
  .row--0-30 {
    margin: 0 0 -30px; }
    @media only screen and (min-width: 1051px) {
      .row--0-30 {
        display: flex;
        width: 100%; } }
  .row--11-22 {
    margin: 0 -11px -22px; }
  .row--14-28 {
    margin: 0 -14px -28px; }
  .row--14-p28 {
    margin: 0 -14px 28px; }
  @media only screen and (min-width: 1051px) {
    .row--18-36 {
      margin: 0 -15px -36px; } }
  @media only screen and (max-width: 500px) {
    .row--18-36 {
      margin-bottom: -20px; } }
  .row--12-45 {
    margin: 0 -12px; }

[class*='col-'] {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 1rem;
  padding: 0 15px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 1051px) {
    .row--20-40 [class*='col-'] {
      margin-bottom: 40px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1051px) {
    .row--25-50 [class*='col-'] {
      margin-bottom: 50px;
      padding: 0 25px; } }
  .row--0-30 [class*='col-'] {
    padding: 0;
    margin-bottom: 30px; }
    @media only screen and (min-width: 800px) and (max-width: 1050px) {
      .row--0-30 [class*='col-'] {
        padding: 0 15px; } }
  .row--11-22 [class*='col-'] {
    padding: 0 11px;
    margin-bottom: 22px; }
  .row--14-28 [class*='col-'] {
    padding: 0 14px;
    margin-bottom: 28px; }
  @media only screen and (min-width: 1051px) {
    .row--18-36 [class*='col-'] {
      padding: 0 18px;
      margin-bottom: 36px; } }
  @media only screen and (max-width: 500px) {
    .row--18-36 [class*='col-'] {
      margin-bottom: 20px; } }
  .row--12-45 [class*='col-'] {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 45px; }

.col-xs-1 {
  width: 4.16667%; }

.col-xs-pull-1 {
  right: 4.16667%; }

.col-xs-push-1 {
  left: 4.16667%; }

.col-xs-2 {
  width: 8.33333%; }

.col-xs-pull-2 {
  right: 8.33333%; }

.col-xs-push-2 {
  left: 8.33333%; }

.col-xs-3 {
  width: 12.5%; }

.col-xs-pull-3 {
  right: 12.5%; }

.col-xs-push-3 {
  left: 12.5%; }

.col-xs-4 {
  width: 16.66667%; }

.col-xs-pull-4 {
  right: 16.66667%; }

.col-xs-push-4 {
  left: 16.66667%; }

.col-xs-5 {
  width: 20.83333%; }

.col-xs-pull-5 {
  right: 20.83333%; }

.col-xs-push-5 {
  left: 20.83333%; }

.col-xs-6 {
  width: 25%; }

.col-xs-pull-6 {
  right: 25%; }

.col-xs-push-6 {
  left: 25%; }

.col-xs-7 {
  width: 29.16667%; }

.col-xs-pull-7 {
  right: 29.16667%; }

.col-xs-push-7 {
  left: 29.16667%; }

.col-xs-8 {
  width: 33.33333%; }

.col-xs-pull-8 {
  right: 33.33333%; }

.col-xs-push-8 {
  left: 33.33333%; }

.col-xs-9 {
  width: 37.5%; }

.col-xs-pull-9 {
  right: 37.5%; }

.col-xs-push-9 {
  left: 37.5%; }

.col-xs-10 {
  width: 41.66667%; }

.col-xs-pull-10 {
  right: 41.66667%; }

.col-xs-push-10 {
  left: 41.66667%; }

.col-xs-11 {
  width: 45.83333%; }

.col-xs-pull-11 {
  right: 45.83333%; }

.col-xs-push-11 {
  left: 45.83333%; }

.col-xs-12 {
  width: 50%; }

.col-xs-pull-12 {
  right: 50%; }

.col-xs-push-12 {
  left: 50%; }

.col-xs-13 {
  width: 54.16667%; }

.col-xs-pull-13 {
  right: 54.16667%; }

.col-xs-push-13 {
  left: 54.16667%; }

.col-xs-14 {
  width: 58.33333%; }

.col-xs-pull-14 {
  right: 58.33333%; }

.col-xs-push-14 {
  left: 58.33333%; }

.col-xs-15 {
  width: 62.5%; }

.col-xs-pull-15 {
  right: 62.5%; }

.col-xs-push-15 {
  left: 62.5%; }

.col-xs-16 {
  width: 66.66667%; }

.col-xs-pull-16 {
  right: 66.66667%; }

.col-xs-push-16 {
  left: 66.66667%; }

.col-xs-17 {
  width: 70.83333%; }

.col-xs-pull-17 {
  right: 70.83333%; }

.col-xs-push-17 {
  left: 70.83333%; }

.col-xs-18 {
  width: 75%; }

.col-xs-pull-18 {
  right: 75%; }

.col-xs-push-18 {
  left: 75%; }

.col-xs-19 {
  width: 79.16667%; }

.col-xs-pull-19 {
  right: 79.16667%; }

.col-xs-push-19 {
  left: 79.16667%; }

.col-xs-20 {
  width: 83.33333%; }

.col-xs-pull-20 {
  right: 83.33333%; }

.col-xs-push-20 {
  left: 83.33333%; }

.col-xs-21 {
  width: 87.5%; }

.col-xs-pull-21 {
  right: 87.5%; }

.col-xs-push-21 {
  left: 87.5%; }

.col-xs-22 {
  width: 91.66667%; }

.col-xs-pull-22 {
  right: 91.66667%; }

.col-xs-push-22 {
  left: 91.66667%; }

.col-xs-23 {
  width: 95.83333%; }

.col-xs-pull-23 {
  right: 95.83333%; }

.col-xs-push-23 {
  left: 95.83333%; }

.col-xs-24 {
  width: 100%; }

.col-xs-pull-24 {
  right: 100%; }

.col-xs-push-24 {
  left: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media only screen and (min-width: 501px) {
  .col-sm-1 {
    width: 4.16667%; }
  .col-sm-pull-1 {
    right: 4.16667%; }
  .col-sm-push-1 {
    left: 4.16667%; }
  .col-sm-2 {
    width: 8.33333%; }
  .col-sm-pull-2 {
    right: 8.33333%; }
  .col-sm-push-2 {
    left: 8.33333%; }
  .col-sm-3 {
    width: 12.5%; }
  .col-sm-pull-3 {
    right: 12.5%; }
  .col-sm-push-3 {
    left: 12.5%; }
  .col-sm-4 {
    width: 16.66667%; }
  .col-sm-pull-4 {
    right: 16.66667%; }
  .col-sm-push-4 {
    left: 16.66667%; }
  .col-sm-5 {
    width: 20.83333%; }
  .col-sm-pull-5 {
    right: 20.83333%; }
  .col-sm-push-5 {
    left: 20.83333%; }
  .col-sm-6 {
    width: 25%; }
  .col-sm-pull-6 {
    right: 25%; }
  .col-sm-push-6 {
    left: 25%; }
  .col-sm-7 {
    width: 29.16667%; }
  .col-sm-pull-7 {
    right: 29.16667%; }
  .col-sm-push-7 {
    left: 29.16667%; }
  .col-sm-8 {
    width: 33.33333%; }
  .col-sm-pull-8 {
    right: 33.33333%; }
  .col-sm-push-8 {
    left: 33.33333%; }
  .col-sm-9 {
    width: 37.5%; }
  .col-sm-pull-9 {
    right: 37.5%; }
  .col-sm-push-9 {
    left: 37.5%; }
  .col-sm-10 {
    width: 41.66667%; }
  .col-sm-pull-10 {
    right: 41.66667%; }
  .col-sm-push-10 {
    left: 41.66667%; }
  .col-sm-11 {
    width: 45.83333%; }
  .col-sm-pull-11 {
    right: 45.83333%; }
  .col-sm-push-11 {
    left: 45.83333%; }
  .col-sm-12 {
    width: 50%; }
  .col-sm-pull-12 {
    right: 50%; }
  .col-sm-push-12 {
    left: 50%; }
  .col-sm-13 {
    width: 54.16667%; }
  .col-sm-pull-13 {
    right: 54.16667%; }
  .col-sm-push-13 {
    left: 54.16667%; }
  .col-sm-14 {
    width: 58.33333%; }
  .col-sm-pull-14 {
    right: 58.33333%; }
  .col-sm-push-14 {
    left: 58.33333%; }
  .col-sm-15 {
    width: 62.5%; }
  .col-sm-pull-15 {
    right: 62.5%; }
  .col-sm-push-15 {
    left: 62.5%; }
  .col-sm-16 {
    width: 66.66667%; }
  .col-sm-pull-16 {
    right: 66.66667%; }
  .col-sm-push-16 {
    left: 66.66667%; }
  .col-sm-17 {
    width: 70.83333%; }
  .col-sm-pull-17 {
    right: 70.83333%; }
  .col-sm-push-17 {
    left: 70.83333%; }
  .col-sm-18 {
    width: 75%; }
  .col-sm-pull-18 {
    right: 75%; }
  .col-sm-push-18 {
    left: 75%; }
  .col-sm-19 {
    width: 79.16667%; }
  .col-sm-pull-19 {
    right: 79.16667%; }
  .col-sm-push-19 {
    left: 79.16667%; }
  .col-sm-20 {
    width: 83.33333%; }
  .col-sm-pull-20 {
    right: 83.33333%; }
  .col-sm-push-20 {
    left: 83.33333%; }
  .col-sm-21 {
    width: 87.5%; }
  .col-sm-pull-21 {
    right: 87.5%; }
  .col-sm-push-21 {
    left: 87.5%; }
  .col-sm-22 {
    width: 91.66667%; }
  .col-sm-pull-22 {
    right: 91.66667%; }
  .col-sm-push-22 {
    left: 91.66667%; }
  .col-sm-23 {
    width: 95.83333%; }
  .col-sm-pull-23 {
    right: 95.83333%; }
  .col-sm-push-23 {
    left: 95.83333%; }
  .col-sm-24 {
    width: 100%; }
  .col-sm-pull-24 {
    right: 100%; }
  .col-sm-push-24 {
    left: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 801px) {
  .col-md-1 {
    width: 4.16667%; }
  .col-md-pull-1 {
    right: 4.16667%; }
  .col-md-push-1 {
    left: 4.16667%; }
  .col-md-2 {
    width: 8.33333%; }
  .col-md-pull-2 {
    right: 8.33333%; }
  .col-md-push-2 {
    left: 8.33333%; }
  .col-md-3 {
    width: 12.5%; }
  .col-md-pull-3 {
    right: 12.5%; }
  .col-md-push-3 {
    left: 12.5%; }
  .col-md-4 {
    width: 16.66667%; }
  .col-md-pull-4 {
    right: 16.66667%; }
  .col-md-push-4 {
    left: 16.66667%; }
  .col-md-5 {
    width: 20.83333%; }
  .col-md-pull-5 {
    right: 20.83333%; }
  .col-md-push-5 {
    left: 20.83333%; }
  .col-md-6 {
    width: 25%; }
  .col-md-pull-6 {
    right: 25%; }
  .col-md-push-6 {
    left: 25%; }
  .col-md-7 {
    width: 29.16667%; }
  .col-md-pull-7 {
    right: 29.16667%; }
  .col-md-push-7 {
    left: 29.16667%; }
  .col-md-8 {
    width: 33.33333%; }
  .col-md-pull-8 {
    right: 33.33333%; }
  .col-md-push-8 {
    left: 33.33333%; }
  .col-md-9 {
    width: 37.5%; }
  .col-md-pull-9 {
    right: 37.5%; }
  .col-md-push-9 {
    left: 37.5%; }
  .col-md-10 {
    width: 41.66667%; }
  .col-md-pull-10 {
    right: 41.66667%; }
  .col-md-push-10 {
    left: 41.66667%; }
  .col-md-11 {
    width: 45.83333%; }
  .col-md-pull-11 {
    right: 45.83333%; }
  .col-md-push-11 {
    left: 45.83333%; }
  .col-md-12 {
    width: 50%; }
  .col-md-pull-12 {
    right: 50%; }
  .col-md-push-12 {
    left: 50%; }
  .col-md-13 {
    width: 54.16667%; }
  .col-md-pull-13 {
    right: 54.16667%; }
  .col-md-push-13 {
    left: 54.16667%; }
  .col-md-14 {
    width: 58.33333%; }
  .col-md-pull-14 {
    right: 58.33333%; }
  .col-md-push-14 {
    left: 58.33333%; }
  .col-md-15 {
    width: 62.5%; }
  .col-md-pull-15 {
    right: 62.5%; }
  .col-md-push-15 {
    left: 62.5%; }
  .col-md-16 {
    width: 66.66667%; }
  .col-md-pull-16 {
    right: 66.66667%; }
  .col-md-push-16 {
    left: 66.66667%; }
  .col-md-17 {
    width: 70.83333%; }
  .col-md-pull-17 {
    right: 70.83333%; }
  .col-md-push-17 {
    left: 70.83333%; }
  .col-md-18 {
    width: 75%; }
  .col-md-pull-18 {
    right: 75%; }
  .col-md-push-18 {
    left: 75%; }
  .col-md-19 {
    width: 79.16667%; }
  .col-md-pull-19 {
    right: 79.16667%; }
  .col-md-push-19 {
    left: 79.16667%; }
  .col-md-20 {
    width: 83.33333%; }
  .col-md-pull-20 {
    right: 83.33333%; }
  .col-md-push-20 {
    left: 83.33333%; }
  .col-md-21 {
    width: 87.5%; }
  .col-md-pull-21 {
    right: 87.5%; }
  .col-md-push-21 {
    left: 87.5%; }
  .col-md-22 {
    width: 91.66667%; }
  .col-md-pull-22 {
    right: 91.66667%; }
  .col-md-push-22 {
    left: 91.66667%; }
  .col-md-23 {
    width: 95.83333%; }
  .col-md-pull-23 {
    right: 95.83333%; }
  .col-md-push-23 {
    left: 95.83333%; }
  .col-md-24 {
    width: 100%; }
  .col-md-pull-24 {
    right: 100%; }
  .col-md-push-24 {
    left: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 1251px) {
  .col-xmd-1 {
    width: 4.16667%; }
  .col-xmd-pull-1 {
    right: 4.16667%; }
  .col-xmd-push-1 {
    left: 4.16667%; }
  .col-xmd-2 {
    width: 8.33333%; }
  .col-xmd-pull-2 {
    right: 8.33333%; }
  .col-xmd-push-2 {
    left: 8.33333%; }
  .col-xmd-3 {
    width: 12.5%; }
  .col-xmd-pull-3 {
    right: 12.5%; }
  .col-xmd-push-3 {
    left: 12.5%; }
  .col-xmd-4 {
    width: 16.66667%; }
  .col-xmd-pull-4 {
    right: 16.66667%; }
  .col-xmd-push-4 {
    left: 16.66667%; }
  .col-xmd-5 {
    width: 20.83333%; }
  .col-xmd-pull-5 {
    right: 20.83333%; }
  .col-xmd-push-5 {
    left: 20.83333%; }
  .col-xmd-6 {
    width: 25%; }
  .col-xmd-pull-6 {
    right: 25%; }
  .col-xmd-push-6 {
    left: 25%; }
  .col-xmd-7 {
    width: 29.16667%; }
  .col-xmd-pull-7 {
    right: 29.16667%; }
  .col-xmd-push-7 {
    left: 29.16667%; }
  .col-xmd-8 {
    width: 33.33333%; }
  .col-xmd-pull-8 {
    right: 33.33333%; }
  .col-xmd-push-8 {
    left: 33.33333%; }
  .col-xmd-9 {
    width: 37.5%; }
  .col-xmd-pull-9 {
    right: 37.5%; }
  .col-xmd-push-9 {
    left: 37.5%; }
  .col-xmd-10 {
    width: 41.66667%; }
  .col-xmd-pull-10 {
    right: 41.66667%; }
  .col-xmd-push-10 {
    left: 41.66667%; }
  .col-xmd-11 {
    width: 45.83333%; }
  .col-xmd-pull-11 {
    right: 45.83333%; }
  .col-xmd-push-11 {
    left: 45.83333%; }
  .col-xmd-12 {
    width: 50%; }
  .col-xmd-pull-12 {
    right: 50%; }
  .col-xmd-push-12 {
    left: 50%; }
  .col-xmd-13 {
    width: 54.16667%; }
  .col-xmd-pull-13 {
    right: 54.16667%; }
  .col-xmd-push-13 {
    left: 54.16667%; }
  .col-xmd-14 {
    width: 58.33333%; }
  .col-xmd-pull-14 {
    right: 58.33333%; }
  .col-xmd-push-14 {
    left: 58.33333%; }
  .col-xmd-15 {
    width: 62.5%; }
  .col-xmd-pull-15 {
    right: 62.5%; }
  .col-xmd-push-15 {
    left: 62.5%; }
  .col-xmd-16 {
    width: 66.66667%; }
  .col-xmd-pull-16 {
    right: 66.66667%; }
  .col-xmd-push-16 {
    left: 66.66667%; }
  .col-xmd-17 {
    width: 70.83333%; }
  .col-xmd-pull-17 {
    right: 70.83333%; }
  .col-xmd-push-17 {
    left: 70.83333%; }
  .col-xmd-18 {
    width: 75%; }
  .col-xmd-pull-18 {
    right: 75%; }
  .col-xmd-push-18 {
    left: 75%; }
  .col-xmd-19 {
    width: 79.16667%; }
  .col-xmd-pull-19 {
    right: 79.16667%; }
  .col-xmd-push-19 {
    left: 79.16667%; }
  .col-xmd-20 {
    width: 83.33333%; }
  .col-xmd-pull-20 {
    right: 83.33333%; }
  .col-xmd-push-20 {
    left: 83.33333%; }
  .col-xmd-21 {
    width: 87.5%; }
  .col-xmd-pull-21 {
    right: 87.5%; }
  .col-xmd-push-21 {
    left: 87.5%; }
  .col-xmd-22 {
    width: 91.66667%; }
  .col-xmd-pull-22 {
    right: 91.66667%; }
  .col-xmd-push-22 {
    left: 91.66667%; }
  .col-xmd-23 {
    width: 95.83333%; }
  .col-xmd-pull-23 {
    right: 95.83333%; }
  .col-xmd-push-23 {
    left: 95.83333%; }
  .col-xmd-24 {
    width: 100%; }
  .col-xmd-pull-24 {
    right: 100%; }
  .col-xmd-push-24 {
    left: 100%; }
  .col-xmd-pull-0 {
    right: auto; }
  .col-xmd-push-0 {
    left: auto; }
  .col-xmd-offset-0 {
    margin-left: 0%; }
  .col-xmd-offset-1 {
    margin-left: 8.33333%; }
  .col-xmd-offset-2 {
    margin-left: 16.66667%; }
  .col-xmd-offset-3 {
    margin-left: 25%; }
  .col-xmd-offset-4 {
    margin-left: 33.33333%; }
  .col-xmd-offset-5 {
    margin-left: 41.66667%; }
  .col-xmd-offset-6 {
    margin-left: 50%; }
  .col-xmd-offset-7 {
    margin-left: 58.33333%; }
  .col-xmd-offset-8 {
    margin-left: 66.66667%; }
  .col-xmd-offset-9 {
    margin-left: 75%; }
  .col-xmd-offset-10 {
    margin-left: 83.33333%; }
  .col-xmd-offset-11 {
    margin-left: 91.66667%; }
  .col-xmd-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 1051px) {
  .col-lg-1 {
    width: 4.16667%; }
  .col-lg-pull-1 {
    right: 4.16667%; }
  .col-lg-push-1 {
    left: 4.16667%; }
  .col-lg-2 {
    width: 8.33333%; }
  .col-lg-pull-2 {
    right: 8.33333%; }
  .col-lg-push-2 {
    left: 8.33333%; }
  .col-lg-3 {
    width: 12.5%; }
  .col-lg-pull-3 {
    right: 12.5%; }
  .col-lg-push-3 {
    left: 12.5%; }
  .col-lg-4 {
    width: 16.66667%; }
  .col-lg-pull-4 {
    right: 16.66667%; }
  .col-lg-push-4 {
    left: 16.66667%; }
  .col-lg-5 {
    width: 20.83333%; }
  .col-lg-pull-5 {
    right: 20.83333%; }
  .col-lg-push-5 {
    left: 20.83333%; }
  .col-lg-6 {
    width: 25%; }
  .col-lg-pull-6 {
    right: 25%; }
  .col-lg-push-6 {
    left: 25%; }
  .col-lg-7 {
    width: 29.16667%; }
  .col-lg-pull-7 {
    right: 29.16667%; }
  .col-lg-push-7 {
    left: 29.16667%; }
  .col-lg-8 {
    width: 33.33333%; }
  .col-lg-pull-8 {
    right: 33.33333%; }
  .col-lg-push-8 {
    left: 33.33333%; }
  .col-lg-9 {
    width: 37.5%; }
  .col-lg-pull-9 {
    right: 37.5%; }
  .col-lg-push-9 {
    left: 37.5%; }
  .col-lg-10 {
    width: 41.66667%; }
  .col-lg-pull-10 {
    right: 41.66667%; }
  .col-lg-push-10 {
    left: 41.66667%; }
  .col-lg-11 {
    width: 45.83333%; }
  .col-lg-pull-11 {
    right: 45.83333%; }
  .col-lg-push-11 {
    left: 45.83333%; }
  .col-lg-12 {
    width: 50%; }
  .col-lg-pull-12 {
    right: 50%; }
  .col-lg-push-12 {
    left: 50%; }
  .col-lg-13 {
    width: 54.16667%; }
  .col-lg-pull-13 {
    right: 54.16667%; }
  .col-lg-push-13 {
    left: 54.16667%; }
  .col-lg-14 {
    width: 58.33333%; }
  .col-lg-pull-14 {
    right: 58.33333%; }
  .col-lg-push-14 {
    left: 58.33333%; }
  .col-lg-15 {
    width: 62.5%; }
  .col-lg-pull-15 {
    right: 62.5%; }
  .col-lg-push-15 {
    left: 62.5%; }
  .col-lg-16 {
    width: 66.66667%; }
  .col-lg-pull-16 {
    right: 66.66667%; }
  .col-lg-push-16 {
    left: 66.66667%; }
  .col-lg-17 {
    width: 70.83333%; }
  .col-lg-pull-17 {
    right: 70.83333%; }
  .col-lg-push-17 {
    left: 70.83333%; }
  .col-lg-18 {
    width: 75%; }
  .col-lg-pull-18 {
    right: 75%; }
  .col-lg-push-18 {
    left: 75%; }
  .col-lg-19 {
    width: 79.16667%; }
  .col-lg-pull-19 {
    right: 79.16667%; }
  .col-lg-push-19 {
    left: 79.16667%; }
  .col-lg-20 {
    width: 83.33333%; }
  .col-lg-pull-20 {
    right: 83.33333%; }
  .col-lg-push-20 {
    left: 83.33333%; }
  .col-lg-21 {
    width: 87.5%; }
  .col-lg-pull-21 {
    right: 87.5%; }
  .col-lg-push-21 {
    left: 87.5%; }
  .col-lg-22 {
    width: 91.66667%; }
  .col-lg-pull-22 {
    right: 91.66667%; }
  .col-lg-push-22 {
    left: 91.66667%; }
  .col-lg-23 {
    width: 95.83333%; }
  .col-lg-pull-23 {
    right: 95.83333%; }
  .col-lg-push-23 {
    left: 95.83333%; }
  .col-lg-24 {
    width: 100%; }
  .col-lg-pull-24 {
    right: 100%; }
  .col-lg-push-24 {
    left: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 1401px) {
  .col-xlg-1 {
    width: 4.16667%; }
  .col-xlg-pull-1 {
    right: 4.16667%; }
  .col-xlg-push-1 {
    left: 4.16667%; }
  .col-xlg-2 {
    width: 8.33333%; }
  .col-xlg-pull-2 {
    right: 8.33333%; }
  .col-xlg-push-2 {
    left: 8.33333%; }
  .col-xlg-3 {
    width: 12.5%; }
  .col-xlg-pull-3 {
    right: 12.5%; }
  .col-xlg-push-3 {
    left: 12.5%; }
  .col-xlg-4 {
    width: 16.66667%; }
  .col-xlg-pull-4 {
    right: 16.66667%; }
  .col-xlg-push-4 {
    left: 16.66667%; }
  .col-xlg-5 {
    width: 20.83333%; }
  .col-xlg-pull-5 {
    right: 20.83333%; }
  .col-xlg-push-5 {
    left: 20.83333%; }
  .col-xlg-6 {
    width: 25%; }
  .col-xlg-pull-6 {
    right: 25%; }
  .col-xlg-push-6 {
    left: 25%; }
  .col-xlg-7 {
    width: 29.16667%; }
  .col-xlg-pull-7 {
    right: 29.16667%; }
  .col-xlg-push-7 {
    left: 29.16667%; }
  .col-xlg-8 {
    width: 33.33333%; }
  .col-xlg-pull-8 {
    right: 33.33333%; }
  .col-xlg-push-8 {
    left: 33.33333%; }
  .col-xlg-9 {
    width: 37.5%; }
  .col-xlg-pull-9 {
    right: 37.5%; }
  .col-xlg-push-9 {
    left: 37.5%; }
  .col-xlg-10 {
    width: 41.66667%; }
  .col-xlg-pull-10 {
    right: 41.66667%; }
  .col-xlg-push-10 {
    left: 41.66667%; }
  .col-xlg-11 {
    width: 45.83333%; }
  .col-xlg-pull-11 {
    right: 45.83333%; }
  .col-xlg-push-11 {
    left: 45.83333%; }
  .col-xlg-12 {
    width: 50%; }
  .col-xlg-pull-12 {
    right: 50%; }
  .col-xlg-push-12 {
    left: 50%; }
  .col-xlg-13 {
    width: 54.16667%; }
  .col-xlg-pull-13 {
    right: 54.16667%; }
  .col-xlg-push-13 {
    left: 54.16667%; }
  .col-xlg-14 {
    width: 58.33333%; }
  .col-xlg-pull-14 {
    right: 58.33333%; }
  .col-xlg-push-14 {
    left: 58.33333%; }
  .col-xlg-15 {
    width: 62.5%; }
  .col-xlg-pull-15 {
    right: 62.5%; }
  .col-xlg-push-15 {
    left: 62.5%; }
  .col-xlg-16 {
    width: 66.66667%; }
  .col-xlg-pull-16 {
    right: 66.66667%; }
  .col-xlg-push-16 {
    left: 66.66667%; }
  .col-xlg-17 {
    width: 70.83333%; }
  .col-xlg-pull-17 {
    right: 70.83333%; }
  .col-xlg-push-17 {
    left: 70.83333%; }
  .col-xlg-18 {
    width: 75%; }
  .col-xlg-pull-18 {
    right: 75%; }
  .col-xlg-push-18 {
    left: 75%; }
  .col-xlg-19 {
    width: 79.16667%; }
  .col-xlg-pull-19 {
    right: 79.16667%; }
  .col-xlg-push-19 {
    left: 79.16667%; }
  .col-xlg-20 {
    width: 83.33333%; }
  .col-xlg-pull-20 {
    right: 83.33333%; }
  .col-xlg-push-20 {
    left: 83.33333%; }
  .col-xlg-21 {
    width: 87.5%; }
  .col-xlg-pull-21 {
    right: 87.5%; }
  .col-xlg-push-21 {
    left: 87.5%; }
  .col-xlg-22 {
    width: 91.66667%; }
  .col-xlg-pull-22 {
    right: 91.66667%; }
  .col-xlg-push-22 {
    left: 91.66667%; }
  .col-xlg-23 {
    width: 95.83333%; }
  .col-xlg-pull-23 {
    right: 95.83333%; }
  .col-xlg-push-23 {
    left: 95.83333%; }
  .col-xlg-24 {
    width: 100%; }
  .col-xlg-pull-24 {
    right: 100%; }
  .col-xlg-push-24 {
    left: 100%; }
  .col-xlg-pull-0 {
    right: auto; }
  .col-xlg-push-0 {
    left: auto; }
  .col-xlg-offset-0 {
    margin-left: 0%; }
  .col-xlg-offset-1 {
    margin-left: 8.33333%; }
  .col-xlg-offset-2 {
    margin-left: 16.66667%; }
  .col-xlg-offset-3 {
    margin-left: 25%; }
  .col-xlg-offset-4 {
    margin-left: 33.33333%; }
  .col-xlg-offset-5 {
    margin-left: 41.66667%; }
  .col-xlg-offset-6 {
    margin-left: 50%; }
  .col-xlg-offset-7 {
    margin-left: 58.33333%; }
  .col-xlg-offset-8 {
    margin-left: 66.66667%; }
  .col-xlg-offset-9 {
    margin-left: 75%; }
  .col-xlg-offset-10 {
    margin-left: 83.33333%; }
  .col-xlg-offset-11 {
    margin-left: 91.66667%; }
  .col-xlg-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 501px) {
  .visible-xs {
    display: none !important; } }

@media only screen and (min-width: 801px) {
  .visible-sm {
    display: none !important; } }

@media only screen and (min-width: 1051px) {
  .visible-md {
    display: none !important; } }

@media only screen and (min-width: 1401px) {
  .visible-lg {
    display: none !important; } }

@media only screen and (max-width: 500px) {
  .hidden-xs {
    display: none !important; } }

@media only screen and (max-width: 800px) {
  .hidden-sm {
    display: none !important; } }

@media only screen and (max-width: 1050px) {
  .hidden-md {
    display: none !important; } }

@media only screen and (max-width: 1400px) {
  .hidden-lg {
    display: none !important; } }

/*! start _helpers */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clear-div:after, .clear-div:before {
  display: table;
  content: " ";
  clear: both; }

.hide, .hidden {
  display: none !important; }

.show {
  display: block !important; }

.bold {
  font-weight: bold !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.text-ltr, .ltr {
  direction: ltr;
  text-align: left; }

.text-center {
  text-align: center; }

.text-title-1 {
  font-family: Rubik, tahoma, arial;
  font-size: 1.75rem;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    .text-title-1 {
      font-size: 22px; } }
  @media only screen and (max-width: 500px) {
    .text-title-1 {
      font-size: 20px; } }

.text-title-2 {
  font-family: Rubik, tahoma, arial;
  font-size: 1.5rem;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    .text-title-2 {
      font-size: 20px; } }
  @media only screen and (max-width: 500px) {
    .text-title-2 {
      font-size: 18px; } }

.text-title-3 {
  font-family: Rubik, tahoma, arial;
  font-size: 1.375rem;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    .text-title-3 {
      font-size: 18px; } }
  @media only screen and (max-width: 500px) {
    .text-title-3 {
      font-size: 16px; } }

.text-title-4 {
  font-family: Rubik, tahoma, arial;
  font-size: 1.125rem;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    .text-title-4 {
      font-size: 16px; } }
  @media only screen and (max-width: 500px) {
    .text-title-4 {
      font-size: 16px; } }

.text-subtitle-2 {
  font-family: Rubik, tahoma, arial;
  font-size: 18px; }
  @media only screen and (max-width: 800px) {
    .text-subtitle-2 {
      font-size: 17px; } }
  @media only screen and (max-width: 500px) {
    .text-subtitle-2 {
      font-size: 15px; } }

.text-regular {
  font-family: Rubik, tahoma, arial;
  font-weight: 400; }

.text-bold {
  font-family: Rubik, tahoma, arial;
  font-weight: bold; }

.text-light {
  font-family: Rubik, tahoma, arial;
  font-weight: 300; }

.text-en.text-bold {
  font-weight: bold; }

.text-blue {
  color: #1C5BFF !important; }

.text-white {
  color: #fff !important; }

.text-gray-9 {
  color: #999999 !important; }

.text-gray-c {
  color: #cccccc !important; }

.text-green {
  color: #24B77E !important; }

.text-red {
  color: #FF5F5F !important; }

.bg-blue {
  background-color: #1C5BFF; }

.bg-blue-005 {
  background-color: #005B9F; }

.bg-blue-008 {
  background-color: #0085E6; }

.bg-bluelight {
  background-color: #E2F3FF; }

.bg-gray-f {
  background-color: #F7F7F7; }

.bg-grd-blue-ultralight {
  background: linear-gradient(to bottom, rgba(214, 238, 255, 0) 0%, #d6eeff 100%); }

.bg-grd-blue-light {
  background: linear-gradient(20deg, #288ed9 0%, #137fcf 100%); }

.bg-grd-blue {
  background: linear-gradient(20deg, #005b9f 0%, #288ed9 100%); }

.bg-grd-blue-vertical {
  background: linear-gradient(to bottom, #288ED9 0%, #106FB6 50%, #004C84 100%); }

@media only screen and (min-width: 1051px) {
  .col-lg-45 {
    width: 20%; } }

.line-decoration {
  color: #999999;
  text-decoration: line-through;
  text-decoration-color: #999999; }

.divider {
  display: block;
  margin-top: 3.75rem;
  background-color: #D9D9D9;
  height: 1px;
  width: 100%; }
  .divider--both {
    margin: 1.875rem 0; }

.scroll-hidden {
  overflow: hidden; }

.nice-select .current--hide {
  opacity: 1 !important; }

.plan-container {
  max-width: 1193px;
  margin: 0 28.5px; }
  @media only screen and (max-width: 800px) {
    .plan-container {
      margin: 0; } }
  .plan-container .scroll-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .plan-container .scroll-container .move-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 2.5rem;
      min-height: 2.5rem;
      border-radius: 100px;
      border: none;
      z-index: 2;
      position: absolute; }
      .plan-container .scroll-container .move-btn.prev {
        left: -80px; }
      .plan-container .scroll-container .move-btn.next {
        right: -80px; }
    .plan-container .scroll-container .move-btn:hover {
      cursor: pointer; }
    .plan-container .scroll-container .move-btn:disabled {
      display: none; }
    .plan-container .scroll-container .card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 2rem 0;
      z-index: 1; }
      .plan-container .scroll-container .card-container .plan-item {
        scroll-snap-align: center;
        flex: none;
        display: flex;
        flex-direction: column;
        border-radius: 1.25rem;
        padding: 2.5rem 1.5625rem;
        margin: 1rem 0.5rem;
        align-items: stretch;
        min-width: 18.5rem;
        max-width: 18.5rem;
        background-color: transparent;
        color: #000D58;
        transition: 0.01s background-color;
        z-index: 0; }
        .plan-container .scroll-container .card-container .plan-item > * {
          margin-top: 0.9375rem; }
        .plan-container .scroll-container .card-container .plan-item__title {
          font-family: Rubik, tahoma, arial;
          font-size: 1.125rem;
          font-weight: bold;
          text-align: left; }
          @media only screen and (max-width: 800px) {
            .plan-container .scroll-container .card-container .plan-item__title {
              font-size: 16px; } }
          @media only screen and (max-width: 500px) {
            .plan-container .scroll-container .card-container .plan-item__title {
              font-size: 16px; } }
        .plan-container .scroll-container .card-container .plan-item__price {
          font-family: Rubik, tahoma, arial;
          font-size: 1.125rem;
          font-weight: bold;
          display: flex;
          justify-content: left;
          align-items: flex-end;
          font-size: 1.25rem;
          line-height: 1.5rem; }
          @media only screen and (max-width: 800px) {
            .plan-container .scroll-container .card-container .plan-item__price {
              font-size: 16px; } }
          @media only screen and (max-width: 500px) {
            .plan-container .scroll-container .card-container .plan-item__price {
              font-size: 16px; } }
          .plan-container .scroll-container .card-container .plan-item__price .value {
            font-size: 3.125rem;
            line-height: 2.5rem; }
          .plan-container .scroll-container .card-container .plan-item__price .period {
            font-family: Rubik, tahoma, arial;
            font-weight: 400; }
        .plan-container .scroll-container .card-container .plan-item__credit {
          font-size: 0.9rem;
          text-align: center;
          color: #0dc4c4;
          text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.11);
          font-weight: bold;
          background: rgba(33, 226, 226, 0.05);
          border-radius: 0.5rem;
          padding: 0.2rem 0.8rem; }
        .plan-container .scroll-container .card-container .plan-item__features {
          font-family: Rubik, tahoma, arial;
          font-weight: 400;
          font-size: 0.875rem; }
          .plan-container .scroll-container .card-container .plan-item__features ul li {
            display: flex;
            padding: 0.5rem 0;
            align-items: center;
            justify-content: space-between; }
          .plan-container .scroll-container .card-container .plan-item__features--title {
            display: flex;
            align-items: center; }
            .plan-container .scroll-container .card-container .plan-item__features--title img,
            .plan-container .scroll-container .card-container .plan-item__features--title svg {
              width: 1.25rem;
              height: 1.25rem;
              margin-right: 0.5rem; }
        .plan-container .scroll-container .card-container .plan-item__btn {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #1C5BFF;
          box-sizing: border-box;
          align-self: center;
          border-radius: 0.75rem; }
        .plan-container .scroll-container .card-container .plan-item.selected {
          background-color: #1C5BFF !important;
          color: #FFFFFF;
          z-index: 2; }
          .plan-container .scroll-container .card-container .plan-item.selected > * {
            margin-top: 1.5625rem; }
          .plan-container .scroll-container .card-container .plan-item.selected .plan-item__features svg path.line {
            fill: #FFFFFF; }
          .plan-container .scroll-container .card-container .plan-item.selected .plan-item__features svg path:not(.line) {
            fill: #1C5BFF; }
        .plan-container .scroll-container .card-container .plan-item.prev, .plan-container .scroll-container .card-container .plan-item.next {
          z-index: 1; }
          .plan-container .scroll-container .card-container .plan-item.prev > *, .plan-container .scroll-container .card-container .plan-item.next > * {
            margin-top: 1.25rem; }
        .plan-container .scroll-container .card-container .plan-item > *:first-child {
          margin-top: 0px; }
      .plan-container .scroll-container .card-container.scroll {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity; }
        .plan-container .scroll-container .card-container.scroll .plan-item {
          position: relative;
          box-shadow: 0px 0px 55px rgba(0, 117, 255, 0.15); }
          .plan-container .scroll-container .card-container.scroll .plan-item:not(.selected) {
            background-color: #FFFFFF !important;
            box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04); }
            .plan-container .scroll-container .card-container.scroll .plan-item:not(.selected):not(:last-child) {
              border-right: 1px solid rgba(0, 0, 0, 0.04); }
            .plan-container .scroll-container .card-container.scroll .plan-item:not(.selected):not(.next):not(.prev) {
              opacity: 0.3; }
          @media only screen and (max-width: 500px) {
            .plan-container .scroll-container .card-container.scroll .plan-item {
              opacity: 1 !important; } }
        .plan-container .scroll-container .card-container.scroll::-webkit-scrollbar {
          display: none; }
        @media only screen and (max-width: 500px) {
          .plan-container .scroll-container .card-container.scroll {
            flex-wrap: wrap;
            overflow-x: hidden;
            justify-content: center; } }
  .plan-container .custom-container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .plan-container .custom-container .section-header {
      display: none; }
    .plan-container .custom-container .card-container {
      box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04);
      width: 100%; }
    .plan-container .custom-container .card {
      background: #fff;
      width: 100%;
      padding: 1rem 2.5rem 60px 2rem;
      border-radius: 20px; }
      @media only screen and (max-width: 800px) {
        .plan-container .custom-container .card {
          padding: 1rem 0;
          padding-left: 0.7rem;
          padding-right: 0.7rem; } }
      .plan-container .custom-container .card .head-card {
        display: none; }
      .plan-container .custom-container .card .head-card-table {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .plan-container .custom-container .card .head-card-table .left-content {
          display: flex; }
          .plan-container .custom-container .card .head-card-table .left-content .accordion-btn {
            display: none; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .left-content .accordion-btn {
                display: flex;
                margin-right: 12px; } }
          .plan-container .custom-container .card .head-card-table .left-content .first-col {
            font-family: Rubik, tahoma, arial;
            font-size: 18px;
            font-weight: 500; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .left-content .first-col {
                font-size: 12px; } }
            @media only screen and (max-width: 500px) {
              .plan-container .custom-container .card .head-card-table .left-content .first-col {
                font-size: 12px; } }
        .plan-container .custom-container .card .head-card-table .right-content {
          display: flex; }
          @media only screen and (max-width: 800px) {
            .plan-container .custom-container .card .head-card-table .right-content {
              margin-right: 12px; } }
          .plan-container .custom-container .card .head-card-table .right-content .price .doler-sign {
            font-family: Rubik, tahoma, arial;
            font-size: 17px;
            font-weight: 500; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .doler-sign {
                font-size: 12px; } }
            @media only screen and (max-width: 500px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .doler-sign {
                font-size: 12px; } }
          .plan-container .custom-container .card .head-card-table .right-content .price .number {
            font-family: Rubik, tahoma, arial;
            font-size: 50px;
            font-weight: 500; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .number {
                font-size: 20px; } }
            @media only screen and (max-width: 500px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .number {
                font-size: 20px; } }
          .plan-container .custom-container .card .head-card-table .right-content .price .month-sign {
            font-family: Rubik, tahoma, arial;
            font-size: 17px;
            font-weight: 400; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .month-sign {
                font-size: 12px; } }
            @media only screen and (max-width: 500px) {
              .plan-container .custom-container .card .head-card-table .right-content .price .month-sign {
                font-size: 12px; } }
          .plan-container .custom-container .card .head-card-table .right-content .btn-container {
            display: flex;
            margin-left: 75px; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .head-card-table .right-content .btn-container {
                margin-left: 19px; } }
            .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn {
              font-family: Rubik, tahoma, arial;
              font-size: 0.875rem;
              font-weight: 500; }
              @media only screen and (max-width: 800px) {
                .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn {
                  font-size: 10px; } }
              @media only screen and (max-width: 500px) {
                .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn {
                  font-size: 10px; } }
              .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn:first-child {
                display: block; }
              .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn:last-child {
                display: none; }
              @media only screen and (max-width: 800px) {
                .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn:last-child {
                  display: block; }
                .plan-container .custom-container .card .head-card-table .right-content .btn-container .btn:first-child {
                  display: none; } }
      .plan-container .custom-container .card .body-card {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 50px; }
        @media only screen and (max-width: 800px) {
          .plan-container .custom-container .card .body-card {
            grid-template-columns: auto;
            margin: 0 30px; } }
        .plan-container .custom-container .card .body-card span {
          opacity: 0.8;
          margin-left: 1rem; }
        @media only screen and (max-width: 800px) {
          .plan-container .custom-container .card .body-card .range-slid {
            margin-top: 1.5rem; } }
        .plan-container .custom-container .card .body-card .range-slid .up-content {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          text-align: center;
          align-items: center;
          margin-bottom: 20px; }
          @media only screen and (max-width: 800px) {
            .plan-container .custom-container .card .body-card .range-slid .up-content {
              margin-bottom: 12px; } }
          .plan-container .custom-container .card .body-card .range-slid .up-content span {
            font-family: Rubik, tahoma, arial;
            font-size: 0.875rem;
            font-weight: 500;
            opacity: 0.8; }
            @media only screen and (max-width: 800px) {
              .plan-container .custom-container .card .body-card .range-slid .up-content span {
                font-size: 10px; } }
            @media only screen and (max-width: 500px) {
              .plan-container .custom-container .card .body-card .range-slid .up-content span {
                font-size: 10px; } }
          .plan-container .custom-container .card .body-card .range-slid .up-content > div {
            display: flex;
            align-items: center; }
          @media only screen and (max-width: 800px) {
            .plan-container .custom-container .card .body-card .range-slid .up-content svg {
              width: 18px;
              height: 18px; } }
      .plan-container .custom-container .card .footer-content {
        display: none;
        justify-content: center;
        margin-top: 50px;
        align-self: center;
        font-family: Rubik, tahoma, arial;
        font-size: 0.875rem;
        font-weight: 500; }
        @media only screen and (max-width: 800px) {
          .plan-container .custom-container .card .footer-content {
            font-size: 10px; } }
        @media only screen and (max-width: 500px) {
          .plan-container .custom-container .card .footer-content {
            font-size: 10px; } }
        @media only screen and (max-width: 800px) {
          .plan-container .custom-container .card .footer-content {
            display: flex;
            margin-top: 35px;
            padding-bottom: 15px; }
            .plan-container .custom-container .card .footer-content .btn--blue {
              display: none; }
            .plan-container .custom-container .card .footer-content .btn--blue-outline {
              display: block; } }
    @media only screen and (min-width: 801px) {
      .plan-container .custom-container--card .section-header {
        display: flex; }
      .plan-container .custom-container--card .card-container {
        width: unset; }
      .plan-container .custom-container--card .card {
        padding: 4rem 2rem 2rem 2rem;
        max-width: 50rem;
        width: 50rem; }
        .plan-container .custom-container--card .card .head-card {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          .plan-container .custom-container--card .card .head-card .left {
            font-weight: 500; }
            .plan-container .custom-container--card .card .head-card .left .title {
              font-size: 18px; }
            .plan-container .custom-container--card .card .head-card .left .price {
              font-size: 17px; }
              .plan-container .custom-container--card .card .head-card .left .price .number {
                font-size: 50px; }
        .plan-container .custom-container--card .card .head-card-table {
          display: none; }
        .plan-container .custom-container--card .card .body-card {
          grid-template-columns: auto; }
          .plan-container .custom-container--card .card .body-card .range-slid {
            margin-top: 40px; }
        .plan-container .custom-container--card .card .footer-content {
          display: flex; }
          .plan-container .custom-container--card .card .footer-content .btn--blue {
            display: block; }
          .plan-container .custom-container--card .card .footer-content .btn--blue-outline {
            display: none; } }
    .plan-container .custom-container.activecast .card {
      padding-bottom: 1rem; }
      .plan-container .custom-container.activecast .card .head-card-table .accordion-btn .circle-btn {
        transition: all 0.2s ease-in-out;
        transform: translateY(0%) rotate(180deg); }
      .plan-container .custom-container.activecast .card .body-card {
        display: none; }
      .plan-container .custom-container.activecast .card .footer-content {
        display: none; }
  .plan-container .table-container {
    display: flex;
    justify-content: center;
    align-items: center;
     }
    .plan-container .table-container .accordion-btn .circle-btn {
      transition: all 0.2s ease-in-out;
      transform: translateY(0%) rotate(0deg); }
    .plan-container .table-container table {
      border-collapse: collapse;
      width: 100%; }
      .plan-container .table-container table thead tr {
        box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04); }
        .plan-container .table-container table thead tr th {
          padding: 1.5rem 0;
          background-color: #fff;
          text-align: center;
          width: 85px;
          color: rgba(143, 171, 212, 0.9); }
      .plan-container .table-container table tbody .row-card td:first-child,
      .plan-container .table-container table thead tr th:first-child {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem; }
      .plan-container .table-container table tbody .row-card td:last-child,
      .plan-container .table-container table thead tr th:last-child {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem; }
      .plan-container .table-container table tbody .row-details td {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem; }
    .plan-container .table-container tbody::after,
    .plan-container .table-container thead::after {
      content: "";
      height: 0.5rem;
      display: table-row; }
    .plan-container .table-container tr.row-details td {
      background: #000d58;
      color: #fff;
      border-top-right-radius: unset;
      border-top-left-radius: unset;
      padding-bottom: 1.5rem; }
      .plan-container .table-container tr.row-details td div .box-content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        margin-bottom: 1.5rem; }
        .plan-container .table-container tr.row-details td div .box-content .details-content {
          border-left: 5px solid #41d8f1;
          margin: 1rem 0;
          text-align: start;
          padding-left: 1rem; }
          .plan-container .table-container tr.row-details td div .box-content .details-content .act-title {
            opacity: 0.9; }
    .plan-container .table-container td {
      background-color: #fff;
      text-align: center; }
      .plan-container .table-container td.first-col {
        text-align: left;
        padding-left: 30px; }
        @media only screen and (max-width: 800px) {
          .plan-container .table-container td.first-col {
            padding-left: unset; } }
      @media only screen and (max-width: 800px) {
        .plan-container .table-container td.td-price {
          text-align: right; } }
      .plan-container .table-container td .btn {
        font-family: Rubik, tahoma, arial;
        font-size: 0.875rem;
        font-weight: 500;
        display: unset !important; }
        @media only screen and (max-width: 800px) {
          .plan-container .table-container td .btn {
            font-size: 10px; } }
        @media only screen and (max-width: 500px) {
          .plan-container .table-container td .btn {
            font-size: 10px; } }

.action-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 43px; }
  .action-buttons .mode-buttons {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 12.5rem; }
    .action-buttons .mode-buttons input[type="radio"] {
      display: none; }
    .action-buttons .mode-buttons div {
      display: flex; }
    .action-buttons .mode-buttons label {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 3.75rem;
      width: 3.75rem;
      background: #ffffff;
      border-radius: 0.4375rem;
      margin: 0.625rem; }
    .action-buttons .mode-buttons input[type="radio"]:checked + label > svg > path {
      fill: #1C5BFF;
      opacity: 1; }
  .action-buttons .period-tab {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 800px) {
      .action-buttons .period-tab {
        display: none; } }
    @media only screen and (max-width: 500px) {
      .action-buttons .period-tab {
        margin-bottom: 25px; } }
    .action-buttons .period-tab input[type="radio"] {
      display: none; }
    .action-buttons .period-tab div {
      display: flex; }
    .action-buttons .period-tab label {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ffffff;
      box-shadow: 0px 4px 50px rgba(0, 67, 255, 0.05);
      border-radius: 12px;
      font-family: Rubik, tahoma, arial;
      font-size: 16px;
      font-weight: 400;
      color: #000D58;
      margin: 0.625rem;
      text-align: center;
      opacity: 0.7;
      line-height: 20px;
      padding: 1rem;
      min-width: 7.0625rem; }
      @media only screen and (max-width: 800px) {
        .action-buttons .period-tab label {
          font-size: 12px; } }
      @media only screen and (max-width: 500px) {
        .action-buttons .period-tab label {
          font-size: 12px; } }
    .action-buttons .period-tab input[type="radio"]:checked + label {
      color: #317EF4;
      font-weight: bold;
      opacity: 1;
      box-shadow: 0px 4px 50px rgba(0, 67, 255, 0.05); }
  .action-buttons .menu-mobil-left {
    position: relative;
    display: none;
    width: 144px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 800px) {
      .action-buttons .menu-mobil-left {
        display: list-item; } }
    .action-buttons .menu-mobil-left:hover .list-content {
      display: list-item; }
    .action-buttons .menu-mobil-left .title-in-box {
      display: flex;
      background: #fff;
      justify-content: space-between;
      padding: 15px;
      padding-right: 20px;
      border-radius: 12px;
      border: 1px solid rgba(28, 91, 255, 0.05);
      box-sizing: border-box;
      box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04);
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #317EF4; }
    .action-buttons .menu-mobil-left .list-content {
      background: #fff;
      margin-top: 5px;
      border-radius: 12px;
      display: none;
      position: absolute;
      min-width: 144px;
      z-index: 5; }
      .action-buttons .menu-mobil-left .list-content .list-detail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        padding-right: 17px;
        padding-left: 15px;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        border: 1px solid rgba(143, 171, 212, 0.1); }
        .action-buttons .menu-mobil-left .list-content .list-detail:first-child {
          border-top-left-radius: 12px;
          border-top-right-radius: 12px; }
        .action-buttons .menu-mobil-left .list-content .list-detail:last-child {
          border-bottom-left-radius: 12px;
          border-bottom-right-radius: 12px; }
        .action-buttons .menu-mobil-left .list-content .list-detail .icon {
          display: none; }
        .action-buttons .menu-mobil-left .list-content .list-detail:hover {
          background: rgba(28, 91, 255, 0.07);
          color: #1c5bff;
          font-size: 14px;
          line-height: 17px;
          font-weight: 500; }
          .action-buttons .menu-mobil-left .list-content .list-detail:hover .icon {
            display: flex; }
        .action-buttons .menu-mobil-left .list-content .list-detail.active {
          background: rgba(28, 91, 255, 0.07);
          color: #1c5bff;
          font-size: 14px;
          line-height: 17px;
          font-weight: 500; }
          .action-buttons .menu-mobil-left .list-content .list-detail.active .icon {
            display: flex; }
  .action-buttons .place-holder {
    width: 12.5rem; }



.showcase {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 6rem; }

.showcase h1 {
  font-size: 3.5rem;
  font-weight: 600; }

.showcase .circle-check {
  max-height: 1rem; }

.showcase .paragraph-circle {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 2rem 0; }

.showcase .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%; }

.showcase p {
  margin-right: 1rem; }

.showcase .blue-btn,
.showcase .with-btn {
  font-size: 0.8rem;
  padding: 1rem 2.5rem;
  border-radius: 0.8rem;
  font-weight: 300;
  margin-top: 3rem; }


.all-features .content .header-content ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0 1.5rem 0; }

.all-features .content .header-content li {
  margin: 0 2rem;
  margin-bottom: 2rem; }

.all-features .content .header-content li.selected {
  padding-left: 1rem;
  border-left: 0.4rem solid var(--dodger-blue); }

.all-features .content .body {
  background: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  padding: 3.5rem 0 1.5rem 0; }

.all-features .content .body-content {
  display: flex;
  flex-direction: row;
  align-items: center; }

.all-features .content .body-content .card img {
  max-width: 15rem; }

.all-features .content .body-content .card {
  margin: 0 2rem 3rem 2rem;
  align-items: center;
  width: 15rem; }

.all-features .content .body-content .control-btn img {
  width: 0.5rem; }

.all-features .content .body-content .card .title {
  font-size: 1.3em;
  font-weight: 500;
  margin-top: 2rem; }

.all-features .content .body-content .card .description {
  flex: 1;
  font-weight: 300;
  font-size: 1em;
  opacity: 0.8;
  padding: 1em 0; }


.cloud-server-plans .content .header-content {
  display: flex;
  justify-content: left;
  flex-direction: row;
  align-items: center; }

.cloud-server-plans .content .header-content ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center; }

.cloud-server-plans .content .header-content li {
  background: #fff;
  border-radius: 0.5rem;
  margin-bottom: 1rem; }

.cloud-server-plans .content .header-content {
   }

.cloud-server-plans .content .header-content .left li {
  margin-right: 0.5rem;
  padding: 0.5rem; }

.cloud-server-plans .content .header-content .center {
  margin-left: 13rem; }

.cloud-server-plans .content .header-content .center li {
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem; }

.cloud-server-plans .content .header-content .left img {
  max-width: 2rem; }


.cloud-server-plans .content .body-content thead tr th {
  font-weight: 200;
  font-size: 1rem; }

.first-col {
  font-weight: 600;
  font-size: 1.4rem; }

.section-body .table-container {
  flex-direction: column; }
  .section-body .table-container table .accordion-btn {
    display: none; }
  .section-body .table-container table .row-details {
    box-shadow: -2px 10px 55px rgba(0, 67, 255, 0.05); }
  .section-body .table-container table .first-col {
    font-family: Rubik, tahoma, arial;
    font-size: 18px;
    font-weight: 500; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .first-col {
        font-size: 12px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .first-col {
        font-size: 12px; } }
  .section-body .table-container table .price .doler-sign {
    font-family: Rubik, tahoma, arial;
    font-size: 17px;
    font-weight: 500; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .price .doler-sign {
        font-size: 12px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .price .doler-sign {
        font-size: 12px; } }
  .section-body .table-container table .price .number {
    font-family: Rubik, tahoma, arial;
    font-size: 50px;
    font-weight: 500; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .price .number {
        font-size: 20px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .price .number {
        font-size: 20px; } }
  .section-body .table-container table .price .month-sign {
    font-family: Rubik, tahoma, arial;
    font-size: 17px;
    font-weight: 400; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .price .month-sign {
        font-size: 12px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .price .month-sign {
        font-size: 12px; } }
  .section-body .table-container table .details-content .act-title {
    font-family: Rubik, tahoma, arial;
    font-size: 14px;
    opacity: 0.9;
    font-weight: 400; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .details-content .act-title {
        font-size: 12px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .details-content .act-title {
        font-size: 12px; } }
  .section-body .table-container table .details-content .act-cont {
    font-family: Rubik, tahoma, arial;
    font-size: 14px;
    font-weight: 400; }
    @media only screen and (max-width: 800px) {
      .section-body .table-container table .details-content .act-cont {
        font-size: 12px; } }
    @media only screen and (max-width: 500px) {
      .section-body .table-container table .details-content .act-cont {
        font-size: 12px; } }
  .section-body .table-container table td {
    vertical-align: middle; }
  .section-body .table-container table td:nth-child(2) {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .section-body .table-container table thead tr {
    box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04); }
  .section-body .table-container table tbody tr.row-details {
    display: none; }
  .section-body .table-container table tbody .row-card {
    box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04); }
    .section-body .table-container table tbody .row-card td {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem; }
    .section-body .table-container table tbody .row-card .second-col {
      font-weight: 400;
      font-size: 0.8rem; }
  .section-body .table-container table tfoot {
    box-shadow: 0px 0px 40px rgba(0, 117, 255, 0.04); }
    .section-body .table-container table tfoot td:nth-child(2) {
      border-bottom-left-radius: unset; }
    .section-body .table-container table tfoot td.row-custom {
      padding-left: 2rem;
      padding-right: 4rem;
      padding-bottom: 3rem; }
    .section-body .table-container table tfoot .btn-container {
      display: none; }
      @media only screen and (max-width: 800px) {
        .section-body .table-container table tfoot .btn-container {
          display: flex;
          justify-content: center;
          margin-top: 1.5rem; }
          .section-body .table-container table tfoot .btn-container a {
            padding-top: 7px; } }
    .section-body .table-container table tfoot .second-col {
      font-weight: 400;
      font-size: 0.8rem; }
    .section-body .table-container table tfoot .slide-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 159px;
      grid-row-gap: 2rem; }
      .section-body .table-container table tfoot .slide-container .range-slid .up-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem; }
        .section-body .table-container table tfoot .slide-container .range-slid .up-content img {
          width: 1.8rem;
          margin-right: 1rem; }
        .section-body .table-container table tfoot .slide-container .range-slid .up-content div {
          align-items: center;
          flex-direction: row;
          display: flex; }
      .section-body .table-container table tfoot .slide-container .range-slid .range .slider {
        width: 100%; }

.row-card .second-col {
  font-weight: 400;
  font-size: 1rem;
   }

.cloud-server-plans .content .body-content .price .doler-sign {
  font-weight: 500; }

.cloud-server-plans .content .body-content .price .number {
  font-weight: 600;
  font-size: 2rem; }

.cloud-server-plans .content .body-content .with-btn {
  padding: 0.5rem 2rem;
  border-radius: 0.5rem; }

.cloud-server-plans .content .slide-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  
  grid-column-gap: 3rem;
  grid-row-gap: 2rem; }

.cloud-server-plans .content .slide-container .up-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.cloud-server-plans .content .slide-container .up-content img {
  max-width: 1.5rem; }

.cloud-server-plans .content .slide-container .range .slider {
  width: 100%; }


.alternative-services {
  margin-left: 18rem;
  margin-right: 18rem; }

.alternative-services .header-section > *,
.alternative-services .content,
.alternative-services .footer-section > * {
  margin-top: 2rem; }

.alternative-services .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.alternative-services .content .card {
  padding: 2rem 3rem;
  margin: 0 2rem;
  background: #fff;
  border-radius: 1rem; }

.alternative-services .content .header-content,
.alternative-services .content .body-content > *,
.alternative-services .content .footer-content > * {
  margin-top: 0.75rem; }

.alternative-services .content .header-content {
  font-size: 1.5rem;
  opacity: 0.8; }

.alternative-services .content .body-content .img-content {
  padding: 2rem; }

.alternative-services .content .body-content .title {
  font-size: 2rem;
  font-weight: 500; }

.alternative-services .content .body-content .description {
  font-size: 0.8rem;
  opacity: 0.8; }

.alternative-services .content .body-content .proprtes {
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem;
  display: inline; }

.alternative-services .content .body-content .proprtes li {
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  margin-left: 6rem; }

.alternative-services .content .body-content .proprtes li img {
  width: 2rem;
  height: 1.5rem;
  padding-right: 0.5rem; }

.alternative-services .content .footer-content .with-btn {
  padding: 1rem 2.5rem;
  border-radius: 1rem;
  display: none;
   }

.alternative-services .content .footer-content .link {
  
  font-size: 0.8rem;
  color: var(--dodger-blue); }

.alternative-services .footer-section .blue-btn {
  padding: 1rem 2.5rem;
  border-radius: 1rem; }

.alternative-services .content .selected .footer-content .with-btn {
  display: inline; }


.cloud-server-tutorials .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.cloud-server-tutorials .content .control-btn img {
  width: 0.5rem; }

.cloud-server-tutorials .content .card {
  margin: 0.5rem;
  position: relative;
  background: orange; }

.cloud-server-tutorials .content .card video {
  z-index: 0;
  border-radius: 1rem;
  position: relative;
  height: 15rem; }

.overlay {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  left: 1rem;
  text-align: start;
  color: #fff;
   }


.asked-questions {
  align-items: stretch;
  margin: 4em 5em; }

.asked-questions .acc {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 2em; }

.asked-questions .white-back {
  display: flex;
  flex-direction: column; }

.asked-questions .accordion {
  display: flex;
  justify-content: space-between;
  background: #fff;
  color: #000d57;
  padding: 1em;
  font-size: 1em;
  text-align: left;
  border: unset;
  border-radius: 0.5em; }

.asked-questions .accordion span {
  float: left; }

.asked-questions .accordion svg {
  float: right; }

.accordion:hover {
  color: #2196f3; }

.panel:not(.active) {
  display: none; }

.asked-questions .panel {
  padding: 0 1em;
  text-align: left;
  background: #fff;
  opacity: 0.6; }


.footer-aria {
  background: #000d57;
  color: #fff;
  padding: 2em 5em 2em 8em;
  font-size: 1em; }

.footer-aria .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.footer-aria .left-content .header {
  border-left: 0.5em solid #317ef4;
  padding-left: 1em; }

.footer-aria .left-content .header h1 {
  font-size: 2em;
  font-weight: 400; }

.footer-aria .left-content .header p {
  font-size: 1.2em;
  padding: 0.5em 0;
  opacity: 0.8; }

.footer-aria .right-content {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
  padding: 1em;
  text-align: left; }

.footer-aria .right-content .menu {
  padding-right: 4em; }

.footer-aria .right-content .menu .menu-header {
  font-size: 1.2em;
  color: #fff;
  opacity: unset;
  border-left: 0.3em solid #317ef4;
  padding-left: 0.6em; }

.footer-aria .right-content .menu ul li {
  color: #fff;
  opacity: 0.6;
  padding-left: 1.3em;
  margin-top: 1.3em;
  font-size: 1em; }

.footer-aria .footer-foter {
  border-top: 0.1em solid #fff;
  opacity: 0.6; }

.footer-aria .footer-foter .senter {
  padding: 2em;
  margin-left: 20em; }

@media only screen and (max-width: 800px) {
  .action-buttons {
    display: contents; }
    .action-buttons .mode-buttons {
      display: none; }
  .action-buttons .period-tab label {
    margin: 0 2.5px;
    padding: unset;
    min-width: 6.5rem;
    height: 36px; }
  .section-body .plan-container .table-container {
    display: contents !important; }
    .section-body .plan-container .table-container td .btn {
      width: 95px;
      height: 30px; }
  .section-body .plan-container .scroll-container {
    display: none; }
  .section-body td {
    height: 60px; }
  .section-body .table-container table .with-btn {
    color: #1c5bff;
    border: 0.1rem solid #1c5bff;
    font-size: 10px;
    border-radius: 0.75rem;
    width: 95px;
    height: 30px; }
  .section-body .table-container table td:nth-child(2) {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset; }
  .section-body .table-container table tfoot .custom-active-mode {
    display: none; }
  .section-body .table-container table tfoot.activecast .accordion-btn {
    border-bottom-left-radius: unset; }
  .section-body .table-container table tfoot.activecast tr:first td:last-child {
    border-bottom-right-radius: unset; }
  .section-body .table-container table tfoot.activecast tr:first-child td:last-child {
    border-bottom-right-radius: unset; }
  .section-body .table-container table tfoot.activecast .accordion-btn .circle-btn {
    display: none; }
  .section-body .table-container table tfoot.activecast .accordion-btn .activ {
    display: unset; }
  .section-body .table-container table tfoot.activecast .custom-active-mode {
    background: green;
    display: table-row; }
  .section-body .table-container table tfoot tr .accordion-btn {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .section-body .table-container table tfoot tr:first-child td:last-child {
    border-bottom-right-radius: 1rem; }
  .section-body .table-container table tfoot tr .row-custom {
    padding-right: 1rem; }
  .section-body .table-container table .accordion-btn {
    display: table-cell; }
    .section-body .table-container table .accordion-btn .circle-btn.activ {
      display: none; }
  .section-body .table-container table thead {
    display: none; }
  .section-body .table-container table td.first-col {
    text-align: start; }
  .section-body .table-container table td.second-col {
    display: none; }
  .section-body .table-container table td.accordion-btn .circle-btn {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%; }
  .section-body .table-container table td .slide-container {
    grid-template-columns: repeat(1, 1fr); }
  .section-body .table-container table tbody.active tr.row-card td:first-child {
    border-bottom-left-radius: unset; }
  .section-body .table-container table tbody.active tr.row-card td:last-child {
    border-bottom-right-radius: unset; }
  .section-body .table-container table tbody.active tr.row-card .accordion-btn .circle-btn {
    transition: all 0.2s ease-in-out;
    transform: translateY(0%) rotate(180deg); }
  .section-body .table-container table tbody.active tr.row-details {
    display: contents; } }

.range-slid-container .range-slider.grad {
  --fill-color: linear-gradient(
            to right,
            LightCyan,
            var(--primary-color)
        ); }
  .range-slid-container .range-slider.grad input:hover {
    --thumb-transform: scale(1.2); }
  .range-slid-container .range-slider.grad input:active {
    --thumb-shadow: inherit;
    --thumb-transform: scale(1); }

.range-slid-container .range-slider.flat {
  --thumb-size: 25px;
  --track-height: calc(var(--thumb-size) / 3);
  --progress-shadow: none;
  --progress-flll-shadow: none;
  --thumb-shadow: 0 0 0 7px var(--primary-color) inset,
            0 0 0 99px white inset;
  --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
            0 0 0 99px white inset;
  --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset; }

.range-slid-container .range-slider.overlay {
  --primary-color: #d6e9ff;
  --track-height: 50px;
  --thumb-size: var(--track-height);
  --thumb-color: var(--primary-color);
  --thumb-shadow: none;
  --progress-flll-shadow: none;
  --progress-shadow: none;
  --progress-background: none;
  --progress-radius: 0px;
  --ticks-color: var(--primary-color);
  --ticks-height: 0;
  --ticks-thickness: 0;
  --ticks-gap: 0px;
  --min-max-font: 700 18px Arial;
  --min-max-opacity: 1;
  --show-min-max: none;
  color: #0366d6; }
  .range-slid-container .range-slider.overlay input:hover {
    --thumb-shadow: calc(25px - (50px * var(--is-left-most))) 0 0 -15px
                    #0366d6 inset; }
  .range-slid-container .range-slider.overlay input:active {
    --thumb-color: inherit; }
  .range-slid-container .range-slider.overlay .range-slider__values {
    width: calc(100% - 50% / (var(--max) - var(--min))); }

.range-slid-container .range-slider {
  --primary-color: #317ef4;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #eee;
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 16px;
  --thumb-color: #317ef4;
  --thumb-shadow: 0 0 10px rgba(49, 126, 244, 1),
            0 0 5px rgba(49, 126, 244, 1) inset,
            0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
                var(--thumb-color),
            0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-height: 0px;
  --ticks-gap: var(
            --ticks-height,
            0
        );
  --ticks-color: silver;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(
            1,
            Max(var(--ticks-count) - var(--maxTicksAllowed), 0)
        );
  --x-step: Max(
            var(--step),
            var(--too-many-ticks) * (var(--max) - var(--min))
        );
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc(
            (100% - var(--thumb-size)) /
                ((var(--max) - var(--min)) / var(--x-step)) *
                var(--tickEvery, 1)
        );
  --value-a: Clamp(
            var(--min),
            var(--value, 0),
            var(--max)
        );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc(
            (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
        );
  --completed-b: calc(
            (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
        );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(
            -1,
            1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
            1
        );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: Max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(
 var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1; }
  .range-slid-container .range-slider[data-ticks-position="top"] {
    --flip-y: 1; }
  .range-slid-container .range-slider::before {
    --before: 1;
    --at-edge: var(--thumb-close-to-min);
    counter-reset: x var(--min);
    left: var(--offset); }
  .range-slid-container .range-slider::after {
    --at-edge: var(--thumb-close-to-max);
    counter-reset: x var(--max);
    right: var(--offset); }
  .range-slid-container .range-slider__values {
    position: relative;
    top: 50%;
    line-height: 0;
    text-align: justify;
    width: 100%;
    pointer-events: none;
    margin: 0 auto;
    z-index: 5; }
    .range-slid-container .range-slider__values::after {
      content: "";
      width: 100%;
      display: inline-block;
      height: 0;
      background: red; }
  .range-slid-container .range-slider__progress {
    --start-end: calc(var(--thumb-size) / 2);
    --clip-end: calc(100% - (var(--cb)) * 1%);
    --clip-start: calc(var(--ca) * 1%);
    --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
    position: absolute;
    left: var(--start-end);
    right: var(--start-end);
    top: calc(
 var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 -
 var(--track-height) / 2);
    height: calc(var(--track-height));
    pointer-events: none;
    z-index: -1;
    border-radius: var(--progress-radius);
    display: flex; }
    .range-slid-container .range-slider__progress .tick {
      width: 100%;
      height: calc(var(--track-height));
      background: rgba(0, 13, 88, 0.2);
      display: flex;
      border-radius: var(--progress-radius);
      margin: 0 2px;
      box-shadow: var(--progress-shadow); }
      .range-slid-container .range-slider__progress .tick.selected {
        background: #000d58; }
  .range-slid-container .range-slider > input {
    -webkit-appearance: none;
    width: 100%;
    height: var(--thumb-size);
    margin: 0;
    position: absolute;
    left: 0;
    top: calc(
 50% - Max(var(--track-height), var(--thumb-size)) / 2 +
 calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
    cursor: -webkit-grab;
    cursor: grab;
    outline: none;
    background: none; }
    .range-slid-container .range-slider > input:not(:only-of-type) {
      pointer-events: none; }
    .range-slid-container .range-slider > input::-webkit-slider-thumb {
      appearance: none;
      height: var(--thumb-size);
      width: var(--thumb-size);
      transform: var(--thumb-transform);
      border-radius: var(--thumb-radius, 50%);
      background: var(--thumb-color);
      box-shadow: var(--thumb-shadow);
      border: none;
      pointer-events: auto;
      transition: 0.1s; }
    .range-slid-container .range-slider > input::-moz-range-thumb {
      appearance: none;
      height: var(--thumb-size);
      width: var(--thumb-size);
      transform: var(--thumb-transform);
      border-radius: var(--thumb-radius, 50%);
      background: var(--thumb-color);
      box-shadow: var(--thumb-shadow);
      border: none;
      pointer-events: auto;
      transition: 0.1s; }
    .range-slid-container .range-slider > input::-ms-thumb {
      appearance: none;
      height: var(--thumb-size);
      width: var(--thumb-size);
      transform: var(--thumb-transform);
      border-radius: var(--thumb-radius, 50%);
      background: var(--thumb-color);
      box-shadow: var(--thumb-shadow);
      border: none;
      pointer-events: auto;
      transition: 0.1s; }
    .range-slid-container .range-slider > input:hover {
      --thumb-shadow: var(--thumb-shadow-hover); }
      .range-slid-container .range-slider > input:hover + output {
        --value-background: var(--value-background-hover);
        --y-offset: -5px;
        color: var(--value-active-color);
        box-shadow: 0 0 0 3px var(--value-background); }
    .range-slid-container .range-slider > input:active {
      --thumb-shadow: var(--thumb-shadow-active);
      cursor: grabbing;
      z-index: 2; }
      .range-slid-container .range-slider > input:active + output {
        transition: 0s; }
    .range-slid-container .range-slider > input:nth-of-type(1) {
      --is-left-most: Clamp(
                    0,
                    (var(--value-a) - var(--value-b)) * 99999,
                    1
                ); }
      .range-slid-container .range-slider > input:nth-of-type(1) + output {
        --value: var(--value-a);
        --x-offset: calc(var(--completed-a) * -1%); }
        .range-slid-container .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
          --flip: calc(var(--thumbs-too-close) * -1); }
        .range-slid-container .range-slider > input:nth-of-type(1) + output::after {
          content: var(--prefix, "") var(--text-value-a) var(--suffix, ""); }
    .range-slid-container .range-slider > input:nth-of-type(2) {
      --is-left-most: Clamp(
                    0,
                    (var(--value-b) - var(--value-a)) * 99999,
                    1
                ); }
      .range-slid-container .range-slider > input:nth-of-type(2) + output {
        --value: var(--value-b); }
    .range-slid-container .range-slider > input:only-of-type ~ .range-slider__progress {
      --clip-start: 0; }
    .range-slid-container .range-slider > input + output {
      --flip: -1;
      --x-offset: calc(var(--completed-b) * -1%);
      --pos: calc(
                    ((var(--value) - var(--min)) / (var(--max) - var(--min))) *
                        100%
                );
      pointer-events: none;
      position: absolute;
      z-index: 5;
      background: var(--value-background);
      border-radius: 10px;
      padding: 2px 4px;
      left: var(--pos);
      transform: translate(var(--x-offset), calc(
 150% * var(--flip) -
 (var(--y-offset, 0px) + var(--value-offset-y)) *
 var(--flip)));
      transition: all 0.12s ease-out, left 0s; }
      .range-slid-container .range-slider > input + output::after {
        content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
        font: var(--value-font); }

.range-slid-container .range-slider,
.range-slid-container label[dir="rtl"] .range-slider {
  width: 100%;
  min-width: 200px; }