.license-nav {
   padding: 20px 0;
   background-color: #f9f9f9;
}
 .license-nav__title {
   text-align: center;
   margin-top: 12px;
}
 .license-nav__desc {
   text-align: center;
   margin-top: 12px;
}
 .license-nav__grid {
   display: grid;
   gap: 24px;
   margin-top: 20px;
}
 .license-nav__block {
   display: grid;
   gap: 8px;
}
.license-nav__card {
  position: relative;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 20px;
  border: 1px solid #fff;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.license-nav__card:hover {
  border: 1px solid #B2DDFF;
  background: #ECF7FF;
}
.license-nav__card .license-nav__link {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.license-nav__card:hover .license-nav__link {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 1px solid rgba(0, 0, 0, 0.0)
}
.license-nav__card-title {
   color: #000;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: -0.16px;
}
 .license-nav__card-text {
   color: rgba(0, 0, 0, 0.80);
   font-size: 12px;
   line-height: 18px;
   margin-top: 4px;
}
 .license-nav__card-list > ul, .license-nav__card-list > ol {
   display: grid;
   gap: 10px;
   list-style-type: none;
   padding: 0 52px 0 0;
   margin-top: 16px;
}
 .license-nav__card-list > ul li, .license-nav__card-list > ol li {
   position: relative;
   gap: 8px;
   color: #000;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px;
   padding-left: 28px;
}
 .license-nav__card-list > ul li::before, .license-nav__card-list > ol li::before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 20px;
   min-width: 20px;
   height: 20px;
   background-image: url(/wp-content/themes/gas/build/images/icons/icon-check.svg);
   background-size: 20px;
}
 .license-nav__link {
   position: absolute;
   right: 20px;
   bottom: 20px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   border: 1px solid rgba(0, 0, 0, 0.10);
   background-color: #fff;
   background-image: url(/wp-content/themes/gas/build/images/icons/icon-arrow-right.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 20px;
}
 @media screen and (min-width: 992px) {
   .license-nav {
     padding: 32px 0;
  }
   .license-nav__title {
     margin-top: 16px;
  }
   .license-nav__desc {
     margin-top: 16px;
  }
   .license-nav__grid {
     align-items: flex-start;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 14px;
     margin-top: 24px;
  }
   .license-nav__video-block {
     padding-top: 10px;
  }
   .video.license-nav__video {
     aspect-ratio: 1.6988636364;
  }
   .license-nav__block {
     display: grid;
     gap: 12px;
     overflow-y: auto;
     height: var(--height);
     padding: 10px;
  }
   .license-nav__card-title {
     padding-right: 52px;
  }
   .license-nav__card-text {
     padding-right: 52px;
  }
   .license-nav__card-list > ul, .license-nav__card-list > ol {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     padding-right: 0;
  }
   .license-nav__link {
     bottom: unset;
     top: 20px;
  }
}
.video {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding: 20px;
   aspect-ratio: 1.4583333333;
   background-image: var(--bg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 12px;
}
 .video__btn {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 64px;
   height: 64px;
   font-size: 0;
   border-radius: 50%;
   background-color: #fff;
   background-image: url(/wp-content/themes/gas/build/images/icons/icon-media.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 32px;
   transform: translate(-50%, -50%);
}
 .video__text {
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.14px;
}
 .video__title {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: -0.16px;
   margin-top: 8px;
}
 @media screen and (min-width: 992px) {
   .video {
     padding: 32px;
     aspect-ratio: 3.0291262136;
  }
   .video__title {
     font-size: 20px;
     line-height: 28px;
     letter-spacing: -0.4px;
  }
}
 
 .video{ position:relative; }
.video__embed{
  position:absolute; inset:0;
}
.video__embed iframe,
.video__embed video{
  width:100%; height:100%;
}
.video.is-playing .video__btn,
.video.is-playing .video__text,
.video.is-playing .video__title{
  display:none;
}
.call_navigator {
  cursor: pointer;
}