/*HEADER SECTION*/

.custom-nav-effect .elementor-element-1905099 {
  position: absolute;
  width: 100%;
}

/*Scroll menu bar*/
.custom-nav-effect {
  transition: opacity 0.3s ease-in-out;
}

.elementor-popup-modal.s.open.custom-nav-effect {
  opacity: 0;
  visibility: hidden;
}

/* Header background turns opaque when scrolling */
.custom-nav-effect {
  transition: background-color 0.3s ease;
}

/* Hide underline for submenus on hover */
.elementor-sticky--effects.custom-nav-effect .sub-menu a:hover {
  border-bottom: none !important;
}

/* Keep color when item is selected (active), but no underline */
.elementor-sticky--effects.custom-nav-effect .elementor-nav-menu a.elementor-item-active {
  color: #000000 !important;
}

.elementor-sticky--effects.custom-nav-effect .sub-arrow svg path {
  fill: black !important;
  transition: fill 0.3s ease !important;
}

/* Applies to both sticky and normal */
.elementor-sticky--effects.custom-nav-effect .menu-item:hover .sub-arrow svg path {
  fill: #000000 !important;
}

.elementor-sticky--effects.custom-nav-effect .menu-item.current-menu-item .sub-arrow svg path,
.elementor-sticky--effects.custom-nav-effect .menu-item.current-menu-parent .sub-arrow svg path,
.elementor-sticky--effects.custom-nav-effect .menu-item.current-menu-ancestor .sub-arrow svg path {
  fill: #000000 !important;
}

/* Header background turns solid white when scrolling */
.custom-nav-effect {
  transition: background-color 0.3s ease;
}

.elementor-sticky--effects.custom-nav-effect {
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Menu text changes from white to black when scrolling */
.custom-nav-effect .elementor-nav-menu a {
  color: white;
  transition: color 0.3s ease;
}

.elementor-sticky--effects.custom-nav-effect .elementor-nav-menu a {
  color: #000 !important;
}

.elementor-sticky--effects.custom-nav-effect .elementor-nav-menu--main .elementor-item::after {
  background-color: #000000 !important;
}

.elementor-sticky--effects.custom-nav-effect .qodef-button {
  color: black !important;
  border: 1px solid black !important;
}

/* Color changing magnifying glass icon */
.elementor-sticky--effects.custom-nav-effect.elementor-icon i,
.elementor-sticky--effects.custom-nav-effect.elementor-icon svg {
  fill: #20282d !important;
}

.elementor-sticky--effects.custom-nav-effect .menu-item.current-menu-ancestor>a {
  color: #000000 !important;
}

/* Default: white */
.header-icon .qodef-m-line {
  background-color: #ffffff !important;
}

/* When header is sticky (scrolls up): black */
.elementor-sticky--effects .qodef-m-line {
  background-color: #000000 !important;
}

@media (max-width: 767px) {
  .custom-nav-effect {
    background-color: rgba(255, 255, 255, 0.18);
  }

  .elementor-sticky--effects.custom-nav-effect .elementor-menu-toggle svg {
    fill: #20282d !important;
  }
}

/*Menu mobile*/

@media (max-width: 767px) {
	  .header-mobile .qodef-svg--menu-arrow.qodef-menu-item-arrow {
	  position: absolute;
	  right: 60px;
	  top: 50%;
	  transform: translateY(-50%);
	  }
	.header-mobile .qodef-menu-item--narrow {
	  position: relative;
	}

  .header-mobile ul.sub-menu.elementor-nav-menu--dropdown {
    padding-bottom: 10px !important;
  }

  .header-mobile li>ul:not(.wp-block) {
    margin-left: -8px !important;
  }

  .header-mobile .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 410px !important;
  }

  .header-mobile .elementor-nav-menu .current-menu-item>a,
  .header-mobile .elementor-nav-menu .current-menu-ancestor>a,
  .header-mobile .elementor-nav-menu .elementor-item-active {
    text-decoration: underline !important;
  }

  .header-mobile ul.sub-menu.elementor-nav-menu--dropdown,
  .header-mobile ul.sub-menu.elementor-nav-menu--dropdown li,
  .header-mobile ul.sub-menu.elementor-nav-menu--dropdown li a {
    font-size: 14px !important;
    color: #20282d !important;
  }
}

/* button header*/
.button-header .qodef-shortcode.qodef-m.qodef-button {
  white-space: nowrap;
}

.header-sgv .elementor-nav-menu--main .elementor-nav-menu {
  flex-wrap: nowrap !important;
}

.header-sgv .qodef-svg--menu-arrow {
  display: none;
}

.header-sgv .elementor-nav-menu .elementor-item {
  display: inline-block !important;
}

/* Only applies to submenus inside .header-sgv */
.header-sgv ul.sub-menu.elementor-nav-menu--dropdown {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
  padding-left: 28px !important;
}

/* Align position only in .header-sgv */
.header-sgv ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap[style] {
  left: -10px !important;
}

.header-sgv .menu-item a {
  position: relative;
  display: inline-flex;
  overflow: visible;
}

.header-sgv .elementor-nav-menu--main .elementor-item::after {
  background-color: #fff !important;
}

.header-sgv .qodef-svg--menu-arrow {
  display: none;
}

.header-sgv .elementor-sub-item {
  padding-left: 1px !important;
  text-align: left;
  right: 10px;
}

.header-sgv .menu-item-has-children.current-menu-parent>a {
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.header-sgv .elementor-item.elementor-item-active,
.header-sgv .elementor-sub-item.elementor-item-active {
  text-decoration: underline !important;
  text-underline-offset: 5px;
}


/* strikethrough submenu*/
.header-sgv .elementor-sub-item::before {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 1px;
  background-color: #000 !important;
  bottom: 7.25px !important;
  left: 0;
  transform: scaleX(0);
  transform-origin: left !important;
  transition: transform 0.3s ease-in-out !important;
}

.header-sgv .elementor-sub-item:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

/* Apply to all submenus */
.header-sgv .elementor-nav-menu--dropdown,
.header-sgv .sub-menu {
  min-width: 400px !important;
  padding: 10px 20px;
}

.menu-item-22266>ul.sub-menu,
.menu-item-14118>ul.sub-menu {
  padding-right: 30px !important;
}

/* FOOTER*/

.footer-send {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  padding-top: 10px;
}

.footer-send .qodef-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 370px;
}

/* CSS for submit button */
.footer-send .qodef-submitnew-holder [type="submit"] {
  padding: 7px 34px 8px 34px;
  border-radius: 25px;
  background-color: #0094AC !important;
  color: white !important;
  border: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  line-height: 30px;
  transition: 0.3s;
}

.footer-send {
  position: relative;
  padding-bottom: 10px;
}

/* Text banner */
body[class*="leroux-core"] .custom-margin-scope p {
  margin: 32px 0 !important;
}

@media (max-width: 767px) {
  body[class*="leroux-core"] .custom-margin-scope p {
    margin: 18px 0 !important;
  }
}

/* HOEM */
.home-button .elementor-widget-container {
  text-align: center;
}

.home-inner .qodef-e-author-name {
  font-size: 20px;
}

@media (max-width: 767px) {

  .button-hover .qodef-button .qodef-m-text {
    font-size: 13px !important;
  }

  .home-inner .elementor-widget-container p {
    line-height: 25px !important;
  }
}

/* membership-directory */

.board-chairs-show-more span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-right: 16px;
}

/* Default strikethrough */
.board-chairs-show-more span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #0094ac;
  transition: opacity 0.3s ease;
  opacity: 1;
  width: calc(100% - 16px);
}

/* Bricks run on hover */
.board-chairs-show-more span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #efefef;
  transform: translateX(-100%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-position 0.5s ease;
  z-index: 1;
}

/* Hover: new tiles run, old tiles hiden */
.board-chairs-show-more span:hover::before {
  opacity: 0;
}

.board-chairs-show-more span:hover::after {
  transform: translateX(0);
}

.arrow-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%230094ac' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%230094ac' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%230094ac' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* When hovering on a word, the arrow appears and flies up */
.board-chairs-show-more span:hover .arrow-icon {
  animation: arrow-fly-up 0.5s ease forwards;
}

/* Effect of flying up in the Northeast direction */
@keyframes arrow-fly-up {
  0% {
    opacity: 0;
    transform: translate(-10px, 4px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.board-vulk .qodef-e-inner {
  display: flex;
  align-items: flex-start;
  gap: 41px;
}

.board-vulk .qodef-e-image {
  flex-shrink: 0;
  width: 250px;
}

.board-vulk .qodef-e-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.board-vulk .qodef-e-content-left {
  margin-bottom: 30px;
  margin-top: 10px;
}

.board-vulk .qodef-e-role {
  font-size: 20px;
}

.board-vulk .qodef-icon-elegant-icons {
  font-size: 23px;
  line-height: 1;
}

/*Home*/
.qodef-e-title.entry-title {
  font-weight: 500 !important;
}

.button-hover .qodef-shortcode.qodef-m.qodef-button {

  white-space: nowrap;
  /* không xuống dòng */
}

/*ABOUT*/
/*Who we are*/
.who-timeline .qodef-m-right-text a {
  color: #0094ac !important;
  padding: 0 !important;
  --qodef-underline-position-y: calc(100% - 0px);
  --qodef-underline-height: 1px;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
  background-position: 100% var(--qodef-underline-position-y);
  background-size: 100% var(--qodef-underline-height);
  --qode-hover-move-x: 110%;
  --qode-hover-move-y: 100%;

}

.who-timeline .qodef-m-right-text a:hover {
  color: currentColor;
  animation: qode-inline-underline-initial-hover .8s cubic-bezier(.10, .79, 0, .86) 1 forwards
}

.who-timeline .qodef-m-right-text a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  transition: color 0.3s;
}

.who-timeline .qodef-m-right-text a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%230094ac' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%230094ac' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%230094ac' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.who-timeline .qodef-m-right-text a:hover::after {
  transform: translateX(var(--qode-hover-move-x)) translateY(calc(-1 * var(--qode-hover-move-y)));
  opacity: 0;
  transition-delay: 0s, .8s
}

.who-timeline .qodef-e-button-holder .qodef-shortcode.qodef-button {
  color: #009aac !important;
}

/*Thanh bar Menu*/
.about-menu .qodef-widget-title {
  color: #0094ac !important;
}

.about-menu .current-menu-item>a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 2.8px;
  text-decoration-thickness: 1px;
  text-decoration-color: #000;
}

.about-menu .widget .qodef-widget-title {
  margin: 0 0 13px !important;

}

/* New & EVent 1*/
.events-sa article.qodef-e.qodef-blog-item {
  border-radius: 15px;
  overflow: hidden;
}

.events-sa .qodef-e-inner {
  background-color: white;

}

.events-sa .qodef-button.qodef-layout--filled.qodef-html--link {
  background-color: #0094ac !important;

}

.events-sa .qodef-e-right.qodef-e-info {
  display: none;
}

.events-sa .qodef-e-media img {
  height: 300px;
  width: 110%;
  object-fit: cover;
}

.events-sa .qodef-e-content {
  padding-left: 20px;
  padding-bottom: 20px;
}

.who-values .qodef-tab-title {
  font-size: 20px !important;
  font-weight: 500 !important;

}

.who-values .qodef-icon--plus .qodef-svg--arrow-down {
  width: 20px;
  height: 20px;
}

.who-values .qodef-accordion-content-inner {
  text-align: left;
}

.who-grid .qodef-e-inner {
  display: flex;
  align-items: flex-start;
  gap: 41px;
}

.who-grid .qodef-e-image {
  width: 192px;
}

.who-grid .qodef-e-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.who-grid .qodef-e-content-left {
  margin-bottom: 20px;
  margin-top: 10px;
}

.who-grid .qodef-team-member-social-icon {
  font-size: 23px !important;
}

.who-grid .qodef-team-list.qodef-item-layout--info-below .qodef-e-role {
  margin: 8px 0 0 !important;
  ;
}

.who-grid .swiper-container {
  position: relative !important;
}

.who-grid .swiper-container {
  position: relative !important;
  overflow: visible !important;
}

.who-grid .swiper-button-next {
  position: absolute !important;

  right: -0px !important;

}

.who-grid .swiper-button-prev {
  position: absolute !important;

  left: -0px !important;

}

@media (max-width: 767px) {

  .who-grid .qodef-e-image img {
    width: 192px !important;
    height: 192px !important;
    object-fit: cover;
  }


  .who-grid .qodef-e-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: left;
    gap: 1px !important;
  }

  /* Căn giữa phần nội dung text */
  .who-grid .qodef-e-content {

    text-align: left;
    width: 100%;
  }

  /* Nếu muốn, thu nhỏ phần social icon lại */
  .who-grid .qodef-social-icon {
    justify-content: left;

  }
}

/*resource*/

.resource-menu .elementor-nav-menu--main .elementor-nav-menu {
  white-space: nowrap !important;
  /* Ngăn xuống dòng */

  display: flex !important;
  flex-wrap: nowrap !important;
  /* Không cho các item xuống dòng */

}


/* board of*/

.board-chairs .qodef-e-image {
  overflow: hidden;
  max-height: 500px;
}

/*accreditation*/
.meet-our .board-chairs-show-more {
  display: none !important;
}

.qodef-e-content {
  display: flex;
  flex-direction: column-reverse;
}


.qodef-overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
  width: 90%;
  max-width: 100%;
  padding: 0 30px;
  line-height: 1.6;
}

.qodef-overlay-heading {
  margin-bottom: 10px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
}

.qodef-text-overlay {
  font-size: 18px;
  letter-spacing: 0.6px;
}

.qodef-dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.qodef-e:nth-of-type(n+11) {
  display: none;
}

.qodef-show-more .qodef-e {
  display: block !important;
}

@media (max-width: 1024px) {
  .qodef-overlay-content {
    padding: 0 18px;
    width: 95%;
  }

  .qodef-overlay-heading {
    font-size: 22px;
  }

  .qodef-text-overlay {
    font-size: 17px;
  }
}

@media (max-width: 767x) {
  .qodef-overlay-content {
    padding: 0 15px;
    width: 100%;
  }

  .qodef-overlay-heading {
    font-size: 16px;
  }

  .qodef-text-overlay {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .qodef-overlay-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .qodef-overlay-heading {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .qodef-text-overlay {
    font-size: 15px;
    padding: 0 15px;
  }
}

.resources-contact .wpcf7-form-control {
  color: #000000 !important;
  border-color: #000000 !important;
}

.resources-contact .qodef-contact-form-7 .qodef-cf7-skin--light+.wpcf7-response-output {
  color: #a83d3d !important;
}

.resources-contact .qodef-contact-form-7 .qodef-button.qodef-layout--filled:not(.qodef-background--blur) {
  background-color: #0094ac;
  color: #ffffff !important;

  border-color: #0094ac !important;
}

.meet-our .qodef-e-image {
  height: 300px;
  overflow: hidden;
}

.new-text li {
  margin-bottom: 15px;
}

/* Menu resources */

.page-id-21755 .menu-item-21855 a:after,
.page-id-21757 .menu-item-21855 a:after,
.page-id-21759 .menu-item-21855 a:after,
.page-id-21761 .menu-item-21855 a:after,
.page-id-21763 .menu-item-21855 a:after {
  opacity: 1 !important;
}

.page-id-21755 .menu-item-21855>a,
.page-id-21757 .menu-item-21855>a,
.page-id-21759 .menu-item-21855>a,
.page-id-21761 .menu-item-21855>a,
.page-id-21763 .menu-item-21855>a {
  color: #0094AC !important;
}

.page-id-21755 .menu-item-14118>a,
.page-id-21757 .menu-item-14118>a,
.page-id-21759 .menu-item-14118>a,
.page-id-21761 .menu-item-14118>a,
.page-id-21763 .menu-item-14118>a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.page-id-21755 .menu-item-21856>a,
.page-id-21757 .menu-item-21856>a,
.page-id-21759 .menu-item-21856>a,
.page-id-21761 .menu-item-21856>a,
.page-id-21763 .menu-item-21856>a {
  color: #1d1d1d !important;
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.page-id-21755 .menu-item-14118>a::after {
  opacity: 1 !important;
}

a.qodef-read-more-btn.qodef-custom {
  display: inline-flex;
  align-items: center;

  gap: 10px;
  background-color: #0094ac;
  color: #ffffff !important;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 15px;
  font-family: 'DM Sans', sans-serif;
  margin-top: 10px;
  transition: background-color 0.3s ease;
  position: relative;
}

a.qodef-read-more-btn.qodef-custom::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.scroll-text .qodef-e-text {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;

}

.scroll-text .qodef-e-text::-webkit-scrollbar {
  width: 6px;
}

.scroll-text .qodef-e-text::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 9px;
}

.scroll-text .qodef-shortcode.qodef-qi-button::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}





.scroll-text .qodef-e-text {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;

}

.scroll-text .qodef-e-text::-webkit-scrollbar {
  width: 6px;
}

.scroll-text .qodef-e-text::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 9px;
}

.scroll-text .qodef-shortcode.qodef-qi-button::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}





.scroll-text .qodef-e-text {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;

}

.scroll-text .qodef-e-text::-webkit-scrollbar {
  width: 6px;
}

.scroll-text .qodef-e-text::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 9px;
}

.scroll-text .qodef-shortcode.qodef-qi-button::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}






/* Xóa hover ở dòng 205 */
.elementor-nav-menu a.elementor-item {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #000;
  transition: color 0.3s ease;
}

.elementor-nav-menu a.elementor-item::after {
  content: "";
  position: absolute;
  bottom: 13.25px;
  left: 0;
  height: 0.1px;
  width: 100%;
  background-color: white;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
}

.elementor-nav-menu a.elementor-item:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}



.elementor-widget-wrap.elementor-element-populated {
  padding: 0 !important;
}

/* webinars - categories */
/* Tiêu đề */
.elementor-post__title a {
  font-size: 25px;
  line-height: 1.4em;
  font-weight: 700;
  color: #20282d !important;
  text-decoration: none;
}

/* Đoạn mô tả */
.elementor-post__excerpt p {
  font-size: 15px;
  line-height: 1.6;
  color: #20282d !important;
  margin: 12px 0 0;
}

/* Nút Read More */
.elementor-post__read-more-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
}

.elementor-post__read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  margin-top: 20px;
  gap: 6PX;
  background-color: #00A2B2;
  color: #ffffff !important;
  border-radius: 30px;
  border: 1px solid transparent;
  font-weight: 400 !important;
  text-decoration: none;
  font-size: 16px !important;
  transition: background-color 0.3s ease;
}

.elementor-post__read-more:hover {
  background-color: #00a3b298;
  color: #ffffff !important;
}

.elementor-post__read-more::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9.8 9.8'%3E%3Cg%3E%3Cpath d='m.4 9.4 9-9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M.4.5h8.9' stroke='%23ffffff' fill='none'/%3E%3Cpath d='M9.3 9.4V.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.qodef-button.qodef-layout--filled.qodef-html--link {
  background-color: #00A2B2 !important;
}

/* 
.qodef-button.qodef-layout--filled.qodef-html--link:hover {
  background-color: #ffffff98 !important;
  border-color: rgb(0, 162, 178) !important;
  color: rgb(0, 162, 178) !important;
} */

.qodef-shortcode.qodef-m.btn-register {
  background-color: #ffffff00 !important;
  border: 1px solid #ffffff;
}

.qodef-shortcode.qodef-m.btn-register:hover {
  background-color: #FFFFFF33 !important;
}

.qodef-m-cnter-text a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #6EC1E4;
  text-decoration: none;
  padding-right: 20px;
  transition: all 0.3s ease;
}

/* Mũi tên mặc định */
.qodef-m-cnter-text a::after {
  content: '↗';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1em;
  transition: all 0.3s ease;

}

/* Đường line mặc định có sẵn */
.qodef-m-cnter-text a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 100%;
  background-color: #6EC1E4;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.4s ease;
}

/* Khi hover thì chạy từ trái sang phải */
.qodef-m-cnter-text a:hover::before {
  transform: scaleX(1);
}

/* Arrow chạy xéo lên phải */
.qodef-m-cnter-text a:hover::after {
  transform: translateY(-70%) translateX(3px);
}

.elementor-column.elementor-element-605dbdc {
  background-color: #F9F9F9;
}

.qodef-tabs-horizontal-navigation .ui-tabs-active .qodef-tab-title {
  position: relative;
}

.qodef-tabs-horizontal-navigation .ui-tabs-active .qodef-tab-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}

.elementor-column.elementor-element-40d8a8e .elementor-widget-container img {
  max-width: 100%;
  height: auto;
  display: block;
}

.qodef-tabs-horizontal-content {
  overflow-y: auto;
  min-height: 280px;
  max-height: 280px;
}

@media screen and (max-width: 1440px) and (min-width: 1024px) {
  .qodef-tabs-horizontal-content {
    min-height: 200px;
    max-height: 200px;
  }
}

@media screen and (max-width: 1024px) {
  .elementor-23068 .elementor-element.elementor-element-dee6b24 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block;
    width: 70% !important;
  }

  .qodef-tabs-horizontal-content {
    min-height: 150px !important;
    max-height: 150px !important;
  }
}

.load-more-btn {
  display: block;
  margin-top: 10px;
  background: rgba(0, 163, 178, 0);
  color: #00A2B2;
  border: none;
  cursor: pointer;
  position: relative;
  padding-bottom: 3px;
}

.load-more-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #00A2B2;
  transition: width 0.3s ease;
}

.load-more-btn:hover::after {
  width: 100%;
}

.wpcf7[data-wpcf7-id="11654"] form {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;
}

.elementor-190 .elementor-element.elementor-element-3d4ee10 .qodef-qi-contact-form-7 .wpcf7-response-output {
  display: none !important;
}

.screen-reader-response {
  display: none !important;
}

/* Đặt 2 input Name và Email nằm ngang */
.qodef-cf7-columns {
  display: flex !important;
  gap: 20px !important;
  /* khoảng cách giữa 2 ô */
}

/* Cho mỗi ô chiếm 50% chiều ngang */
.qodef-cf7-columns .qodef-input-holder {
  flex: 1 !important;
}

textarea {
  border-width: 0 0 1px 0 !important;
}

.plugin-card .column-description {
  margin-left: 9.2rem !important;
}

.elementor-container.elementor-column-gap-default {
  margin-left: 0 !important;
}

.qodef-contact-form-7 {
  margin: 0 0 50px 0;
}

.elementor-sticky--effects.custom-nav-effect .elementor-icon svg path {
    fill: #000000;
}

.elementor-19 .elementor-element.elementor-element-62cccf2 {
  position: fixed;
  right: 86px;
  z-index: 9999;
}

@media only screen and (max-width: 1440px) {
  h3 {
    font-size: 16px !important;
  }

  .elementor-element-5f717d5 .elementor-widget-container .qodef-section-title .qodef-m-title {
    font-size: 30px !important;
  }

  .elementor-23973 .elementor-element.elementor-element-573045c {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    max-width: 50% !important;
    display: block;
  }
}
a[href="https://wordpress.org/"] {
  height: 0 !important;
  display: none !important; /* nếu muốn ẩn hẳn */
}
.elementor-section[data-id="6b8b210"] {
  margin-top: clamp(-190px, -10vw, -50px);
}
@media screen and (max-width: 1722px) and (min-width: 1441px){
	.elementor-26 .elementor-element.elementor-element-6b8b210{
		margin-top: -225px !important;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1231px){
	.elementor-26 .elementor-element.elementor-element-6b8b210{
		margin-top: -200px !important;
	}
}
@media screen and (max-width: 1300px) and (min-width: 1020px){
	.elementor-190 .elementor-element.elementor-element-3d4ee10 > .elementor-widget-container{
		    margin: 0px 0px 0px 60px !important;
	}
	.elementor-190 .elementor-element.elementor-element-2009b9c > .elementor-element-populated {
		    margin: 0px 0px 0px 30px !important;
			width: 250px !important;
	}
	.elementor-190 .elementor-element.elementor-element-8cf0af6 > .elementor-element-populated{
			margin: 0px 0px 0px 30px !important;
	}
}
@media screen and (max-width: 1330px) and (min-width: 768px){
		.elementor-element-f622a9c p,
		.elementor-element-b553aa4 p,
		.elementor-element-3dece50 p {
		  font-size: clamp(16px, 6vw, 65px);
	}
	.elementor-19 .elementor-element.elementor-element-62cccf2{
		right: 35px !important;
	}
	.elementor-19 .elementor-element.elementor-element-0718a50 > .elementor-widget-container{
		    padding: 0 35px 0 0 !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 982px){
	.elementor-26 .elementor-element.elementor-element-6b8b210{
		margin-top: -125px !important;
	}
}
@media screen and (max-width: 1375px) and (min-width: 1200px){
	.elementor-element .elementor-nav-menu--main .elementor-item{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media screen and (max-width: 1200px) and (min-width: 1000px){
	.elementor-element .elementor-nav-menu--main .elementor-item{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media screen and (max-width: 1000px) and (min-width: 900px){
	.elementor-35 .elementor-element.elementor-element-f341738 > .elementor-widget-container{
		padding: 50px 0 0 7% !important;
	}
}
@media screen and (max-width: 900px) and (min-width: 800px){
	.elementor-35 .elementor-element.elementor-element-f341738 > .elementor-widget-container{
		padding: 50px 0 0 4% !important;
	}
}
@media screen and (max-width: 800px) and (min-width: 700px){
	.elementor-35 .elementor-element.elementor-element-f341738 > .elementor-widget-container{
		padding: 50px 0 0 2% !important;
	}
}
@media only screen and (max-width: 1024px) {
    .qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-inner {
        padding: 0 0 0 !important;
    }
}
@media only screen and (max-width: 750px) {
	.elementor-widget-theme-site-logo a {
		width: 250px;
	}
}
.qodef-addons-blog-list.qodef-item-layout--boxed .qodef-e-content{
	padding: 15px 10px !important;
}
.elementor-widget-theme-site-logo a {
  position: relative;
  z-index: 9999;
  pointer-events: auto;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 350px;
}
.qodef-m-pagination.qodef--standard .qodef-m-pagination-item.qodef--active{
	color: #ffffff!important;
}
.qodef-m-pagination.qodef--standard .qodef-m-pagination-item,
.qodef-m-pagination.qodef--standard .qodef-m-pagination-item.qodef--next svg,
.qodef-m-pagination.qodef--standard .qodef-m-pagination-item.qodef--prev svg{
	color: #85979B !important;
}
.qodef-e-title-link {
    display: -webkit-box;       
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;           
    text-overflow: ellipsis;   
    max-height: 3em;        
}
.elementor-element-f874ac3 .qodef-m-pagination.qodef--standard .qodef-m-pagination-item.qodef--active{
	color: #000000 !important;
}
.elementor-element-f874ac3 .qodef-m-pagination.qodef--standard .qodef-m-pagination-item:hover{
	color: #000000 !important;
}
.elementor-element-be4f672 .qodef-m-pagination.qodef--standard .qodef-m-pagination-item.qodef--active{
	color: #000000 !important;
}
.elementor-element-be4f672 .qodef-m-pagination.qodef--standard .qodef-m-pagination-item:hover{
	color: #000000 !important;
}
.elementor-element-6b8b210{
	z-index: 1;
}
/* Hero Section Slider */

.hero-slider-wrapper {
    position: relative;
    overflow: hidden
}

.hero-slide {
    transition: opacity 0.8s ease-in-out
}

.hero-slide.slide-active {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 1
}

.hero-slide.slide-hidden {
    opacity: 0;
    visibility: hidden;
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

[data-id="000b937"] {
    position: relative
}

.sponsor-overlay {
    position: absolute;
    bottom: 30%;
    height: 22%;
    width: 18%;
    z-index: 10;
    cursor: pointer;
    border-radius: 15px;
    transition: background 0.3s ease
}

.sponsor-gp {
    left: 10%;
}

.sponsor-digityze {
    left: 37%;
}

@media (max-width: 1024px) {
    .sponsor-overlay {
        height:18%;
        width: 22%
    }

    .sponsor-gp {
        left: 4%
    }

    .sponsor-digityze {
        left: 28%
    }
}

@media (max-width: 767px) {
    .sponsor-overlay {
        height:15%;
        width: 30%
    }

    .sponsor-gp {
        left: 14%;
        bottom: unset;
        top: 32%;
    }

    .sponsor-digityze {
        right: 14%;
        left: auto;
        bottom: auto;
        top: 32%;
    }
}
.elementor-element-1905099.elementor-invisible.elementor-sticky__spacer{
	display: none;
}