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

/*************** ADD CUSTOM CSS HERE.   ***************/
* {
    font-family: 'SVN Avo', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

ul.header-nav.header-nav-main {
    display: flex
;
    gap: 60px;
}

.header-nav li {
    margin: 0 15px;
}

.header-nav li a {
    font-size: 16px;
}

ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    margin-left: 30px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus {
    outline: none;
    border: 2px solid #1e90ff;
}

.wpcf7-form input[type="submit"] {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #c0392b;
}

.wpcf7-form em {
    font-size: 14px;
    color: #ccc;
    display: block;
    margin-top: 10px;
}

.et_pb_post_extra{
    flex-wrap: nowrap;
}

a{
    color: var(--primary-color);
}

a.button.primary.btn-shadow {
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}
.col-icon-ok .col-inner {
  background-color: rgba(245, 245, 245, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 20px;
  border-radius: 15px;
}

.col-icon-ok .col-inner::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 2px solid #FFFFFF; /* White border */
  border-radius: 50%;
}

}
.section-question svg {
    fill: #fff !important;
    color: #fff;
    background: #d8a72b;
    border-radius: 50%
50%
;
    padding: 5px;
}
.section-form-dat-hang label {
    color: #fff;
    text-align: left;
    font-size: 16px;
}

.section-form-dat-hang .wpcf7-form input[type="submit"] {
    padding: 4px 20px;
}

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


}