* {
  font-family: "Montserrat", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.5em;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free" !important;
}

.hide {
  display: none !important;
}

body {
  line-height: normal;
}

th:first-child,
td:first-child {
  padding-left: 0.5em;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

[id^="gform_fields_"] {
  font-weight: 600;
}

#search-filter-form-47364 > ul > li.sf-field-post-meta-country_post_type {
  display: none;
}

.container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/* css for banner */
.country-banner-text > .title > .title-inner {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 110%;
  font-weight: 600;
}

.country-banner-text > .title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.description > .description-inner {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  font-weight: 600;
}

.country-banner-text > .description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  font-size: 16px;
  font-family: Inter;
}

.country-banner-text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

.btn-apply-resume {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

.buttons > .nav-item {
  border-radius: 999px;
  background-color: #f6f6f6;
  height: 44px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  box-sizing: border-box;
}

.buttons > .nav-item > a {
  color: #000;
}

.btn-apply-resume {
  text-transform: unset;
  border-radius: 999px;
  background-color: #ff1e23;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  height: 44px;
  color: #fff;
  width: 100%;
  margin-right: 0;
}

.buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: Inter;
  gap: 16px;
  text-align: left;
  font-size: 16px;
  color: #202020;
  margin-top: 20px;
}

#country-banner > .content {
  width: 100%;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px;
  box-sizing: border-box;
  gap: 32px;
  max-width: 900px;
}

#country-banner {
  width: 100%;
  position: relative;
  height: 500px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px;
  box-sizing: border-box;
  background-image: url("https://blog.rentcars.com/wp-content/uploads/2023/10/blog.rentcars.com-16-places-to-visit-in-canada-from-national-parks-to-big-cities-places-in-canada.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
  font-size: 44px;
  color: #fff;
  font-family: Montserrat;
}

@media only screen and (max-width: 767px) {
  #country-banner {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    box-sizing: border-box;
    background-image: url("https://blog.rentcars.com/wp-content/uploads/2023/10/blog.rentcars.com-16-places-to-visit-in-canada-from-national-parks-to-big-cities-places-in-canada.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-family: Montserrat;
  }

  #country-banner > .content {
    gap: 24px;
    padding: 20px;
  }

  .buttons {
    gap: 16px;
  }

  .buttons > .nav-item {
    padding: 0px 10px;
  }

  .btn-apply-resume {
    padding: 16px 10px;
  }
}

/* css for sidebar */

.label {
  flex: 1;
  position: relative;
  line-height: 140%;
  font-weight: 500;
}

.vertical-menu-active {
  background-color: #fff;
  color: #202020 !important;
  border-radius: 8px;
}

.label1 {
  flex: 1;
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

.vertical-menu-component {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  gap: 12px;
  font-size: 16px;
  color: #4a4a4a;
  font-family: Inter;
}

.icons3 {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}

.menu-container > .vertical-menu {
  width: 300px;
  border-radius: 16px;
  background-color: #e9e9e9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  box-sizing: border-box;
}

.div {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

.menu {
  position: static;
  width: 300px;
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 16px;
  color: #4a4a4a;
  font-family: Inter;
  margin-top: 64px;
}

#main
  > div.container
  > div.country-wrapper
  > div.side-bar-wrapper
  > div
  > div
  > div.buttons
  > button {
  width: 100%;
}

/* country main  */
.country-wrapper {
  display: flex;
}

@media only screen and (min-width: 1024px) {
  .country {
    min-width: 1080px;
  }
}

@media only screen and (max-width: 767px) {
  .country-wrapper {
    display: block;
  }

  .country {
    flex-direction: column !important;
    padding: 40px 48px 48px !important;
  }

  .side-bar-wrapper {
    display: none;
  }
}

/* css for country name */

.rounded-icon {
  width: 64px;
  position: relative;
  border-radius: 4px;
  height: 45.7px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.country-name {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 110%;
  font-weight: 600;
}

.country {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding: 64px;
  text-align: left;
  font-size: 44px;
  color: #141414;
  font-family: Montserrat;
}

/* css for new policy */

.chnh-sch-mi {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.new-policy-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-size: 32px !important;
  margin: 0;
  color: #141414;
  font-family: Montserrat;
}

.new-policy-content {
  position: relative;
  font-size: 16px;
  color: #2e2e2e;
  text-align: left;
  font-family: Inter;
  margin: 0;
  font-size: inherit;
  padding-left: 12px;
  line-height: 1.6;
  font-weight: 500;
}

.div {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

#newPolicy {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  text-align: left;
  font-size: 16px;
  color: #2e2e2e;
  font-family: Inter;
  padding: 0px 64px 64px;
}

#newPolicy > div.new-policy-content > ul {
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  #newPolicy {
    padding: 0;
  }

  .new-policy-title {
    flex-direction: column;
    font-size: 28px;
    letter-spacing: -0.02px;
    line-height: 130%;
    font-weight: 600;
    font-family: Montserrat;
    color: #141414;
    text-align: center;
  }

  .new-policy-content {
    padding-left: 0;
    text-align: justify;
  }

  #newPolicy > button {
    width: 100%;
  }

  .country-name {
    text-align: center;
  }
}

/* btn rain bow  */
.btn-rainbow-border {
  background-image: conic-gradient(
    #12677b 10deg,
    #009925 85deg,
    #ff961e 95deg,
    #ff1e23 268deg,
    #003cdc 272deg,
    #12677b 290deg,
    #12677b 300deg
  );
  position: relative;
  padding: 2px;
  display: inline-block;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  font-size: 17px;
  margin: 0;
}

.btn-rainbow-border > span {
  display: inline-block;
  background-color: #fff;
  color: black;
  padding: 11px 20px;
  border-radius: 30px;
  text-transform: initial;
  font-size: 16px;
  color: #2e2e2e;
  width: 100%;
  font-family: Inter;
  line-height: 129%;
}

/* css for cost estimate study abroad */

#cost-est-study-abroad {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  text-align: left;
  font-size: 32px;
  color: #141414;
  font-family: Montserrat;
  padding: 0px 64px 64px 64px;
}

.d-ton-chi {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.cost-est-study-abroad-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

#cost-est-study-abroad
  > div.container1
  > div.col-cosr-est-study-abroad
  > div
  > select {
  margin-bottom: 0;
}

.input-filed-cost-est {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.col-cosr-est-study-abroad {
  align-self: stretch;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #ececec;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 16px;
  gap: 16px;
}

.d-ton-chi1 {
  position: relative;
  letter-spacing: -0.02px;
  line-height: 125%;
  font-weight: 600;
}

.hc-ph-11-t-vndnm {
  margin-bottom: 8px;
}

.sinh-hot-ph {
  line-height: 150%;
}

.hc-ph-11-t-vndnm-sinh-h {
  margin: 10px 0;
  font-size: inherit;
  padding-left: 21px;
}

.tng-c-tnh {
  margin: 0;
  line-height: 140%;
  font-weight: 600;
}

.hc-ph-11-container {
  align-self: stretch;
  position: relative;
  font-size: 16px;
  font-family: Inter;
}

.col1-cosr-est-study-abroad {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 20px;
  color: #2e2e2e;
  font-family: Montserrat;
}

.container-cost-est-study-abroad {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  font-size: 16px;
  color: #585858;
  font-family: Inter;
}

#cost-est-study-abroad
  > div.container-cost-est-study-abroad
  > div.col-cosr-est-study-abroad
  > div
  > select {
  margin-bottom: 0;
  border-radius: 30px;
  height: 46px;
}

@media only screen and (max-width: 767px) {
  #cost-est-study-abroad {
    padding: 48px 0px;
  }

  .cost-est-study-abroad-title {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .container-cost-est-study-abroad {
    gap: 16px;
  }

  .col-cosr-est-study-abroad {
    flex-direction: column;
    align-items: normal;
  }

  .col1-cosr-est-study-abroad {
    padding: 16px;
  }
}

/* css for country details */

.bn-nn-chn {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

#country-details-container > .country-details-container-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

.country-flag {
  width: 76px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}

.bc-hc {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  font-weight: 600;
}

.tt-c {
  position: relative;
  line-height: 150%;
  z-index: 0;
}

.country-details-filter {
  width: 300px;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #ececec;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  gap: 16px;
}

.university-of-british {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 125%;
  font-weight: 600;
  color: #000;
}

.location-on-icon {
  width: 20px;
  position: relative;
  height: 20px;
}

.vancouver-canada {
  position: relative;
  line-height: 150%;
  max-width: 300px;
}

@media only screen and (max-width: 767px) {
  .vancouver-canada {
    max-width: 180px;
  }
}

.country-details-location {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.country-details-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  color: #4a4a4a;
  font-family: Inter;
}

.country-details-text {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

.country-details-school-card {
  align-self: stretch;
  border-radius: 12px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  gap: 10px;
}

.country-details-col {
  flex: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 20px;
  font-family: Montserrat;
}

.country-details-container-content-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  font-size: 16px;
  color: #2e2e2e;
  font-family: Inter;
}

#country-details-container {
  width: 100%;
  padding: 0px 64px 64px 64px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  text-align: left;
  font-size: 32px;
  color: #141414;
  font-family: Montserrat;
}

.btn-find-suitable-school {
  background-image: linear-gradient(
    171deg,
    #00c0ff 0%,
    #ffcf00 49%,
    #fc4f4f 100%
  );
  position: relative;
  padding: 2px;
  display: inline-block;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  font-size: 17px;
  margin: 0;
  width: 100%;
}

.btn-find-suitable-school > span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: black;
  padding: 9px 20px;
  border-radius: 30px;
  text-transform: initial;
  font-size: 16px;
  color: #2e2e2e;
  font-family: Inter;
}

.country-details-card-img {
  width: 120px;
  height: 120px;
}

.country-details-card-img > img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  #country-details-container {
    padding: 0px 0px 48px;
  }

  #country-details-container > .country-details-container-title {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .country-details-container-content-wrapper {
    flex-direction: column;
    gap: 16px;
  }

  .country-details-filter {
    width: 100%;
  }

  .country-details-card-img {
    width: 80px;
    height: 80px;
  }

  .country-details-text {
    gap: 4px;
    max-width: 100%;
  }

  #logo > a > img.header_logo.header-logo {
    width: 100%;
  }
}

/* css for country scholarship */

.h-tr-ti {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-scholarship-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  z-index: 0;
  font-size: 32px;
}

.hc-bng {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 125%;
  font-weight: 600;
}

.hc-bng-canada-asean {
  margin-bottom: 8px;
}

.hc-bng-canada-asean-tr-gi {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 21px;
  line-height: 1.6;
}

.hc-bng-canada-asean-container {
  align-self: stretch;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-family: Inter;
  color: #2e2e2e;
}

.country-scholarship-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  z-index: 1;
}

.country-scholarship-content1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  z-index: 2;
}

.logo-icon {
  width: 464.1px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 232px);
  right: -136.1px;
  height: 464.1px;
  object-fit: cover;
  z-index: 3;
}

.div {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

/* #country-scholarship-container {
        position: relative;
        margin: 0px 64px 64px 64px;
        border-radius: 16px;
        background-color: #f6f6f6;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 48px;
        box-sizing: border-box;
        gap: 32px;
        text-align: left;
        font-size: 20px;
        color: #141414;
        font-family: Montserrat;
    } */

/* #country-scholarship-container>.logoPNG {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    } */

/* @media only screen and (max-width: 767px) {
        #country-scholarship-container {
            margin: 0;
            padding: 16px;
            padding-bottom: 48px;
            padding-top: 0;
        }

        #country-scholarship-container>button {
            width: 100%;
        }

        .country-scholarship-title {
            flex-direction: column;
            text-align: center;
            align-items: center;
        }
    } */

/* css for country required */
#required-country {
  padding: 0px 64px 64px 64px;
}

.required-detail {
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  gap: 15px;
  padding: 0 !important;
  margin: 24px 0;
}

.single-required {
  width: 300px;
  /* padding: 2px 40px; */
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 20px;
  height: fit-content;
  text-align: center;
}

.single-required-content > i {
  padding: 20px;
  width: 100%;
  padding-top: 0;
  cursor: pointer;
}

.single-required-ul-content {
  text-align: start;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  opacity: 0;
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

.single-required-ul-content.expand {
  max-height: 500px;
  opacity: 1;
}

.single-required-ul-content > ul > li {
  margin: 10px 10px 0px 10px;
  text-align: start;
  list-style: inside;
  line-height: 1.6;
}

.single-required-ul-content > ul > li > i {
  font-size: 5px;
}

@media only screen and (max-width: 767px) {
  #required-country {
    padding: 0px 16px 48px;
  }

  .country-required-title {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  /* .required-detail {
            padding: 16px !important;
        } */
  .single-required {
    width: 100%;
  }

  #required-country > button {
    width: 100%;
  }
}

/* active rainbow border*/
.active-rainbow-border {
  background-image: conic-gradient(
    #12677b 10deg,
    #009925 85deg,
    #ff961e 95deg,
    #ff1e23 268deg,
    #003cdc 272deg,
    #12677b 290deg,
    #12677b 300deg
  ) !important;
  position: relative;
  padding: 2px;
  display: inline-block;
  border-radius: 20px;
  border: none;
}

.single-required-content {
  display: inline-block;
  background-color: #fff;
  color: black;
  padding: 20px 20px 0px 20px;
  border-radius: 16px;
}

.yu-cu-u {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-required-title {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
  font-size: 32px;
  color: #141414;
  font-family: Montserrat;
}

/* css for country faculty strengths */

.cc-ngnh-o {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-faculty-strengths-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  font-size: 32px;
  font-family: Montserrat;
}

.devices-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.cng-ngh-thng {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

.major {
  flex: 1;
  border-bottom: 1px solid #ececec;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0px;
  gap: 8px;
}

.country-faculty-strengths-col {
  align-self: stretch;
  display: grid;
  grid-template-columns: 300px 300px 300px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 28px;
}

.country-faculty-strengths-col > a {
  color: #000;
}

.major-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  color: #2e2e2e;
}

.div {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

#country-faculty-strengths {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-family: Inter;
  width: 100%;
  padding: 0px 64px 64px 64px;
  gap: 32px;
  font-size: 16px;
  color: #141414;
}

#country-faculty-strengths > .btn-show-all {
  position: relative;
  border-radius: 999px;
  background-color: #f6f6f6;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #202020;
  font-family: Inter;
}

#country-faculty-strengths > .btn-show-all > a {
  color: #202020;
}

@media only screen and (max-width: 767px) {
  #country-faculty-strengths {
    padding: 0px 16px 48px;
  }

  .country-faculty-strengths-title {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .country-faculty-strengths-col {
    grid-template-columns: 100%;
  }

  #country-faculty-strengths > .btn-show-all {
    width: 100%;
  }
}

/* css for country visa */
.visa-du-hc {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-visa-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  font-size: 32px;
  font-family: Montserrat;
}

.cc-loi-visa {
  margin-block-start: 0;
  margin-block-end: 10px;
  line-height: 150%;
}

.visa-ngn-hn {
  line-height: 140%;
  font-weight: 600;
  font-family: Inter;
}

.ch-c-gi {
  line-height: 150%;
}

.visa-ngn-hn-loi-c-ch-c-gi1 {
  margin-bottom: 8px;
}

.dnh-cho-nhng {
  line-height: 150%;
  font-family: Inter;
}

.visa-ngn-hn-loi-c-ch-c-gi {
  margin: 0;
  font-size: inherit;
  padding-left: 21px;
  line-height: 1.6;
  font-weight: 500;
}

.cc-loi-visa-container {
  align-self: stretch;
  position: relative;
  color: #2e2e2e;
}

.buttondesktop-visa {
  border-radius: 999px;
  background-color: #e9e9e9;
  height: 44px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  box-sizing: border-box;
}

.buttondesktop-visa > a {
  color: #202020;
}

.buttons-visa {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  color: #202020;
}

#country-visa > div.cc-loi-visa-container > ul > pre > ul {
  white-space: initial;
  padding-left: 40px;
  margin-top: 20px;
  margin-left: 0;
}

#country-visa {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  padding: 0px 64px 64px 64px;
  width: 100%;
  gap: 32px;
  font-size: 16px;
  color: #141414;
  font-family: Inter;
}

#country-visa > div.buttons-visa > button > span > a {
  color: black;
}

#country-visa > div.buttons-visa > button > span > a:hover {
  color: black;
}

@media only screen and (max-width: 767px) {
  #country-visa {
    padding: 0px 16px 48px;
  }

  .country-visa-title {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .buttons-visa {
    flex-direction: column;
    width: 100%;
  }

  .buttondesktop-visa {
    width: 100%;
    padding: 9px 20px;
  }

  #country-visa > div.buttons-visa > button {
    width: 100%;
  }
}

/* css for feeback of country */
.khch-hnh-ni {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-feedback-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

.youtube-player {
  width: 950px;
  position: relative;
  border-radius: 8px;
  height: 534px;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 24px;
}

.btn-show-more-yt {
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 999px;
  background-color: #f6f6f6;
  height: 44px;
  flex-shrink: 0;
  padding: 16px 20px;
  font-size: 16px;
  color: #202020;
  font-family: Inter;
}

.btn-show-more-yt > a {
  color: #202020;
}

.quotation-mark-icon {
  width: 33.1px;
  position: relative;
  height: 28px;
  overflow: hidden;
  flex-shrink: 0;
}

.ti-thch-chi {
  width: 100%;
  position: relative;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  color: #2e2e2e;
  text-align: left;
  display: inline-block;
  font-style: italic;
}

.img-icon {
  width: 72px;
  position: relative;
  border-radius: 999px;
  height: 72px;
  object-fit: cover;
}

.nguyn-vn-a {
  align-self: stretch;
  position: relative;
  line-height: 140%;
  font-weight: 600;
}

.c-nhn-qun {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}

.info-user {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}

.reviewer-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 16px;
  font-family: Inter;
}

.review-card {
  flex: 1;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #ececec;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
  gap: 14px;
  max-width: 302px;
}

.review-card > a {
  width: 100%;
}

.review-country-inner {
  /* align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px; */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
  /* padding-left: 118px; */
}

.review-country {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* gap: 16px; */
  font-size: 18px;
  color: #2e2e2e;
  overflow: auto;
}

#country-feedback {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 0px 64px 0px 64px;
  width: 100%;
  gap: 32px;
  font-size: 32px;
  color: #141414;
  font-family: Montserrat;
}

#country-feedback > .video {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scroll-left,
.scroll-right {
  display: none;
}

@media only screen and (max-width: 767px) {
  #country-feedback {
    padding: 0px 16px 48px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .khch-hnh-ni {
    text-align: center;
  }

  .country-feedback-title {
    flex-direction: column;
    align-items: center;
  }

  #country-feedback > .video {
    width: 100%;
  }

  .youtube-player {
    width: 100%;
    height: 180px;
  }

  #demo > div > div > iframe {
    height: 180px !important;
  }

  /* carousel */
  .review-country {
    position: relative;
  }

  .review-country-inner {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 16px;
    scroll-behavior: smooth;
    width: 100vw;
    padding-left: 0px !important;
  }

  .review-card {
    min-width: calc(100% - 32px);
    flex: 0 auto;
    scroll-snap-align: start;
    border: 1px solid #ddd;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    width: 100%;
  }

  .review-country-inner::-webkit-scrollbar {
    display: none;
    /* Ẩn thanh cuộn ngang */
  }

  .scroll-left {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-80%);
    background: #00000036;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .scroll-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #00000036;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #country-news > div.country-news-container > button.nextButton1 {
    margin-right: 0;
  }

  #country-learn-more > div.accordion > div > div.accordion-inner {
    text-align: justify;
  }

  .visa-ngn-hn-loi-c-ch-c-gi {
    text-align: justify;
    padding-left: 0;
  }
}

/* css for country news */
.tin-tc {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-news-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  color: #141414;
  margin-top: 30px;
}

.cng-ngnh {
  position: relative;
  line-height: 150%;
}

.photo-animation-icon {
  align-self: stretch;
  position: relative;
  border-radius: 8px;
  max-width: 100%;
  overflow: hidden;
  height: 169px;
  flex-shrink: 0;
  object-fit: fill;
}

.qun-l-kinh {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 125%;
  font-weight: 600;
}

.news-excerpt {
  align-self: stretch;
  position: relative;
  color: #2e2e2e;
  text-align: left;
  font-size: 16px;
  line-height: 150%;
  font-family: Inter;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.createdAt {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-family: Inter;
  color: #727272;
}

.news-main-text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.news-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  color: #000;
  width: 300px;
  gap: 16px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.news-card.show {
  opacity: 1;
  transform: translateY(0);
}

.news-row {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  /* overflow-x: auto; */

  max-width: 950px;
  /* max-width: 100%; */
  padding-bottom: 20px;
  gap: 24px;
}

.buttondesktop-news-show-more {
  border-radius: 999px;
  background-color: #e9e9e9;
  /* height: 44px; */
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
}

.buttondesktop-news-show-more > a {
  color: #202020;
}

.country-news-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  font-size: 20px;
}

#country-news {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  padding: 0px 64px 64px 64px;
  width: 100%;
  gap: 32px;
  font-size: 32px;
  color: #2e2e2e;
  font-family: Montserrat;
}

.btn-sm-news {
  cursor: pointer;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 15px;
  border: 1px solid #ccc;
  border-radius: 30px;
  background-color: #fff;
  margin-right: 2px;
  text-transform: unset;
}

.btn-sm-active {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.country-detail-wrapper {
  max-width: 1160px;
}

/* #country-learn-more>div.accordion>div>div>pre>h3 {
        margin-bottom: -10px;
    } */

@media only screen and (max-width: 767px) {
  #country-news {
    padding: 0px 16px 48px;
    gap: 14px;
  }

  #country-news > div.country-news-title {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .btn-nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0px !important;
  }

  /* carousel */
  .country-news-container {
    position: relative;
  }

  .country_slider_news {
    flex: 0 0 auto;
    width: 100%;
    scroll-snap-align: center;
    box-sizing: border-box;
    padding: 10px;
    user-select: none;
  }

  .news-card {
    flex: 0 0 auto;
    width: 100%;
    scroll-snap-align: center;
    box-sizing: border-box;
    padding: 10px;
    user-select: none;
  }

  #news-content-container {
    overflow: hidden;
  }

  .news-row {
    gap: 0;
  }

  .news-card {
    display: block !important;
    opacity: 1 !important;
  }

  #country-news
    > div.country-news-container
    > div.buttondesktop-news-show-more {
    display: none;
  }
}

/* css for country learn more */

.nav-learn-more {
  flex: 1;
  position: relative;
  letter-spacing: -0.02px;
  line-height: 120%;
  font-weight: 600;
}

.country-learn-more-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  font-size: 32px;
  margin-bottom: 32px;
}

.nm-1-gm {
  width: 100%;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-family: Inter;
  color: #2e2e2e;
  text-align: left;
  display: inline-block;
}

#country-learn-more {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  padding: 0px 64px 64px 64px;
  width: 100%;
  /* gap: 32px; */
  color: #141414;
  font-family: Montserrat;
}

#accordionExample {
  width: 100%;
}

/* .accordion-button {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    .accordion-button::after {
        order: -1; 
        margin-right: 10px;
        margin-left: 0; 
        transform: rotate(0deg); 
    }

    .accordion-button:not(.collapsed)::after {
        transform: rotate(-90deg);
    }

    .accordion-header {
        display: flex;
        align-items: center;
    } */

@media only screen and (max-width: 767px) {
  #country-learn-more {
    padding: 0px 0px 48px;
  }

  #country-learn-more > div.country-learn-more-title {
    flex-direction: column;
    align-items: center;
  }

  ul ul {
    margin: 0;
  }

  .grouped-feedback {
    height: 100%;
  }
}

/* .button.icon.circle{
        display: inline-block!important;
        padding: 6px 8px!important;
    }
    #top-link{
        padding: 0px!important;
    } */
/* css for search & filter  */
#search-filter-form-47364 > ul {
  padding: 0;
}

#search-filter-form-47364 > ul > li > label {
  width: 100%;
}

#search-filter-form-47364 > ul > li.sf-field-submit > input[type="submit"] {
  border: 1px solid #0c65d8;
  background-color: white;
  color: #000;
  border-radius: 30px;
  text-transform: math-auto;
  margin: auto;
  width: 100%;
}

.accordion-collapse {
  padding: 16px;
}

/* css for form */
#gform_140 > div.gform_footer.top_label {
  padding-top: 0;
  border-top: 0px;
  display: flex;
  justify-content: center;
}

#gform_submit_button_67 {
  padding: 1px 20px;
  border-radius: 30px;
  border: 1.5px solid #003cdc;
}

#contact-school > div > button.btn-rainbow-border {
  margin-right: 20px;
}

.form-popup-apply {
  display: none;
}

.pum-container.pum-responsive.pum-responsive-medium {
  margin-left: 0 !important;
}

[id^="pum-"] {
  opacity: 1 !important;
}

[id^="gform_confirmation_message_"] {
  font-weight: 600;
  margin-right: 30px;
}

@media only screen and (min-width: 1024px) {
  [id^="popmake-"] {
    width: max-content !important;
    opacity: 1 !important;
    top: 50% !important;
    left: 50% !important;
    max-height: 90vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: translate(-50%, -50%);
  }

  .news-row {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 676px) {
  [id^="popmake-"] {
    opacity: 1 !important;
    margin-top: 30px;
    width: max-content !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: -webkit-fill-available;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  #masthead
    > div
    > div.flex-col.show-for-medium.flex-right
    > ul
    > li
    > ul
    > li
    > div
    > div
    > form
    > div.flex-row.relative
    > div:nth-child(2)
    > button {
    border-radius: 0px !important;
    padding: 0px !important;
    font-size: 0.97em !important;
  }

  #masthead
    > div
    > div.flex-col.show-for-medium.flex-right
    > ul
    > li
    > ul
    > li
    > div
    > div
    > form
    > div.flex-row.relative
    > div:nth-child(2)
    > button
    > span {
    background-color: #f27649 !important;
    color: #fff !important;
    border-radius: 0px !important;
    font-size: 0.97em !important;
    padding: 8px 12px !important;
  }
}

.pum-title,
.popmake-title {
  display: none;
}

/* css for form dang ky  */

#gform_140 > div.gform_footer.top_label {
  padding-top: 0;
  border-top: 0px;
  display: flex;
  justify-content: center;
}

#gform_submit_button_67 {
  text-transform: unset;
  padding: 1px 20px;
  border-radius: 30px;
  border: 1.5px solid #003cdc;
}

/* spinner */
.spinner-country {
  margin: 16px auto;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* css for form apply */
#main > div.form-popup-apply > div {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.form-item {
  display: flex;
  flex-direction: column;
  width: 352px;
}

.form-item > h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin: 10px 0;
}

.btn-form-wrapper {
  display: flex;
  justify-content: center;
}

.form-popup-apply {
  display: none;
  position: fixed;
  z-index: 1;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -60%);
}

#wpcf7-f80318-o2 > form > div.form-container > h2 {
  font-size: 25px;
  font-weight: bold;
}

#form-apply-hoc-bong > .form-inner > .form-item > p {
  margin: 5px 0px;
}

#form-apply-hoc-bong
  > .form-inner
  > .form-item
  > .form-item-container
  > .form-item-content
  > p {
  margin: 5px 0px;
}

#form-apply-hoc-bong > .form-inner {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
}

#form-apply-hoc-bong > .form-inner > .form-item > input,
select {
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
}

.form-item-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#form-apply-hoc-bong
  > .form-inner
  > .form-item
  > .form-item-container
  > .form-item-content
  > #level {
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
  width: 228px;
}

#form-apply-hoc-bong
  > .form-inner
  > .form-item
  > .form-item-container
  > .form-item-content
  > #gpa {
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
  width: 120px;
}

#form-apply-hoc-bong
  > .form-inner
  > .form-item
  > .form-item-container
  > .form-item-content
  > #certificate {
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
  width: 228px;
}

#form-apply-hoc-bong
  > .form-inner
  > .form-item
  > .form-item-container
  > .form-item-content
  > #point {
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
  width: 120px;
}

#transcript {
  display: flex;
  align-items: end;
  padding-left: 10px;
  height: 40px;
  background-color: #ececec;
  border-radius: 3px;
  border: none;
  font-size: 12px;
  margin-bottom: 15.52px;
}

.bg-form-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7);
}

#main > div.form-popup-apply > i {
  position: absolute;
  cursor: pointer;
  color: #000000;
  z-index: 99;
  right: 10px;
  top: 10px;
  font-size: 23px;
}

.star-required {
  color: red;
}

@media only screen and (max-width: 767px) {
  /* responsive form hocbong */
  #main > div.form-popup-apply > div {
    width: 100vw;
    height: 80vh;
    overflow: auto;
  }

  #form-apply-hoc-bong > .form-inner {
    flex-direction: column;
  }

  #gform_wrapper_65 {
    width: 100vw;
    max-height: 80vh;
  }

  #course-detail > div.course-detail-content > div:nth-child(10) > button {
    line-height: normal;
    padding: 7px;
  }

  #field_65_2,
  #field_65_3,
  #field_65_4,
  #field_65_5,
  #field_65_6,
  #field_65_7,
  #field_65_8,
  #field_65_9,
  #field_65_12,
  #field_65_13 {
    /* display: inline-block; */
    width: 100% !important;
    /* margin-top: 0px!important; */
    vertical-align: top;
    /* margin-right: 20px; */
  }
}

#top-bar
  > div
  > div.flex-col.hide-for-medium.flex-right
  > ul
  > li
  > div
  > a.tooltip {
  line-height: 2.3 !important;
}

/* .col{
        max-width: 8.3333333333%!important;
    } */

footer > .section:nth-child(3) > .section-content > .container {
  justify-content: space-between !important;
}

footer > .section:nth-child(3) > .section-content > .container > .col {
  flex-grow: inherit;
  flex-basis: fit-content;
}

@media only screen and (max-width: 767px) {
  footer > .section:nth-child(2) > .section-content > .container {
    flex-direction: column !important;
  }
}

.ui-datepicker-div {
  top: 433.007px !important;
  left: 1063.32px !important;
}

#ui-datepicker-div > div > div {
  text-align: center;
  display: flex !important;
  gap: 20px;
}

#ui-datepicker-div > div > a.ui-datepicker-next.ui-corner-all > span {
  display: none;
}

#ui-datepicker-div {
  padding: 0;
}

#required-country
  > div.required-detail
  > div
  > div
  > div
  > ul.required-ul-content
  > ul {
  margin: 0;
  padding: 0px 16px;
}

/* #country-visa > div.cc-loi-visa-container > ul > ul{
        margin:0;
        padding:0;
    } */
#search-filter-results-47364 {
  max-height: 570px;
  overflow-y: auto;
  width: 100%;
}

#search-filter-results-47364 > a:nth-child(6) {
  padding-top: 0;
}

/* css for accordition */
#country-learn-more > div.accordion {
  width: 100%;
}

#country-learn-more > div.accordion > div > a {
  font-size: 20px;
  letter-spacing: -0.02px;
  line-height: 125%;
  font-weight: 600;
  font-family: Montserrat;
  color: #202020;
}

#country-learn-more > div.accordion > div > div.accordion-inner {
  padding: 10px 28px;
  font-size: 16px;
  letter-spacing: -0.02px;
  line-height: 150%;
  font-weight: 400;
  font-family: Montserrat;
  color: #202020;
  padding-top: 0;
}

#country-learn-more > div.accordion > div > a > button {
  left: 5px;
  top: 13px;
  color: black;
  font-size: 15px;
}

/* css for carousel */

@media only screen and (max-width: 767px) {
  .flickity-slider > div {
    background: none !important;
  }

  div.bg.section-bg.fill.bg-fill.bg-loaded {
    display: unset !important;
  }

  .bg {
    width: auto !important;
    position: absolute !important;
    background-color: unset !important;
    height: auto !important;
    border: none !important;
  }
}

#movie_player > div.html5-video-container > video {
  top: 0px !important;
  height: 100% !important;
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
  padding-top: 0px !important;
}

#country-feedback > .slider-wrapper {
  width: 100% !important;
  /* height: 500px !important; */
}

#country-feedback > .slider-wrapper > div > .flickity-viewport {
  min-height: 500px !important;
}

.grouped-feedback > div.banner-inner.fill > div.banner-layers.container {
  background-color: #fff;
}

.review-card > iframe {
  height: 150px;
}

.searchandfilter select.sf-input-select {
  border-radius: 30px;
  height: 46px;
}

.learn-more-content {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  white-space: break-spaces;
}

#search-filter-form-47364 {
  width: 100%;
}

/* css for Scholarship & finance suport */
.container-scholarship-and-other {
  /* display: flex;
        justify-content: space-between;*/
  display: grid;
  grid-template-columns: 220px auto auto auto;
  background-color: #1c50a1;
  color: white;
  padding: 20px;
  border-radius: 10px;
  gap: 30px;
  margin: 0px 64px 64px 64px;
}

.container-scholarship-and-other
  .row-scholarship-and-other
  .button-scholarship-and-other {
  display: inline-block;
  margin: 0;
  /* padding: 0; */
}

.container-scholarship-and-other
  .row-scholarship-and-other.title-scholarship-and-other
  .underline-scholarship-and-other {
  display: block;
  border: 1px solid #d2dcec4c;
  width: 70%;
  margin-top: 5px;
  margin-bottom: 20px;
  transition: all 0.2s;
}

.container-scholarship-and-other
  .row-scholarship-and-other.title-scholarship-and-other
  .button-scholarship-and-other.more-info-scholarship-and-other:hover
  .underline-scholarship-and-other {
  width: 100%;
  border-color: #d2dcec;
}

.container-scholarship-and-other
  .row-scholarship-and-other.title-scholarship-and-other
  h2 {
  font-size: 28px;
  color: #fff;
}

.container-scholarship-and-other
  .row-scholarship-and-other.title-scholarship-and-other
  .button-scholarship-and-other.apply-scholarship-scholarship-and-other
  span {
  background-color: white;
  cursor: pointer;
  color: #666;
  border-radius: 24px;
  padding: 10px;
  transition: all 0.2s;
}

#btnApply01 {
  padding: 2px !important;
}

.container-scholarship-and-other
  .row-scholarship-and-other.title-scholarship-and-other
  .button-scholarship-and-other.apply-scholarship-scholarship-and-other
  span:hover {
  background-color: #cccccc;
}

.container-scholarship-and-other
  > .row-scholarship-and-other
  > .icon-box-img-scholarship-and-other
  > img {
  width: 60px;
}

.contents-scholarship-and-other {
  font-size: 14px;
}

.contents-scholarship-and-other > a,
.contents-scholarship-and-other > span {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.contents-scholarship-and-other > a.show,
.contents-scholarship-and-other > span.show {
  opacity: 1;
  transform: translateY(0);
}

.container-scholarship-and-other
  > .row-scholarship-and-other
  > .contents-scholarship-and-other
  > a {
  text-decoration: none;
  color: white;
  transition: all 0.6s;
}

.container-scholarship-and-other
  > .row-scholarship-and-other
  > .contents-scholarship-and-other
  > a:hover {
  color: black;
}

.container-scholarship-and-other
  > .row-scholarship-and-other
  > .contents-scholarship-and-other
  > a
  > h5
  > hr {
  display: block;
  border: 1px solid #d2dcec4c;
  width: 10%;
  margin: 5px 0 20px 0;
  transition: all 0.6s;
}

.container-scholarship-and-other
  > .row-scholarship-and-other
  > .contents-scholarship-and-other
  > a:hover
  > h5
  > hr {
  border-color: #143870;
}

#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > div.contents-scholarship-and-other
  > a
  > h5,
#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > h3,
#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > div.accordion
  > div
  > div
  > div
  > a
  > h5,
#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > div.accordion
  > div
  > a
  > button {
  color: #fff;
}

#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > div.accordion
  > div
  > div {
  padding: 0;
}

.accordion-title {
  padding-right: 0;
  min-width: 220px;
  border: none;
  /* color: #fff !important; */
  font-weight: 600;
  padding-top: 15px !important;
}

.accordion-title:hover {
  color: #fff;
}

#main
  > div.container
  > div.country-wrapper
  > div.country-detail-wrapper
  > div.container-scholarship-and-other
  > div
  > div
  > div
  > a
  > span {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .contents-scholarship-and-other > a.show,
  .contents-scholarship-and-other > span.show {
    font-size: 16px;
  }

  /* div.container-scholarship-and-other>div>div.accordion>div>a>button>i {
            margin-top: -3px;
        }

        #country-scholarship-container>div.row-scholarship-and-other>div>div>a>button {
            transform-origin: 50% 50%;
        } */

  #main
    > div.container
    > div.country-wrapper
    > div.country-detail-wrapper
    > div.container-scholarship-and-other
    > div
    > div
    > div
    > a
    > span {
    font-size: 25px;
    line-height: 0.9;
  }
}

#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div
  > div.accordion
  > div
  > div {
  display: block;
}

#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div.row-scholarship-and-other.title-scholarship-and-other
  > a
  > span {
  color: #fff;
  display: inline-block;
  line-height: 1.6;
  font-size: 0.97em;
  letter-spacing: 0.03em;
  cursor: pointer;
  font-weight: bolder;
  text-align: center;
}

#school-detail
  > div.school-detail-content
  > div.container-scholarship-and-other
  > div.row-scholarship-and-other.title-scholarship-and-other {
  max-width: 220px;
}

#main
  > div.container
  > div.country-wrapper
  > div.country-detail-wrapper
  > div.container-scholarship-and-other
  > div
  > div
  > div
  > div
  > div
  > a
  > h5 {
  color: #fff;
}

#main
  > div.container
  > div.country-wrapper
  > div.country-detail-wrapper
  > div.container-scholarship-and-other
  > div.row-scholarship-and-other.title-scholarship-and-other {
  max-width: 220px;
  grid-row-start: 1;
  grid-row-end: 3;
}

#main
  > div.container
  > div.country-wrapper
  > div.country-detail-wrapper
  > div.container-scholarship-and-other
  > div.row-scholarship-and-other.title-scholarship-and-other
  > a
  > span {
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

.slider-wrapper .flickity-prev-next-button,
.slider-wrapper .flickity-prev-next-button {
  display: block !important;
}

@media only screen and (max-width: 767px) {
  #main
    > div.container
    > div.country-wrapper
    > div.country-detail-wrapper
    > div.container-scholarship-and-other
    > div.row-scholarship-and-other.title-scholarship-and-other {
    margin: auto;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .container-scholarship-and-other
    .row-scholarship-and-other
    .button-scholarship-and-other {
    width: 100%;
  }

  .container-scholarship-and-other {
    display: flex;
    margin: 0px;
    margin-bottom: 40px;
    flex-direction: column;
  }
}

li {
  margin: auto;
}

#country-learn-more > div.accordion > div > a > span > h2 {
  font-size: 20px !important;
  color: #202020;
  margin: 0;
  font-family: "Montserrat", sans-serif !important;
}

#required-country
  > div.required-detail
  > div
  > div
  > div
  > ul.required-ul-content
  > pre
  > ul {
  margin: 0;
}

#country-visa > div.buttons-visa > div > button {
  margin: 0;
}

#required-country > div.country-required-title {
  margin-bottom: 30px;
}

.nav-scholarship-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.nav-scholarship-item.show {
  opacity: 1;
  transform: translateY(0);
}

#country-scholarship-container
  > div.row-scholarship-and-other.title-scholarship-and-other
  > pre
  > * {
  color: #fff !important;
}

:target {
  scroll-margin-top: 100px;
}

/* css for popup massage */
.popup-mess {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Transparent background */
  justify-content: center;
  align-items: center;
  z-index: 9999999999999;
}

/* The content of the popup-mess */
.popup-mess-content {
  position: fixed;
  background-color: #fff;
  padding: 20px 40px;
  border-radius: 10px;
  text-align: center;
  width: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999999999999;
}

@media only screen and (max-width: 767px) {
  .popup-mess-content {
    width: 90vw;
  }
}

/* Close button style */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #333;
  cursor: pointer;
}

/* Show the popup-mess when it's active */
.popup-mess.show {
  display: flex;
}

#file-list-container {
  max-width: 500px;
}

#required-country
  > div.required-detail
  > div
  > div
  > div
  > ul.required-ul-content {
  padding-left: 0;
}

.slider-nav-light .flickity-prev-next-button {
  color: #ccc;
  opacity: 1;
}

.slider-nav-light .flickity-prev-next-button svg,
.slider-nav-light .flickity-prev-next-button .arrow {
  fill: #ccc;
}

@media only screen and (min-width: 1024px) {
  #country-feedback
    > div
    > div.slider.slider-nav-circle.slider-nav-large.slider-nav-light.slider-style-normal.is-draggable.flickity-enabled
    > button.flickity-button.flickity-prev-next-button.next {
    right: 0px !important;
  }
}

#btn-showmore-scholarship {
  color: #fff;
}

.sub-text-accordion {
  font-size: 14px;
  font-style: italic;
}

div.container-scholarship-and-other
  > div:nth-child(2)
  > div.accordion
  > div
  > a
  > button
  > i {
  content: url(https://duhocinec.com/wp-content/uploads/2024/11/icon-inec-2024-1.png);
  width: 30px;
  color: #fff;
}

.flickity-page-dots {
  bottom: 0px;
  z-index: 99999999;
}

.flickity-page-dots .dot {
  border: 1px solid #ccc;
}
.slider-nav-light .flickity-page-dots .dot {
  border-color: #ccc;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
  background-color: #ccc;
}

.custom-shortcode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  padding: 0px 64px 64px 64px;
  width: 100%;
  gap: 32px;
  font-size: 16px;
  color: #141414;
}