:root{
  /* --im-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
  --im-color:#000;
  --im-bg:rgba(236, 240, 244, 1);
  --im-bg-border:rgba(28,96,162,0.498);
  --im-link-color:rgba(0, 0, 0, 1.0);
  --im-link-hover-color:rgba(0, 0, 0,.682);
  --im-btn-color:#fff;
  --im-btn-bg:rgba(28, 96, 162,.84);
  --im-btn-hover-bg:rgba(34, 100, 165,.89);
  --im-btn-active-box-shadow:0 0 0 4px rgba(24,104,250,.24);
  --im-btn-s-color:rgba(0, 0, 0, 1.0);
  --im-btn-s-bg:rgba(236, 240, 244,.8);
  --im-btn-s-hover-bg:rgba(225,239,255,.95);
  --im-btn-s-active-bg:rgba(225,239,255,.6);
  --im-overlay-bg:linear-gradient(14deg,#1e3861,rgba(206,220,233,.118))
}
div[data-service],div[data-service] .cll,div[data-service] .cll :after,div[data-service] .cll a,div[data-service] .cll button,div[data-service] .cll div,div[data-service] .cll iframe,div[data-service] .cll span,div[data-service]:before{
  all:unset;
  box-sizing:border-box
}
div[data-service] .cll a,div[data-service] .cll button,div[data-service] .cll input{
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  display:revert;
  font-family:inherit;
  font-size:100%;
  line-height:normal;
  margin:0;
  outline:revert;
  outline-offset:2px;
  overflow:hidden
}
div[data-service]{
  background-color:#0b1016;
  background-color:var(--im-bg);
  display:inline-block;
  /* font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; */
  /* font-family:var(--im-font-family); */
  font-size:16px;
  font-weight:400;
  max-width:100%;
  min-height:150px;
  min-width:300px;
  overflow:hidden;
  position:relative;
}
.section .col.span_4_of_12 div[data-service]{
  border-radius: 5px;
  border: 1px solid var(--im-bg-border);
}
div[data-service]:before{
  content:"";
  display:block;
  padding-top:56.25%
}
div[data-service] .cll .c-ld{
  bottom:2em;
  opacity:0;
  right:2.5em;
  transform:translateY(10px);
  visibility:hidden
}
div[data-service] .cll .c-ld,div[data-service] .cll .c-ld:after{
  border-radius:100%;
  height:20px;
  position:absolute;
  width:20px;
  z-index:1
}
div[data-service] .cll .c-ld:after{
  animation:spin 1s linear infinite;
  border:4px solid var(--im-btn-bg);
  border-top-color:transparent;
  content:""
}
div[data-service].c-h-n .cll .c-ld{
  opacity:1;
  transform:translateY(0);
  visibility:visible
}
div[data-service].c-h-b .cll .c-ld{
  opacity:0;
  transform:translateY(0);
  visibility:hidden
}
@keyframes spin{
  0%{
      transform:rotate(0deg)
  }
  to{
      transform:rotate(1turn)
  }
}
div[data-autoscale]{
  height:auto;
  width:100%
}
div[data-service] .cll .c-nt{
  bottom:0;
  color:#fff;
  color:var(--im-color);
  height:100%;
  left:0;
  max-width:100%;
  position:absolute;
  right:0;
  top:0;
  width:100%
}
div[data-service] .cll .c-bg{
  bottom:0;
  left:0;
  opacity:.5;
  position:absolute;
  right:0;
  top:0
}
div[data-service] .cll .c-bg:before{
  background:linear-gradient(14deg,#1e3861,rgba(206,220,233,.118));
  background:var(--im-overlay-bg);
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:1
}
div[data-service] .cll .c-bg-i{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  bottom:0;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  top:0
}
div[data-service] .cll .c-bg-i.loaded{
  opacity:1
}
div[data-service] .cll .c-tl{
  display:block;
  font-size:1.2em;
  font-weight:600;
  margin-bottom:10px;
  text-align:center
}
div[data-service].c-h-n .cll .c-bg{
  opacity:1;
  transform:scale(1)
}
div[data-service] .cll .c-n-c{
  align-items:center;
  display:flex;
  font-size:.9em;
  height:100%;
  justify-content:center;
  position:relative
}
div[data-service] .cll .c-n-t{
  display:block;
  font-size:.95em;
  line-height:1.4em;
  margin:0 auto;
  max-width:420px;
  position:relative;
  z-index:1
}
div[data-service] .cll .c-n-t+div{
  margin-top:20px
}
div[data-service] .cll .c-n-a,div[data-service] .cll .c-n-t{
  align-items:center;
  display:flex;
  gap:12px;
  justify-content:center;
  text-align:center
}
div[data-service] .cll .c-t-cn{
  padding:0 12px;
  z-index:1
}
div[data-service] .cll .c-l-b,div[data-service] .cll .c-la-b{
  align-items:center;
  background:rgba(0,102,219,.84);
  background:var(--im-btn-bg);
  border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,.19);
  color:#fff;
  color:var(--im-btn-color);
  display:flex;
  font-size:.85em;
  font-weight:600;
  gap:8px;
  justify-content:space-evenly;
  padding:1em;
  position:relative
}
div[data-service] .cll .c-l-b:before{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  border-bottom:7.5px solid transparent;
  border-left:12px solid #fff;
  border-left:12px solid var(--im-btn-color);
  border-top:7.5px solid transparent;
  content:"";
  display:block
}
div[data-service] .cll .c-la-b{
  background:rgba(225,239,255,.8);
  background:var(--im-btn-s-bg);
  color:#0b1016;
  color:var(--im-btn-s-color);
  padding:1em
}
div[data-service] .cll .c-la-b:hover{
  background:rgba(225,239,255,.95);
  background:var(--im-btn-s-hover-bg)
}
div[data-service] .cll .c-l-b:hover{
  background:rgba(9,80,161,.89);
  background:var(--im-btn-hover-bg)
}
div[data-service] .cll .c-la-b:active{
  background:rgba(225,239,255,.6);
  background:var(--im-btn-s-active-bg);
  transition:none!important
}
div[data-service] .cll .c-l-b:active{
  box-shadow:0 0 0 4px rgba(24,104,250,.24);
  box-shadow:var(--im-btn-active-box-shadow);
  transition:none!important
}
div[data-service].c-h-n .cll .c-t-cn{
  opacity:0;
  transform:translateY(-10px);
  transition-duration:.2s;
  visibility:hidden
}
div[data-service] .cll iframe{
  background:#fff;
  border:none;
  bottom:0;
  display:block;
  height:100%;
  left:0;
  max-width:100%;
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  visibility:hidden;
  width:100%;
  z-index:1
}
div[data-service].c-h-b .cll iframe{
  display:block!important;
  height:100%!important;
  opacity:1;
  visibility:visible
}
div[data-service] .cll .c-n-t a{
  border-bottom:1px solid #5fb3fb;
  border-bottom:1px solid var(--im-link-color);
  color:#5fb3fb;
  color:var(--im-link-color);
  text-decoration:none
}
div[data-service] .cll .c-n-t a:hover{
  --im-link-color:var(--im-link-hover-color)
}
div[data-service][data-ratio="1:1"]:before{
  padding-top:100%
}
div[data-service][data-ratio="2:1"]:before{
  padding-top:50%
}
div[data-service][data-ratio="3:2"]:before{
  padding-top:66.666666%
}
div[data-service][data-ratio="5:2"]:before{
  padding-top:40%
}
div[data-service][data-ratio="4:3"]:before{
  padding-top:75%
}
div[data-service][data-ratio="16:9"]:before{
  padding-top:56.25%
}
div[data-service][data-ratio="16:10"]:before{
  padding-top:62.5%
}
div[data-service][data-ratio="20:9"]:before{
  padding-top:45%
}
div[data-service][data-ratio="21:9"]:before{
  padding-top:42.857142%
}
div[data-service][data-ratio="9:16"]:before{
  padding-top:177.777777%
}
div[data-service][data-ratio="9:20"]:before{
  padding-top:222.222222%
}
div[data-widget]:before{
  display:none
}
div[data-widget].c-h-b .cll .c-ld{
  opacity:0;
  visibility:hidden
}
div[data-widget] .cll+*,div[data-widget] .cll>:last-child{
  height:100%!important;
  margin:0!important
}
div[data-service] [data-placeholder]{
  bottom:0;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  visibility:hidden
}
@keyframes fadeIn{
  0%{
      opacity:0;
      visibility:hidden
  }
  to{
      opacity:1;
      visibility:visible
  }
}
div.c-an [data-placeholder]{
  animation:none
}
div[data-service] [data-placeholder][data-visible]{
  align-items:center;
  animation:fadeIn .2s forwards;
  animation-delay:.4s;
  color:#fff;
  color:var(--im-color);
  display:flex;
  justify-content:center
}
div[data-service].show-ph [data-placeholder]{
  opacity:1;
  visibility:visible
}
div[data-service].show-ph .cll .c-ld{
  opacity:0;
  visibility:hidden
}
div.c-an .cll .c-bg,div.c-an .cll .c-bg:before,div.c-an .cll .c-ld,div.c-an .cll .c-n-t,div.c-an .cll .c-t-cn{
  transition:opacity .3s ease,visibility .3s ease,transform .3s ease
}
div.c-an .cll .c-bg-i{
  transition:opacity .5s ease,transform .5s ease
}
div.c-an[data-widget]{
  transition:opacity .3s ease,background-color .3s ease
}
div.c-an .cll .c-l-b,div.c-an .cll .c-la-b{
  transition:opacity .3s ease,transform .3s cubic-bezier(.25,1,.5,1),visibility .3s ease,box-shadow .3s ease,background-color .3s ease
}
div.c-an .cll .c-n-t a{
  transition:color .2s ease,border-color .2s ease
}
div.c-an .cll iframe,div.c-an [data-placeholder]{
  transition:opacity .3s ease,visibility .3s ease;
  transition-delay:.1s
}