@font-face {
    font-family: 'FiraGO bold';
    src: url('font/FiraGO-Bold.woff2') format('woff2'),
         url('font/FiraGO-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO Eight';
    src: url('font/FiraGO-Eight.woff2') format('woff2'),
        url('font/FiraGO-Eight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO Book';
    src: url('font/FiraGO-Book.woff2') format('woff2'),
        url('font/FiraGO-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-ExtraLight.woff2') format('woff2'),
        url('font/FiraGO-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-ExtraBold.woff2') format('woff2'),
        url('font/FiraGO-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO Hair';
    src: url('font/FiraGO-Hair.woff2') format('woff2'),
        url('font/FiraGO-Hair.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO Four';
    src: url('font/FiraGO-Four.woff2') format('woff2'),
        url('font/FiraGO-Four.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-Heavy.woff2') format('woff2'),
        url('font/FiraGO-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-Light.woff2') format('woff2'),
        url('font/FiraGO-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-Medium.woff2') format('woff2'),
        url('font/FiraGO-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-Regular.woff2') format('woff2'),
        url('font/FiraGO-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-SemiBold.woff2') format('woff2'),
        url('font/FiraGO-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-Thin.woff2') format('woff2'),
        url('font/FiraGO-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO Two';
    src: url('font/FiraGO-Two.woff2') format('woff2'),
        url('font/FiraGO-Two.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'FiraGO';
    src: url('font/FiraGO-UltraLight.woff2') format('woff2'),
        url('font/FiraGO-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }


.font3{
    font-family: 'FiraGO', sans-serif !important;
    font-weight: 400 !important;
}

.font4{
    font-family: 'FiraGO', sans-serif !important;
    font-weight: 600 !important;
}
.font{
    font-family: 'FiraGO', sans-serif;
    font-feature-settings: 'case' on !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}
.font8{
    font-family: 'FiraGO', sans-serif;
    font-feature-settings: 'case' on;
    font-weight: 900 !important;
    text-transform: uppercase;
}



@media screen and (min-width: 1400px), (max-width: 991px) and (min-width: 768px) {
    .slide_font_size {
        font-size: 80px !important;
        line-height: 90px;
    }

    .nav-pills-font_size {
      font-size: 20px !important;
    }

    /* slide */
    .flight_box{
        border-radius: 10px;
    }

    .flight_box .city{
        font-family: 'FiraGO';
        font-size: 12px;
        font-weight: 300 !important;
    }

    .flight_box .code{
        font-family: 'FiraGO';
        font-size: 24px;
        font-weight: 600;
        margin-top:-5px
    }
    .flight_box .status{
        font-size: 12px;
        color:rgb(128, 127, 127)
    }
    /* slide */

    /* page */
    .page_flight_box{
        border-radius: 10px;
    }

    .page_flight_box .city{
        font-family: 'FiraGO';
        font-size: 14px;
        font-weight: 300 !important;
    }

    .page_flight_box .code{
        font-family: 'FiraGO';
        font-size: 28px;
        font-weight: 600;
        margin-top:-5px
    }
    .page_flight_box .icon{
        font-size: 22px;
        color:color:rgb(128, 127, 127)
    }
    .page_flight_box .status{
        font-size: 14px;
        color:rgb(128, 127, 127)
    }
    /* page */
}

@media (max-width: 1399px) and (min-width: 1200px), (max-width: 767px) and (min-width: 576px), (max-width: 1199px) and (min-width: 992px) {
    .slide_font_size {
        font-size: 70px !important;
        line-height: 80px;
    }

    .nav-pills-font_size {
        font-size: 20px !important;
    }

    .flight_box{
        border-radius: 10px;
    }

    .flight_box .city{
        font-family: 'FiraGO';
        font-size: 12px;
        font-weight: 400;
    }

    .flight_box .code{
        font-family: 'FiraGO';
        font-size: 24px;
        font-weight: 600;
        margin-top:-5px
    }

    .flight_box .status{
        font-size: 13px;
        color:rgb(128, 127, 127)
    }
}


@media (max-width: 575px) and (min-width: 2px) {
    .slide_font_size {
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .nav-pills-font_size {
        font-size: 16px !important;
    }

    .flight_box{
        border-radius: 10px;
    }

    .flight_box .city{
        font-family: 'FiraGO';
        font-size: 10px;
        font-weight: 300;
    }

    .flight_box .code{
        font-family: 'FiraGO';
        font-size: 24px;
        font-weight: 600;
        margin-top:-5px
    }

    .flight_box .status{
        font-size: 10px;
        color:rgb(128, 127, 127)
    }
}