/*
Theme Name: Giao-Dien-Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.section-title-bold-center span, .section-title-center span {
    font-weight: bold;
}



li.html .row, li.html form, li.html input, li.html select {

    border-radius: 10px;
}

.searchform .button.icon {
    border-radius: 10px;
}


.nav-dropdown-has-border .nav-dropdown {
    border-radius: 10px;
}











.vt-footer-info{
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
}

.vt-footer-info li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.5;
}

.vt-footer-info i{
  min-width: 20px;
  color: #ffd84d;
  font-size: 16px;
  margin-top: 3px;
}

.vt-footer-info a{
  color: #fff;
  text-decoration: none;
}

.vt-footer-info a:hover{
  text-decoration: underline;
}



















   /* =========================
   VINATECH CF7 - 3D FLAT UI (NO CSS VARIABLES)
   ========================= */

.wpcf7 form{
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 16px 40px rgba(2, 8, 23, .12);
  overflow: hidden;
}

/* decor blob */
.wpcf7 form:before,
.wpcf7 form:after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
}
.wpcf7 form:before{
  width: 180px;
  height: 180px;
  left: -30px;
  top: -30px;
  background: radial-gradient(circle at 30% 30%, rgba(31,111,255,.35), rgba(31,111,255,0));
  transform: rotate(12deg);
}
.wpcf7 form:after{
  width: 220px;
  height: 220px;
  right: -40px;
  bottom: -40px;
  background: radial-gradient(circle at 30% 30%, rgba(0,212,255,.28), rgba(0,212,255,0));
  transform: rotate(-10deg);
}

/* đảm bảo nội dung nằm trên blob */
.wpcf7 form *{
  position: relative;
  z-index: 1;
}

.wpcf7 form > p{
  margin: 0 0 14px;
}

/* Inputs */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
  width: 100%;
  box-sizing: border-box;
  border-radius: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(15, 23, 42, .12);
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.80));
  color: #0f172a;
  font-size: 16px;
  outline: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 10px 18px rgba(2, 8, 23, .06);
}

.wpcf7 textarea{
  min-height: 140px;
  resize: vertical;
  line-height: 1.45;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
  color: rgba(100,116,139,.9);
}

/* Focus glow */
.wpcf7 input:focus,
.wpcf7 textarea:focus{
  border-color: rgba(31,111,255,.55);
  box-shadow:
    0 16px 34px rgba(2, 8, 23, .10),
    0 0 0 6px rgba(31,111,255,.28);
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.86));
}

/* Hover */
.wpcf7 input:hover,
.wpcf7 textarea:hover{
  border-color: rgba(15,23,42,.18);
  box-shadow: 0 14px 26px rgba(2, 8, 23, .08);
}

/* Submit button */
.wpcf7 input[type="submit"]{
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 12px 22px;
  border-radius: 14px;
  font-weight: 700;
  letter-spacing: .3px;
  color: #fff;
  background: linear-gradient(90deg, #1f6fff, #00d4ff);
  box-shadow:
    0 18px 34px rgba(31,111,255,.28),
    0 10px 18px rgba(2, 8, 23, .10);
  transform: translateY(0);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.wpcf7 input[type="submit"]:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow:
    0 22px 44px rgba(31,111,255,.32),
    0 12px 22px rgba(2, 8, 23, .12);
}

.wpcf7 input[type="submit"]:active{
  transform: translateY(1px);
  box-shadow:
    0 12px 26px rgba(31,111,255,.22),
    0 8px 14px rgba(2, 8, 23, .10);
}

/* CF7 response */
.wpcf7 .wpcf7-response-output{
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.80);
  box-shadow: 0 10px 18px rgba(2, 8, 23, .06);
  color: #0f172a;
}

/* Mobile */
@media (max-width: 640px){
  .wpcf7 form{ padding: 16px; }
}











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


}