/*
Theme Name: Neda Child
Description: This is a child theme for Neda Theme
Author: Neda Agency
Template: neda
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");
@font-face {
  font-family: "Corbel";
  src: url("/wp-content/themes/neda-child/fonts/Corbel.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/themes/neda-child/fonts/Corbel.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/wp-content/themes/neda-child/fonts/Corbel.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("/wp-content/themes/neda-child/fonts/Corbel.woff") format("woff"),
    /* Pretty Modern Browsers */
      url("/wp-content/themes/neda-child/fonts/Corbel.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("/wp-content/themes/neda-child/fonts/Corbel.svg#Corbel") format("svg"); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

/* Trang Event */

.row-event-dk .formf-1 {
  margin-left: -20px;
  padding: 10px;
}

.row-event-dk .formf-1 .wpcf7-form-control {
  min-height: 50px !important;
}

.form-event {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 16px;
  height: fit-content;
  width: 100%;
  padding: 20px;
}

.form-event span.your-phone,
.form-event span.your-email,
.form-event span.your-address,
.form-event span.your-name,
.form-event span.your-interest,
.form-event span.your-message {
  width: 100% !important;
  float: left;
  padding: 0px !important;
}

.form-event .btn-dangky {
  width: 100%;
  padding-top: 15px !important;
}

.form-event .btn-dangky input[type="submit"] {
  background-color: #47ba75;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  margin-left: 0 !important;
}

/* Các cơ sở */

.section-caccs button {
  background-color: #384276;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  bottom: 50%;
}

.section-caccs .flickity-prev-next-button.previous {
  left: 0%;
}

.section-caccs .flickity-prev-next-button.next {
  right: 0%;
}

.section-caccs button svg {
  width: 30px;
  height: 30px;
}

.col-caccs-img-right
{
  float: right !important;
}

.col-caccs-left {
  float: left !important;
  position: absolute !important;
  left: 5%;
  top: 10%;
  width: 600px;
  padding: 30px 50px 0px 50px !important ;
  overflow: hidden;
  background-color: rgb(245, 245, 245) !important;
  transition: all 0.4s ease;
}

.col-caccs-right {
  float: right !important;
  position: absolute;
  right: 5%;
  top: 10%;
  width: 600px;
  padding: 30px 50px 0px 50px !important ;
  overflow: hidden;
  background-color: rgb(245, 245, 245) !important;
  transition: all 0.4s ease;
}

.col-caccs-left::before,
.col-caccs-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #384276; /* màu nền xanh khi hover */
  transition: left 0.4s ease;
  z-index: 0;
}

.col-caccs-left:hover::before,
.col-caccs-right:hover::before {
  left: 0;
}

.col-caccs-left,
.col-caccs-right > * {
  z-index: 1; /* Giữ nội dung nằm trên background */
  transition: color 0.4s ease, font-size 0.4s ease;
}

.col-caccs-left .arrow a,
.col-caccs-right .arrow a {
  display: inline-block; /* Quan trọng để transform hoạt động */
  font-size: 36px; /* kích thước gốc */
  color: #384276;
  transition: transform 0.4s ease, color 0.4s ease;
}

.banner-name-cs {
  font-size: 36px;
  color: #384276;
}

/* Các hiệu ứng cho text như bạn viết */
.col-caccs-left:hover .banner-name-cs,
.col-caccs-right:hover .banner-name-cs {
  color: #ffffff;
}

.col-caccs-left:hover .banner-description-cs,
.col-caccs-left:hover .banner-description-cs a,
.col-caccs-left:hover ul li a,
.col-caccs-right:hover .banner-description-cs,
.col-caccs-right:hover .banner-description-cs a,
.col-caccs-right:hover ul li a {
  color: #ffffff !important;
}

.col-caccs-left:hover .arrow a,
.col-caccs-right:hover .arrow a {
  color: #ffffff;
  transform: scale(1.5);
}

.col-caccs-left .banner-name-cs span, 
.col-caccs-right .banner-name-cs span
{
  font-size: 24px !important;
}

.col-caccs-left .banner-description-cs span, 
.col-caccs-right .banner-description-cs span
{
  font-size: 16px !important;
}

.col-caccs-left ul li strong,
.col-caccs-right ul li strong
{
  font-size: 16px !important;
}

/* Menu footer cho mobile */

.bottom-contact {
  display: none;
}

.banner-csph p {
  margin: 0;
}

.banner-csph .banner-description {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Khi hover vào banner thì hiện mô tả */
.banner-csph:hover .banner-description {
  opacity: 1;
  max-height: 100px;
}

.arrow {
  display: inline-block;
  font-size: 36px;
  transition: font-size 0.4s ease; /* <- chuyển động mượt */
}

.banner-csph:hover .arrow {
  font-size: 66px;
}

.col-event-banner2 {
  z-index: 2;
  position: absolute;
  bottom: 50px;
  left: 900px;
}
/* Css school calendar */
#list-view {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 8px;
}

.slider-controls {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.slider-nav {
  background-color: #384276;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#month-year-title {
  font-size: 2em;
  font-weight: 900 !important;
}

.event-list {
  padding: 0;
  list-style-type: none;
  margin: auto;
  width: 650px;
}

.event-list p {
  text-align: center;
}

.event-item {
  margin-bottom: 15px;
  display: flex;
}

.event-body ul {
  list-style: none;
}

.event-header {
  display: flex;
  align-items: baseline;
  /* Căn chỉnh date và title */
  gap: 5px;
  /* Khoảng cách giữa date và title */
}

.event-date {
  font-weight: bold;
  color: #333;
  width: 145px;
}

.public-holiday {
  color: #ff2c2c;
  font-weight: 600;
}

.school-event {
  color: #ffb343;
  font-weight: 600;
}

.last-day {
  color: #008000;
  font-weight: 600;
}

.first-day {
  color: #0000ff;
  font-weight: 600;
}

.event-description {
  color: #666;
  font-style: italic;
  font-size: 16px;
}

/* Dạng Năm */
.yearly-calendar-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  /* Thêm màu nền nhạt */
  border-radius: 8px;
}

.year-title h2 {
  font-size: 4em;
  color: #333;
  margin-bottom: 20px;
}

.yearly-calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* Hiển thị 4 tháng mỗi hàng */
  gap: 20px;
}

.month-container {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.month-container h3 {
  background-color: #d4a055;
  /* Màu nền vàng cho tên tháng */
  color: #fff;
  padding: 10px;
  border-radius: 8px 8px 0 0;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}

.month-container table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 0.9em;
}

.month-container th {
  color: #d36c4a;
  /* Màu đỏ cho chữ CN (Chủ Nhật) */
  font-weight: bold;
  text-align: center;
}

.month-container td {
  padding: 10px;
  text-align: center;
  width: 14.28%;
  position: relative;
  color: #333;
  /* Màu mặc định cho các ngày */
}

.month-container td::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  /* Màu nền trắng cho các ngày */
  border-radius: 50%;
  /* Hình tròn */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.month-container .sunday {
  color: #d84315;
  /* Màu đỏ cho các ngày Chủ Nhật */
}

.month-container .event-day {
  background-color: #ffcdd2;
  /* Màu nền cho ngày có sự kiện */
  font-weight: bold;
  color: #333;
  /* Loại bỏ border-radius */
}

.month-container .event-TetDuongLich {
  background-color: #bbdefb;
  /* Màu nền cho sự kiện Tết Dương Lịch */
  font-weight: bold;
  color: #333;
}

.month-container .current-day {
  background-color: #1e88e5;
  /* Màu nền xanh cho ngày hiện tại */
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  padding: 5px 8px;
  display: inline-block;
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  .yearly-calendar-grid {
    grid-template-columns: repeat(2, 1fr);
    /* 2 tháng mỗi hàng trên thiết bị nhỏ */
  }
}

@media (max-width: 480px) {
  .yearly-calendar-grid {
    grid-template-columns: 1fr;
    /* 1 tháng mỗi hàng trên thiết bị di động */
  }

  #month-year-title {
    font-size: 1.5em;
  }

  .view-toggle-button {
    padding: 8px 15px;
    font-size: 0.9em;
  }

  .slider-nav {
    width: 35px;
    height: 35px;
    font-size: 1em;
  }

  .month-container h3 {
    font-size: 1em;
  }
}

#section_1602140094 {
  padding: 0;
}

.sectionbanner-homepage .bg-fill {
  background-position: 0%;
}

/* .form-container-popup .wpcf7 input[type="text"],
.form-container-popup .wpcf7 textarea,
.form-container-popup .wpcf7-select,
.form-container-popup .wpcf7 input[type="tel"],
.form-container-popup input[type="email"]:focus,
.form-container-popup input[type="search"]:focus,
.form-container-popup input[type="number"]:focus,
.form-container-popup input[type="tel"]:focus,
.form-container-popup input[type="text"]:focus,
.form-container-popup input[type="password"]:focus,
.form-container-popup textarea:focus,
#popmake-39361 .wpcf7 input[type="text"],
#popmake-39361 .wpcf7 textarea,
#popmake-39361 .wpcf7-select,
#popmake-39361 .wpcf7 input[type="tel"],
#popmake-39361 input[type="email"]:focus,
#popmake-39361 input[type="search"]:focus,
#popmake-39361 input[type="number"]:focus,
#popmake-39361 input[type="tel"]:focus,
#popmake-39361 input[type="text"]:focus,
#popmake-39361 input[type="password"]:focus,
#popmake-39361 textarea:focus {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: unset !important;
  border-bottom: 0.5px solid white !important;
  color: white !important;
}

#popmake-39361 .wpcf7-select:focus,
.form-container-popup .wpcf7-select:focus {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: unset !important;
  border-bottom: 0.5px solid white !important;
}

#popmake-39361 .wpcf7-select:hover,
.form-container-popup .wpcf7-select:hover {
  color: #000 !important;
}

#popmake-39361 .btn-dangky-popup input,
.form-container-popup .btn-dangky-popup input {
  width: 50%;
}

.form-popup input::placeholder,
#popmake-39361 .wpcf7 textarea::placeholder,
.form-container-popup .wpcf7 textarea::placeholder {
  color: white; 
  opacity: 1; 
} */

.form-popup h2 {
  color: #e65300 !important;
  font-size: 25px !important;
  font-weight: bold;
}

.form-popup input,
.form-popup select {
  border-radius: 8px !important;
}

.sectionbanner-homepage button,
.home-row-caccs button {
  background-color: #384276;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.entry-content p,
figure {
  margin-bottom: 1.5em !important;
}

#datepicker {
  width: 250px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* Css Blog */
/* blog slug: hoat-dong-hoc-sinh */
/* CSS cơ bản cho bài viết */
.category-posts-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.category-post-item {
  background: #fff;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-post-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Ảnh đại diện */
.category-post-item .post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Tiêu đề bài viết */
.category-post-item .post-title {
  font-size: 18px;
  margin: 10px 0;
  color: #333;
  font-weight: 700;
}

.category-post-item .post-title a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease;
}

.category-post-item .post-title a:hover {
  color: #007bff;
}

/* Nội dung tóm tắt */
.category-post-item .post-excerpt {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

/* Nút xem thêm */
.category-post-item .read-more-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.category-post-item .read-more-button:hover {
  background-color: #0056b3;
}

/* Responsive cho màn hình desktop */
@media (min-width: 768px) {
  .category-post-item {
    flex: 0 0 48%; /* Đảm bảo 2 bài trên mỗi hàng */
  }
}

/* Responsive cho màn hình nhỏ hơn (mobile) */
@media (max-width: 767px) {
  .category-post-item {
    flex: 0 0 100%; /* Hiển thị 1 bài trên mỗi hàng ở mobile */
  }

  .category-posts-wrapper {
    gap: 15px;
  }
}

/* Căn chỉnh pagination */
.pagination {
  text-align: center;
  margin: 20px 0;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 5px;
  background: #f0f0f0;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.pagination a:hover {
  background: #007bff;
  color: #fff;
}

/* Sidebar (nếu cần tùy chỉnh thêm) */
.sidebar {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* blog - homepage */
.blog-content .flickity-prev-next-button.previous {
  left: 10%;
}
.blog-content .flickity-prev-next-button.next {
  right: 10%;
}
.blog-content .flickity-prev-next-button {
  height: auto;
  width: 20px;
}
.blog-content
  .slider-nav-push:not(.slider-nav-reveal)
  .flickity-prev-next-button {
  margin-top: -43%;
}
.blog-content .slider-nav-circle .flickity-prev-next-button svg {
  border: none;
  border-radius: 50%;
  background-color: #384276;
  color: white;
  padding: 10px;
}

.blog-content .flickity-prev-next-button svg :hover {
  background-color: #384276;
}

.blog-content .flickity-page-dots {
  bottom: -4%;
}

.blog-content .flickity-page-dots .dot {
  width: 20px;
  height: 20px;
}

.blog-content .flickity-page-dots .dot.is-selected {
  background-color: #384276;
  border: none;
}

/* CSS Blog post archive custom */
/* sổ tay nuôi dạy */

/* ADD CSS Màn hình 13inch Laptop */
@media screen and (max-width: 1440px) {
  .col-box-ph .flickity-prev-next-button.next {
    right: 7% !important;
  }

  .col-box-ph .flickity-prev-next-button.previous {
    left: 7% !important;
  }
}

/* Css Footer Messenger */
.footer-fb-messenger {
  position: fixed;
  right: 20px;
  bottom: 25%;
  z-index: 10;
  width: 60px;
}

.footer-icon-messeger {
  background-color: #006aff;
  border-radius: 100%;
  padding: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-zalo {
  position: fixed;
  right: 20px;
  bottom: 16%;
  z-index: 10;
  width: 60px;
}

/* Happy Weekeend Test */
.col-box-ph .flickity-prev-next-button {
  position: absolute;
  top: 40%;
  bottom: 40%;
  background-color: rgb(140, 198, 63);
  margin: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  color: #fff;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s, background 0.3s, box-shadow 0.3s,
    -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s,
    -webkit-transform 0.3s;
}

.col-box-ph .flickity-prev-next-button.next {
  right: 16%;
}

.col-box-ph .flickity-prev-next-button.previous {
  left: 16%;
}

.col-hw-coso {
  line-height: 0px;
}

.row-info-pc-test {
  background-color: #ffff;
  width: 25%;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  bottom: 65%;
  right: 2%;
}

.row-location-test {
  display: block;
  position: absolute;
  right: 0%;
  left: 15%;
  bottom: 0%;
  top: 56%;
}

.sec-gioithieu-pc-test {
  padding-top: 50px !important;
  padding-bottom: 30px !important;
}

.sec-gioithieu-pc-test .section-bg.bg-loaded {
  background-size: 100% 100% !important;
}

.col-cthhd-test {
  border: solid 4px #339966;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 20px;
  padding: 35px 10px 10px 10px;
  width: 230px;
  height: 380px;
  margin-left: 35px;
}

.col-cthhd-test .img {
  position: absolute;
  right: 0;
  left: 119%;
  top: 50%;
  z-index: -1;
}

.col-ppht-test {
  border: solid 4px #00aae7;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 20px;
  padding: 35px 10px 10px 10px;
  width: 230px;
  height: 380px;
  margin-left: 75px;
}

.col-ppht-test .img {
  position: absolute;
  right: 0;
  left: 119%;
  top: 54%;
  z-index: -1;
}

.col-tlhtta-test {
  border: solid 4px #f99b1c;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 20px;
  padding: 35px 10px 10px 10px;
  width: 230px;
  height: 380px;
  margin-left: 75px;
}

.col-tlhtta-test .img {
  position: absolute;
  right: 0;
  left: 119%;
  top: 53%;
  z-index: -1;
}

.col-drvc-test {
  border: solid 4px #ff6600;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 20px;
  padding: 35px 10px 10px 10px;
  width: 230px;
  height: 380px;
  margin-left: 75px;
}

.row-hw-phuhuynh {
  display: block;
}

.col-hw-image .img-inner {
  border-radius: 36px;
}

.col-hw-image .banner {
  border-radius: 36px;
}

.col-hw-image .banner-bg {
  border-radius: 36px;
}

.col-hw-form-footer {
  margin-right: 20px;
}

.col-hw-form-footer .col {
  float: right !important;
}

.col-hw-form-footer .col-inner {
  border: none;
  background: #ffff;
  border-radius: 36px;
  padding: 25px 25px 75px 25px;
  margin: 35px 0px 10px 60px;
}

.form-khoilop {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 15px;
  row-gap: 8px;
  padding: 0px 0px 8px 0px;
}

.form-khoilop input[type="radio"] {
  display: none !important;
}

.form-khoilop label {
  font-size: 15px;
  cursor: pointer;
  color: #000;
  padding: 5px 10px 5px 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.form-khoilop > span.wpcf7-list-item.first > label {
  background-color: rgb(140, 198, 63);
  color: rgb(255, 255, 255);
}

.form-khoilop label:hover {
  background-color: #f0f0f0;
}

input[type="radio"]:checked + label {
  color: #fff;
}

.form-khoilop span.wpcf7-list-item {
  margin: 0px !important;
  text-align: center;
}

.classform-noidung textarea {
  min-height: 70px !important;
}

.form-noidung textarea {
  min-height: 70px !important;
}

.sec-hw-nxph {
  display: block !important;
  min-height: max-content !important;
}

.col-hw-slider {
  display: block;
}

.col-hw-slider .col-inner {
  border: none;
  border-radius: 10px;
  padding: 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.col-hw-slider .col-inner .box-image {
  border-radius: 8px 8px 0px 0px;
}

/* Css Hình ảnh Giới Thiệu & Chương Trình */
.row-ctrinhoc img {
  border-radius: 25px;
}

.col-ndungctrinh .img {
  border: solid 5px #ffa500;
  border-radius: 30px;
}

.col-mbdienptrien .img {
  border: solid 5px #0f6daa;
  border-radius: 30px;
}
.col-ddntroi .img {
  border: solid 5px #21a74a;
  border-radius: 30px;
}
.col-chdehtap .img {
  border: solid 5px #cfad7f;
  border-radius: 30px;
}
.col-ptrienncach .img {
  border: solid 5px #6ecddd;
  border-radius: 30px;
}

.col-caccoso .img {
  border: solid 5px;
  border-radius: 30px;
}

.col-caccoso img {
  border-radius: 24px;
}

/* Thắng add Css Landing Page */
/* Kích thước mobile - Landing Page */
/*Smart phone nhỏ*/
/*Iphone(480 x 640)*/
@media only screen and (min-width: 320px) {
  .sec-2 {
    margin-top: -80px;
  }
  .sec2-row-cl2 {
    background-color: rgb(254, 254, 254);
    border-radius: 14px;
    width: 85%;
    padding: 5px;
    margin-left: 30px;
    margin-bottom: 40px;
  }
  .sec2-row-cl2 .icon-box-img {
    margin-top: -8px;
    line-height: 50px;
  }

  .row-info {
    background-color: #ffff;
    width: 95%;
    border-radius: 36px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
      rgba(0, 0, 0, 0.22) 0px 10px 10px;
    margin-top: -65px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .col-info-ph-hs .nav-outline > li > a {
    border: 0.1px solid;
  }
  .col-info-ph-hs .nav > li.active > a {
    color: #ffff;
    background-color: coral !important;
    padding-bottom: 0px;
    border: 2px solid;
  }
  .col-number1 {
    width: 116%;
  }
  /* box */

  .col-icon-box .icon-box {
    width: 80%;
    display: inline-flex;
  }
  .col-icon-box .icon-box-left .icon-box-img,
  .icon-box-right .icon-box-img {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 200px;
  }
  .col-icon-box .icon-box .icon-box-img {
    margin-bottom: 1em;
    position: relative;
    margin-top: -5px;
  }
  .col-box-ph .box-image img {
    border-radius: 36px;
  }
  /* banner */
  .banner-video-lp {
    border-radius: 36px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 10px;
  }

  .banner-video-lp .banner-bg .fill {
    border-radius: 36px !important;
  }

  .banner-radius {
    border-radius: 16px !important;
    margin-top: 15px;
  }

  .banner-radius .banner-bg .fill {
    border-radius: 16px !important;
  }

  /* button */
  .btn-submit-lp {
    background-color: coral !important;
    border-radius: 16px !important;
    margin: 20px 30px 0px 0px !important;
    width: 80% !important;
    font-family: sans-serif, "FontAwesome";
  }
  .btn-info-ph {
    border-radius: 24px;
    font-size: 15px;
    height: 50px;
    padding: 9px;
  }
}
/*  */
.col-icon-box {
  z-index: 1;
}

.col-icon-box .col-inner {
  border-radius: 24px;
}

.col-inner .img-inner {
  /* border-radius: 24px; */
}

.col-image-noti {
  border-left: 2px solid #00008b !important;
}

/* CSS Get App Mobile */
.getapp-section {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 0%,
    rgba(7, 58, 154, 1) 20%,
    rgba(3, 137, 206, 1) 65%,
    rgba(0, 212, 255, 1) 100%
  );
}

.getapp-row {
  width: 500px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 20px;
}

.getapp-col .text-center {
  border-radius: 24px;
}

.row-info-pc {
  background-color: #ffff;
  width: 25%;
  border-radius: 36px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  bottom: 220px;
  right: 2%;
}
.col-info-ph-hs-pc .nav-outline > li > a {
  border: 0.1px solid;
}
.col-info-ph-hs-pc .nav > li.active > a {
  color: #ffff;
  background-color: coral !important;
  padding-bottom: 0px;
  border: 2px solid;
}

.col-info-ph-hs-pc .tab-panels > p {
  font-size: 13px;
}

/* Contact Form */
/* Chống spam */
.honeypot-field {
  position: absolute;
  left: -9999px; /* Di chuyển trường ra khỏi tầm nhìn */
  visibility: hidden;
}

/* footer-email */
/* Style cho form */
.footer-contact-form {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 450px;
  width: 100%;
}

/* Style cho input email */
.footer-contact-form input.wpcf7-form-control.wpcf7-email {
  width: 100%;
  padding: 10px 60px 10px 15px; /* Padding phải để dành chỗ cho nút */
  font-size: 20px;
  border: none;
  border-radius: 30px;
  background-color: #fff; /* Màu nền của input */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hiệu ứng bóng đổ */
  outline: none;
}

/* Placeholder style */
.footer-contact-form input.wpcf7-form-control.wpcf7-email::placeholder {
  color: #b3b3b3;
}

/* Style cho nút submit */
.footer-contact-form button {
  position: absolute;
  right: 0px; /* Đẩy nút sang phía bên phải của input */
  top: 37%;
  transform: translateY(-50%); /* Căn giữa theo chiều dọc */
  background-image: url("https://kindycity.edu.vn/wp-content/uploads/2024/10/send-1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  border-radius: 100%; /* Bo góc nút */
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); /* Hiệu ứng bóng đổ cho nút */
}

.footer-contact-form button img {
  width: 20px;
  height: 20px;
}

.wpcf7-not-valid {
  display: block;
  margin-top: 5px; /* Giúp phần báo lỗi có không gian đủ và không đẩy nút submit */
}

.breadcrumb {
  display: none;
}
/* Áp dụng cho tất cả hình ảnh trong bài đăng, trừ hình banner */
.single-post .entry-content img:not(.banner-image) {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; /* Căn giữa ảnh */
}

/* Responsive cho mobile */
@media (max-width: 600px) {
  .col-calendar .event-list {
    width: auto;
  }

  .col-calendar .h2.index-title {
    padding: 10px;
  }
  .single-post .entry-content img:not(.banner-image) {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Căn giữa ảnh */
  }

  .namowl-dad {
    display: none;
  }

  .footer-contact-form {
    max-width: 100%;
  }

  .footer-contact-form input.wpcf7-form-control.wpcf7-email {
    padding-right: 50px; /* Giữ khoảng cách cho nút khi hiển thị trên mobile */
  }

  .footer-contact-form button {
    width: 45px;
    height: 45px;
  }
}

.col-footer-email img {
  border-radius: 16px;
}

.p-form-lp {
  font-size: 13px;
}

/* End Css Landing Page */
.home .home-none {
  display: none;
}

.section-hoatdong .row {
  background: #00000080 !important;
}

#callnowbutton {
  border-bottom: 1px solid #67c675 !important;
}

#breadcrumbs {
  list-style: none;
  padding: 10px 0;
  margin-bottom: 0;
}

#breadcrumbs li {
  display: inline;
  color: #428bca;
  font-weight: 500;
  text-transform: capitalize;
}

.footer .social-icon {
  margin-bottom: 10px;
}

.slidercon {
  position: absolute;
  right: 13.5%;
  top: 87%;
}

.ykienphuhuynh .owl-nav i {
  color: #d8d7dc;
  font-size: 55px;
}

.annouce .section-content p {
  margin-left: 40px;
  margin-bottom: 7px;
}

.home .owl-nav {
  top: -70px !important;
}

.owl-dots,
.owl-nav {
  top: -227px !important;
}

.owl-next {
  float: right;
  font-size: 40px !important;
}

.owl-prev {
  float: left;
  font-size: 40px !important;
}

.social-icon a {
  margin-right: 10px;
}

.back-to-top {
  bottom: 40px;
}

.video-fit iframe {
  height: 400px;
}

.single-co-so .only-child-4 {
  display: none !important;
}

.col {
  float: left;
}

.tintuc-2 .box-image {
  height: 257px !important;
}

.box-text p {
  margin-top: 0.8em;
}

.tintuc-2 .box-text.text-left {
  padding: 15px;
  margin-top: -25px;
  height: 270px;
}

.tintuc-2 h5.post-title.is-large {
  /* color: #0c2e5f; */
  /* font-family: futura md !important; */
  text-align: left;
  /* font-weight: 200; */
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  height: 61px;
  overflow: hidden;
}

.tintuc-2 .box.box-blog-post {
  background: rgba(0, 0, 0, 0.08) !important;
}

.tintuc-2 .image-cover img {
  height: 70%;
}

.only-child-4 img {
  width: 38px;
}

.s3col-dad h1 {
  position: relative;
  top: 10px;
}

.only-child-4 {
  display: none;
}

.gallery-col:nth-child(4) .only-child-4 {
  display: none;
}

.home .s3col img {
  width: 100px !important;
  height: 100px;
}

.home .owl-theme .owl-nav [class*="owl-"] {
  font-size: 40px !important;
}

.home .owl-prev {
  position: absolute;
  left: 0px;
  top: -60px;
}

.home .owl-next {
  position: absolute;
  right: 0px;
  top: -60px;
}

/* .gallery-col:nth-child(4) .box-image .overlay.fill,
.gallery-col:nth-child(4) .box-text.show-on-hover.hover-slide.text-left {
  opacity: 1 !important;
} */

.box-text.show-on-hover.hover-slide.text-left,
.overlay.fill {
  opacity: 0;
}

@font-face {
  font-family: "Futura Md";
  src: url(/wp-content/themes/neda-child/css/FtraMd__.ttf);
}

.mail-footer .your-email input {
  border: #41464a;
  background: url(/wp-content/uploads/2018/05/mailiconwhite.png) no-repeat
    #41464a;
  background-position: 97%;
  background-size: 11%;
  color: #fff !important;
}

.mail-footer .your-browser span > selection {
  color: #fff !important;
}

.mail-footer input.wpcf7-form-control.wpcf7-submit.button {
  background-color: #808080;
  width: 100%;
}

span.wpcf7-not-valid-tip {
  position: relative;
  top: 0px;
  display: unset;
  right: -210px;
  right: 0px;
}

.cf7sr-g-recaptcha {
  display: inline-block;
  padding: 5px;
}

.pup {
  text-align: center;
  margin-top: 20px;
}

.ykienph {
  margin-bottom: 50px;
}

.imgcity {
  background: url(/wp-content/uploads/2018/02/main_bg.png) repeat-x;
  height: 170px;
  width: 100%;
  zoom: 70%;
}

.box-place.box-image img {
  height: auto !important;
}

.s3col-dad .section {
  height: 230px !important;
}

.s3col-dad h1 {
  padding: 40px 0px 20px 0px !important;
}

.s3col-dad p,
.s3col-dad h1 {
  margin-bottom: 0px;
  color: #fff !important;
  margin-left: 25px;
}

.nopadding {
  display: block !important;
  z-index: 999;
}

.nopadding .img .img-inner {
  height: auto;
  border: solid 5px #446084;
  border-radius: 24px;
}

.annouce {
  width: 70% !important;
}

.social-icon > img {
  zoom: 85%;
}

.footer-1 p,
span.widget-title,
.footer-1 li {
  color: #e4e4e4;
}

.footer-1 {
  background: #495154 !important;
}

/* .home h3 {
  color: #0c2e5f;
  font-family: futura md !important;
  text-align: left;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
} */

.home-row-caccs .col,
.gallery-item,
.columns {
  padding: 0 !important;
}

.home .onlyhome {
  opacity: 1 !important;
}

.uxb-no-content.uxb-image {
  display: none;
}

.s3col-dad {
  padding-bottom: 47px;
}

.s3col-2 {
  margin-top: -50px;
  margin-left: -40px;
}

.s3col {
  margin-left: 50px;
  margin-top: 75px;
}

/* .form-reg {
  margin-top: -100px;
} */

.home .none {
  display: none;
}

.home .owl-stage-outer {
  margin-bottom: -100px;
}

.sec-bgcity {
  padding-top: 110px !important;
}

.intro {
  padding-top: 60px !important;
  margin-top: 235px;
}

p.qrote:after {
  content: "";
  background: url(/wp-content/uploads/2018/02/28512365_1708648659230033_1190501166_n.png)
    no-repeat;
  height: 100px;
  width: 100px;
  zoom: 34%;
  position: absolute;
  margin-left: 10px;
}

p.qrote:before {
  content: "";
  background: url(/wp-content/uploads/2018/02/28510909_1708648605896705_1043850686_n.png)
    no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  zoom: 34%;
  left: -100px;
}

p.qrote {
  color: #fff;
  font-size: 160%;
  text-align: center;
}

.qrote-son {
  top: 50px;
  left: 40px;
}

.sec-apply {
  margin-bottom: -100px;
}

.slidercon {
  /* margin-bottom: -270px; */
  width: 70% !important;
}

ol.flickity-page-dots {
  display: block;
}

.slidercon button.flickity-prev-next-button.next {
  right: -10%;
}

.slidercon button.flickity-prev-next-button.previous {
  left: -10%;
}

.slidercon .slider-nav-light .flickity-prev-next-button {
  opacity: 1;
  top: 10px !important;
}

.slider-nav-light .flickity-prev-next-button {
  top: unset;
}

.slider-nav-circle .flickity-prev-next-button:hover svg {
  background: unset;
  border: unset;
}

.flickity-prev-next-button svg {
  width: 200%;
  max-width: 200%;
  opacity: 1 !important;
}

.slider-nav-circle .flickity-prev-next-button svg {
  border: unset !important;
}

.section-tuvan {
  padding-bottom: 130px !important;
}

.ykienph {
  padding-top: 30px !important;
}

.section-hoatdong {
  padding-bottom: unset !important;
  top: -50px;
}

.home .test {
  background: rgba(71, 186, 117, 0.66);
  width: 100%;
  height: 100%;
  position: relative;

  padding: 0px;
}

.home .box-overlay .box-text {
  bottom: 40%;
  padding-left: 12% !important;
}

.home .gallery-col.col,
.nopadding .col {
  padding: unset !important;
}

.row .section {
  padding: unset;
}

.hrefnews {
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-transform: uppercase;
}

.nam-ws {
  margin-top: -120px;
}

.btn-apply {
  position: absolute;
  right: 12%;
  bottom: 2px;
  padding: 13px 33px;
  background: #fff;
  width: 13%;
  border-radius: 5px;
}

.sec-apply {
  padding-top: 150px !important;
  position: relative !important;
  top: -130px !important;
}

h2.index-title {
  text-align: center;
  font-size: 190%;
  font-weight: 900 !important;
  color: #018f9e !important;
}

h3.index-title {
  text-align: center;
  font-size: 150%;
  font-weight: 900 !important;
  color: #018f9e !important;
}

.logo img {
  position: relative;
  top: 64px;
}

.single-co-so input[type="text"],
.single-co-so input[type="email"],
.single-co-so input[type="tel"] {
  width: 100%;
}

.single-co-so textarea {
  width: 100% !important;
}

div#ux_div_map_canvas_front_end_1664 {
  border: 10px solid #fff !important;
  border-radius: 10px;
}

.coso-gt hr {
  border-top: 1px solid #374d02;
  margin: 0 auto;
  width: 28rem;
  opacity: 1;
}

.coso-gt p::before {
  background: #fff;
  content: "“";
  display: block;
  font-family: le-cordon-bleu;
  margin: 1rem auto 1rem;
  padding: 0 20px;
  text-align: center;
  width: 7rem;
  z-index: 100;
  position: absolute;
  font-size: 75px;
  top: -28px;
  left: 42%;
}

.coso-gt p::after {
  background: #fff;
  content: "”";
  display: block;
  font-family: le-cordon-bleu;
  margin: 1rem auto 1rem;
  padding: 0 20px;
  text-align: center;
  width: 7rem;
  z-index: 100;
  position: absolute;
  font-size: 75px;
  bottom: -53px;
  left: 42%;
}

.coso-gt {
  padding: 110px 0;
}

.coso-gt br {
  display: none;
}

.coso-gt p {
  color: #b6790a;
  padding: 35px 0;
  line-height: 46px;
  font-size: 25px;
  margin: auto;
  font-weight: 500;
  position: relative;
}

#fancybox-bg-e {
  background-image: initial !important;
  background: #fff;
}

#fancybox-content p {
  margin-bottom: 0;
}

.daumoc p {
  color: #656567;
  display: block;
}

.ykienphuhuynh .owl-nav {
  margin-top: 63px;
  top: -115px !important;
}

.ykienphuhuynh .owl-prev {
  left: 90px;
}

.ykienphuhuynh .owl-next {
  right: 90px;
}

.owl-prev,
.owl-next {
  background: unset !important;
  width: 30px;
}

@media (max-width: 690px) {
  .logo img {
    top: 0;
  }

  #logo {
    display: block !important;
  }

  .ykienphuhuynh .owl-nav {
    top: -390px !important;
  }

  .ykienphuhuynh .owl-prev {
    left: 50px !important;
  }

  .ykienphuhuynh .owl-next {
    right: 50px !important;
  }

  .annouce .section-content h1 span {
    font-size: 27px !important;
  }

  .sec-img-1 .col-inner {
    height: 400px;
    border-radius: 10px;
  }

  .sec-img-1 .col-inner a {
    color: #ffffff;
  }

  .sec-img-1 .col-inner .icon-box-img {
    margin-top: -150px;
  }

  .form-reg input.wpcf7-form-control.wpcf7-submit.button {
    width: 100% !important;
  }

  .gap-element {
    display: none !important;
  }

  .sty p {
    padding-left: 26px !important;
    margin-top: -36px;
  }

  .tintuc-sukien .sty {
    padding-left: 0;
  }

  .find-campus .col-inner .button {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

@media (min-width: 1024px) {
  .column-form {
    padding: 0 120px 0 40px;
  }

  .slider-wrapper img {
    height: auto;
  }

  .annouce {
    margin-top: -50px !important;
  }

  .form-reg input.wpcf7-form-control.wpcf7-submit.button {
    margin-left: 30%;
  }

  .find-campus .col-inner {
    height: 400px;
  }

  .find-campus .col-inner .button {
    margin-top: 200px;
  }

  .coso-gt {
    width: 70%;
  }

  .footer-1 .large-columns-4 > .col {
    flex-basis: 24% !important;
  }
}

.sec-img-1 .hrefchuyenmuc,
.hrefannouce {
  position: absolute;
  bottom: 30px;
  right: 30px;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.hrefannouce {
  bottom: 20px !important;
}

.sec-img-1 {
  padding: unset;
  z-index: 1;
}

/* .annouce p,
.annouce h1 {
  margin-bottom: -10px;
  color: #fff !important;
  padding-right: 50px;
  margin-left: 25px;
} */

.annouce-title {
  height: 75px;
}

h1.map_customization_title,
.ux_div_title_container_4751 {
  display: none;
}

p.text1 {
  bottom: -60px;
}

p.text3 {
  bottom: -59px;
}

.border .img-inner {
  padding: 2px;
  background-color: #fff;
  border-radius: 100%;
  position: relative;
  left: 154px;
  bottom: 0px;
  width: 185px;
  height: 185px;
}

.ykienphuhuynh .img-inner img {
  height: 183px;
  width: 200px;
}

.border img.size-original {
  border-radius: 100%;
}

.border .has-hover {
  margin-left: 30%;
}

.afslide .section-content {
  max-height: 500px;
}

.afslide .next,
.afslide .previous {
  background-color: #808080;
  border-radius: 100%;
}

.new123 {
  z-index: 1;
  position: relative;
  margin-top: -200px !important;
  height: 350px;
}

.new-2 .col-inner.dark {
  height: 100%;
}

.new-3.large-4 {
  background: url(/wp-content/uploads/2018/02/Hinh-lich-́8-01.jpg) no-repeat;
  background-size: cover;
}

.new-2.large-4 {
  background: url(/wp-content/uploads/2018/02/Hinh-lich-1-01.jpg) no-repeat;
  background-size: cover;
}

p.readmo {
  position: absolute;
  right: 0px;
  font-weight: 700;
}

.nam-st {
  opacity: 0;
}

.widget > ul > li > a {
  padding: unset !important;
}

/* .afslide {
  padding: unset !important;
} */

p {
  color: #666;
}

.footer a {
  font-family: Tahoma, sans-serif;
  color: #b0b0b0;
  white-space: normal;
}

.footer-1 .row {
  display: -webkit-flex;
}

.new-1.large-4 {
  background: url(/wp-content/uploads/2018/02/hinh-dai-dien2-266x266.jpg)
    no-repeat;
  background-size: cover;
}

.new-1,
.new-2,
.new-3 {
  padding-bottom: unset;
}

.new123 .col-inner.text-left.dark {
  max-height: 100%;
  height: 100%;
}

.row-color {
  height: 100%;
  background: rgba(41, 175, 138, 0.7);
}

h3.widget-title {
  background: #004b83;
  font-size: 17px;
  font-weight: 5;
  padding-top: 5px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
  height: 40px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.navigation li {
  display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #6fb7e9;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
  background-color: #3c8dc5;
}

a.btnReadmore {
  background: url(/wp-content/uploads/2018/02/arrow-readmore.png) right center
    no-repeat;
  padding-right: 15px;
  margin-left: 40%;
}

/* .badge.post-date,
.entry-image {
  display: none;
} */

.large-8 hr {
  border-top: 1px solid black;
  opacity: 1;
  width: 100%;
}

.related-posts.post-item {
  display: inline-block;
}

.related-posts .box-image {
  width: 24%;
}

.related-posts .box-text {
  padding-top: 35px;
  font-size: 11px;
  font-weight: 400;
}

.page-wrapper {
  padding: unset !important;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb a {
  color: #428bca;
  text-decoration: none;
  text-transform: capitalize;
}

footer.entry-meta,
.author-box,
h6.entry-category,
.is-divider,
.navigation-post,
.blog-share {
  display: none;
}

.col.sty.head.medium-4.small-12.large-4 {
  margin-bottom: 6px;
}

.obj {
  margin-top: 0 !important;
}

.form-reg input.wpcf7-form-control.wpcf7-text {
  border-radius: 5px;
}

.tintuc-sukien .box-text {
  margin-top: -10px;
  height: 250px;
}

.hrefchuyenmuc {
  background: url(/wp-content/uploads/2018/02/arrow-readmore.png) right center
    no-repeat;
  padding-right: 20px;
  font-size: 100%;
  color: rgb(71, 186, 117);
}

.full-width .ubermenu-nav,
.container {
  max-width: 1250px !important;
}

.new123.row {
  max-width: 1050px !important;
}

.nam-st {
  max-width: 1100% !important;
}

.marcol {
  padding-bottom: 8px;
}

h1 {
  color: #517e3b !important;
  font-size: 27px;
  padding: 30px 0 0px 0px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400 !important;
  /* font-family: futura md !important; */
}

h2 {
  color: #777777 !important;
  font-size: 20px;
  padding: 20px 0 5px 0px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400 !important;
  /* font-family: futura md !important; */
}

h4 {
  font-weight: 100 !important;
  font-family: "Open Sans", sans-serif !important;
}

h4 > span {
  font-weight: 100 !important;
  font-family: "Open Sans", sans-serif !important;
}

.col.nam-st1 {
  background: #ddebf8;
}

.col.nam-st2 {
  background: #bdd7f0;
}

.col.nam-st3 {
  background: #9dc0e6;
}

.nam-st .col-inner {
  padding-top: 10px !important;
  margin-bottom: -30px;
}

.nam-st .col.large-3 {
  margin-top: -32px;
}

.nam-st .large-4 {
}

.box-text.text-center .image-cover {
  display: none;
}

p.nam-st11 {
  margin-bottom: -15px;
}

.img-1 h5 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  height: 20px;
  font-family: unset !important;
}

.row-3 {
  padding-left: 17px !important;
  padding-top: 17px;
  padding-right: 17px !important;
}

.header-main {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  background: #f4f4f4 url(/wp-content/uploads/2018/02/bg-border-menu.jpg) bottom
    left no-repeat;
  background-size: 100% 5px;
  height: 71px;
  line-height: 20px;
}

.row {
  display: block;
}

.form-reg .row {
  display: -webkit-flex !important;
}

.formf {
  margin: auto;
  border-radius: 16px;
  background: url(/wp-content/uploads/2024/06/Khung-dang-ky-01.png) no-repeat;
  background-size: 111%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.formf-1 {
  margin: auto;
  border-radius: 16px;
  /* background: url(/wp-content/uploads/2024/06/Khung-dang-ky-01.png) no-repeat;
  background-size: 111%; */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.form-reg textarea,
.form-reg input.wpcf7-form-control {
  float: left;
  margin-right: 10px;
  background: unset !important;
  border-radius: 5px;
}

.form-reg span.your-phone,
.form-reg span.your-email,
.form-reg span.your-address,
.form-reg span.your-name,
.form-reg span.your-interest {
  width: 50%;
  float: left;
  padding: 5px 5px;
}

.form-reg span.your-message {
  width: 100%;
  float: left;
  padding: 5px 5px;
}

.form-reg span.your-interest select {
  border-radius: 5px;
}

.form-reg textarea.wpcf7-form-control {
  width: 100%;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #656567;
}

.footer-1 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff7d;
}

.page-title {
  display: none;
}

.nam-st {
  margin-top: -65px;
}

p.from_the_blog_excerpt {
  color: #666;
  line-height: 1.6;
}

.box-text-nam {
  padding: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  max-height: 250px;
  height: 250px;
  color: #fff;
}

.box-text-nam .mota p {
  color: #fff;
}

.box-text-nam a {
  color: #fff;
}

.box-text-nam hr {
  margin: 15px 0;
  border-width: 0;
  border-top: 3px solid currentColor;
  opacity: 1;
}

.box-text-nam p {
  font-size: 14px;
}

.box-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.coso .owl-carousel .owl-stage-outer {
  height: 300px;
}

.namowl-dad {
  padding-bottom: 10px;
  background-size: 100% 10px;
}

.button:hover {
  box-shadow: unset !important;
}

input[type="search"] {
  border: unset !important;
}

.footer-2 li {
  list-style: outside none none;
  font-size: 12px;
  line-height: 8px;
}

.button[disabled] {
  opacity: unset !important;
}

.form-reg input.wpcf7-form-control.wpcf7-submit.button {
  width: 100%;
  background: rgb(71, 186, 117) !important;
}

.footer-2 {
  border-top: unset !important;
}

.block_widget {
  margin-bottom: 113px;
}

.wpcf7-form-control-wrap {
  position: unset !important;
}

.footer-wrapper {
  background: url(/wp-content/uploads/2018/02/footer_bg.gif);
  margin-top: -47px;
}

.body {
  display: none;
}

.searchform .button.icon {
  background: unset !important;
}

.icon-search:before {
  color: #ddd;
}

.absolute-footer {
  background: #41464a;
  text-align: center;
  color: #b0b0b0;
  font-size: 12px;
  padding: 20px 0px;
  text-align: center;
}

.footer-2 h3 {
  font-size: 14px;
  color: #fff;
  line-height: 35px;
  font-weight: 400;
}

.footer-2 h4 {
  font-size: 16px;
  font-family: unset !important;
  color: #fff;
  text-transform: uppercase;
}

.footer-1 h4 {
  font-size: 16px;
  font-family: unset !important;
  color: #fff;
  text-transform: uppercase;
}

.widget > ul > li + li {
  border-bottom: unset !important;
  border-top: unset !important;
}

.widget > ul > li {
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  color: #b0b0b0;
  text-transform: capitalize;
  white-space: normal;
}

div#block_widget-9 img {
  margin-bottom: 5px;
}

#logo {
  display: none;
}

ul.header-nav.header-nav-main.nav.nav-left {
  position: absolute;
  top: -61px;
  margin-left: -20px;
}

.owl-dots,
.owl-carousel .owl-nav.disabled {
  display: block;
  top: 80px;
}

.head .owl-nav,
.owl-dots {
  display: none !important;
}

.owl-dots,
.owl-nav {
  position: relative;
  top: -70px;
}

header.archive-page-header {
  display: none;
}

/* .afslide .slider-wrapper {
  padding-bottom: 8px;
  background: url(/wp-content/uploads/2018/02/bg-border-menu.jpg) bottom left no-repeat;
  background-size: 100% 10px;
} */

.form-reg .section-content {
  zoom: 120%;
}

.other-place h2 {
  color: #777777;
  /*font-size: 27px;*/
  font-size: 150%;
  padding: 40px 0 20px 15px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600 !important;
  /*font-family: unset!important;*/
  text-align: center;
}

.box-image img {
  display: block;
  transition: transform 0.8s ease;
}

.box-image img:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}

.item:hover .box-image {
  opacity: 0.5;
}

.item div {
  display: block;
  overflow: hidden;
}

.box-text-places {
  position: relative;
  top: -40px;
  background: rgba(80, 80, 80, 0.75) none repeat scroll 0 0;
  text-align: center;
}

.box-text-places h5 {
  color: #fff;
  display: block;
  font-family: Arial;
  font-size: 0.85em;
  padding: 10px;
  font-weight: 500 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.nav > li.active > a {
  color: #384276;
  padding-bottom: 10px;
  border-bottom: 2px solid #384276;
}

.other-place {
  width: 95%;
  max-width: 100% !important;
}

.box-place.box-image {
  width: 100%;
}

.owl-item .col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.box-blog-post .is-divider {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  height: 2px;
  display: none;
}

body {
  font-family: "Raleway", sans-serif !important;
  font-weight: 400;
  overflow: hidden;
  font-size: 18px !important;
}

.nav-uppercase > li > a {
  font-weight: 400;
}

.image-cover {
  padding-top: 100% !important;
}

.icon-angle-down:before {
  content: "\f107";
  display: none;
}

.nav-uppercase li a {
  color: #0c2e5f;
  font-size: 15px;
  /* font-family: futura md !important; */
  text-transform: uppercase;
}

.logo-left .logo {
  margin-left: 0px;
  margin-right: 0px;
}

.nav > li > a {
  letter-spacing: -0.2px;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
  z-index: -999;
  border-bottom-color: #ddd;
  border-width: 11px;
  margin-left: -11px;
  display: none;
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
  bottom: -2px;
  z-index: 10;
  opacity: 0;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  display: none;
}

.nav-dropdown-default {
  padding: unset;
}

.nav-dropdown.nav-dropdown-default > li > a {
  padding: 10px 0 !important;
  margin: 0px 10px !important;
  display: block !important;
  border-top: 1px solid #ccc !important;
  color: #000 !important;
  font-size: 14px !important;
  border-bottom: unset;
}

.nav-dropdown {
  position: absolute;
  min-width: 295px;
  max-height: 0;
  z-index: 9;
  padding: unset;
  opacity: unset;
  margin: unset;
  transition: unset;
  box-shadow: unset;
  border: unset;
  color: #777;
  background-color: #fff;
  text-align: left;
  display: block;
  left: -99999px;
  border-bottom: 2px solid #349948;
}

.nav.nav-small > li > a {
  color: #0c2e5f;
  font-size: 15px;
  text-transform: uppercase;
}

/*.nam-ws h2{
    	color: #517e3b;
    	font-size: 29px;
    	padding: 40px 0 20px 15px;
    	line-height: 30px;
    	text-transform: uppercase;
    	font-weight: 400!important;
    	font-family: unset!important;
    	}*/
/* .nam-ws h3{

    	font-size: 17px;
    	padding: 15px 0 20px 15px;
    	line-height: 30px;
    	text-transform: uppercase;
    	font-weight: 400!important;
    	font-family: unset!important;
    	}*/
button.button.is-link.is-smaller.mb-0 {
  text-transform: unset;
  font-size: 13px;
  font-weight: 400;
  background: url(/wp-content/uploads/2018/02/arrow-readmore.png) right center
    no-repeat;
  padding: 0px 15px 3px 0;
  color: #fff;
  padding-left: 40%;
}

.blog-post-inner {
  margin-top: -25px;
}

.nam-ws2 h5:after {
  content: "";
  background: url(/wp-content/uploads/2018/02/new-icon.png);
  width: 100px;
  height: 100px;
  position: absolute;
  top: 31px;
  left: 176px;
  background-repeat: no-repeat;
}

a.nav-top-link:hover {
  color: #349948 !important;

  padding-bottom: 10px;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  max-width: 100% !important;
}

.single-post .width-8x {
  /*max-width: 825px;*/
  position: relative;
  /*padding: 0 15px 30px;*/
  width: 100%;
  float: inherit;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
}

.related-posts .post-item .post-title {
  font-size: 15px;
  font-weight: normal;
}

.related-posts .post-item .entry-date {
  font-style: italic;
}

.related-posts .post-item p {
  margin-bottom: 0;
}

.related-posts .post-item {
  margin-bottom: 10px;
  padding-left: 0px;
}

h3.related-title {
  font-size: 1.75rem;
  font-weight: normal;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit !important;
}

div#register-form-wrapper {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 320px;
  z-index: 999;
}

.register-form-title {
  cursor: pointer;
  background: #febd23;
  border-radius: 10px 10px 0 0;
  padding: 0 20px;
  height: 30px;
}

.register-form h2 {
  color: #fff;
  margin: 0;
  padding: 10px 0 10px;
  text-align: center;
}

.register-form-title span {
  font-family: monospace;
  font-size: 40px;
  font-weight: normal;
  position: absolute;
  right: 15px;
  top: -3px;
}

.contact-desc {
  font-size: 14px;
  padding: 5px 15px;
  text-align: left;
}

.contact-desc p {
  margin: 0;
}

div#register-form form {
  margin-bottom: 0em;
  padding: 18px;
}

.register-form .input[type="email"],
.register-form input,
.register-form .input[type="date"],
.register-form .input[type="search"],
.register-form .input[type="number"],
.register-form .input[type="text"],
.register-form .input[type="tel"],
.register-form .input[type="url"],
.register-form .input[type="password"],
.register-form textarea,
.register-form select,
.register-form .select2-container .select2-choice,
.register-form .select2-container .select2-selection {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #faa61a;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #222;
  padding: 7px 5px;
  width: 100%;
  height: 32px;
  font-size: 13px;
}

.register-form textarea {
  min-height: 53px;
}

.register-form input[type="submit"] {
  min-width: 30px;
  max-width: 100px;
  padding: 0;
  margin: 0;
  background: #faa61a none repeat scroll 0 0 !important;
  border: 0 none;
  border-radius: 15px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}

.appointmentbuttom {
  background: rgba(0, 0, 0, 0)
    url(/wp-content/uploads/2018/06/appointment_bt.png) no-repeat scroll 0 0;
  bottom: 0;
  cursor: pointer;
  height: 33px;
  padding: 6px 22px 0 50px;
  position: fixed;
  right: 0;
  width: auto;
  color: #fff;
  font-size: 15px;
  z-index: 999999;
}

.imgcity {
  margin-top: -80px;
}

/* .banner p{ */
/* text-align: center!important; */
/* } */
.single-co-so .box-shadow-3 .text-inner {
  text-align: center;
}

.footer-1 a {
  color: #e4e4e4;
}

.find-campus .video {
  padding-top: 100% !important;
}

.find-campus {
  background: rgb(203, 142, 0);
}

.single-co-so .footer-wrapper {
  margin-top: 20px;
}

.page-y-kien .entry-title-ykien,
.content-hidden-ykien .entry-title-ykien {
  padding-top: 15px;
  text-align: center;
  font-size: 17px;
}

.page-y-kien .entry-title-ykien {
  height: 50px;
}

.page-y-kien .img-inner img {
  display: block;
  margin: 0 auto;
  padding: 17px;
}

.content-hidden-ykien .logo-top img {
  margin: 0 auto;
  display: block;
  padding: 10px;
}

.content-hidden-ykien .content-main {
  padding: 10px;
  padding-top: 15px;
}

#share-buttons img {
  width: 50px;
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline;
}

div#share-buttons {
  text-align: center;
}

.content-hidden-ykien .info {
  padding-top: 30px;
}

.content-hidden-ykien {
  width: 80%;
  margin: 0 auto;
}

.content-hidden-ykien .content {
  color: #444;
}

/*.daumoc:after {
content: "";
width: 10%;
height: 10%;
zoom: 31%;
position: absolute;

right: 0px;
background: url(/wp-content/uploads/2018/02/28512365_1708648659230033_1190501166_n.png) no-repeat;
}*/

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  /* Popuop for mobile */

  .container-popup {
    background-image: url(https://kindycity.edu.vn/wp-content/uploads/2025/04/POP-UP-MOBILE-01-1.png) !important;
    max-width: 98% !important;
    width: 450px !important;
    height: 530px !important;
  }

  .form-container-popup {
    padding: 10px !important;
    background-color: unset !important;
    border-radius: 15px !important;
    max-height: 80% !important;
    position: fixed !important;
    top: 22% !important;
    width: 100% !important;
    left: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    margin-top: 125px !important;
  }

  .form-popup h2 {
    color: #fff !important;
    font-size: 15px !important;
    padding: 0 !important;
    line-height: 1.4em !important;
  }

  .form-container-popup .wpcf7 input[type="text"],
  .form-container-popup .wpcf7 textarea,
  .form-container-popup .wpcf7-select,
  .form-container-popup .wpcf7 input[type="tel"],
  .form-container-popup input[type="email"]:focus,
  .form-container-popup input[type="search"]:focus,
  .form-container-popup input[type="number"]:focus,
  .form-container-popup input[type="tel"]:focus,
  .form-container-popup input[type="text"]:focus,
  .form-container-popup input[type="password"]:focus,
  .form-container-popup textarea:focus,
  #popmake-39361 .wpcf7 input[type="text"],
  #popmake-39361 .wpcf7 textarea,
  #popmake-39361 .wpcf7-select,
  #popmake-39361 .wpcf7 input[type="tel"],
  #popmake-39361 input[type="email"]:focus,
  #popmake-39361 input[type="search"]:focus,
  #popmake-39361 input[type="number"]:focus,
  #popmake-39361 input[type="tel"]:focus,
  #popmake-39361 input[type="text"]:focus,
  #popmake-39361 input[type="password"]:focus,
  #popmake-39361 textarea:focus {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: unset !important;
    border-bottom: 0.5px solid white !important;
    color: white !important;
    font-size: 12px !important;
  }

  #popmake-39361 .wpcf7-select:focus,
  .form-container-popup .wpcf7-select:focus {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: unset !important;
    border-bottom: 0.5px solid white !important;
  }

  #popmake-39361 .wpcf7-select:hover,
  .form-container-popup .wpcf7-select:hover {
    color: #000 !important;
  }

  #popmake-39361 .btn-dangky-popup input,
  .form-container-popup .btn-dangky-popup input {
    width: 50% !important;
    font-size: 11px !important;
  }

  .form-popup input::placeholder,
  #popmake-39361 .wpcf7 textarea::placeholder,
  .form-container-popup .wpcf7 textarea::placeholder {
    color: white !important;
    opacity: 1 !important;
  }

  /* End popuop for mobile */

  .bottom-contact {
    display: block !important;
    position: fixed !important;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
  }
  .bottom-contact ul li {
    margin-bottom: 5px;
    width: 20%;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 13.5px;
  }
  .bottom-contact ul li img {
    width: 22px;
    margin-top: 5px;
    margin-bottom: 3px;
    opacity: 0.6;
  }
  .bottom-contact ul li span {
    color: black;
    font-size: 12px;
  }

  .footer-icon-messeger {
    display: none;
  }

  .tintuc-2 .flickity-prev-next-button {
    display: none;
  }

  .banner-csph .banner-description {
    display: block !important;
    opacity: 1 !important;
    max-height: 100px !important;
    visibility: visible !important;
    transform: none !important;
  }

  .banner-csph .arrow {
    font-size: 66px !important;
  }

  .afslide .section-content {
    min-height: auto;
  }
  /*	.bannergt{
		padding-top: 70px;
	}*/
  /* Dien dan mobile */

  .footer-fb-messenger {
    bottom: 12%;
    left: 5%;
    animation: none !important;
  }

  .footer-zalo {
    display: none;
  }

  #myInput {
    position: absolute !important;
    width: 52% !important;
    border-radius: 6px !important;
    left: 4% !important;
  }

  #btn-question {
    border-radius: 8px !important;
    background-color: rgb(71, 186, 117) !important;
    color: #fff !important;
    margin-left: 56% !important;
  }

  .col-answer {
    display: none;
  }

  .col-1 {
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 6px !important;
    margin-top: 0px !important;
    left: 6%;
    width: 24%;
  }

  .content-dien-dan .section-title-normal {
    left: 8%;
    width: 85% !important;
  }

  .content-answers {
    padding: 10px 30px 0px 30px !important;
  }
  .p-content {
    /* padding: 0px 30px 0px 10px; */
  }

  .single-co-so #main > div:first-of-type {
    padding-top: 70px;
  }

  .ykienph {
    padding-top: 0px !important;
  }

  .s3col-dad {
    display: none;
  }

  .qrote-son {
    top: 0px;
    left: 20px;
  }

  h2.index-title {
    font-size: 26px;
    padding: 30px;
    line-height: 1.5;
    font-weight: 900 !important;
    color: #018f9e !important;
  }

  #content {
    padding-top: 70px !important;
  }

  #text-7 {
    display: none;
  }

  #text-8 {
    display: none;
  }

  #text-9 {
    display: none;
  }

  .annouce {
    margin-top: -8px !important;
  }

  .icon-angle-down:before {
    content: "\f107";
    display: inline-block;
  }

  .header-main {
    position: absolute;
    margin: unset;
    background: rgba(255, 255, 255, 0.8) !important;
  }

  .header-bg-color {
    background-color: unset !important;
  }

  .quotes:after {
    display: none;
  }

  .daumoc:after {
    right: 10px !important;
  }

  input.wpcf7-form-control {
    width: 100%;
  }

  .border .img-inner {
    position: unset;
  }

  .owl-carousel .owl-stage-outer {
    height: auto;
  }

  .formf {
    margin-top: 50px;
    margin-bottom: 50px;
    background-size: 100% 100% !important;
  }

  .formf-1 {
    margin-top: 50px;
    margin-bottom: 50px;
    background-size: 100% 100% !important;
  }

  .daumoc {
    padding: 0px 30px !important;
  }

  .annouce {
    width: unset !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .find-campus .col-inner .button {
    margin-top: 200px;
  }

  .annouce .section-content h1 span {
    font-size: 25px !important;
  }

  #logo {
    display: block !important;
  }

  .logo img {
    position: relative;
    top: 0px;
  }

  .tintuc-2 .box-image {
    height: 167px !important;
  }

  .tintuc-2 .box-text.text-left {
    height: 370px !important;
  }

  .ykienph {
    padding-top: 0px !important;
  }

  .ykienphuhuynh .owl-nav {
    top: -245px !important;
  }

  .border .has-hover {
    margin-left: 38%;
  }
}

@media screen and (min-width: 500px) {
  .appointmentbuttom {
    display: none;
  }

  .register-form-wrapper {
    display: none;
  }
}

/*form đăng ký thông tin landing page trang hỏi đáp*/
.form-reghd {
  margin-top: -100px;
}

.form-reghd input.wpcf7-form-control.wpcf7-submit.button {
  width: 20% !important;
}

.form-reghd input.wpcf7-form-control.wpcf7-submit.button {
  margin-left: 41%;
}

.form-reghd input.wpcf7-form-control.wpcf7-text {
  border-radius: 5px;
}

.form-reghd .row {
  display: -webkit-flex !important;
}

.form-reghd textarea,
.form-reghd input.wpcf7-form-control {
  float: left;
  margin-right: 10px;
  background: unset !important;
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #fff;
}

.form-reghd span.your-phone,
.form-reghd span.your-email,
.form-reghd span.your-address,
.form-reghd span.your-name {
  width: 50%;
  float: left;
  padding: 5px 5px;
}

.form-reghd textarea.wpcf7-form-control {
  width: 100%;
}

.form-reghd input.wpcf7-form-control.wpcf7-submit.button {
  width: 15%;

  background: rgb(254, 189, 35) !important;
}

.form-reghd .section-content {
  zoom: 130%;
}

.formhd {
  margin: auto;
  background-color: #1b98ce;
  background-size: 100%;
  background-position-y: 100%;
}

.formhd {
  margin-top: 50px;
  margin-bottom: 50px;
  background-size: 100% 100% !important;
}

.formhd input.placeholder {
  color: #fff;
}

.form-reghd ::-webkit-input-placeholder {
  color: #fff;
}

a.button.primary.bttblue {
  background-color: #1999ce;
}

/* Css cutom footer */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  margin-right: 0;
}

.footer .social-icon {
  text-align: center;
}

.absolute-footer {
  display: none;
}

.imgcity {
  margin-top: 0;
  height: 100px;
  zoom: 100%;
}

.slider-style-focus {
  padding: 0 0 30px 0;
}

.smush-detected-img {
  box-shadow: 0 0 0 5px transparent;
}

/* page hoi dap */

.container-1 {
  overflow: hidden;
  display: flex;
}

.content-dien-dan {
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  position: relative;
}

#section_9006367 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.fillter-dien-dan {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: 1px solid #f0f0f0;
  padding-top: 15px;
  padding-left: 23px;
}

/* input search diễn đàn */

.fillter-dien-dan form {
  width: 95% !important;
}

.fillter-dien-dan form > input[type="text"] {
  border-radius: 8px !important;
}

#search-results {
  position: absolute;
  z-index: 9999; /* Đảm bảo khung kết quả luôn nằm trên cùng */
  width: 100%; /* Đảm bảo khung kết quả rộng bằng ô tìm kiếm */
  background-color: white; /* Đặt nền trắng để phân biệt với các nội dung khác */
  border: 1px solid #ddd; /* Tạo viền để dễ phân biệt */
  max-height: 300px; /* Giới hạn chiều cao, thêm thanh cuộn khi quá nhiều kết quả */
  overflow-y: auto; /* Thanh cuộn khi nội dung quá dài */
  display: none; /* Ban đầu ẩn khung kết quả */
}

#searchform {
  position: relative; /* Đảm bảo form cha giữ khung kết quả bên dưới */
}

#search-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#search-results li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

#search-results li:hover {
  background-color: #f0f0f0;
}

#search-results li a {
  text-decoration: none;
  color: #333;
}

#search-results li a:hover {
  color: #0073aa;
}

#myInput {
  width: 95%;
  border-radius: 6px;
}

.content-1 {
  background: white;
  border-bottom: 1px solid #f0f0f0;
  display: none;
  height: auto;
  font-size: 15px;
  text-align: justify;
  padding-top: 15px;
}

.label-1 {
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  color: black;
  cursor: pointer;
  background-color: #fff;
}

.label-1:hover {
  background-color: #f5f5f5;
}

.label-1 .active {
  background-color: #f5f5f5;
}

.content-answers {
  padding: 0px 75px 0px 15px;
}

.col-0 {
  margin-top: 30px;
}

.button primary is-outline {
  color: red;
}

.col-1 {
  margin-top: 30px;
  margin-left: 15px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 6px;
  color: #666;
  font-size: 10px;
  height: auto;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-top: 4px;
  padding-right: 39px;
  text-transform: uppercase;
}

.col-answer {
  border: solid 2px red;
  border-radius: 6px;
  text-align: center;
  height: 53px;
  width: 120px;
  margin-top: 31px;
  margin-left: 50px;
  margin-right: 6px;
}

.col-answer p {
  color: red;
  font-weight: 700;
  font-size: medium;
}

.row .row-content2 {
  display: none;
}

/* Ẩn slide tool right page */

.side-tool {
  display: none;
}

.grecaptcha-badge {
  display: none;
}

/* banner diễn đàn */
.banner-diendan {
  cursor: pointer;
}

.btn-dangky {
  font-family: sans-serif, "FontAwesome";
  text-align: center;
  display: inline-block;
}

/* Menu Right - tool */
.list-item1 {
  width: 72px;
  border-radius: 24px;
  border: none;
  transition: width 0.5s;
  padding: 8px 8px;
  position: fixed;
  bottom: 32%;
  right: 15px;
  z-index: 999;
  font-weight: bolder;
  transform-origin: left center;
  transition: width 0.5s;
}

.list-item1:hover {
  width: 200px;
  background-color: #384276;
  animation: stretchOpen 0.4s ease-in-out;
}

/* thêm */
.list-item1:not(:hover) .item1 {
  display: none;
}
.list-item1:not(:hover) .item1.active {
  display: flex;
}

/* Khi hover thì hiện toàn bộ */
.list-item1:hover .item1 {
  background-color: rgba(255, 255, 255, 0.24);
  display: flex;
}

.list-item1:hover .item1 .t1,
.list-item1:hover .item1 .t1 {
  display: flex;
}

.item1 {
  background-color: #384276;
  border-radius: 100px;
  color: #fff !important;
  display: flex;
  text-decoration: none;
  padding: 30px 0px;
  position: relative;
  margin: 10px -1px;
  align-items: center;
}

.item1 .img1 {
  position: absolute;
  margin-left: 16px;
  margin-top: -1px;
}

.item1 .t1 {
  position: fixed;
  margin-top: 0px;
  margin-left: 50px;
  font-size: 13px;
  display: none;
  white-space: nowrap;
}

.list-item1:hover .item1:nth-child(1) {
  animation-delay: 0s;
}
.list-item1:hover .item1:nth-child(2) {
  animation-delay: 0.1s;
}
.list-item1:hover .item1:nth-child(3) {
  animation-delay: 0.2s;
}

@keyframes stretchOpen {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.1);
  }
  100% {
    transform: scaleX(1);
  }
}

/* Animation fade khi auto slide */
@keyframes fadeInIcon {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.item1.active {
  animation: fadeInIcon 0.4s ease;
}

@media screen and (max-width: 600px) {
  .list-item1 {
    display: none;
  }

  .Row-gallery {
    display: none;
  }
}

.container-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://kindycity.edu.vn/wp-content/uploads/2025/04/POP-UP_DESKTOP-01-2.png");
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  width: 1025px;
  height: 570px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

/* .form-container-popup {
  padding: 10px;
  background-color: unset;
  border-radius: 15px;
  max-height: 80%;
  position: fixed;
  top: 18%;
  width: 40%;
  left: 57%;
  overflow: hidden;
} */

.form-container-popup {
  padding: 10px;
  background-color: #fff;
  border-radius: 15px;
  max-height: 80%;
  position: fixed;
  top: 10%;
  width: 40%;
  left: 53%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.form-container-popup .form-popup {
  padding: 0px 10px 10px 10px;
}

/* Form styling */
.form-container-popup form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-popup textarea {
  border-radius: 8px !important;
  min-height: 38px !important;
}

.btn-dangky-popup {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: sans-serif, "FontAwesome";
  margin-top: -15px;
}

.btn-dangky-popup input {
  width: 50%;
  border-radius: 10px;
  background-color: #f77f00 !important;
}

.btn-dangky-popup input[type="submit"]:hover {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

/* #popmake-36900 {
  background: url(https://kindycity.edu.vn/wp-content/uploads/2018/05/Khung-dang-ky-01.png);
} */

/* #popmake-39361 form {
  padding: 10px;
  display: block;
  margin-top: 50%;
} */

#popmake-39361 {
  border-radius: 10px;
  width: auto;
  height: auto;
  overflow: hidden;
}

/* .popup-dk-mobile {
  background: url(https://kindycity.edu.vn/wp-content/uploads/2024/11/POP-UP_-MUALEHOI_MOBILE-01-1.png);
  background-size: cover;
} */

button.icon:not(.button),
a.icon:not(.button) {
  font-size: 1.2em;
  display: none;
}

#row-246546409 > .col > .col-inner {
  padding: 0px 0px 0px 30px;
}

#section_9006367 {
  padding-top: 30px;
  padding-bottom: 30px;
}

#btn-question :hover {
  background-color: #388e3c !important;
  color: #fff !important;
}

/*paginate_links*/
.paginate_links .current,
.paginate_links a,
.paginate_links a:hover,
.paginate_links .active a,
.paginate_links .disabled {
  color: #fff;
  text-decoration: none;
}

.paginate_links .current,
.paginate_links a,
.paginate_links a:hover,
.paginate_links .active a,
.paginate_links .disabled {
  background-color: rgb(71, 186, 117);
  border: 1px none;
  border-radius: 4px;
  cursor: pointer;
  padding: 6px 10px;
  color: #fff;
}

.paginate_links a:hover,
.paginate_links .active a,
.paginate_links .current {
  background-color: #388e3c;
  color: #fff;
}

/*End paginate_links*/

.footer-homepage {
  position: relative;
  z-index: 1;
}

.footer-formdk .section-content {
  padding: 0xp 0px 30px 0px !important;
}

.footer-formdk .banner-footerformdk .overlay {
  opacity: 0.35 !important;
}

.col-footer-formdk .col-inner {
  border: none;
  border-radius: 36px;
  min-height: 580px;
}

.col-footer-maildk .col-inner {
  border: none;
  border-radius: 36px;
}

/* Bài viết liên quan */
/* General Styling for the Slider */
.related-post {
  padding: 20px;
  overflow: hidden; /* Prevents overflow on desktop */
}

.swiper-container {
  width: 100%;
  padding-bottom: 20px;
}

.related-title {
  font-size: 1.2em; /* Slightly smaller font for the title */
  margin-bottom: 15px;
  text-align: center; /* Center align the title */
}

/* Swiper Slide Styling */
.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 10px;
}

.box-post-inner {
  width: 270px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
  max-width: 250px; /* Fixed width for consistent size */
  height: 260px; /* Fixed height for consistent size */
  margin: 0 auto; /* Center each post */
}

.box-post-inner:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Uniform Image Styling */
.related-post-thumbnail {
  width: 100%; /* Ensures image takes up full width of its container */
  height: 150px; /* Fixed height for uniform appearance */
  object-fit: cover; /* Crops and fills the image area without distortion */
  border-radius: 5px;
}

.post-title {
  font-size: 0.9em; /* Reduced font size for title text */
  color: #018f9e;
  margin-top: 10px;
  line-height: 1.3em;
}

/* bài viết liên quan ý kiến phụ huynh */
.related-posts-slider {
  margin-top: 50px;
}
.related-posts-slider .index-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #00838f;
}
.related-swiper .swiper-slide {
  text-align: center;
}
.related-swiper .item {
  display: block;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  transition: transform 0.3s ease;
}
.related-swiper .item:hover {
  transform: translateY(-5px);
}
.related-swiper .img-inner {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 12px;
}
.related-swiper .img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-swiper .entry-title-ykien {
  font-weight: bold;
  margin-top: 12px;
  font-size: 16px;
  color: #444;
}

.related-y-kien-slider {
  position: relative;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  background-color: #384276;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* ✅ Vị trí nút trái/phải */
.swiper-button-prev {
  left: 5px;
}

.swiper-button-next {
  right: 5px;
}

/* ✅ Tuỳ chỉnh biểu tượng mũi tên */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

/* ✅ Mobile: giữ nút nhỏ gọn */
@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 28px;
    height: 28px;
    background-color: #384276;
  }
}

.related-y-kien-slider .swiper-pagination {
  top: 100% !important;
}

/* Swiper Pagination Dots */
.swiper-pagination-bullet {
  background: #bbb;
  opacity: 1;
  margin: 5px;
}

.swiper-pagination-bullet-active {
  background: #555;
}

/* Responsive Styling */

/* Mobile Styles */
@media (max-width: 640px) {
  .related-title {
    font-size: 1em;
  }
  .swiper-slide {
    padding: 5px;
  }
  .post-title {
    font-size: 16.5px;
    color: #018f9e; /* Further reduce font size on mobile */
  }
  .box-post-inner {
    max-width: 270px;
    height: 250px;
  }
  .related-post-thumbnail {
    height: 120px; /* Adjust image height for mobile */
  }
}

/* Tablet and Larger Screens */
@media (min-width: 641px) {
  .related-title {
    font-size: 1.2em;
  }
  .swiper-slide {
    padding: 10px;
  }
  .post-title {
    font-size: 0.9em;
  }
  .box-post-inner {
    max-width: 250px; /* Consistent width for desktop */
    height: 260px; /* Consistent height for desktop */
  }
  .related-post-thumbnail {
    height: 150px; /* Uniform image height on larger screens */
  }
}
.sec-img-1 .col-inner {
  /* height: 300px; */
  border-radius: 10px;
}

.sec-img-1 .sukienoibat {
  padding: 5px 15px 15px 22px;
  height: 350px;
}

.sec-img-1 .col-inner a {
  color: #ffffff;
}

.sec-img-1 .col-inner .icon-box-img {
  margin-top: -350px;
  margin-right: 10px;
}

/* Đảm bảo hình ảnh banner không bị ảnh hưởng */
.banner-image {
  width: 100% !important;
}

.post-tags {
  font-size: 0.9em;
  color: #333;
  margin-top: 20px;
  padding-bottom: 20px;
}
.post-tags a {
  color: #0073aa;
  text-decoration: none;
  padding: 5px;
  background-color: #f0f0f0;
  border-radius: 4px;
  margin-right: 5px;
}
.post-tags a:hover {
  background-color: #0073aa;
  color: #fff;
}

.entry-header .entry-title {
  font-weight: 700 !important;
  font-size: 25px;
  line-height: 1.4em;
}

.col-calendar .tabbed-content span {
  font-size: 30px;
}