@font-face {
  font-family: 'iCiel Panton';
  src: url("font/iCielPanton-BlackItalic.woff2") format("woff2"), url("font/iCielPanton-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'iCiel Panton';
  src: url("font/iCielPanton-Black.woff2") format("woff2"), url("font/iCielPanton-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'iCiel Panton';
  src: url("font/iCielPanton-Light.woff2") format("woff2"), url("font/iCielPanton-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'iCiel Panton';
  src: url("font/iCielPanton-LightItalic.woff2") format("woff2"), url("font/iCielPanton-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(roboto/300iv.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(roboto/300il.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(roboto/400iv.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(roboto/400il.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(roboto/500iv.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(roboto/500il.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(roboto/700iv.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(roboto/500il.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(roboto/900iv.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(roboto/900il.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(roboto/300v.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(roboto/300l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto/400v.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto/400l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(roboto/500v.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(roboto/500l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto/700v.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto/700l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@media all and (min-width: 0) {
  .formatchu, .tra-gop .dieu-kien p, .tra-gop .dieu-kien ul li, .tra-gop .bo-loc ul li h3, .tra-gop .bo-loc ul li .list-loai p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.875px;
    text-align: justify; }

  .formatdam, .tra-gop .dieu-kien h3, .tra-gop .lien-he ul li h2 {
    font-family: 'iCiel Panton';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.875px;
    color: #2264D1; }

  .tra-gop {
    display: flex;
    flex-wrap: wrap;
    background-image: url(image/bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    background-color: #FFF;
    padding: 17px 0 0 0; }
    .tra-gop .banner {
      width: 100%; }
      .tra-gop .banner img {
        width: calc(100% - 33px);
        display: block;
        margin: auto; }
    .tra-gop .help {
      width: 100%;
      margin-top: -20px;
      padding-bottom: 50px; }
      .tra-gop .help img {
        width: calc(100% - 64px);
        display: block;
        margin: auto; }
    .tra-gop .title {
      height: 51px;
      background: #2264D1;
      border-radius: 26px;
      display: flex;
      align-items: center;
      padding-right: 28px;
      margin-left: 12px; }
      .tra-gop .title:before {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'iCiel Panton';
        font-style: normal;
        font-weight: 900;
        font-size: 20px;
        width: 46px;
        height: 46px;
        background-color: #FFF;
        border-radius: 100%;
        margin-left: 2.5px;
        margin-right: 16px;
        color: #2264D1; }
      .tra-gop .title h2 {
        font-family: 'iCiel Panton';
        font-style: normal;
        font-weight: 900;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        letter-spacing: 0.875px;
        color: #FFFFFF;
        padding-top: 5px;
        text-transform: uppercase; }
    .tra-gop .title.one:before {
      content: "1"; }
    .tra-gop .title.two:before {
      content: "2"; }
    .tra-gop .title.three:before {
      content: "3"; }
    .tra-gop .dieu-kien {
      padding: 0 12px; }
      .tra-gop .dieu-kien h2 {
        font-family: 'iCiel Panton';
        font-style: normal;
        font-weight: 900;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 0.875px;
        color: #3E4095;
        margin-top: 17px;
        display: flex;
        padding-bottom: 10px; }
        .tra-gop .dieu-kien h2 span {
          position: relative; }
          .tra-gop .dieu-kien h2 span b {
            position: relative;
            z-index: 2;
            padding-left: 6px; }
          .tra-gop .dieu-kien h2 span:before {
            width: calc(100% + 6px);
            height: 14px;
            background-color: #ABF0F4;
            border-radius: 7.10545px;
            content: "";
            display: block;
            position: absolute;
            bottom: -2px;
            left: 0;
            z-index: 1; }
      .tra-gop .dieu-kien p img {
        height: auto;
        display: block; }
        .tra-gop .dieu-kien p img.hdss {
          width: 241px;
          margin: 11px auto; }
      .tra-gop .dieu-kien p.giua {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .tra-gop .dieu-kien p.giua span {
          width: calc(33.33% - 20px);
          margin: 0 10px 15px 10px; }
          .tra-gop .dieu-kien p.giua span img {
            width: 100%; }
      .tra-gop .dieu-kien ul {
        list-style: none; }
      .tra-gop .dieu-kien h3 {
        padding: 5px 0 6px 0; }
        .tra-gop .dieu-kien h3.ngat {
          padding-top: 20px; }
      .tra-gop .dieu-kien .line {
        height: 1px;
        border-top: 1px solid #EDEDF0;
        margin-top: 13px;
        margin-bottom: 20px; }
    .tra-gop .bo-loc {
      padding: 20px 0 0 0; }
      .tra-gop .bo-loc ul {
        list-style: none;
        padding: 0 10px; }
        .tra-gop .bo-loc ul li {
          position: relative;
          width: 100%;
          height: auto;
          background: #FFFFFF;
          border: 1px solid #DDEAFF;
          box-sizing: border-box;
          margin-bottom: 10px;
          border-radius: 10px; }
          .tra-gop .bo-loc ul li h3 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 22px 10px 17px;
            text-decoration: none;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            transition: all 0.2s linear;
            cursor: pointer;
            font-weight: normal;
            color: rgba(0, 0, 0, 0.8);
            border-radius: 10px; }
            .tra-gop .bo-loc ul li h3.active {
              box-shadow: 0px 8px 15px rgba(245, 249, 255, 0.5);
              background: #EBF2FF;
              border-radius: 10px 10px 0 0;
              color: #3E4095; }
              .tra-gop .bo-loc ul li h3.active b {
                font-weight: 500; }
              .tra-gop .bo-loc ul li h3.active svg {
                transform: rotate(90deg);
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                transition: all 0.2s linear;
                stroke: #3E4095; }
            .tra-gop .bo-loc ul li h3 b {
              font-weight: 400;
              width: calc(100% - 70px); }
            .tra-gop .bo-loc ul li h3 svg {
              display: block;
              width: 30px;
              height: 15px;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              transition: all 0.2s linear; }
          .tra-gop .bo-loc ul li .list-loai {
            background: #EBF2FF;
            display: none;
            border-radius: 0 0 10px 10px; }
            .tra-gop .bo-loc ul li .list-loai p {
              padding: 5px 17px 15px 17px; }
    .tra-gop .lien-he {
      display: flex;
      flex-wrap: wrap;
      padding: 0 12px; }
      .tra-gop .lien-he ul {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .tra-gop .lien-he ul li {
          width: 50%;
          display: flex;
          flex-wrap: wrap;
          justify-content: center; }
          .tra-gop .lien-he ul li h2 {
            padding: 10px 0 5px 0; }
          .tra-gop .lien-he ul li p {
            height: 42px;
            background: #EBF2FF;
            border: 0.5px solid #2264D1;
            box-sizing: border-box;
            border-radius: 21.2651px;
            padding: 0 32px;
            line-height: 40px;
            font-family: 'Roboto';
            font-size: 16px;
            font-weight: 900;
            color: #2264D1; }
      .tra-gop .lien-he .line {
        height: 1px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%; }
    .tra-gop .promo {
      padding: 17px 12px 20px 12px;
      border-bottom: 1px solid #CCC;
      width: 100%; }
      .tra-gop .promo ul {
        list-style: none; }
        .tra-gop .promo ul li {
          margin-bottom: 8px; }
          .tra-gop .promo ul li img {
            width: 100%;
            height: auto;
            display: block; }

  footer {
    box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.02); } }
@media all and (min-width: 521px) {
  .tra-gop {
    width: 520px;
    margin: auto; } }
@media all and (min-width: 1201px) {
  nav {
    display: block; }
    nav h2 {
      cursor: pointer; }
    nav ul {
      display: none; }

  .tra-gop {
    width: 1200px;
    justify-content: space-between;
    background-image: url(image/bg-desk.png); }
    .tra-gop .banner-title {
      display: flex;
      flex-direction: row-reverse;
      width: 100%;
      align-items: center; }
    .tra-gop .left {
      width: 742px;
      background: rgba(235, 242, 255, 0.6);
      border-radius: 13px;
      margin-top: 50px;
      margin-bottom: 56px; }
      .tra-gop .left .title {
        width: 325px; }
      .tra-gop .left .one {
        margin-top: -20px; }
    .tra-gop .right {
      width: 390px; }
      .tra-gop .right .wrap {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column-reverse;
        margin-top: 20px; }
      .tra-gop .right .three {
        margin-left: 0;
        padding-right: 0;
        background: transparent; }
        .tra-gop .right .three h2 {
          width: 100%;
          justify-content: center;
          color: #2264D1;
          text-transform: lowercase;
          font-size: 20px;
          line-height: 26px; }
        .tra-gop .right .three:before {
          display: none; }
      .tra-gop .right .lien-he {
        padding: 0; }
        .tra-gop .right .lien-he .dieu-kien {
          margin-top: -32px;
          padding-left: 0; }
          .tra-gop .right .lien-he .dieu-kien h2 {
            padding-bottom: 10px; }
    .tra-gop .banner {
      width: 445px;
      margin-right: 68px;
      margin-left: 24px; }
    .tra-gop .help {
      width: 632px;
      margin: 0;
      padding: 0; }
      .tra-gop .help img {
        width: 100%; }
    .tra-gop .title {
      height: 62px;
      border-radius: 31.0148px;
      margin-left: 16px; }
      .tra-gop .title:before {
        width: 56px;
        height: 56px; }
      .tra-gop .title h2 {
        font-size: 18px;
        line-height: 25px; }
    .tra-gop .dieu-kien {
      margin-top: 29px;
      padding: 0 57px 0 16px; }
      .tra-gop .dieu-kien h2 {
        font-size: 20px;
        padding-bottom: 21px; }
      .tra-gop .dieu-kien h3 {
        font-size: 18px; }
        .tra-gop .dieu-kien h3.ngat1 {
          padding-top: 0; }
      .tra-gop .dieu-kien p {
        font-size: 18px;
        line-height: 26px; }
        .tra-gop .dieu-kien p.giua {
          justify-content: space-between;
          padding-top: 12px; }
          .tra-gop .dieu-kien p.giua span {
            width: calc(20% - 20px);
            background-color: #FFF;
            border-radius: 10px; }
            .tra-gop .dieu-kien p.giua span:first-child {
              margin-left: 0; }
            .tra-gop .dieu-kien p.giua span:last-child {
              margin-right: 0; }
        .tra-gop .dieu-kien p img.hdss {
          width: 100%; }
      .tra-gop .dieu-kien ul li {
        font-size: 18px;
        line-height: 26px; }
      .tra-gop .dieu-kien .line {
        margin-bottom: 34px;
        margin-top: 23px; }
      .tra-gop .dieu-kien .top {
        display: flex;
        justify-content: space-between; }
        .tra-gop .dieu-kien .top .trai {
          width: 416px; }
        .tra-gop .dieu-kien .top .phai {
          width: 206px; }
          .tra-gop .dieu-kien .top .phai p {
            background: #FFF;
            margin-top: 50px; }
      .tra-gop .dieu-kien .bot {
        padding-top: 45px; }
    .tra-gop .bo-loc {
      padding-top: 38px; }
      .tra-gop .bo-loc ul {
        width: 529px;
        padding: 0 0 28px 16px; }
        .tra-gop .bo-loc ul li {
          background: #D7E5FF;
          border: 1px solid #DDEAFF;
          box-shadow: 0px 8px 15px rgba(245, 249, 255, 0.5);
          border-radius: 10px; }
          .tra-gop .bo-loc ul li h3 {
            padding-right: 15px;
            font-size: 18px;
            line-height: 26px; }
            .tra-gop .bo-loc ul li h3.active {
              background: #FFF; }
          .tra-gop .bo-loc ul li .list-loai {
            background: #FFF; }
            .tra-gop .bo-loc ul li .list-loai p {
              font-size: 18px;
              line-height: 26px;
              padding-right: 77px; }
    .tra-gop .lien-he .lh-wrap {
      border: 1px solid #DDEAFF;
      box-shadow: 0px 8px 15px rgba(245, 249, 255, 0.5);
      border-radius: 10px;
      margin-bottom: 56px; }
    .tra-gop .lien-he ul li h2 {
      font-size: 18px; }
    .tra-gop .lien-he ul li p {
      font-size: 18px; }
    .tra-gop .lien-he .line {
      margin-top: 12px;
      margin-bottom: 12px; }
    .tra-gop .promo {
      padding: 17px 0 30px 0;
      border-bottom: 0; }
      .tra-gop .promo ul li {
        margin-bottom: 21px; } }

/*# sourceMappingURL=tra-gop.css.map */