@font-face {
  font-family: 'pingBold';
  src: url(../webfonts/PingAR+LT-Bold.otf);
  font-weight: 700; }
@font-face {
  font-family: 'pingRegular';
  src: url(../webfonts/PingAR+LT-Regular.otf);
  font-weight: 500; }
@font-face {
  font-family: 'pingLight';
  src: url(../webfonts/PingAR+LT-Light.otf);
  font-weight: 300; }
.form-select {
  background: none;
  background-color: #9F85F3;
  color: #fff;
  font-size: 0.8vw;
  box-shadow: none; }

.ui-datepicker {
  background-color: #9F85F3;
  border-radius: 1.25vw;
  padding: 0.78vw;
  width: auto; }
  .ui-datepicker .ui-state-default {
    background: none;
    border: 0;
    color: #fff;
    padding: 7px 1vw;
    text-align: center;
    transition: all ease-in-out 0.25s; }
    .ui-datepicker .ui-state-default:hover {
      background-color: #FFCC1A;
      color: #000;
      border-color: #FFCC1A; }
  .ui-datepicker .ui-state-highlight {
    background-color: #FFB6BF;
    color: #000; }
  .ui-datepicker .ui-state-active {
    background-color: #FFCC1A;
    color: #000;
    border-color: #FFCC1A; }

body {
  background: #fff;
  line-height: 1;
  font-family: 'pingRegular';
  font-weight: 500; }
  body.body-pre {
    overflow: hidden; }

a {
  text-decoration: none; }

section {
  padding: 115px 0;
  padding: 8.45vw 0; }

.preload {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #9F85F3;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999; }
  .preload .spinner-border {
    border: 0;
    width: auto;
    height: auto;
    --bs-spinner-animation-speed: 2s;
    z-index: 99; }

.container {
  max-width: 85.5vw;
  padding-left: 0.42vw;
  padding-right: 0.42vw; }

.row {
  margin-left: -0.42vw;
  margin-right: -0.42vw; }

.row > * {
  padding-left: 0.42vw;
  padding-right: 0.42vw; }

header .navbar {
  padding: 1vw 0;
  background-color: #fff; }
  header .navbar .navbar-brand {
    margin: 0;
    padding: 0; }
  header .navbar .navbar-collapse {
    justify-content: flex-end;
    gap: 1.46vw; }
    header .navbar .navbar-collapse .navbar-nav {
      gap: 2.97vw;
      align-items: center;
      margin: 0 auto; }
      header .navbar .navbar-collapse .navbar-nav .nav-item {
        position: relative; }
        header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
          font-size: 1.2vw;
          color: #000;
          font-weight: 500;
          transition: all ease-in-out 0.25s;
          padding: 0;
          line-height: 2.08vw; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.nav-not {
            color: #707070;
            position: relative;
            font-size: 2.97vw; }
            header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.nav-not .num-not {
              background-color: #EE342C;
              height: 1.46vw;
              width: 1.46vw;
              position: absolute;
              top: -15%;
              right: -15%;
              border-radius: 50%;
              border: 1px solid #fff;
              color: #fff;
              font-weight: 700;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 3.5px;
              font-size: 0.8vw; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover, header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
            font-weight: 700; }
        header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay {
          position: absolute;
          top: 150%;
          right: -10px;
          max-width: 100%;
          width: max-content;
          opacity: 0;
          visibility: hidden;
          z-index: -999;
          transition: all ease-in-out 0.25s;
          direction: rtl; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content {
            background-color: #9F85F3;
            padding: 2.19vw;
            border-radius: 1.25vw;
            width: max-content;
            box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.07);
            direction: ltr; }
            header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              gap: 1.46vw;
              padding-bottom: 1.46vw;
              margin-bottom: 0.78vw;
              border-bottom: 1px solid #fff; }
              header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .img-media img {
                width: 8.125vw;
                border-radius: 1.25vw; }
              header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .text-media .head-media {
                margin-bottom: 2.19vw; }
                header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .text-media .head-media h4 {
                  margin-bottom: 0.78vw;
                  font-size: 1.3vw;
                  color: #fff;
                  font-weight: 500;
                  line-height: 2.08vw; }
              header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .text-media .body-media {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1.46vw; }
                header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .text-media .body-media span {
                  font-size: 0.78vw;
                  color: #fff;
                  font-weight: 500;
                  line-height: 1.8vw; }
                header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media .text-media .body-media a {
                  font-size: 1.46vw;
                  color: #fff;
                  font-weight: 500;
                  line-height: 2.08vw; }
              header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay .noti-content .media:last-child {
                margin-bottom: 0; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .noti-overlay.active {
            visibility: visible;
            z-index: 999999;
            opacity: 1;
            top: calc(100% + 1vw); }
        header .navbar .navbar-collapse .navbar-nav .nav-item .user-overlay {
          position: absolute;
          top: 150%;
          right: -10px;
          max-width: 100%;
          width: max-content;
          opacity: 0;
          visibility: hidden;
          z-index: -999;
          transition: all ease-in-out 0.25s;
          direction: rtl; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .user-overlay .list-user {
            width: max-content;
            direction: ltr; }
            header .navbar .navbar-collapse .navbar-nav .nav-item .user-overlay .list-user li {
              margin-bottom: 5px; }
              header .navbar .navbar-collapse .navbar-nav .nav-item .user-overlay .list-user li a {
                padding: 1vw 5px;
                color: #000;
                border: 1px solid #BEC8CF;
                border-radius: 1.25vw;
                width: max-content;
                display: flex; }
          header .navbar .navbar-collapse .navbar-nav .nav-item .user-overlay.active {
            visibility: visible;
            z-index: 999999;
            opacity: 1;
            top: calc(100% + 1vw); }
        header .navbar .navbar-collapse .navbar-nav .nav-item.nav-lang {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0.78vw; }
          header .navbar .navbar-collapse .navbar-nav .nav-item.nav-lang a.active {
            font-weight: 700; }
      header .navbar .navbar-collapse .navbar-nav:last-child {
        margin: 0; }

.home-hero .slider-home {
  overflow: hidden;
  margin-bottom: 2.19vw;
  position: relative; }
  .home-hero .slider-home .slide-item .head-item {
    margin-bottom: 1.46vw; }
    .home-hero .slider-home .slide-item .head-item .img-slide img {
      width: 100%;
      transition: all ease-in-out 0.25s;
      transition-duration: 1s;
      border-radius: 1.25vw;
      background-color: black; }
  .home-hero .slider-home .slide-item .body-item {
    transition: 0;
    height: 100%; }
    .home-hero .slider-home .slide-item .body-item .text-slide h4 {
      font-size: 0.8vw;
      font-weight: 700;
      line-height: 1.8vw;
      color: #000;
      margin-bottom: 0.78vw; }
    .home-hero .slider-home .slide-item .body-item .text-slide p {
      font-size: 0.8vw;
      font-weight: 500;
      line-height: 1.8vw;
      color: #000;
      margin-bottom: 0; }
.home-hero .bottom-slider .row {
  row-gap: 2.19vw; }
.home-hero .bottom-slider .share-contact {
  display: grid;
  row-gap: 1.46vw; }
  .home-hero .bottom-slider .share-contact .top-share .top-content {
    font-size: 1.46vw;
    color: #000;
    font-weight: 500; }
    .home-hero .bottom-slider .share-contact .top-share .top-content a {
      font-size: 1.46vw;
      color: #000;
      font-weight: 500;
      transition: all ease-in-out 0.25s; }
      .home-hero .bottom-slider .share-contact .top-share .top-content a:hover {
        color: #9F85F3; }
  .home-hero .bottom-slider .share-contact .bottom-share .list-share {
    gap: 1.46vw;
    margin-bottom: 0; }
    .home-hero .bottom-slider .share-contact .bottom-share .list-share .item-share .link-share {
      color: #D1CBCB;
      font-size: 1.46vw;
      transition: all ease-in-out 0.25s; }
      .home-hero .bottom-slider .share-contact .bottom-share .list-share .item-share .link-share:hover {
        color: #FFCC1A; }
.home-hero .bottom-slider .content-book-note p {
  margin-bottom: 2.97vw;
  color: #000;
  font-size: 2.56vw;
  font-weight: 500;
  line-height: 4.43vw; }
.home-hero .bottom-slider .content-book-note .btn-note .btn {
  background-color: #9F85F3;
  border-radius: 1.25vw;
  color: #fff;
  transition: all ease-in-out 0.25s;
  font-size: 1.46vw;
  font-weight: 500;
  padding: 6px 2.19vw;
  line-height: 2.08vw;
  border: 0; }
  .home-hero .bottom-slider .content-book-note .btn-note .btn:hover {
    padding: 6px 1vw; }

.general-section .slider-general {
  overflow: hidden;
  padding-bottom: 2.19vw;
  position: relative; }
  .general-section .slider-general .general-wrapper {
    transition: transform 0.25s ease-in-out;
    display: flex; }
  .general-section .slider-general .swiper-slide {
    direction: rtl; }
    .general-section .slider-general .swiper-slide .slide-item .head-item {
      margin-bottom: 1.46vw; }
      .general-section .slider-general .swiper-slide .slide-item .head-item .img-slide img {
        width: 100%;
        transition: all ease-in-out 0.25s;
        border-radius: 1.25vw;
        background-color: black; }
    .general-section .slider-general .swiper-slide .slide-item .body-item {
      text-align: center;
      transition: 0.25s all ease;
      background-color: var(--bgColor);
      padding: 0.78vw;
      border-radius: 1.25vw;
      overflow: hidden; }
      .general-section .slider-general .swiper-slide .slide-item .body-item .title-general h4 {
        font-size: 1.46vw;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        margin-bottom: 0.78vw; }
      .general-section .slider-general .swiper-slide .slide-item .body-item .body-general p {
        font-size: 0.8vw;
        font-weight: 500;
        line-height: 1.8vw;
        color: #fff;
        margin: 0 auto;
        margin-bottom: 1.46vw;
        max-width: 450px; }
      .general-section .slider-general .swiper-slide .slide-item .body-item .body-general .btn-general .btn {
        background-color: #fff;
        border-radius: 1.25vw;
        color: #000;
        transition: all ease-in-out 0.25s;
        font-size: 1.46vw;
        font-weight: 500;
        padding: 6px 1vw;
        line-height: 2.08vw;
        border: 0;
        margin-bottom: 0.78vw; }
  .general-section .slider-general .assets-swiper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.46vw; }
    .general-section .slider-general .assets-swiper .swiper-button {
      position: unset;
      background: none;
      color: #000;
      height: auto;
      width: auto;
      font-size: 3.7vw;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      font-size: 1.46vw; }
      .general-section .slider-general .assets-swiper .swiper-button::after {
        display: none; }
    .general-section .slider-general .assets-swiper .swiper-pagination {
      position: unset;
      font-size: 0.8vw; }

.offers-section .head-section h2 {
  margin-bottom: 4.27vw;
  color: #000;
  font-size: 3.5vw;
  font-weight: 500;
  line-height: 4.43vw; }
.offers-section .offers-slide .slide-item .head-item {
  margin-bottom: 1.46vw; }
  .offers-section .offers-slide .slide-item .head-item .img-slide img {
    width: 100%;
    transition: all ease-in-out 0.25s;
    background-color: black;
    border-radius: 1.25vw;
    height: 320px;
    object-fit: cover; }
.offers-section .offers-slide .slide-item .body-item {
  display: grid;
  justify-content: center;
  text-align: center;
  row-gap: 0.78vw;
  background-color: var(--bgColor);
  padding: 0.78vw;
  border-radius: 1.25vw; }
  .offers-section .offers-slide .slide-item .body-item .title-offers h4 {
    font-size: 1.46vw;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    margin-bottom: 0; }
  .offers-section .offers-slide .slide-item .body-item .body-offers {
    display: none; }
    .offers-section .offers-slide .slide-item .body-item .body-offers p {
      font-size: 0.8vw;
      font-weight: 500;
      line-height: 1.8vw;
      color: #fff;
      margin: 0 auto;
      margin-bottom: 1.46vw;
      max-width: 450px; }
    .offers-section .offers-slide .slide-item .body-item .body-offers .btn-offers .btn {
      background-color: #fff;
      border-radius: 1.25vw;
      color: #000;
      transition: all ease-in-out 0.25s;
      font-size: 1.46vw;
      font-weight: 500;
      padding: 6px 1vw;
      line-height: 2.08vw;
      border: 0; }
.offers-section .offers-slide.active {
  width: 50%; }
  .offers-section .offers-slide.active .slide-item .body-offers {
    display: block; }
.offers-section .bottom-offers {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.19vw; }
  .offers-section .bottom-offers .btns-slide {
    font-size: 1.46vw;
    cursor: pointer;
    pointer-events: auto;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1vw;
    z-index: 9999; }
    .offers-section .bottom-offers .btns-slide a {
      color: #000;
      font-size: 0.8vw; }
      .offers-section .bottom-offers .btns-slide a.disabled {
        pointer-events: none;
        color: #D1CBCB; }
  .offers-section .bottom-offers .nums-slide {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px; }
    .offers-section .bottom-offers .nums-slide .betSlides {
      display: block;
      height: 1px;
      width: 2.19vw;
      background-color: #000; }
    .offers-section .bottom-offers .nums-slide .num-slide {
      font-size: 0.8vw; }

.packeges .head-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.19vw;
  margin-bottom: 2.1vw; }
  .packeges .head-section .start-content h4 {
    margin-bottom: 0;
    color: #000;
    font-size: 1.46vw;
    font-weight: 500;
    line-height: normal; }
  .packeges .head-section .end-content .list-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.46vw;
    margin: 0; }
    .packeges .head-section .end-content .list-end .item-list form .form-group {
      position: relative;
      margin: 0; }
      .packeges .head-section .end-content .list-end .item-list form .form-group input {
        padding: 0.78vw 1.46vw 0.78vw 2.97vw;
        border-radius: 2.97vw;
        border: 1px solid #D1CBCB;
        color: #D1CBCB;
        height: 3.75vw; }
        .packeges .head-section .end-content .list-end .item-list form .form-group input::placeholder {
          color: #000; }
        .packeges .head-section .end-content .list-end .item-list form .form-group input:focus {
          box-shadow: none; }
      .packeges .head-section .end-content .list-end .item-list form .form-group button {
        position: absolute;
        top: 50%;
        left: 0.78vw;
        transform: translateY(-50%);
        background: none;
        border: 0;
        outline: 0;
        box-shadow: none;
        padding: 0;
        display: flex;
        align-items: center; }
    .packeges .head-section .end-content .list-end .item-list .btn {
      padding: 0.78vw 2.97vw;
      border-radius: 2.97vw;
      background-color: #9F85F3;
      color: #fff;
      box-shadow: none;
      border: 0;
      font-size: 1.46vw;
      font-weight: 500;
      transition: all ease-in-out 0.25s; }
      .packeges .head-section .end-content .list-end .item-list .btn:hover {
        background-color: #FFCC1A; }
.packeges .row {
  row-gap: 2.6vw; }
.packeges .packege {
  border: 1px solid #707070;
  border-radius: 1.25vw;
  transition: all ease-in-out 0.25s; }
  .packeges .packege .head-package {
    position: relative;
    transition: all ease-in-out 0.25s;
    height: 17.66vw; }
    .packeges .packege .head-package .img-packege {
      transition: all ease-in-out 0.25s;
      transition-duration: .75s;
      display: flex;
      border-radius: 1.25vw;
      overflow: hidden;
      max-height: 100%;
      background-size: cover; }
      .packeges .packege .head-package .img-packege img {
        width: 100%;
        transition: all ease-in-out 0.25s;
        height: 17.66vw;
        object-fit: cover; }
    .packeges .packege .head-package span {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #FFCC1A;
      color: #000;
      padding: 4px 1.46vw;
      font-size: 0.8vw;
      font-weight: 500;
      line-height: 1.8vw;
      border-radius: 2.97vw;
      width: max-content;
      opacity: 0;
      visibility: hidden;
      transition: all ease-in-out 0.25s;
      opacity: 1;
      visibility: visible; }
  .packeges .packege .body-packege {
    transition: all ease-in-out 0.25s;
    border-radius: 1.25vw;
    position: relative; }
    .packeges .packege .body-packege .text-packege {
      text-align: center;
      display: grid;
      row-gap: 1vw;
      padding-top: 1vw; }
      .packeges .packege .body-packege .text-packege h4 {
        margin-bottom: 0;
        color: #000;
        font-size: 2vw;
        font-weight: 500;
        line-height: normal;
        padding: 0 1vw; }
      .packeges .packege .body-packege .text-packege p {
        margin-bottom: 0;
        color: #000;
        font-size: 1vw;
        font-weight: 500;
        line-height: normal;
        padding: 0 1vw; }
      .packeges .packege .body-packege .text-packege .price {
        background-color: #9F85F3;
        color: #fff;
        padding: 0.78vw 0;
        border-radius: 1.25vw;
        color: #fff;
        font-size: 1.46vw;
        font-weight: 500;
        line-height: normal; }
    .packeges .packege .body-packege::after {
      content: '';
      position: absolute;
      top: -5.2vw;
      left: 0;
      height: calc(100% + 5.2vw);
      width: 100%;
      background-color: transparent;
      border-radius: 1.25vw;
      transition: all ease-in-out 0.25s;
      z-index: -1; }
  .packeges .packege:hover .head-package .img-packege img {
    height: 12.5vw; }
  .packeges .packege:hover .head-package span {
    opacity: 1;
    visibility: visible; }
  .packeges .packege:hover .body-packege::after {
    background-color: #9F85F3; }
.packeges .btn-more {
  text-align: center; }
  .packeges .btn-more a {
    display: grid;
    gap: 5px;
    color: #000;
    font-size: 1.46vw;
    font-weight: 500;
    transition: all ease-in-out 0.25s; }
    .packeges .btn-more a:hover {
      color: #9F85F3; }

.why .head-section h2 {
  margin-bottom: 6.875vw;
  color: #000;
  font-size: 5.2vw;
  font-weight: 500;
  line-height: 4.43vw; }
.why .row {
  row-gap: 1.7vw; }
.why .why-item {
  padding: 0 1vw 1vw;
  border-radius: 1.25vw;
  background-color: #1B0924;
  margin-top: 3.7vw; }
  .why .why-item .head-item .img-item {
    text-align: center; }
    .why .why-item .head-item .img-item img {
      margin-top: -7.55vw;
      width: 200px; }
  .why .why-item .body-item .text-item {
    text-align: center;
    padding-top: 1vw; }
    .why .why-item .body-item .text-item h4 {
      margin-bottom: 0;
      color: #fff;
      font-size: 1.46vw;
      font-weight: 500;
      line-height: normal; }

.stories {
  background-color: #1B0924; }
  .stories .head-section h2 {
    margin-bottom: 5.2vw;
    color: #fff;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 4.43vw; }
  .stories .row {
    row-gap: 1.7vw; }
  .stories .content-stories {
    display: flex;
    align-items: center;
    height: 100%; }
    .stories .content-stories .small-images {
      overflow: hidden; }
      .stories .content-stories .small-images .swiper-slide {
        width: calc(100% / 3) !important;
        cursor: pointer;
        opacity: 0.3;
        transition: all ease-in-out 0.25s; }
        .stories .content-stories .small-images .swiper-slide .slide-img {
          overflow: hidden;
          margin-bottom: 1.46vw; }
          .stories .content-stories .small-images .swiper-slide .slide-img img {
            border-radius: 50%; }
        .stories .content-stories .small-images .swiper-slide.swiper-slide-thumb-active, .stories .content-stories .small-images .swiper-slide:hover {
          opacity: 1; }
  .stories .content-text {
    height: 100%; }
    .stories .content-text .big-images {
      overflow: hidden;
      height: 100%;
      padding: 140px 0 0;
      position: relative; }
      .stories .content-text .big-images .swiper-slide .slide-overlay {
        padding: 0 4.43vw 0 2.19vw; }
      .stories .content-text .big-images .swiper-slide .story-img {
        position: absolute;
        top: -140px;
        right: 0; }
        .stories .content-text .big-images .swiper-slide .story-img img {
          width: 14.43vw; }
      .stories .content-text .big-images .swiper-slide .story-text {
        background-color: #FFB6BF;
        padding: 6vw 3.7vw;
        border-radius: 1.25vw; }
        .stories .content-text .big-images .swiper-slide .story-text .head-story {
          margin-bottom: 4.43vw; }
          .stories .content-text .big-images .swiper-slide .story-text .head-story h3 {
            font-size: 1.46vw;
            color: #000;
            font-weight: 500;
            margin-bottom: 0;
            line-height: 2.9vw; }
          .stories .content-text .big-images .swiper-slide .story-text .head-story span {
            font-size: 0.8vw;
            color: #000;
            font-weight: 500; }
        .stories .content-text .big-images .swiper-slide .story-text .body-story .desc p {
          font-size: 0.8vw;
          color: #000;
          font-weight: 500;
          margin: 0;
          line-height: 2.08vw; }
      .stories .content-text .big-images .swiper-button {
        top: 7.55vw;
        left: 2.19vw;
        background: none;
        color: #fff;
        height: auto;
        width: auto;
        font-size: 1.46vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0; }
        .stories .content-text .big-images .swiper-button.swiper-button-prev {
          left: 3.7vw;
          right: auto; }
        .stories .content-text .big-images .swiper-button::after {
          display: none; }

.logos {
  padding: 3.7vw 0; }
  .logos .logos-images {
    overflow: hidden; }
    .logos .logos-images .swiper-wrapper {
      align-items: center;
      transition-timing-function: linear !important; }

footer {
  background-color: #9F85F3; }
  footer .row {
    row-gap: 1.7vw; }
  footer .footer-top {
    padding: 7vw 0; }
    footer .footer-top .footer-widget .top-widget {
      margin-bottom: 1vw;
      padding-bottom: 1vw;
      border-bottom: 1px solid #fff; }
      footer .footer-top .footer-widget .top-widget h4 {
        margin-bottom: 0;
        font-size: 1.46vw;
        font-weight: 700;
        color: #fff;
        line-height: 2.08vw; }
    footer .footer-top .footer-widget .bottom-widget .list-footer {
      display: grid;
      row-gap: 0.78vw; }
      footer .footer-top .footer-widget .bottom-widget .list-footer .footer-item .link-footer {
        font-size: 0.8vw;
        font-weight: 500;
        color: #fff;
        line-height: 2.08vw; }
  footer .footer-bottom {
    padding: 1.15vw 0; }
    footer .footer-bottom .footer-text p {
      margin-bottom: 0;
      font-size: 0.8vw;
      font-weight: 500;
      color: #fff;
      line-height: 2.08vw; }

.apps {
  background: url(../img/bg/2.png) center center no-repeat fixed;
  background-size: cover; }
  .apps .apps-content {
    display: grid;
    row-gap: 1.7vw; }
    .apps .apps-content .top-apps h4 {
      margin-bottom: 0;
      font-size: 2.24vw;
      font-weight: 500;
      color: #fff;
      line-height: 2.9vw; }
    .apps .apps-content .bottom-apps .list-apps {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 1.46vw; }

.bookConsultation .row {
  row-gap: 1.7vw; }
.bookConsultation .head-section {
  margin-bottom: 5.2vw; }
  .bookConsultation .head-section h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
.bookConsultation .text-bookConsultation {
  background-color: #9F85F3;
  padding: 7.55vw 7.19vw;
  border-radius: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .bookConsultation .text-bookConsultation .overlay-text {
    width: 100%; }
    .bookConsultation .text-bookConsultation .overlay-text form {
      display: grid;
      row-gap: 1.46vw; }
      .bookConsultation .text-bookConsultation .overlay-text form .form-group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1vw; }
        .bookConsultation .text-bookConsultation .overlay-text form .form-group label {
          padding: 5px;
          border: 1px solid #fff;
          border-radius: 1.25vw;
          background-color: transparent;
          text-align: center;
          line-height: 2.9vw;
          font-size: 1.04vw;
          font-weight: 500;
          color: #fff;
          width: 30%; }
        .bookConsultation .text-bookConsultation .overlay-text form .form-group .form-control {
          outline: 0;
          box-shadow: none;
          border-radius: 1.25vw;
          background-color: #fff;
          border: 0;
          padding: 0.78vw 1.46vw;
          line-height: 2.9vw;
          max-width: 350px;
          width: 100%; }
        .bookConsultation .text-bookConsultation .overlay-text form .form-group .btn {
          background-color: #1B0924;
          border-radius: 1.25vw;
          color: #fff;
          transition: all ease-in-out 0.25s;
          font-size: 1.46vw;
          font-weight: 500;
          padding: 0.78vw 1.46vw;
          line-height: 2.08vw;
          border: 0;
          min-width: 200px; }
          .bookConsultation .text-bookConsultation .overlay-text form .form-group .btn:hover {
            background-color: #FFCC1A; }
.bookConsultation.register {
  padding-bottom: 0; }
  .bookConsultation.register .head-section {
    margin-bottom: 5.2vw; }
    .bookConsultation.register .head-section h2 {
      margin-bottom: 0.78vw; }
    .bookConsultation.register .head-section p {
      margin-bottom: 0.78vw;
      color: #000;
      font-size: 1.46vw;
      font-weight: 500;
      line-height: 2.6vw; }
  .bookConsultation.register .text-bookConsultation {
    padding: 11.5%;
    padding-bottom: calc(11.5% + 2.19vw);
    border-radius: 1.25vw;
    position: relative;
    overflow: hidden; }
    .bookConsultation.register .text-bookConsultation .overlay-text {
      width: 100%; }
      .bookConsultation.register .text-bookConsultation .overlay-text form {
        display: grid;
        row-gap: 1.46vw; }
        .bookConsultation.register .text-bookConsultation .overlay-text form .form-group {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 2%; }
          .bookConsultation.register .text-bookConsultation .overlay-text form .form-group label {
            padding: 5px;
            border: 1px solid #fff;
            border-radius: 1.25vw;
            background-color: transparent;
            text-align: center;
            line-height: 2.9vw;
            font-size: 1.04vw;
            font-weight: 500;
            color: #fff;
            width: 100%;
            max-width: 27%; }
          .bookConsultation.register .text-bookConsultation .overlay-text form .form-group .form-control {
            outline: 0;
            box-shadow: none;
            border-radius: 1.25vw;
            background-color: #fff;
            border: 0;
            padding: 0.78vw 1.46vw;
            line-height: 2.9vw;
            max-width: 73%;
            width: 100%; }
          .bookConsultation.register .text-bookConsultation .overlay-text form .form-group .btn {
            background-color: #FFB6BF;
            border-radius: 1.25vw;
            color: #1B0924;
            transition: all ease-in-out 0.25s;
            font-size: 0.78vw;
            font-weight: 500;
            padding: 0.78vw 1.46vw;
            line-height: 2.08vw;
            border: 0;
            min-width: 100%;
            width: 100%; }
            .bookConsultation.register .text-bookConsultation .overlay-text form .form-group .btn:hover {
              background-color: #FFCC1A; }
          .bookConsultation.register .text-bookConsultation .overlay-text form .form-group.group-link {
            justify-content: flex-start;
            margin-top: 2.19vw; }
            .bookConsultation.register .text-bookConsultation .overlay-text form .form-group.group-link a {
              text-decoration: underline;
              font-size: 0.78vw;
              color: #fff;
              line-height: 1.8vw;
              font-weight: 500; }
          .bookConsultation.register .text-bookConsultation .overlay-text form .form-group.group-btn {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%; }
  .bookConsultation.register.addOrder {
    padding-bottom: 6vw; }
    .bookConsultation.register.addOrder .text-bookConsultation {
      display: flex;
      background-color: transparent;
      padding: 0; }
      .bookConsultation.register.addOrder .text-bookConsultation .overlay-text {
        text-align: center;
        background-color: #1B0924;
        border-radius: 1.25vw;
        transition: all ease-in-out 0.25s; }
        .bookConsultation.register.addOrder .text-bookConsultation .overlay-text h5 {
          margin-bottom: 0;
          color: #fff;
          font-size: 2.56vw;
          font-weight: 500;
          line-height: 4.43vw;
          padding: 4.43vw; }
        .bookConsultation.register.addOrder .text-bookConsultation .overlay-text:hover {
          background-color: #FFCC1A; }
  .bookConsultation.register .nav-tabs {
    border: 0;
    text-align: center;
    justify-content: center;
    gap: 0.78vw;
    margin-bottom: 1.7vw; }
    .bookConsultation.register .nav-tabs .nav-link {
      border: 1px solid #BEC8CF;
      border-radius: 1.25vw;
      padding: 0.78vw 1.7vw;
      line-height: 2.08vw;
      font-size: 1.3vw;
      font-weight: 500;
      color: #000;
      width: calc(100% / 3 - 0.78vw);
      transition: all ease-in-out 0.25s; }
      .bookConsultation.register .nav-tabs .nav-link:hover, .bookConsultation.register .nav-tabs .nav-link.active {
        background-color: #FFCC1A;
        border-color: #FFCC1A; }

.img-banner {
  padding: 0;
  margin-top: -14.43vw;
  position: relative;
  z-index: -1; }

.summerPrograms .row {
  row-gap: 1.7vw;
  column-gap: 7.9vw; }
  .summerPrograms .row .col-lg-4 {
    width: calc(33.33333333% - 7.9vw); }
.summerPrograms .head-section h2 {
  margin-bottom: 2.1vw;
  color: #000;
  font-size: 5.15vw;
  font-weight: 500;
  line-height: 8.2vw; }
.summerPrograms .item-summerPrograms .overlay-item .item-title {
  padding: 5px 0.78vw;
  background-color: #EAEAEA;
  text-align: center;
  border-radius: 1.25vw;
  margin-bottom: 1.2vw; }
  .summerPrograms .item-summerPrograms .overlay-item .item-title h4 {
    margin-bottom: 0;
    color: #000;
    font-size: 2.05vw;
    font-weight: 500;
    line-height: 3.3vw; }
.summerPrograms .item-summerPrograms .overlay-item .item-loc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
  margin-bottom: 3.65vw; }
  .summerPrograms .item-summerPrograms .overlay-item .item-loc i {
    padding: 5px;
    border-radius: 50%;
    background-color: #9F85F3;
    color: #fff;
    font-size: 0.8vw; }
  .summerPrograms .item-summerPrograms .overlay-item .item-loc span {
    padding: 5px 1.46vw;
    border-radius: 1.25vw;
    background-color: #9F85F3;
    color: #fff;
    font-size: 0.78vw; }

.designCourse .row {
  row-gap: 1.7vw; }
.designCourse .head-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.19vw;
  margin-bottom: 2.19vw; }
  .designCourse .head-section h2 {
    margin-bottom: 5.2vw;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 4.43vw; }
  .designCourse .head-section .start-content h4 {
    margin-bottom: 0;
    color: #000;
    font-size: 1.46vw;
    font-weight: 500;
    line-height: normal; }
  .designCourse .head-section .end-content .list-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.46vw;
    margin: 0; }
    .designCourse .head-section .end-content .list-end .item-list form .form-group {
      position: relative;
      margin: 0; }
      .designCourse .head-section .end-content .list-end .item-list form .form-group input {
        padding: 0.78vw 1.46vw 0.78vw 2.97vw;
        border-radius: 2.97vw;
        height: 2.97vw;
        border: 1px solid #D1CBCB;
        color: #000; }
        .designCourse .head-section .end-content .list-end .item-list form .form-group input::placeholder {
          color: #000; }
        .designCourse .head-section .end-content .list-end .item-list form .form-group input:focus {
          box-shadow: none; }
      .designCourse .head-section .end-content .list-end .item-list form .form-group button {
        position: absolute;
        top: 50%;
        left: 0.78vw;
        transform: translateY(-50%);
        background: none;
        border: 0;
        outline: 0;
        box-shadow: none;
        padding: 0;
        display: flex;
        align-items: center; }
      .designCourse .head-section .end-content .list-end .item-list form .form-group .form-select {
        min-width: 250px;
        box-shadow: none;
        border-radius: 2.97vw;
        height: auto;
        background: none;
        background: #9F85F3;
        line-height: 36px; }
        .designCourse .head-section .end-content .list-end .item-list form .form-group .form-select:focus {
          box-shadow: none;
          outline: 0;
          border-color: #9F85F3; }
    .designCourse .head-section .end-content .list-end .item-list .btn {
      padding: 0.78vw 2.97vw;
      border-radius: 2.97vw;
      background-color: #9F85F3;
      color: #fff;
      box-shadow: none;
      border: 0;
      font-size: 1.46vw;
      font-weight: 500;
      transition: all ease-in-out 0.25s; }
      .designCourse .head-section .end-content .list-end .item-list .btn:hover {
        background-color: #FFCC1A; }
.designCourse .item-designCourse .overlay-item {
  display: grid;
  row-gap: 1.46vw; }
  .designCourse .item-designCourse .overlay-item .item-loc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px; }
    .designCourse .item-designCourse .overlay-item .item-loc i {
      padding: 5px;
      border-radius: 50%;
      background-color: #EAEAEA;
      color: #000;
      font-size: 0.8vw; }
    .designCourse .item-designCourse .overlay-item .item-loc span {
      padding: 5px 1.46vw;
      border-radius: 1.25vw;
      background-color: #EAEAEA;
      color: #000;
      font-size: 0.8vw; }
.designCourse .form-group .btn {
  margin-top: 2.6vw;
  background-color: #9F85F3;
  border-radius: 1.25vw;
  color: #fff;
  transition: all ease-in-out 0.25s;
  font-size: 1.46vw;
  font-weight: 500;
  padding: 6px 1vw;
  line-height: 2.08vw;
  border: 0;
  min-width: 7.55vw; }
  .designCourse .form-group .btn:hover {
    background-color: #FFCC1A; }

.becomePartner .row {
  row-gap: 1.7vw; }
.becomePartner .head-section h2 {
  margin-bottom: 5.2vw;
  color: #000;
  font-size: 5.2vw;
  font-weight: 500;
  line-height: 4.43vw; }
.becomePartner .overlay-form .form-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #1B0924;
  border-radius: 2.97vw; }
  .becomePartner .overlay-form .form-group label {
    padding: 0.78vw;
    border-radius: 2.97vw;
    background-color: #1B0924;
    text-align: center;
    line-height: 2.08vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #fff;
    max-width: 12.6vw;
    width: 100%; }
  .becomePartner .overlay-form .form-group .form-control {
    outline: 0;
    box-shadow: none;
    background-color: #fff;
    border: 0;
    padding: 0.78vw;
    line-height: 2.08vw;
    border-radius: 2.97vw;
    width: 65%; }
.becomePartner .overlay-form .btn {
  background-color: #9F85F3;
  border-radius: 1.25vw;
  color: #fff;
  transition: all ease-in-out 0.25s;
  font-size: 1.46vw;
  font-weight: 500;
  padding: 0.78vw 1.46vw;
  line-height: 2.08vw;
  border: 0;
  min-width: 200px;
  display: block;
  margin-right: auto; }
  .becomePartner .overlay-form .btn:hover {
    background-color: #FFCC1A; }

.singlePackage .row {
  row-gap: 1.7vw; }
.singlePackage .text-singlePackage .overlay-text .top-package {
  margin-bottom: 3.7vw; }
  .singlePackage .text-singlePackage .overlay-text .top-package .title-package h4 {
    margin-bottom: 2.97vw;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
  .singlePackage .text-singlePackage .overlay-text .top-package .package-loc {
    margin-bottom: 1.46vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px; }
    .singlePackage .text-singlePackage .overlay-text .top-package .package-loc i {
      padding: 5px;
      border-radius: 50%;
      background-color: #EAEAEA;
      color: #000;
      font-size: 0.78vw; }
    .singlePackage .text-singlePackage .overlay-text .top-package .package-loc span {
      padding: 5px 1.46vw;
      border-radius: 1.25vw;
      background-color: #EAEAEA;
      color: #000;
      font-size: 0.8vw; }
  .singlePackage .text-singlePackage .overlay-text .top-package .package-desc p {
    color: #000;
    font-size: 1.04vw;
    line-height: 2.08vw;
    margin-bottom: 1.46vw;
    max-width: 340px; }
.singlePackage .text-singlePackage .overlay-text .bottom-package .package-loc {
  margin-bottom: 2.08vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px; }
  .singlePackage .text-singlePackage .overlay-text .bottom-package .package-loc i {
    padding: 5px;
    border-radius: 50%;
    background-color: #EAEAEA;
    color: #000;
    font-size: 0.8vw; }
  .singlePackage .text-singlePackage .overlay-text .bottom-package .package-loc span {
    padding: 5px 1.46vw;
    border-radius: 1.25vw;
    background-color: #EAEAEA;
    color: #000;
    font-size: 0.78vw; }
.singlePackage .text-singlePackage .overlay-text .bottom-package .subtitle-package h4 {
  margin-bottom: 1.46vw;
  color: #000;
  font-size: 1.46vw;
  font-weight: 500;
  line-height: 2.08vw; }
.singlePackage .text-singlePackage .overlay-text .bottom-package .total-package .list-package {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 0.78vw;
  column-gap: 0.78vw;
  margin: 0; }
  .singlePackage .text-singlePackage .overlay-text .bottom-package .total-package .list-package li {
    padding: 5px 0.78vw;
    border-radius: 1.25vw;
    border: 1px solid #707070;
    color: #000;
    font-size: 0.78vw; }
.singlePackage .imgs-singlePackage {
  border: 1px solid #707070;
  border-radius: 1.25vw;
  position: relative; }
  .singlePackage .imgs-singlePackage .imgs-singlePackage-overlay {
    overflow: hidden; }
    .singlePackage .imgs-singlePackage .imgs-singlePackage-overlay .assets-swiper {
      position: absolute;
      bottom: -50px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.46vw; }
      .singlePackage .imgs-singlePackage .imgs-singlePackage-overlay .assets-swiper .swiper-button {
        position: unset;
        background: none;
        color: #000;
        height: auto;
        width: auto;
        font-size: 3.7vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        font-size: 1.46vw; }
        .singlePackage .imgs-singlePackage .imgs-singlePackage-overlay .assets-swiper .swiper-button::after {
          display: none; }
      .singlePackage .imgs-singlePackage .imgs-singlePackage-overlay .assets-swiper .swiper-pagination {
        position: unset;
        font-size: 0.8vw; }
  .singlePackage .imgs-singlePackage .bottom-imgs {
    padding: 1.46vw; }
    .singlePackage .imgs-singlePackage .bottom-imgs .list-bottom-imgs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.46vw;
      flex-wrap: wrap;
      margin: 0; }
      .singlePackage .imgs-singlePackage .bottom-imgs .list-bottom-imgs li {
        width: calc(100% / 5.5 - 1.46vw);
        text-align: center; }
        .singlePackage .imgs-singlePackage .bottom-imgs .list-bottom-imgs li p {
          font-size: 0.78vw;
          font-weight: 500;
          margin-bottom: 0.78vw;
          line-height: 2.08vw;
          color: #000; }
        .singlePackage .imgs-singlePackage .bottom-imgs .list-bottom-imgs li span {
          padding: 5px 0.78vw;
          display: block;
          width: 100%;
          text-align: center;
          line-height: 2.08vw;
          color: #000;
          font-size: 0.78vw;
          border: 1px solid #707070;
          border-radius: 1.25vw; }
.singlePackage.university {
  padding: 115px 0 150px; }
  .singlePackage.university .text-singlePackage .overlay-text .top-package .title-package {
    margin-top: 3.7vw; }
    .singlePackage.university .text-singlePackage .overlay-text .top-package .title-package h4 {
      margin-bottom: 3.65vw; }
  .singlePackage.university .text-singlePackage .overlay-text .top-package .package-desc p {
    max-width: 85%; }
  .singlePackage.university .text-singlePackage .overlay-text .bottom-package .package-loc span, .singlePackage.university .text-singlePackage .overlay-text .bottom-package .package-loc i {
    color: #fff;
    background-color: #9F85F3; }
  .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-top {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 4.43vw;
    row-gap: 1.46vw; }
    .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-top .order-lists h5 {
      margin-bottom: 0.78vw;
      color: #000;
      font-size: 0.78vw;
      font-weight: 700;
      line-height: 1.8vw; }
    .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-top .order-lists .list-order li {
      list-style: disc;
      margin-bottom: 0.78vw;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 1.8vw; }
      .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-top .order-lists .list-order li:last-child {
        margin-bottom: 0; }
  .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-bottom .btns {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.78vw; }
    .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-bottom .btns .btn {
      border-radius: 1.25vw;
      font-weight: 500;
      font-size: 0.78vw;
      line-height: 2.08vw;
      border: 1px solid #9F85F3;
      color: #000;
      background-color: transparent;
      padding: 6px 1.46vw; }
      .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-bottom .btns .btn:last-child {
        color: #fff;
        background-color: #9F85F3; }
        .singlePackage.university .text-singlePackage .overlay-text .bottom-package .university-order .university-order-bottom .btns .btn:last-child:hover {
          background-color: #FFCC1A;
          border-color: #FFCC1A; }
  .singlePackage.university .package-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.7vw; }

.cities-imgs .row {
  row-gap: 1.7vw; }
.cities-imgs .item-city .head-img h5 {
  margin-bottom: 1.46vw;
  color: #000;
  font-size: 2.08vw;
  font-weight: 500;
  line-height: 2.08vw; }
.cities-imgs .item-insta {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%; }
  .cities-imgs .item-insta .insta-link {
    width: 100%; }
    .cities-imgs .item-insta .insta-link a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.78vw 0;
      background-color: #9F85F3;
      border-radius: 1.25vw;
      color: #fff;
      font-size: 2.97vw; }
.cities-imgs .item-salary .head-salary {
  margin-top: 6vw; }
  .cities-imgs .item-salary .head-salary h5 {
    margin-bottom: 1.46vw;
    color: #000;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 2.08vw; }
.cities-imgs .item-salary .bottom-salary .form-group {
  margin: 0; }
  .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] {
    display: none; }
    .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] ~ label {
      padding-right: 2.97vw;
      line-height: 2.08vw;
      margin: 0;
      width: 100%;
      position: relative;
      cursor: pointer; }
      .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] ~ label .list-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1vw;
        margin: 0; }
        .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] ~ label .list-label li {
          padding: 4px;
          border-radius: 1.25vw;
          font-size: 1.3vw;
          line-height: 2.08vw;
          font-weight: 500;
          text-align: center;
          color: #000;
          border: 1px solid #707070;
          width: -webkit-fill-available;
          transition: all ease-in-out 0.25s; }
      .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] ~ label::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 2.19vw;
        height: 2.19vw;
        border-radius: 50%;
        border: 1px solid #707070;
        transition: all ease-in-out 0.25s; }
      .cities-imgs .item-salary .bottom-salary .form-group input[type=radio] ~ label::after {
        content: '\f00c';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 2.19vw;
        height: 2.19vw;
        border-radius: 50%;
        border: 1px solid transparent;
        color: #9F85F3;
        font-size: 1.46vw;
        font-family: 'Font Awesome 5 Pro';
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out 0.25s;
        opacity: 0; }
    .cities-imgs .item-salary .bottom-salary .form-group input[type=radio]:checked ~ label .list-label li {
      color: #9F85F3;
      border-color: #9F85F3; }
    .cities-imgs .item-salary .bottom-salary .form-group input[type=radio]:checked ~ label::before {
      border-color: #9F85F3; }
    .cities-imgs .item-salary .bottom-salary .form-group input[type=radio]:checked ~ label::after {
      opacity: 1; }
  .cities-imgs .item-salary .bottom-salary .form-group .btn {
    margin-top: 2.6vw;
    background-color: #9F85F3;
    border-radius: 1.25vw;
    color: #fff;
    transition: all ease-in-out 0.25s;
    font-size: 1.46vw;
    font-weight: 500;
    padding: 6px 1vw;
    line-height: 2.08vw;
    border: 0; }
    .cities-imgs .item-salary .bottom-salary .form-group .btn:hover {
      background-color: #FFCC1A; }

.phoneConfirm .row {
  row-gap: 1.7vw; }
.phoneConfirm .head-section {
  margin-bottom: 3.65vw; }
  .phoneConfirm .head-section h2 {
    text-align: center;
    background-color: #9F85F3;
    border-radius: 1.25vw;
    padding: 1vw;
    font-size: 1.3vw;
    color: #fff;
    line-height: 2.08vw;
    margin-bottom: 0; }
.phoneConfirm .content-phoneConfirm .overlay-phoneConfirm form .form-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  margin-bottom: 6vw;
  direction: ltr; }
  .phoneConfirm .content-phoneConfirm .overlay-phoneConfirm form .form-group .form-control {
    border-radius: 1.25vw;
    border: 1px solid #9F85F3;
    font-size: 5.2vw;
    outline: 0;
    box-shadow: none;
    padding: 8px;
    text-align: center;
    color: #000;
    font-weight: 500; }
  .phoneConfirm .content-phoneConfirm .overlay-phoneConfirm form .form-group .btn {
    font-size: 1.3vw;
    font-weight: 500;
    border: 0;
    box-shadow: none;
    outline: 0;
    text-decoration: underline;
    font-weight: 500;
    color: #000;
    transition: all ease-in-out 0.25s; }
    .phoneConfirm .content-phoneConfirm .overlay-phoneConfirm form .form-group .btn:hover {
      color: #9F85F3; }
  .phoneConfirm .content-phoneConfirm .overlay-phoneConfirm form .form-group:last-child {
    margin-bottom: 0; }

.applicationForm .head-section {
  margin-bottom: 5.2vw; }
  .applicationForm .head-section h2 {
    margin-bottom: 0.78vw;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
  .applicationForm .head-section p {
    margin-bottom: 0.78vw;
    color: #000;
    font-size: 1.46vw;
    font-weight: 500;
    line-height: 2.6vw; }
.applicationForm .middle-section {
  margin: 4.43vw 0; }
  .applicationForm .middle-section h2 {
    margin-bottom: 0.78vw;
    color: #000;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.125vw; }
.applicationForm .notesFiles {
  padding: 2.08vw 1.3vw;
  border-radius: 1.25vw;
  background-color: #f7f7f7;
  margin-bottom: 5.2vw; }
  .applicationForm .notesFiles .notesFiles-desc {
    margin-bottom: 2.6vw; }
    .applicationForm .notesFiles .notesFiles-desc h3 {
      margin-bottom: 5px;
      color: #000;
      font-size: 2.08vw;
      font-weight: 500;
      line-height: 3.125vw; }
    .applicationForm .notesFiles .notesFiles-desc p {
      margin-bottom: 0.78vw;
      color: #000;
      font-size: 1.04vw;
      font-weight: 500;
      line-height: 2.08vw; }
  .applicationForm .notesFiles .row {
    row-gap: 1.7vw; }
  .applicationForm .notesFiles .notesFiles-item {
    color: #fff;
    background-color: #1B0924;
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 2.08vw;
    padding: 5px 4px;
    text-align: center;
    border-radius: 1.25vw; }
.applicationForm .form-radio-desc {
  margin-top: 7.55vw; }
  .applicationForm .form-radio-desc p {
    line-height: 2.08vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px; }
.applicationForm .form-group {
  margin-bottom: 2.6vw;
  padding-left: 3.7vw;
  position: relative; }
  .applicationForm .form-group .iti__selected-flag {
    border-radius: 1.25vw 0 0 1.25vw; }
  .applicationForm .form-group label {
    line-height: 2.08vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
    display: block;
    text-align: right; }
    .applicationForm .form-group label.label-phone {
      margin-bottom: 0;
      background-color: #fff;
      border-radius: 1.25vw 0 0 1.25vw;
      position: absolute;
      bottom: 1px;
      left: calc(3.7vw + 1px);
      padding: 1vw 1.46vw;
      line-height: 2.9vw;
      border-right: 1px solid #BEC8CF;
      direction: ltr; }
  .applicationForm .form-group .form-control {
    outline: 0;
    box-shadow: none;
    border-radius: 1.25vw;
    background-color: #fff;
    border: 1px solid #BEC8CF;
    padding: 1vw 1.46vw;
    line-height: 2.9vw;
    font-size: 1vw;
    color: #000;
    position: relative; }
    .applicationForm .form-group .form-control::placeholder {
      font-size: 0.95vw;
      color: #BEC8CF; }
    .applicationForm .form-group .form-control.form-select {
      background: url(../img/icons/downBlack.png) no-repeat 5% 50%;
      color: #000;
      font-size: 0.95vw; }
      .applicationForm .form-group .form-control.form-select option {
        color: #BEC8CF;
        color: #000;
        font-size: 0.95vw; }
        .applicationForm .form-group .form-control.form-select option:disabled {
          color: #BEC8CF; }
    .applicationForm .form-group .form-control[type=date] {
      position: relative;
      direction: rtl; }
      .applicationForm .form-group .form-control[type=date]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .applicationForm .form-group .form-control.input-add {
      padding-left: 3.7vw;
      direction: ltr; }
  .applicationForm .form-group .btn {
    background-color: #1B0924;
    border-radius: 1.25vw;
    color: #fff;
    transition: all ease-in-out 0.25s;
    font-size: 1.46vw;
    font-weight: 500;
    padding: 0.78vw 1.46vw;
    line-height: 2.08vw;
    border: 0;
    min-width: 200px; }
    .applicationForm .form-group .btn:hover {
      background-color: #FFCC1A; }
  .applicationForm .form-group.form-radio {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    padding-bottom: 2.6vw;
    margin: 0;
    gap: 0.78vw; }
    .applicationForm .form-group.form-radio .form-radio-content {
      max-width: 50%;
      width: 100%; }
    .applicationForm .form-group.form-radio input[type=radio] {
      display: none; }
      .applicationForm .form-group.form-radio input[type=radio] ~ label {
        outline: 0;
        box-shadow: none;
        border-radius: 1.25vw;
        background-color: #fff;
        border: 1px solid #1B0924;
        padding: 1vw 2.19vw;
        line-height: 2.9vw;
        font-size: 0.78vw;
        color: #1B0924;
        margin: 0;
        cursor: pointer;
        width: 100%;
        text-align: center; }
      .applicationForm .form-group.form-radio input[type=radio]:checked ~ label {
        color: #9F85F3;
        border-color: #9F85F3; }
  .applicationForm .form-group.form-checkbox {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    padding-bottom: 2.6vw;
    margin: 0;
    gap: 0.78vw; }
    .applicationForm .form-group.form-checkbox .form-checkbox-content {
      max-width: 100%;
      width: 100%; }
    .applicationForm .form-group.form-checkbox input[type=checkbox] {
      display: none; }
      .applicationForm .form-group.form-checkbox input[type=checkbox] ~ .label-input {
        outline: 0;
        box-shadow: none;
        border-radius: 1.25vw;
        background-color: #fff;
        border: 1px solid #BEC8CF;
        padding: 1vw 2.19vw;
        line-height: 2.9vw;
        font-size: 0.78vw;
        color: #BEC8CF;
        margin: 0;
        cursor: pointer;
        width: 100%;
        text-align: center; }
      .applicationForm .form-group.form-checkbox input[type=checkbox]:checked ~ .label-input {
        color: #000;
        border-color: #000; }
  .applicationForm .form-group.form-file {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.78vw; }
    .applicationForm .form-group.form-file .form-file-content input[type=file] {
      display: none; }
    .applicationForm .form-group.form-file .form-file-content label {
      border-radius: 1.25vw;
      padding: 1vw 1.7vw;
      line-height: 2.08vw;
      border: 1px solid #BEC8CF;
      background-color: #BEC8CF;
      min-width: max-content;
      color: #fff;
      margin: 0;
      cursor: pointer; }
      .applicationForm .form-group.form-file .form-file-content label.label-side {
        text-decoration: underline;
        color: #000;
        background-color: transparent; }
    .applicationForm .form-group.form-file .form-file-content .btn {
      background-color: transparent;
      color: #BEC8CF;
      transition: all ease-in-out 0.25s;
      font-size: 0.78vw;
      font-weight: 500;
      border-radius: 1.25vw;
      padding: 1vw 1.7vw;
      line-height: 2.08vw;
      border: 1px solid #BEC8CF;
      min-width: max-content; }
      .applicationForm .form-group.form-file .form-file-content .btn:hover {
        background-color: #FFCC1A;
        color: #fff;
        border-color: #FFCC1A; }
  .applicationForm .form-group.form-cond {
    margin-top: 115px; }
    .applicationForm .form-group.form-cond input[type=radio] {
      display: none; }
      .applicationForm .form-group.form-cond input[type=radio] ~ label {
        padding-right: 2.97vw;
        line-height: 2.08vw;
        margin: 0;
        width: 100%;
        position: relative;
        cursor: pointer; }
        .applicationForm .form-group.form-cond input[type=radio] ~ label .list-label {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 1vw;
          margin: 0; }
          .applicationForm .form-group.form-cond input[type=radio] ~ label .list-label li {
            padding: 4px;
            border-radius: 1.25vw;
            font-size: 1.3vw;
            line-height: 2.08vw;
            font-weight: 500;
            text-align: center;
            color: #000;
            border: 1px solid #707070;
            width: -webkit-fill-available;
            transition: all ease-in-out 0.25s; }
        .applicationForm .form-group.form-cond input[type=radio] ~ label::before {
          content: '';
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 0;
          width: 2.19vw;
          height: 2.19vw;
          border-radius: 50%;
          border: 1px solid #707070;
          transition: all ease-in-out 0.25s; }
        .applicationForm .form-group.form-cond input[type=radio] ~ label::after {
          content: '';
          position: absolute;
          top: 50%;
          transform: translate(50%, -50%);
          right: 1vw;
          width: 1vw;
          height: 1vw;
          border-radius: 50%;
          transition: all ease-in-out 0.25s;
          opacity: 0;
          background-color: #9F85F3; }
      .applicationForm .form-group.form-cond input[type=radio]:checked ~ label {
        color: #9F85F3; }
        .applicationForm .form-group.form-cond input[type=radio]:checked ~ label::before {
          border-color: #9F85F3; }
        .applicationForm .form-group.form-cond input[type=radio]:checked ~ label::after {
          opacity: 1; }

.studentProfile .head-profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.78vw;
  margin-bottom: 1vw; }
  .studentProfile .head-profile h5 {
    margin: 0; }
    .studentProfile .head-profile h5 a {
      padding: 7px 1.7vw;
      line-height: 3.125vw;
      color: #fff;
      font-size: 1.46vw;
      background-color: #9F85F3;
      border-radius: 1.25vw;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 4.43vw; }
      .studentProfile .head-profile h5 a i {
        font-size: 2.56vw; }
.studentProfile .item-order {
  position: relative; }
  .studentProfile .item-order .link-order {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .studentProfile .item-order .item-content {
    padding: 3.65vw 1vw;
    background-color: #f7f7f7;
    border-radius: 1.25vw; }
    .studentProfile .item-order .item-content .img-profile {
      text-align: center; }
    .studentProfile .item-order .item-content .row {
      row-gap: 1.7vw; }
    .studentProfile .item-order .item-content .name-status {
      margin-bottom: 2.08vw; }
      .studentProfile .item-order .item-content .name-status .profile-name {
        line-height: 3.125vw;
        color: #000;
        font-size: 2.08vw;
        margin-bottom: 5px; }
      .studentProfile .item-order .item-content .name-status .order-status {
        border: 1px solid #707070;
        color: #1B0924;
        line-height: 2.08vw;
        padding: 5px 0.78vw;
        border-radius: 1.25vw;
        font-size: 0.78vw; }
    .studentProfile .item-order .item-content .feat-order span {
      color: #9F85F3;
      line-height: 2.08vw;
      font-size: 0.78vw; }
    .studentProfile .item-order .item-content .feat-order p {
      color: #000;
      line-height: 2.08vw;
      font-size: 1.3vw;
      margin: 0; }

.cityCourse .head-section {
  margin-bottom: 2.97vw; }
  .cityCourse .head-section h5 {
    margin-bottom: 0.78vw;
    color: #000;
    line-height: 3.125vw;
    font-size: 2.08vw; }
.cityCourse .form-group {
  margin-bottom: 2.6vw;
  position: relative; }
  .cityCourse .form-group label {
    line-height: 2.08vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px; }
    .cityCourse .form-group label span {
      position: absolute;
      top: 2.6vw;
      left: 0;
      line-height: 3.125vw;
      font-size: 2.08vw;
      color: #fff;
      background-color: #9F85F3;
      width: 100%;
      height: calc(100% - 2.6vw);
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 1.25vw; }
  .cityCourse .form-group .form-control {
    outline: 0;
    box-shadow: none;
    border-radius: 1.25vw;
    border: 1px solid #9F85F3;
    background-color: #9F85F3;
    padding: 1vw 2.97vw;
    line-height: 3.125vw;
    font-size: 2.08vw;
    color: #fff; }
    .cityCourse .form-group .form-control.form-select {
      overflow: hidden;
      overflow: -moz-hidden-unscrollable;
      background: url(../img/icons/down.png) no-repeat 85% 38%;
      background-color: #9F85F3;
      width: auto;
      text-align: center;
      position: relative;
      z-index: 9999; }
      .cityCourse .form-group .form-control.form-select option {
        background-color: #9F85F3;
        color: #fff;
        font-size: 1.3vw; }
    .cityCourse .form-group .form-control[type=date] {
      overflow: hidden;
      overflow: -moz-hidden-unscrollable;
      background: url(../img/icons/down.png) no-repeat 97% center;
      background-color: #9F85F3;
      position: relative;
      text-align: center; }
      .cityCourse .form-group .form-control[type=date]::-webkit-calendar-picker-indicator {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .cityCourse .form-group .form-control::placeholder {
      font-size: 0.8vw;
      color: #BEC8CF; }
  .cityCourse .form-group.form-btn {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    padding-bottom: 2.6vw;
    margin: 0; }
    .cityCourse .form-group.form-btn .btn {
      background-color: #1B0924;
      border-radius: 1.25vw;
      color: #fff;
      transition: all ease-in-out 0.25s;
      font-size: 2.08vw;
      font-weight: 500;
      padding: 1vw 2.97vw;
      line-height: 3.125vw;
      border: 0;
      width: 100%; }
      .cityCourse .form-group.form-btn .btn:hover {
        background-color: #FFCC1A; }
.cityCourse.cityCourseContent form {
  margin-bottom: 6.8vw; }
.cityCourse.cityCourseContent .form-group label span {
  background-color: transparent;
  color: #D1CBCB;
  font-size: 1.04vw;
  color: #D1CBCB;
  border: 1px solid #D1CBCB; }
.cityCourse.cityCourseContent .form-group .form-control {
  border-color: #D1CBCB;
  background-color: transparent;
  font-size: 1.04vw;
  padding: 0.78vw 2.97vw;
  line-height: 2.08vw;
  color: #D1CBCB; }
  .cityCourse.cityCourseContent .form-group .form-control.form-select {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    background: url(../img/icons/downGray.png) no-repeat 85% center;
    background-color: transparent;
    width: auto;
    text-align: center;
    position: relative;
    z-index: 9999;
    border: 0;
    padding: 0.78vw 2.19vw; }
    .cityCourse.cityCourseContent .form-group .form-control.form-select option {
      background-color: #D1CBCB;
      color: #000;
      font-size: 0.78vw; }
  .cityCourse.cityCourseContent .form-group .form-control[type=date] {
    background: url(../img/icons/downGray.png) no-repeat 97% center;
    background-color: transparent; }
  .cityCourse.cityCourseContent .form-group .form-control::placeholder {
    font-size: 1.04vw;
    color: #D1CBCB; }
.cityCourse.cityCourseContent .form-group.form-btn .btn {
  font-size: 1.04vw;
  padding: 0.78vw 2.97vw;
  line-height: 2.08vw; }
.cityCourse.cityCourseContent .city-overlay .row {
  row-gap: 155px; }
.cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .imgs-cityCourseContent-overlay {
  position: relative;
  overflow: hidden;
  border-radius: 1.25vw;
  padding: 0 12.5px; }
  .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .imgs-cityCourseContent-overlay .assets-swiper .swiper-button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: none;
    color: #fff;
    background-color: #9F85F3;
    height: 1.7vw;
    width: 1.7vw;
    font-size: 3.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 1.46vw;
    z-index: 999;
    border-radius: 50%; }
    .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .imgs-cityCourseContent-overlay .assets-swiper .swiper-button::after {
      display: none; }
    .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .imgs-cityCourseContent-overlay .assets-swiper .swiper-button.swiper-button-prev {
      right: auto;
      left: 0; }
.cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .middle-imgs {
  padding: 0.78vw 1.46vw; }
  .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .middle-imgs .list-middle-imgs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1vw;
    flex-wrap: wrap;
    margin: 0; }
    .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .middle-imgs .list-middle-imgs li {
      width: calc(100% / 3 - 1vw);
      border-radius: 7px;
      background-color: var(--bgColor);
      padding: 4px; }
      .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .middle-imgs .list-middle-imgs li p {
        font-size: 0.78vw;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 2.08vw;
        color: #000;
        text-align: center; }
.cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .bottom-imgs {
  padding: 0.78vw 1.46vw; }
  .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .bottom-imgs .list-bottom-imgs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1vw;
    flex-wrap: wrap;
    margin: 0; }
    .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .bottom-imgs .list-bottom-imgs li {
      width: calc(100% / 5 - 1vw);
      text-align: center; }
      .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .bottom-imgs .list-bottom-imgs li p {
        font-size: 0.78vw;
        font-weight: 500;
        margin-bottom: 0.78vw;
        line-height: 2.08vw;
        color: #000; }
      .cityCourse.cityCourseContent .cityCourseContent-start .imgs-cityCourseContent .bottom-imgs .list-bottom-imgs li span {
        padding: 5px 0.78vw;
        display: block;
        width: 100%;
        text-align: center;
        line-height: 2.08vw;
        color: #000;
        font-size: 0.78vw;
        border: 1px solid #707070;
        border-radius: 7px; }
.cityCourse.cityCourseContent .city-content {
  padding: 3.65vw 7.55vw;
  background-color: #9F85F3;
  border-radius: 7px;
  position: relative; }
  .cityCourse.cityCourseContent .city-content .title-city {
    margin-bottom: 1.7vw; }
    .cityCourse.cityCourseContent .city-content .title-city h3 {
      margin-bottom: 0;
      color: #fff;
      line-height: 3.125vw;
      font-size: 2.08vw; }
  .cityCourse.cityCourseContent .city-content .middle-city {
    margin-bottom: 2.97vw; }
    .cityCourse.cityCourseContent .city-content .middle-city p {
      margin-bottom: 0.78vw;
      color: #fff;
      line-height: 2.08vw;
      font-size: 0.78vw;
      max-width: 300px; }
    .cityCourse.cityCourseContent .city-content .middle-city span {
      color: #fff;
      line-height: 2.08vw;
      font-size: 0.78vw;
      text-decoration: underline; }
  .cityCourse.cityCourseContent .city-content .foot-city .list-btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.78vw; }
    .cityCourse.cityCourseContent .city-content .foot-city .list-btns li a {
      background-color: #fff;
      color: #000;
      padding: 5px 1.3vw;
      border-radius: 5px;
      font-size: 1.04vw;
      line-height: 1.8vw;
      border: 0;
      transition: all ease-in-out 0.25s; }
      .cityCourse.cityCourseContent .city-content .foot-city .list-btns li a:hover {
        background-color: #FFCC1A;
        color: #fff; }
    .cityCourse.cityCourseContent .city-content .foot-city .list-btns li.price-btn a {
      color: #fff;
      background-color: #1B0924; }
  .cityCourse.cityCourseContent .city-content .img-count {
    position: absolute;
    top: 3.65vw;
    left: 3.65vw; }

.registerCity .row {
  row-gap: 1.7vw; }
.registerCity .top-registerCity {
  margin-bottom: 220px; }
  .registerCity .top-registerCity .text-registerCity .overlay-text .head-text {
    margin-bottom: 6.8vw; }
    .registerCity .top-registerCity .text-registerCity .overlay-text .head-text h2 {
      font-size: 5.2vw;
      color: #000;
      line-height: 115px;
      font-weight: 500;
      margin-bottom: 1vw; }
  .registerCity .top-registerCity .text-registerCity .overlay-text .top-package {
    margin-bottom: 3.7vw; }
    .registerCity .top-registerCity .text-registerCity .overlay-text .top-package .title-package h4 {
      margin-bottom: 1.3vw;
      color: #000;
      font-size: 2.08vw;
      font-weight: 500;
      line-height: 3.125vw; }
    .registerCity .top-registerCity .text-registerCity .overlay-text .top-package .package-loc {
      margin-bottom: 3.7vw;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 5px; }
      .registerCity .top-registerCity .text-registerCity .overlay-text .top-package .package-loc i {
        padding: 5px;
        border-radius: 50%;
        background-color: #9F85F3;
        color: #fff;
        font-size: 0.78vw; }
      .registerCity .top-registerCity .text-registerCity .overlay-text .top-package .package-loc span {
        padding: 5px 0.78vw;
        border-radius: 1.25vw;
        background-color: #9F85F3;
        color: #fff;
        font-size: 0.78vw; }
    .registerCity .top-registerCity .text-registerCity .overlay-text .top-package .package-desc p {
      color: #000;
      font-size: 1.04vw;
      line-height: 2.08vw;
      margin-bottom: 1.46vw;
      max-width: 340px; }
  .registerCity .top-registerCity .imgs-registerCity {
    border-radius: 1.25vw;
    position: relative;
    background-color: #EAEAEA; }
    .registerCity .top-registerCity .imgs-registerCity .bottom-imgs {
      padding: 1.46vw; }
      .registerCity .top-registerCity .imgs-registerCity .bottom-imgs .list-bottom-imgs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.46vw;
        flex-wrap: wrap;
        margin: 0; }
        .registerCity .top-registerCity .imgs-registerCity .bottom-imgs .list-bottom-imgs li {
          width: calc(100% / 5.5 - 1.46vw);
          text-align: center; }
          .registerCity .top-registerCity .imgs-registerCity .bottom-imgs .list-bottom-imgs li p {
            font-size: 0.78vw;
            font-weight: 500;
            margin-bottom: 0.78vw;
            line-height: 2.08vw;
            color: #000; }
          .registerCity .top-registerCity .imgs-registerCity .bottom-imgs .list-bottom-imgs li span {
            padding: 5px 0.78vw;
            display: block;
            width: 100%;
            text-align: center;
            line-height: 2.08vw;
            color: #000;
            font-size: 0.78vw;
            border: 1px solid #707070;
            border-radius: 7px; }
.registerCity .middle-registerCity .item-form {
  margin-bottom: 6.6vw; }
  .registerCity .middle-registerCity .item-form .head-item {
    padding-bottom: 4.43vw;
    border-bottom: 1px solid #707070; }
    .registerCity .middle-registerCity .item-form .head-item .head-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.46vw; }
      .registerCity .middle-registerCity .item-form .head-item .head-content .side-start {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.78vw; }
        .registerCity .middle-registerCity .item-form .head-item .head-content .side-start img {
          width: 6vw; }
        .registerCity .middle-registerCity .item-form .head-item .head-content .side-start .side-text p {
          font-size: 2.08vw;
          color: #000;
          font-weight: 500;
          line-height: 3.125vw;
          margin-bottom: 0; }
        .registerCity .middle-registerCity .item-form .head-item .head-content .side-start .side-text span {
          background-color: #9F85F3;
          color: #fff;
          font-size: 0.78vw;
          font-weight: 500;
          padding: 0 0.78vw;
          border-radius: 1.25vw;
          line-height: 1.3vw; }
      .registerCity .middle-registerCity .item-form .head-item .head-content .side-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1vw; }
        .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .side-text {
          background-color: #9F85F3;
          color: #fff;
          font-weight: 500;
          padding: 1vw 2.6vw;
          border-radius: 1.25vw;
          font-size: 2.08vw; }
        .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .form-group {
          position: relative;
          border: 0;
          min-width: 200px; }
          .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .form-group label span {
            position: absolute;
            top: 50%;
            left: 0;
            line-height: 1;
            font-size: 2.08vw;
            color: #fff;
            background-color: #9F85F3;
            width: 100%;
            height: calc(100% - 2.97vw);
            text-align: center;
            border-radius: 1.3vw;
            height: auto;
            background-color: #9F85F3;
            color: #fff;
            font-weight: 500;
            padding: 1vw 2.6vw;
            padding-right: 3.6vw;
            border-radius: 1.3vw;
            font-size: 2.08vw;
            transform: translate(0, -50%); }
          .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .form-group .form-control {
            border-color: #D1CBCB;
            background-color: transparent;
            font-size: 1.04vw;
            padding: 0.78vw 2.97vw;
            line-height: 2.08vw;
            color: #D1CBCB; }
            .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .form-group .form-control.form-select {
              overflow: hidden;
              overflow: -moz-hidden-unscrollable;
              background: url(../img/icons/down.png) no-repeat 85% 38%;
              width: auto;
              text-align: center;
              position: relative;
              z-index: 9999;
              box-shadow: none;
              outline: 0;
              padding: 1vw 2.6vw;
              border: 0;
              border-radius: 1.3vw;
              margin-top: -0.74vw;
              color: #fff;
              font-size: 2vw; }
              .registerCity .middle-registerCity .item-form .head-item .head-content .side-end .form-group .form-control.form-select option {
                background-color: #9F85F3;
                color: #fff;
                font-size: 1vw; }
  .registerCity .middle-registerCity .item-form .form-group {
    border-bottom: 1px solid #707070; }
    .registerCity .middle-registerCity .item-form .form-group input[type=radio] {
      display: none; }
      .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1vw;
        padding-top: 1.46vw;
        padding-bottom: 1.46vw;
        padding-right: 4.43vw;
        padding-left: 0;
        cursor: pointer; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start h4 {
          font-size: 2.08vw;
          color: #000;
          font-weight: 500;
          line-height: 2.08vw;
          margin-bottom: 1.46vw;
          display: flex;
          align-items: flex-end;
          position: relative;
          padding-right: 2.6vw; }
          .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start h4 span {
            background-color: #9F85F3;
            color: #fff;
            font-size: 0.78vw;
            font-weight: 500;
            padding: 5px 1.46vw;
            margin-right: 7px;
            border-radius: 1.25vw;
            line-height: 1.3vw; }
          .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start h4::before {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 1.46vw;
            height: 1.46vw;
            border-radius: 50%;
            border: 1px solid #707070; }
          .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start h4::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0.78vw;
            transform: translate(50%, -50%);
            width: 0.78vw;
            height: 0.78vw;
            border-radius: 50%;
            background-color: #9F85F3;
            opacity: 0;
            transition: all ease-in-out 0.25s; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start p {
          color: #000;
          font-size: 0.78vw;
          font-weight: 500;
          margin-bottom: 0;
          line-height: 1.3vw;
          padding-right: 2.6vw; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start .list-side {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin: 0;
          padding: 0;
          gap: 0.78vw;
          padding-right: 2.6vw; }
          .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-start .list-side li {
            color: #000;
            font-size: 0.78vw;
            font-weight: 500;
            padding: 5px 1.3vw;
            border-radius: 1.25vw;
            line-height: 1.3vw;
            border: 1px solid #707070; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio] ~ label .side-end .price-item {
          font-size: 2.08vw;
          color: #000;
          font-weight: 500;
          line-height: 3.125vw; }
      .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-start h4 {
        color: #9F85F3; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-start h4::before {
          border-color: #9F85F3; }
        .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-start h4::after {
          opacity: 1; }
      .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-start p {
        color: #9F85F3; }
      .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-start .list-side li {
        color: #9F85F3;
        border-color: #9F85F3; }
      .registerCity .middle-registerCity .item-form .form-group input[type=radio]:checked ~ label .side-end .price-item {
        color: #9F85F3; }
  .registerCity .middle-registerCity .item-form .bottom-item {
    background-color: #1B0924;
    border-radius: 1.25vw;
    overflow: hidden;
    margin-bottom: 2.19vw; }
    .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom {
      padding: 0.78vw 2.19vw 2.19vw; }
      .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.46vw;
        padding-top: 1.46vw;
        padding-bottom: 1.46vw;
        border-bottom: 1px solid #707070; }
        .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-start {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 0.78vw; }
          .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-start img {
            width: 6vw; }
          .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-start .side-text p {
            font-size: 2.08vw;
            color: #fff;
            font-weight: 500;
            line-height: 3.125vw;
            margin-bottom: 0; }
          .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-start .side-text span {
            color: #fff;
            font-size: 0.78vw;
            font-weight: 500;
            line-height: 1.3vw; }
        .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-end {
          display: flex;
          align-items: flex-start;
          justify-content: flex-end;
          gap: 1.46vw; }
          .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-end .btn-remove .btn {
            border: 1px solid #707070;
            border-radius: 1.25vw;
            height: 2.19vw;
            width: 2.19vw;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            line-height: 1.8vw;
            font-size: 0.8vw;
            color: #fff;
            transition: all ease-in-out 0.25s;
            padding: 0; }
            .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-end .btn-remove .btn:hover {
              background-color: #9F85F3; }
          .registerCity .middle-registerCity .item-form .bottom-item .head-content-item .head-bottom .head-content .side-end .price-item {
            font-size: 2.08vw;
            color: #fff;
            font-weight: 500;
            line-height: 3.125vw;
            direction: ltr; }
    .registerCity .middle-registerCity .item-form .bottom-item .foot-bottom {
      margin-top: 1.7vw; }
      .registerCity .middle-registerCity .item-form .bottom-item .foot-bottom .foot-content {
        padding: 2.19vw;
        background-color: #9F85F3;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.46vw;
        border-radius: 1.25vw; }
        .registerCity .middle-registerCity .item-form .bottom-item .foot-bottom .foot-content h4 {
          font-size: 2.08vw;
          line-height: 3.125vw;
          color: #fff;
          margin-bottom: 0; }
.registerCity .middle-registerCity.overlay-pay .item-form {
  margin-bottom: 7.19vw;
  margin-bottom: 0; }
  .registerCity .middle-registerCity.overlay-pay .item-form .bottom-item {
    background-color: #f7f7f7;
    padding: 6.8vw 0;
    margin-bottom: 20vw;
    margin-bottom: 5vw; }
    .registerCity .middle-registerCity.overlay-pay .item-form .bottom-item .head-content-item .head-bottom .head-content .side-start .side-text p {
      color: #000; }
    .registerCity .middle-registerCity.overlay-pay .item-form .bottom-item .head-content-item .head-bottom .head-content .side-end .price-item {
      color: #000; }
.registerCity .bottom-registerCity .bottom-content {
  padding: 2.97vw;
  background-color: #9F85F3;
  border-radius: 1.25vw;
  margin-bottom: 1.46vw; }
  .registerCity .bottom-registerCity .bottom-content .head-content h2 {
    font-size: 5.2vw;
    line-height: 115px;
    color: #fff;
    margin-bottom: 5px;
    font-family: 500; }
  .registerCity .bottom-registerCity .bottom-content .head-content p {
    font-size: 1.3vw;
    line-height: 2.08vw;
    color: #fff;
    font-family: 500;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 1vw; }
  .registerCity .bottom-registerCity .bottom-content .body-content-bottom img {
    margin-bottom: 0.78vw; }
  .registerCity .bottom-registerCity .bottom-content .body-content-bottom p {
    font-size: 0.78vw;
    line-height: 1.8vw;
    color: #fff;
    margin-bottom: 0;
    font-family: 500; }
.registerCity .foot-registerCity .foot-content .body-content .btn {
  width: 100%;
  padding: 1.46vw;
  border-radius: 1.25vw;
  background-color: #1B0924;
  border: 0;
  transition: all ease-in-out 0.25s;
  color: #fff;
  font-size: 1.46vw;
  line-height: 2.6vw;
  text-align: center; }
  .registerCity .foot-registerCity .foot-content .body-content .btn:hover {
    background-color: #FFCC1A; }
  .registerCity .foot-registerCity .foot-content .body-content .btn.btn-home {
    width: 12.7vw;
    padding: 0.03vw 0.1vw;
    font-size: 1vw;
    line-height: 1.56vw;
    margin-top: 2.54vw;
    height: 2.14vw;
    border-radius: 0.5vw; }
.registerCity.paymentStudent .top-registerCity {
  margin-bottom: 1.46vw; }
  .registerCity.paymentStudent .top-registerCity .start-top p {
    padding: 0.78vw 2.6vw;
    background-color: #9F85F3;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 2.08vw;
    border-radius: 1.25vw;
    margin-bottom: 0; }
  .registerCity.paymentStudent .top-registerCity .end-top {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.78vw; }
    .registerCity.paymentStudent .top-registerCity .end-top p {
      color: #000;
      font-size: 1.3vw;
      font-weight: 500;
      line-height: 2.08vw;
      margin-bottom: 0; }
      .registerCity.paymentStudent .top-registerCity .end-top p.num {
        font-size: 2.08vw;
        line-height: 3.125vw;
        background-color: #FFCC1A;
        padding: 8px 1.46vw;
        border-radius: 1.25vw; }
        .registerCity.paymentStudent .top-registerCity .end-top p.num span {
          display: block;
          margin-top: 4px; }
.registerCity.paymentStudent .middle-registerCity.overlay-pay .item-form {
  margin-bottom: 0; }
  .registerCity.paymentStudent .middle-registerCity.overlay-pay .item-form .bottom-item {
    margin-bottom: 3.7vw; }
.registerCity.paymentStudent .body-registerCity {
  text-align: center;
  margin-bottom: 6.8vw; }
  .registerCity.paymentStudent .body-registerCity p {
    color: #000;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 2.08vw;
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 2.19vw; }
  .registerCity.paymentStudent .body-registerCity span {
    padding: 0.78vw 1.7vw;
    background-color: #9F85F3;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 2.08vw;
    border-radius: 1.25vw; }
.registerCity.paymentStudent .foot-registerCity .foot-item {
  margin: 0 2.19vw 4.43vw; }
  .registerCity.paymentStudent .foot-registerCity .foot-item .head-foot {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.46vw;
    margin-bottom: 1.46vw; }
    .registerCity.paymentStudent .foot-registerCity .foot-item .head-foot h3 {
      color: #000;
      font-size: 1.3vw;
      font-weight: 500;
      line-height: 2.08vw;
      margin: 0; }
  .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot {
    padding: 1.46vw;
    background-color: #9F85F3;
    border-radius: 1.25vw; }
    .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot .start-body h3 {
      color: #fff;
      font-size: 1.3vw;
      font-weight: 500;
      line-height: 2.08vw;
      margin-bottom: 2.19vw; }
    .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot .end-body {
      margin-bottom: 0.78vw; }
      .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot .end-body p {
        color: #FFCC1A;
        font-size: 0.78vw;
        font-weight: 500;
        line-height: 1.8vw;
        margin-bottom: 0.78vw; }
      .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot .end-body h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.78vw;
        margin-bottom: 0;
        color: #fff;
        font-size: 0.8vw;
        font-weight: 500;
        line-height: 2.08vw;
        position: relative;
        cursor: pointer; }
        .registerCity.paymentStudent .foot-registerCity .foot-item .body-foot .end-body h3 .copyNotification {
          position: absolute;
          background-color: rgba(0, 0, 0, 0.8);
          color: #fff;
          padding: 5px 0.78vw;
          border-radius: 5px;
          font-size: 1.04vw;
          display: none;
          z-index: 9999; }

.uniAdmissions .head-section {
  margin-bottom: 5.2vw; }
  .uniAdmissions .head-section h2 {
    margin-bottom: 0.78vw;
    margin-bottom: 0;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
  .uniAdmissions .head-section p {
    margin-bottom: 0.78vw;
    color: #000;
    font-size: 1.46vw;
    font-weight: 500;
    line-height: 2.6vw; }
.uniAdmissions .form-group {
  margin-bottom: 2.6vw; }
  .uniAdmissions .form-group label {
    line-height: 2.08vw;
    font-size: 1.04vw;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px; }
  .uniAdmissions .form-group .form-control {
    outline: 0;
    box-shadow: none;
    border-radius: 1.25vw;
    border: 1px solid #BEC8CF;
    background-color: transparent;
    line-height: 3.125vw;
    padding: 0.75vw 1.97vw;
    font-size: 1.8vw;
    font-size: 0.8vw;
    color: #000;
    max-width: 13.54vw; }
    .uniAdmissions .form-group .form-control.form-select {
      border: 1px solid #9F85F3;
      overflow: hidden;
      overflow: -moz-hidden-unscrollable;
      background: url(../img/icons/down.png) no-repeat 5% center;
      background-color: #9F85F3;
      color: #fff; }
      .uniAdmissions .form-group .form-control.form-select option {
        background-color: #f7f7f7;
        color: #000;
        font-size: 0.78vw; }
      .uniAdmissions .form-group .form-control.form-select.select-transparent {
        background-color: transparent;
        border-color: #BEC8CF;
        color: #BEC8CF; }
    .uniAdmissions .form-group .form-control::placeholder {
      font-size: 0.8vw;
      color: #BEC8CF; }
  .uniAdmissions .form-group .btn {
    margin-top: 2.6vw;
    background-color: transparent;
    border-radius: 2.6vw;
    color: #BEC8CF;
    transition: all ease-in-out 0.25s;
    font-size: 1.46vw;
    font-weight: 500;
    padding: 1vw 1.3vw;
    line-height: 2.08vw;
    border: 0;
    min-width: 7.55vw;
    border: 1px solid #BEC8CF; }
  .uniAdmissions .form-group.group-content {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 1vw; }
    .uniAdmissions .form-group.group-content label i {
      color: #000;
      line-height: 4.43vw;
      font-size: 2.24vw; }
.uniAdmissions .row {
  row-gap: 2.19vw; }
.uniAdmissions .item-uniAdmissions {
  margin-bottom: 2.19vw; }
  .uniAdmissions .item-uniAdmissions .overlay-item .media {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.78vw; }
    .uniAdmissions .item-uniAdmissions .overlay-item .media .img-media img {
      border-radius: 50%; }
    .uniAdmissions .item-uniAdmissions .overlay-item .media .info-media h5 {
      margin-bottom: 0;
      color: #000;
      font-size: 0.78vw;
      font-weight: 600;
      line-height: 1.8vw; }
    .uniAdmissions .item-uniAdmissions .overlay-item .media .info-media p {
      margin-bottom: 0;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 1.8vw; }
.uniAdmissions.university-uniAdmissions {
  background-color: #1B0924; }
  .uniAdmissions.university-uniAdmissions .head-section {
    margin-bottom: 5.2vw; }
    .uniAdmissions.university-uniAdmissions .head-section h2 {
      color: #fff; }
    .uniAdmissions.university-uniAdmissions .head-section p {
      color: #fff; }
  .uniAdmissions.university-uniAdmissions .item-uniAdmissions .overlay-item {
    display: flex; }
    .uniAdmissions.university-uniAdmissions .item-uniAdmissions .overlay-item .info-item {
      text-align: center;
      background-color: #FFB6BF;
      border-radius: 1.25vw;
      padding: 3.9vw;
      display: grid;
      justify-content: center;
      gap: 0.78vw;
      position: relative; }
      .uniAdmissions.university-uniAdmissions .item-uniAdmissions .overlay-item .info-item h5 {
        margin-bottom: 0;
        color: #000;
        font-size: 1.46vw;
        font-weight: 500;
        line-height: 2.08vw; }
      .uniAdmissions.university-uniAdmissions .item-uniAdmissions .overlay-item .info-item p {
        margin-bottom: 0;
        color: #000;
        font-size: 0.78vw;
        font-weight: 500;
        line-height: 1.8vw; }
      .uniAdmissions.university-uniAdmissions .item-uniAdmissions .overlay-item .info-item span {
        position: absolute;
        top: 2.6vw;
        left: -15px;
        height: 2.19vw;
        width: 2.19vw;
        background-color: #9F85F3;
        color: #fff;
        border-radius: 50%;
        line-height: 2.08vw;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
  .uniAdmissions.university-uniAdmissions .form-group .btn {
    border-color: #fff;
    color: #fff; }
.uniAdmissions.uniAdmissionsPage .form-group label {
  color: #000; }

.studentContactUtopia .chat-overlay {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 140px;
  padding: 8.125vw 0; }
  .studentContactUtopia .chat-overlay .chat-content {
    width: 100%;
    max-width: 450px;
    transition: all ease-in-out 0.25s;
    overflow-y: hidden; }
    .studentContactUtopia .chat-overlay .chat-content .chat-container {
      padding: 1.46vw 0.78vw;
      max-width: 100%;
      height: calc(100vh - 16vw);
      max-height: 100%;
      transition: all ease-in-out 0.25s;
      overflow-y: auto; }
      .studentContactUtopia .chat-overlay .chat-content .chat-container .media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 1.7vw; }
        .studentContactUtopia .chat-overlay .chat-content .chat-container .media:last-child {
          margin-bottom: 0; }
        .studentContactUtopia .chat-overlay .chat-content .chat-container .media img {
          width: 2.19vw;
          margin-left: 6px; }
        .studentContactUtopia .chat-overlay .chat-content .chat-container .media .media-body {
          -ms-flex: 1;
          flex: 1; }
          .studentContactUtopia .chat-overlay .chat-content .chat-container .media .media-body h5 {
            margin-bottom: 5px;
            color: #000;
            font-size: 0.78vw;
            font-weight: 500;
            line-height: 1.8vw; }
          .studentContactUtopia .chat-overlay .chat-content .chat-container .media .media-body .text-message {
            padding: 1vw;
            background-color: #1B0924;
            color: #fff;
            font-size: 0.78vw;
            font-weight: 500;
            line-height: 1.8vw;
            max-width: 80%;
            width: fit-content;
            border-radius: 1.25vw;
            text-align: start; }
          .studentContactUtopia .chat-overlay .chat-content .chat-container .media .media-body span {
            font-size: 0.78vw;
            font-weight: 400; }
        .studentContactUtopia .chat-overlay .chat-content .chat-container .media.media-left {
          direction: ltr; }
          .studentContactUtopia .chat-overlay .chat-content .chat-container .media.media-left img {
            margin: 0;
            margin-right: 6px; }
          .studentContactUtopia .chat-overlay .chat-content .chat-container .media.media-left .media-body .text-message {
            background-color: #fff;
            color: #000;
            text-align: end; }
      .studentContactUtopia .chat-overlay .chat-content .chat-container::-webkit-scrollbar {
        background-color: #fff;
        width: 5px; }
      .studentContactUtopia .chat-overlay .chat-content .chat-container::-webkit-scrollbar-thumb {
        background-color: #1B0924; }
    .studentContactUtopia .chat-overlay .chat-content .chat-inputs {
      width: 100%;
      background-color: transparent;
      max-width: 100%; }
      .studentContactUtopia .chat-overlay .chat-content .chat-inputs .content-inputs {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1.46vw; }
        .studentContactUtopia .chat-overlay .chat-content .chat-inputs .content-inputs input {
          background-color: #FFB6BF;
          border-radius: 1.25vw;
          color: #fff;
          font-size: 0.78vw; }
          .studentContactUtopia .chat-overlay .chat-content .chat-inputs .content-inputs input::placeholder {
            color: #fff;
            font-size: 0.78vw; }
          .studentContactUtopia .chat-overlay .chat-content .chat-inputs .content-inputs input[type=text] {
            flex: 1;
            border: 0;
            height: 3.7vw;
            padding: 1vw 2.19vw; }
        .studentContactUtopia .chat-overlay .chat-content .chat-inputs .content-inputs button {
          background-color: #FFB6BF;
          border: 0;
          border-radius: 1.25vw;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.46vw;
          height: 3.7vw;
          width: 3.7vw; }

.order .head-section {
  margin-bottom: 5.2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.7vw; }
  .order .head-section h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
  .order .head-section a {
    margin-bottom: 0;
    color: #fff;
    background-color: #9F85F3;
    border-radius: 1.25vw;
    font-size: 0.8vw;
    line-height: 1.8vw;
    font-weight: 500;
    padding: 1.46vw 5.2vw;
    position: relative;
    border: 1px solid #9F85F3;
    font-size: 1.3vw;
    line-height: 2.08vw;
    padding: 0.78vw 4.43vw; }
    .order .head-section a i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 1.46vw; }
.order .row {
  row-gap: 1.7vw; }
.order .steps {
  position: relative;
  margin-bottom: 5.2vw; }
  .order .steps .step {
    text-align: center;
    position: relative; }
    .order .steps .step span {
      position: relative;
      bottom: 0;
      left: 0;
      display: block;
      height: 1px;
      margin: 0 -12px;
      margin-top: -20px;
      margin-bottom: 1.46vw;
      background-color: #707070; }
      .order .steps .step span::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 2.19vw;
        width: 2.19vw;
        background-color: #707070;
        border-radius: 50%; }
    .order .steps .step .step-content .percent {
      line-height: 2.08vw;
      font-size: 1.3vw;
      color: #BEC8CF;
      font-weight: 500;
      margin-bottom: 5px; }
    .order .steps .step .step-content .title {
      line-height: 2.08vw;
      font-size: 1.3vw;
      color: #000;
      font-weight: 500;
      margin-bottom: 3.65vw;
      background-color: transparent;
      border: 1px solid #BEC8CF;
      border-radius: 1.25vw;
      padding: 6px 1.7vw; }
    .order .steps .step .step-content p {
      line-height: 1.8vw;
      font-size: 0.78vw;
      color: #000;
      font-weight: 500;
      margin-bottom: 0; }
    .order .steps .step.active span::before {
      background-color: #9F85F3; }
    .order .steps .step.active .step-content .percent {
      color: #000; }
    .order .steps .step.active .step-content .title {
      border-color: #FFB6BF;
      background-color: #FFB6BF; }
.order .message-order {
  background-color: #FFCC1A;
  padding: 3.7vw 0;
  border-radius: 1.25vw;
  margin-bottom: 5.2vw; }
  .order .message-order p {
    text-align: center;
    margin-bottom: 0;
    color: #000;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 2.08vw; }
.order .notes-orders {
  margin-bottom: 7.19vw; }
  .order .notes-orders .head-notes h3 {
    margin-bottom: 1.3vw;
    color: #000;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.125vw; }
  .order .notes-orders .body-notes .list-notes li {
    color: #000;
    font-size: 0.8vw;
    font-weight: 500;
    line-height: 2.08vw; }
.order .personal-info {
  margin-bottom: 300px; }
  .order .personal-info .accordion .accordion-item {
    border: 0; }
    .order .personal-info .accordion .accordion-item .accordion-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.7vw;
      margin-bottom: 1vw; }
      .order .personal-info .accordion .accordion-item .accordion-header .accordion-button {
        width: auto;
        background: none;
        border: 0;
        box-shadow: none;
        outline: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.78vw;
        color: #000;
        font-size: 2.24vw;
        font-weight: 500;
        line-height: 3.125vw; }
        .order .personal-info .accordion .accordion-item .accordion-header .accordion-button::after {
          height: 2.19vw;
          width: 2.19vw;
          border-radius: 50%;
          background: none;
          background-color: #9F85F3;
          color: #fff;
          content: '\f078';
          font-weight: 900;
          font-family: "Font Awesome 6 Free";
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.3vw; }
      .order .personal-info .accordion .accordion-item .accordion-header .start-header-span {
        color: #000;
        font-size: 1.3vw;
        font-weight: 500;
        line-height: 2.08vw;
        background-color: #FFB6BF;
        border-radius: 1.25vw;
        padding: 0.78vw 1.46vw;
        margin-left: 15px;
        text-transform: capitalize; }
      .order .personal-info .accordion .accordion-item .accordion-header a {
        color: #000;
        font-size: 1.3vw;
        font-weight: 500;
        line-height: 2.08vw;
        background-color: #FFB6BF;
        border-radius: 1.25vw;
        padding: 0.78vw 1.46vw; }
    .order .personal-info .accordion .accordion-item .accordion-body {
      padding: 6.8vw;
      background-color: #9F85F3;
      border-radius: 1.25vw; }
      .order .personal-info .accordion .accordion-item .accordion-body .start-body h3 {
        color: #fff;
        font-size: 2.24vw;
        font-weight: 500;
        line-height: 3.125vw;
        margin-bottom: 4.43vw; }
      .order .personal-info .accordion .accordion-item .accordion-body .start-body a {
        color: #fff;
        font-size: 1.3vw;
        font-weight: 500;
        line-height: 2.08vw;
        background-color: #FFB6BF;
        border-radius: 1.25vw;
        padding: 0.78vw 1.46vw;
        border: 0; }
      .order .personal-info .accordion .accordion-item .accordion-body .end-body .list-body {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 0.78vw;
        row-gap: 2.19vw; }
        .order .personal-info .accordion .accordion-item .accordion-body .end-body .list-body li {
          width: calc(100% / 5 - 0.78vw);
          color: #fff;
          font-size: 0.78vw;
          font-weight: 500;
          line-height: 1.8vw; }
          .order .personal-info .accordion .accordion-item .accordion-body .end-body .list-body li p {
            color: #FFCC1A;
            font-size: 1.3vw;
            font-weight: 500;
            line-height: 2.08vw;
            margin-bottom: 0; }
.order .order-info .head-info {
  padding-bottom: 1vw;
  margin-bottom: 1vw;
  border-bottom: 1px solid #707070; }
  .order .order-info .head-info h3 {
    margin-bottom: 5px;
    color: #000;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.125vw; }
.order .order-info .item-info {
  padding-bottom: 1vw;
  margin-bottom: 1vw;
  border-bottom: 1px solid #707070; }
  .order .order-info .item-info .packege-info {
    display: flex;
    align-items: flex-start;
    gap: 1vw;
    width: 100%;
    justify-content: space-between; }
    .order .order-info .item-info .packege-info .img-packege img {
      border-radius: 1.25vw; }
    .order .order-info .item-info .packege-info .titles {
      text-align: center;
      max-width: 100%;
      width: 100%; }
      .order .order-info .item-info .packege-info .titles h3 {
        margin-bottom: 0;
        color: #000;
        font-size: 5.2vw;
        font-weight: 500;
        line-height: 7.55vw; }
      .order .order-info .item-info .packege-info .titles p {
        margin-bottom: 0;
        color: #000;
        font-size: 2.08vw;
        font-weight: 500;
        line-height: 3.125vw; }
    .order .order-info .item-info .packege-info .date-info h6 {
      margin-bottom: 0.78vw;
      color: #000;
      font-size: 1.3vw;
      font-weight: 500;
      line-height: 2.08vw;
      width: max-content; }
    .order .order-info .item-info .packege-info .date-info p {
      margin-bottom: 0;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 1.8vw;
      width: max-content; }
    .order .order-info .item-info .packege-info .item-packege-info {
      max-width: max-content;
      margin-bottom: 2.97vw; }
      .order .order-info .item-info .packege-info .item-packege-info a {
        padding: 1vw 3.7vw;
        display: block;
        border: 1px solid #9F85F3;
        background-color: #9F85F3;
        color: #fff;
        border-radius: 1.25vw;
        font-size: 1.3vw;
        font-weight: 500;
        line-height: 2.08vw; }
      .order .order-info .item-info .packege-info .item-packege-info.item-packege-info-link a {
        border-color: #707070;
        background-color: transparent;
        color: #000; }
  .order .order-info .item-info .title-info h3 {
    margin-bottom: 5px;
    color: #000;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.125vw; }
  .order .order-info .item-info .packege-chooses {
    display: flex;
    align-items: flex-start;
    gap: 1vw;
    width: 100%;
    justify-content: space-between; }
    .order .order-info .item-info .packege-chooses .item-choose {
      border: 1px solid #707070;
      border-radius: 1.25vw;
      width: calc(100% / 3 - 1vw);
      margin-bottom: 2.97vw;
      overflow: hidden; }
      .order .order-info .item-info .packege-chooses .item-choose .head-choose {
        border-bottom: 1px solid #707070;
        padding: 1.3vw;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .order .order-info .item-info .packege-chooses .item-choose .head-choose h5 {
          margin-bottom: 0;
          color: #000;
          font-size: 1.3vw;
          font-weight: 500;
          line-height: 2.08vw; }
        .order .order-info .item-info .packege-chooses .item-choose .head-choose span {
          color: #000;
          border-radius: 1.25vw;
          background-color: transparent;
          border: 1px solid #707070;
          font-size: 0.78vw;
          font-weight: 500;
          padding: 0 1.46vw;
          line-height: 2.08vw; }
          .order .order-info .item-info .packege-chooses .item-choose .head-choose span.confirm {
            background-color: #39FF0A;
            border-color: #39FF0A; }
      .order .order-info .item-info .packege-chooses .item-choose .body-choose {
        padding: 2.6vw 0.78vw; }
        .order .order-info .item-info .packege-chooses .item-choose .body-choose .table {
          border: 0; }
          .order .order-info .item-info .packege-chooses .item-choose .body-choose .table th {
            border: 0;
            font-size: 0.78vw;
            color: #9F85F3;
            line-height: 1.8vw;
            font-weight: 500;
            padding: 4px; }
          .order .order-info .item-info .packege-chooses .item-choose .body-choose .table td {
            border: 0;
            font-size: 0.78vw;
            color: #000;
            line-height: 1.8vw;
            font-weight: 500;
            padding: 4px; }
      .order .order-info .item-info .packege-chooses .item-choose .btn {
        border-radius: 1.25vw;
        font-size: 0.78vw;
        color: #fff;
        background-color: #9F85F3;
        line-height: 1.8vw;
        font-weight: 500;
        padding: 1.3vw;
        width: 100%;
        border: 1px solid #9F85F3; }
    .order .order-info .item-info .packege-chooses.packege-chooses-others .item-choose {
      border: 0; }
      .order .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .btn {
        margin-top: 1.46vw;
        width: auto; }
  .order .order-info .item-info.item-info-file .title-info {
    margin-bottom: 1.7vw; }
  .order .order-info .item-info:last-child {
    border: 0;
    margin: 0;
    padding: 0; }
.order.showOrder .head-section a {
  font-size: 1.3vw;
  line-height: 2.08vw;
  padding: 0.78vw 4.43vw; }
  .order.showOrder .head-section a i {
    left: auto;
    right: 1.46vw; }
.order.showOrder .steps {
  background-color: #f7f7f7;
  padding: 4.43vw 2.19vw;
  border-radius: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.7vw; }
  .order.showOrder .steps .step {
    width: calc(100% / 5 - 1.7vw); }
    .order.showOrder .steps .step:first-child {
      margin-right: 0; }
    .order.showOrder .steps .step:last-child {
      margin-left: 0; }
    .order.showOrder .steps .step .percent {
      line-height: 1.8vw;
      font-size: 0.78vw; }
    .order.showOrder .steps .step .title {
      line-height: 1.8vw;
      font-size: 0.78vw; }
.order.showOrder .personal-info {
  margin-bottom: 6.25vw; }
  .order.showOrder .personal-info .accordion .accordion-item .accordion-body {
    background-color: #f7f7f7; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .start-body h3 {
      color: #000; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .body-content {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      column-gap: 1.46vw; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .body-content .body-right {
        width: 35%; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .body-content .body-right img {
          width: 100%;
          max-width: 14.43vw; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .end-body .list-body li {
      width: calc(25% - 0.59vw);
      color: #000; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .end-body .list-body li p {
        color: #9F85F3; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info {
      column-gap: 2.19vw; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .img-packege {
        max-width: 30%;
        width: 100%; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay {
        width: 100%;
        max-width: calc(70% - 2.19vw); }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px solid #707070; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content .titles {
            text-align: start; }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content .titles h3 span {
              font-size: 1.3vw;
              line-height: 2.08vw;
              color: #9F85F3; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content .date-info p {
            color: #9F85F3; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-bottom: 2.97vw;
          padding-top: 2.19vw;
          gap: 0.78vw; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up {
            max-width: calc(40% - 5px);
            width: 100%; }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up:first-child {
              max-width: calc(60% - 5px); }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up a {
              position: relative;
              padding: 1.46vw 1.46vw;
              border: 1px solid #707070;
              border-radius: 1.25vw;
              color: #000;
              font-size: 1.3vw;
              line-height: 2.08vw;
              font-weight: 500;
              display: block;
              text-align: center;
              width: 100%; }
              .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up a span {
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translate(-50%, -50%);
                line-height: 2.08vw;
                padding: 0 1vw;
                border-radius: 1.25vw;
                background-color: #9F85F3;
                color: #fff;
                font-size: 0.78vw;
                font-weight: 500; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .item-packege-info {
        max-width: max-content;
        margin-bottom: 2.97vw; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .item-packege-info a {
          display: block;
          border: 1px solid #9F85F3;
          background-color: #9F85F3;
          color: #fff;
          padding: 0 7px;
          border-radius: 1.25vw;
          font-size: 0.78vw;
          font-weight: 500;
          line-height: 2.08vw; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .item-packege-info.item-packege-info-link a {
          border-color: #707070;
          background-color: transparent;
          color: #000;
          padding: 1vw 3.7vw;
          border-radius: 1.25vw;
          font-size: 1.3vw;
          line-height: 2.08vw; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose {
      border-color: #9F85F3; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose {
        border-color: #D1CBCB;
        display: block;
        padding-bottom: 0; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose .top-head {
          display: flex;
          align-items: center;
          justify-content: space-between; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose h5 {
          margin-bottom: 3px;
          font-size: 0.78vw;
          line-height: 1.8vw; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose span {
          background-color: #D1CBCB;
          border-color: #D1CBCB; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose span.confirm {
            background-color: #39FF0A;
            border-color: #39FF0A; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .head-choose p {
          margin-bottom: 0;
          font-size: 1.3vw;
          line-height: 2.08vw;
          color: #9F85F3;
          font-weight: 500; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .body-choose {
        padding: 2.6vw 0.78vw; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .body-choose .table {
          border: 0;
          margin: 0; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .body-choose .table th {
            border: 0;
            font-size: 0.78vw;
            color: #9F85F3;
            line-height: 1.8vw;
            font-weight: 500;
            padding: 4px; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .body-choose .table td {
            border: 0;
            font-size: 0.78vw;
            color: #000;
            line-height: 1.8vw;
            font-weight: 500;
            padding: 4px; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .btn {
        border-radius: 1.25vw;
        font-size: 0.78vw;
        color: #fff;
        background-color: #9F85F3;
        line-height: 1.8vw;
        font-weight: 500;
        padding: 1.3vw;
        width: 100%;
        border: 1px solid #9F85F3; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose {
      border: 0; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .btn {
        margin-top: 1.46vw;
        width: auto; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body .order-info .item-info.item-info-file .packege-info {
      justify-content: flex-start;
      align-items: flex-end; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others {
      background-color: #fff;
      padding: 2.97vw 0; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others .order-info .item-info .packege-chooses.packege-chooses-others {
        column-gap: 3.7vw; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others .order-info .item-info .packege-chooses.packege-chooses-others .item-choose {
          background-color: #f7f7f7;
          overflow: visible;
          padding-bottom: 5.2vw;
          text-align: center; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .head-choose {
            display: flex;
            border: 0; }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .head-choose h5 {
              font-size: 1.3vw;
              line-height: 2.08vw; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body.accordion-body-others .order-info .item-info .packege-chooses.packege-chooses-others .item-choose a {
            margin: 0 auto;
            margin-bottom: -140px;
            width: calc(100% - 2.19vw);
            padding: 6px 1.46vw; }
    .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student {
      border-radius: 0; }
      .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay {
        direction: rtl; }
        .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content {
          border: 0;
          border-radius: 0;
          padding: 0; }
          .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container {
            padding: 0 2.19vw; }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media img {
              margin-left: 6px;
              margin-right: 0; }
            .order.showOrder .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media.media-left {
              direction: ltr; }
.order.singleBooking .personal-info .accordion .accordion-item .accordion-header a {
  color: #fff;
  background-color: #9F85F3;
  font-size: 0.8vw;
  padding: 1.46vw 5.2vw;
  position: relative;
  font-size: 1.3vw;
  line-height: 2.08vw;
  padding: 0.78vw 4.43vw; }
  .order.singleBooking .personal-info .accordion .accordion-item .accordion-header a i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.46vw; }
.order.singleBooking .personal-info .accordion .accordion-item .accordion-body {
  padding: 5.2vw; }
  .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info {
    column-gap: 2.19vw; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .img-packege {
      max-width: 30%;
      width: 100%; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 0.78vw;
      padding-top: 1.46vw;
      gap: 1.46vw; }
      .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .date-info {
        max-width: max-content;
        width: 100%; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .date-info h6 {
          color: #9F85F3; }
      .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up {
        max-width: max-content;
        width: 100%; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up a {
          position: relative;
          padding: 5px 1.46vw;
          border: 1px solid #FFCC1A;
          border-radius: 1.25vw;
          background-color: #FFCC1A;
          color: #000;
          font-size: 1.3vw;
          line-height: 2.08vw;
          font-weight: 500;
          display: block;
          text-align: center;
          width: 100%;
          margin-bottom: 0.78vw; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up a span {
            position: unset;
            transform: none;
            line-height: 1.8vw;
            padding: 0;
            border-radius: 0;
            background-color: transparent;
            color: #000;
            font-size: 0.78vw;
            font-weight: 500;
            display: block; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .info-overlay .info-content-bottom .file-up a:last-child {
            margin-bottom: 0; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-info .item-packege-info.item-packege-info-link a {
      border-color: #1B0924;
      background-color: #1B0924;
      color: #fff;
      text-transform: capitalize; }
  .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses {
    column-gap: 0;
    align-items: unset;
    justify-content: unset; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose {
      border-color: #FFCC1A;
      margin-bottom: 0;
      height: 100%;
      width: auto;
      padding-bottom: 4.43vw;
      position: relative; }
      .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .btn {
        background-color: #FFCC1A;
        border-color: #FFCC1A;
        color: #000;
        font-size: 1.3vw;
        line-height: 2.08vw;
        font-weight: 500;
        position: absolute;
        bottom: 0; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses .item-choose .btn span {
          line-height: 1.8vw;
          font-size: 0.78vw;
          font-weight: 500;
          display: block; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others {
      column-gap: 0 !important; }
      .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose {
        margin: 0 1vw; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .head-choose {
          align-items: flex-start;
          gap: 0.78vw; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .head-choose h5 {
            text-align: start;
            text-transform: capitalize;
            font-size: 1vw !important; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose .head-choose span {
            background-color: #9F85F3;
            color: #39FF0A;
            border-color: #9F85F3;
            padding: 0 0.78vw; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body .order-info .item-info .packege-chooses.packege-chooses-others .item-choose a {
          position: unset;
          background-color: #1B0924;
          color: #fff;
          border-color: #1B0924; }
  .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay {
    border-radius: 0;
    margin-bottom: 0;
    direction: ltr; }
    .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content {
      max-width: 550px; }
      .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media {
        direction: ltr;
        margin-bottom: 3.7vw; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media img {
          margin-left: 0;
          margin-right: 1.46vw;
          width: 2.6vw; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media .media-body .text-message {
          padding: 1.3vw;
          text-align: start; }
        .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media.media-left {
          direction: rtl; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media.media-left img {
            margin-right: 0;
            margin-left: 1.46vw; }
          .order.singleBooking .personal-info .accordion .accordion-item .accordion-body.contact-student .chat-overlay .chat-content .chat-container .media.media-left .media-body .text-message {
            text-align: end; }
.order.singleBooking .personal-info .content-pay h2 {
  color: #000;
  font-size: 2.24vw;
  font-weight: 500;
  line-height: 3.125vw;
  margin-bottom: 1.7vw; }
.order.singleBooking .personal-info .content-pay a {
  color: #000;
  font-size: 0.78vw;
  font-weight: 500;
  line-height: 1.8vw;
  background-color: #39FF0A;
  border-radius: 1.25vw;
  border: 0;
  padding: 8px 2.97vw; }

.contact-student {
  background-color: #9F85F3; }
  .contact-student .head-section {
    margin-bottom: 5.2vw; }
    .contact-student .head-section h2 {
      margin-bottom: 0.78vw;
      margin-bottom: 0;
      color: #fff;
      font-size: 5.2vw;
      font-weight: 500;
      line-height: 5.2vw; }
  .contact-student .chat-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    direction: ltr; }
    .contact-student .chat-overlay .chat-content {
      border-radius: 2.97vw;
      padding: 2.6vw;
      border: 1px solid #fff;
      width: 100%;
      max-width: 550px;
      transition: all ease-in-out 0.25s;
      overflow-y: hidden; }
      .contact-student .chat-overlay .chat-content .chat-container {
        padding: 1.46vw 2.19vw;
        max-width: 100%;
        height: calc(100vh - 16vw);
        max-height: 100%;
        transition: all ease-in-out 0.25s;
        overflow-y: auto; }
        .contact-student .chat-overlay .chat-content .chat-container .media {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: start;
          align-items: flex-start;
          margin-bottom: 1.7vw; }
          .contact-student .chat-overlay .chat-content .chat-container .media:last-child {
            margin-bottom: 0; }
          .contact-student .chat-overlay .chat-content .chat-container .media img {
            width: 2.19vw;
            margin-right: 6px; }
          .contact-student .chat-overlay .chat-content .chat-container .media .media-body {
            -ms-flex: 1;
            flex: 1; }
            .contact-student .chat-overlay .chat-content .chat-container .media .media-body h5 {
              margin-bottom: 5px;
              color: #000;
              font-size: 0.78vw;
              font-weight: 500;
              line-height: 1.8vw; }
            .contact-student .chat-overlay .chat-content .chat-container .media .media-body .text-message {
              padding: 1vw;
              background-color: #1B0924;
              color: #fff;
              font-size: 0.78vw;
              font-weight: 500;
              line-height: 1.8vw;
              max-width: 80%;
              width: fit-content;
              border-radius: 1.25vw;
              text-align: start; }
            .contact-student .chat-overlay .chat-content .chat-container .media .media-body span {
              font-size: 0.78vw;
              font-weight: 400; }
          .contact-student .chat-overlay .chat-content .chat-container .media.media-left {
            direction: rtl; }
            .contact-student .chat-overlay .chat-content .chat-container .media.media-left img {
              margin: 0;
              margin-left: 6px; }
            .contact-student .chat-overlay .chat-content .chat-container .media.media-left .media-body .text-message {
              background-color: #fff;
              color: #000;
              text-align: end; }
        .contact-student .chat-overlay .chat-content .chat-container::-webkit-scrollbar {
          background-color: #fff;
          width: 5px; }
        .contact-student .chat-overlay .chat-content .chat-container::-webkit-scrollbar-thumb {
          background-color: #1B0924; }
      .contact-student .chat-overlay .chat-content .chat-inputs {
        width: 100%;
        background-color: transparent;
        max-width: 100%; }
        .contact-student .chat-overlay .chat-content .chat-inputs .content-inputs {
          width: 100%;
          display: flex;
          align-items: center;
          gap: 1.46vw; }
          .contact-student .chat-overlay .chat-content .chat-inputs .content-inputs input {
            background-color: #FFB6BF;
            border-radius: 1.25vw;
            color: #fff;
            font-size: 0.78vw; }
            .contact-student .chat-overlay .chat-content .chat-inputs .content-inputs input::placeholder {
              color: #fff;
              font-size: 0.78vw; }
            .contact-student .chat-overlay .chat-content .chat-inputs .content-inputs input[type=text] {
              flex: 1;
              border: 0;
              height: 3.7vw;
              padding: 1vw 2.19vw; }
          .contact-student .chat-overlay .chat-content .chat-inputs .content-inputs button {
            background-color: #FFB6BF;
            border: 0;
            border-radius: 1.25vw;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.46vw;
            height: 3.7vw;
            width: 3.7vw; }

.teamRegister .head-section {
  margin-bottom: 2.19vw; }
  .teamRegister .head-section h2 {
    margin-bottom: 0.78vw;
    margin-bottom: 0;
    color: #000;
    font-size: 5.2vw;
    font-weight: 500;
    line-height: 5.2vw; }
.teamRegister .nav-tabs {
  border: 0;
  text-align: center;
  justify-content: flex-start;
  gap: 1.46vw;
  margin-bottom: 1.46vw; }
  .teamRegister .nav-tabs .nav-link {
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    border-radius: 1.25vw;
    padding: 6px 4.43vw;
    line-height: 3.125vw;
    font-size: 2.08vw;
    font-weight: 500;
    color: #000;
    width: max-content;
    transition: all ease-in-out 0.25s; }
    .teamRegister .nav-tabs .nav-link:hover, .teamRegister .nav-tabs .nav-link.active {
      background-color: #FFB6BF;
      border-color: #FFB6BF; }
.teamRegister form .row {
  row-gap: 2.19vw; }
.teamRegister form .form-teamRegister {
  padding: 3.65vw;
  border-radius: 1.25vw;
  background-color: #f7f7f7;
  margin-bottom: 2.97vw; }
  .teamRegister form .form-teamRegister .form-group {
    position: relative;
    max-width: 80%;
    width: 100%; }
    .teamRegister form .form-teamRegister .form-group label {
      margin-bottom: 5px;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 2.08vw; }
      .teamRegister form .form-teamRegister .form-group label.label-select::after {
        content: "\f107";
        font-weight: 900;
        font-family: 'FontAwesome';
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1vw;
        height: 2.8vw;
        width: 2.8vw;
        background-color: transparent;
        border: 1px solid #D1CBCB;
        color: #D1CBCB;
        border-radius: 50%;
        position: absolute;
        bottom: 0;
        right: -50px;
        z-index: 999; }
    .teamRegister form .form-teamRegister .form-group .form-control {
      background-color: transparent;
      border: 1px solid #D1CBCB;
      border-radius: 1.25vw;
      box-shadow: none;
      outline: 0;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 2.08vw;
      padding: 4px 1.3vw;
      max-width: 100%;
      width: 100%; }
      .teamRegister form .form-teamRegister .form-group .form-control:focus {
        border-color: #9F85F3; }
      .teamRegister form .form-teamRegister .form-group .form-control.form-select {
        background-image: none; }
    .teamRegister form .form-teamRegister .form-group.group-select {
      max-width: calc(80% - 3.7vw); }
.teamRegister form .form-group .btn {
  background-color: #9F85F3;
  border-radius: 1.25vw;
  color: #fff;
  transition: all ease-in-out 0.25s;
  font-size: 0.8vw;
  font-weight: 500;
  padding: 1vw;
  line-height: 2.08vw;
  border: 0;
  min-width: 16vw; }
  .teamRegister form .form-group .btn:hover {
    background-color: #FFCC1A; }
.teamRegister.contactUtoPia .chat-overlay {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 140px;
  padding: 8.125vw 0; }
  .teamRegister.contactUtoPia .chat-overlay .chat-content {
    width: 100%;
    max-width: 450px;
    transition: all ease-in-out 0.25s;
    overflow-y: hidden; }
    .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container {
      padding: 1.46vw 0.78vw;
      max-width: 100%;
      height: calc(100vh - 16vw);
      max-height: 100%;
      transition: all ease-in-out 0.25s;
      overflow-y: auto; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 1.7vw; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media:last-child {
          margin-bottom: 0; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media img {
          width: 2.19vw;
          margin-left: 6px; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media .media-body {
          -ms-flex: 1;
          flex: 1; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media .media-body h5 {
            margin-bottom: 5px;
            color: #000;
            font-size: 0.78vw;
            font-weight: 500;
            line-height: 1.8vw; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media .media-body .text-message {
            padding: 1vw;
            background-color: #1B0924;
            color: #fff;
            font-size: 0.78vw;
            font-weight: 500;
            line-height: 1.8vw;
            max-width: 80%;
            width: fit-content;
            border-radius: 1.25vw;
            text-align: start; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media .media-body span {
            font-size: 0.78vw;
            font-weight: 400; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left {
          direction: ltr; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left img {
            margin: 0;
            margin-right: 6px; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left .media-body .text-message {
            background-color: #fff;
            color: #000;
            text-align: end; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container::-webkit-scrollbar {
        background-color: #fff;
        width: 5px; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container::-webkit-scrollbar-thumb {
        background-color: #1B0924; }
    .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs {
      width: 100%;
      background-color: transparent;
      max-width: 100%; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs .content-inputs {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1.46vw; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs .content-inputs input {
          background-color: #FFB6BF;
          border-radius: 1.25vw;
          color: #fff;
          font-size: 0.78vw; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs .content-inputs input::placeholder {
            color: #fff;
            font-size: 0.78vw; }
          .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs .content-inputs input[type=text] {
            flex: 1;
            border: 0;
            height: 3.7vw;
            padding: 1vw 2.19vw; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-inputs .content-inputs button {
          background-color: #FFB6BF;
          border: 0;
          border-radius: 1.25vw;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.46vw;
          height: 3.7vw;
          width: 3.7vw; }
.teamRegister.contactUtoPia .head-section {
  margin-bottom: 3.7vw; }
  .teamRegister.contactUtoPia .head-section h2 {
    margin-bottom: 0.78vw;
    font-size: 2.08vw;
    line-height: 3.125vw; }
.teamRegister.contactUtoPia .nav-tabs .nav-link {
  font-size: 1.3vw;
  text-transform: capitalize;
  line-height: 2.08vw;
  background-color: transparent;
  border-color: #707070;
  padding: 3px 3.7vw; }
  .teamRegister.contactUtoPia .nav-tabs .nav-link span {
    margin-top: 3px;
    display: block; }
  .teamRegister.contactUtoPia .nav-tabs .nav-link.active, .teamRegister.contactUtoPia .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #9F85F3;
    border-color: #9F85F3; }
.teamRegister.contactUtoPia .chat-overlay {
  border-radius: 0;
  margin-bottom: -110px; }
  .teamRegister.contactUtoPia .chat-overlay .chat-content {
    max-width: 550px; }
    .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media {
      direction: ltr;
      margin-bottom: 3.7vw; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media img {
        margin-left: 0;
        margin-right: 1.46vw;
        width: 2.6vw; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media .media-body .text-message {
        padding: 1.3vw;
        text-align: start; }
      .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left {
        direction: rtl; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left img {
          margin-right: 0;
          margin-left: 1.46vw; }
        .teamRegister.contactUtoPia .chat-overlay .chat-content .chat-container .media.media-left .media-body .text-message {
          text-align: end; }
.teamRegister.contactUtoPia .team-overlay {
  background-color: #f7f7f7;
  border-radius: 4.43vw;
  padding: 125px 95px 3.7vw;
  overflow: hidden;
  overflow-x: auto; }
  .teamRegister.contactUtoPia .team-overlay .table {
    border: 0;
    margin: 0;
    min-width: 900px;
    width: 100%; }
    .teamRegister.contactUtoPia .team-overlay .table tr {
      border-top: 1px solid #D1CBCB; }
      .teamRegister.contactUtoPia .team-overlay .table tr td {
        border: 0;
        padding: 1.46vw 0;
        width: 30%;
        vertical-align: middle; }
        .teamRegister.contactUtoPia .team-overlay .table tr td.middle-td {
          width: 40%; }
        .teamRegister.contactUtoPia .team-overlay .table tr td:last-child {
          text-align: end; }
    .teamRegister.contactUtoPia .team-overlay .table .img-user img {
      width: 8.125vw;
      border-radius: 50%; }
    .teamRegister.contactUtoPia .team-overlay .table .title-user h3 {
      font-size: 2.08vw;
      line-height: 3.125vw;
      color: #000;
      font-weight: 500;
      margin: 0; }
    .teamRegister.contactUtoPia .team-overlay .table .title-user p {
      font-size: 1.3vw;
      line-height: 2.08vw;
      color: #9F85F3;
      font-weight: 500;
      margin: 0; }
    .teamRegister.contactUtoPia .team-overlay .table .info-user p {
      margin: 0;
      font-size: 1.04vw;
      line-height: 1.8vw;
      color: #000;
      font-weight: 500; }
      .teamRegister.contactUtoPia .team-overlay .table .info-user p a {
        font-size: 1.04vw;
        line-height: 1.8vw;
        color: #000;
        font-weight: 500; }
  .teamRegister.contactUtoPia .team-overlay.booking-overlay {
    background-color: transparent;
    padding: 0;
    border-radius: 0; }
    .teamRegister.contactUtoPia .team-overlay.booking-overlay .table {
      border-top: 1px solid #D1CBCB; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table tr {
        border: 0; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay .table tr td {
          padding: 2.19vw 0;
          width: auto; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .img-user img {
        width: 15.2vw;
        border-radius: 1.25vw; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .title-user p {
        color: #000;
        display: flex;
        padding: 3px 1vw;
        border: 1px solid #707070;
        border-radius: 1.25vw;
        width: max-content;
        font-size: 0.78vw;
        line-height: 1.8vw; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .title-user p.confirm {
          background-color: #9F85F3;
          border-color: #9F85F3; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .info-user a, .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .info-user p {
        font-size: 1.3vw;
        line-height: 2.08vw; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .info-user a i, .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .info-user p i {
          margin-left: 5px; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .feat-user span {
        font-size: 0.78vw;
        line-height: 1.8vw;
        color: #9F85F3;
        font-weight: 500;
        margin-bottom: 0; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay .table .feat-user p {
        font-size: 1.3vw;
        line-height: 2.08vw;
        color: #000;
        font-weight: 500;
        margin: 0; }
    .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table {
      border-top: 0; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table tr {
        border-top: 1px solid #D1CBCB; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table tr td {
          vertical-align: top; }
          .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table tr td:last-child {
            text-align: start; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table tr:last-child {
          border-bottom: 1px solid #D1CBCB; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay.users-overlay .table .img-user img {
        border-radius: 50%;
        width: 8.125vw; }
    .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .parent-table {
      border-radius: 1.25vw;
      overflow: hidden;
      display: block;
      border: 1px solid #BEC8CF;
      margin-bottom: 2.19vw; }
    .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .table {
      border: 0; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .table tr td {
        padding: 1.46vw; }
      .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .table .info-user {
        text-align: end; }
        .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .table .info-user p {
          color: #000;
          display: flex;
          padding: 3px 1vw;
          border: 1px solid #707070;
          border-radius: 1.25vw;
          width: max-content;
          font-size: 0.78vw;
          line-height: 1.8vw;
          margin-left: auto; }
          .teamRegister.contactUtoPia .team-overlay.booking-overlay.snatches-overlay .table .info-user p.confirm {
            background-color: #9F85F3;
            border-color: #9F85F3; }
.teamRegister.contactUtoPia .head-table {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.46vw;
  margin-bottom: 2.19vw; }
  .teamRegister.contactUtoPia .head-table .head-table-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.46vw; }
  .teamRegister.contactUtoPia .head-table .form-group {
    position: relative; }
    .teamRegister.contactUtoPia .head-table .form-group label {
      position: absolute;
      top: 50%;
      left: 1.46vw;
      transform: translateY(-50%); }
      .teamRegister.contactUtoPia .head-table .form-group label .btn-search {
        color: #0F1515;
        font-size: 1.46vw; }
    .teamRegister.contactUtoPia .head-table .form-group .form-control {
      background-color: transparent;
      border: 1px solid #D1CBCB;
      border-radius: 1.25vw;
      box-shadow: none;
      outline: 0;
      color: #000;
      font-size: 0.78vw;
      font-weight: 500;
      line-height: 2.08vw;
      padding: 0.78vw 1.3vw;
      min-width: 200px;
      padding-left: 3.7vw;
      max-width: 100%;
      width: 100%; }
      .teamRegister.contactUtoPia .head-table .form-group .form-control:focus {
        border-color: #9F85F3; }
      .teamRegister.contactUtoPia .head-table .form-group .form-control::placeholder {
        color: #D1CBCB; }
      .teamRegister.contactUtoPia .head-table .form-group .form-control.form-select {
        background: none;
        background-color: #9F85F3;
        color: #fff;
        font-size: 0.8vw;
        box-shadow: none; }
        .teamRegister.contactUtoPia .head-table .form-group .form-control.form-select option:hover {
          background-color: #FFB6BF; }

/*# sourceMappingURL=styles.css.map */