.ap-special-tabs-gradient {
  position: absolute;
  background: radial-gradient(ellipse closest-side at center, #daecfa 10%, rgba(218, 236, 250, 0) 100%);
  width: 300px;
  height: 300px;
  pointer-events: none;
  opacity: 0;
  left: 50%;
  top: 0;
  translate: -50% -110px;
  transition: all 300ms ease;
  z-index: 1; }
  .ap-special-tabs-gradient.active {
    opacity: 1; }

.ap-special-tabs-super-wrapper {
  padding: 100px 0; }
  .ap-special-tabs-super-wrapper h5 {
    font-family: 'Switzer', Arial, sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase;
    text-align: center;
    max-width: 33%;
    margin: 30px auto;
    position: relative;
    z-index: 15; }

.ap-special-tabs-wrapper {
  position: relative;
  display: grid;
  align-items: center;
  align-content: center; }

.ap-special-tabs {
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 10; }

.ap-special-tab {
  margin: 0 0;
  padding-bottom: 40px;
  text-align: center; }
  .ap-special-tab h2 {
    display: inline-block;
    text-align: center;
    text-transform: lowercase;
    cursor: pointer;
    font-size: 64px !important;
    margin: 0 !important; }
  .ap-special-tab h3 {
    font-size: 32px !important;
    margin-bottom: 20px; }
  .ap-special-tab h4 {
    text-transform: uppercase;
    margin-top: 50px; }
  .ap-special-tab .content {
    font-size: 20px; }
  .ap-special-tab .tab-images {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 28%;
    opacity: 0;
    pointer-events: none;
    scale: 1.1;
    transition: all 300ms ease; }
    .ap-special-tab .tab-images.active {
      pointer-events: auto;
      opacity: 1;
      scale: 1; }
    .ap-special-tab .tab-images img {
      position: absolute; }
  .ap-special-tab .tab-content {
    position: absolute;
    top: 50%;
    right: 0;
    padding-right: 3%;
    width: 28%;
    opacity: 0;
    pointer-events: none;
    translate: 0 calc(-50% - 30px);
    transition: all 300ms ease;
    text-align: left; }
    .ap-special-tab .tab-content h4 {
      font-size: 15px !important; }
    .ap-special-tab .tab-content.active {
      pointer-events: auto;
      opacity: 1;
      translate: 0 -50%; }

@media screen and (max-width: 1700px) {
  .ap-special-tab {
    padding-bottom: 20px; }
    .ap-special-tab h2 {
      font-size: 48px !important; }
    .ap-special-tab h3 {
      font-size: 24px !important; }
    .ap-special-tab h4 {
      font-size: 16px !important;
      margin-top: 40px; }
    .ap-special-tab .content {
      font-size: 16px; } }
@media screen and (max-width: 1400px) {
  .ap-special-tab {
    padding-bottom: 20px; }
    .ap-special-tab h2 {
      font-size: 36px !important; }
    .ap-special-tab h3 {
      font-size: 18px !important; }
    .ap-special-tab h4 {
      font-size: 15px !important;
      margin-top: 30px; }
    .ap-special-tab .content {
      font-size: 15px;
      line-height: 18px; } }
@media screen and (max-width: 991px) {
  .ap-special-tabs-gradient {
    display: none; }

  .ap-special-tab {
    padding: 100px 15px 0; }
    .ap-special-tab h2 {
      font-size: 56px !important;
      margin-bottom: 60px !important; }
    .ap-special-tab h3 {
      font-size: 26px !important; }
    .ap-special-tab h4 {
      margin-top: 30px; }
    .ap-special-tab .content {
      font-size: 15px; }
    .ap-special-tab .tab-images {
      position: relative;
      top: auto;
      left: auto;
      height: 100%;
      width: 100%; }
      .ap-special-tab .tab-images img {
        position: relative;
        display: block; }
    .ap-special-tab .tab-content {
      position: relative;
      top: auto;
      right: auto;
      padding-right: 0;
      width: 100%;
      margin-top: 60px;
      text-align: center; }
      .ap-special-tab .tab-content.active {
        translate: 0 0; } }