/*
Theme Name: Goldsmith Child
Template: goldsmith
*/

@font-face {
  font-family: 'UTMAristote';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/UTM-Aristote.woff");
}
@font-face {
  font-family: 'RobotoM';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Roboto-Medium.woff");
}
:root {
    --font-main: 'RobotoM',sans-serif;
    --font-slogan: 'UTMAristote',sans-serif;
    --color-dark: #181818;
    --color-green: #006039;
    --color-green2: #087c4d;
    --color-green3: #15211a;
    --color-yellow: #FFD700; 
    --color-gold: #f0c973;
    --color-white: #ffffff;
}
body{
    font-family: var(--font-main) !important;
    font-weight: 600;
    color: var(--color-white) ;
    background-image: url('images/bg-main.svg');
     background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
b,strong{
    font-weight: bold;
}
a, .button,input, select, textarea, input[type="checkbox"]{
    color: var(--color-white);
}
a:hover{
    color: var(--color-gold);
}
/**=======================================================*/
.--colo-gradient{
  background: linear-gradient(
    to right,
    #dea948 0%,
    #F9DC8E 30%,
    #dea948 70%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.bg-label{
    position: relative;
    display: inline-flex;
    width: 580px;
    justify-content: center;
    align-items: center;
    height: 85px;
}
.bg-quote::before,.bg-quote::after, .bg-quote p::before, .bg-label::before{
    content: '';
    position: absolute;
    background-image: url('images/tools/label.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.bg-quote p::before{
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    transform: unset;
    background-image: url('images/tools/quote-icon.png');
    background-size: contain;
    width: 60px;
    height: 60px;
    z-index: 2;
}
.bg-quote::before,.bg-quote::after{
    background-image: url('images/tools/quote-arr.png');
    width: 50px;
    height: 20px;
    left: -60px;
    transform: translateY(-50%);
}
.bg-quote::after{
    left: auto;
    right: -57px;
}
.bg-quote{
    padding: 5px;
    position: relative;
    width: 100%;
    max-width: 835px;
    margin: auto;
}
.bg-quote p{
    border: 2px solid var(--color-green3);
    min-height: 80px;
    background-color: #fff;
    padding: 15px 20px;
}
.bg-content{
    color: var(--color-dark);
    background-image: url(images/tools/content.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-content--line{
    border: 3px solid var(--color-green3);
    margin: 0;
    padding: 20px;
}
.--icon-line::before,
.--icon-line::after{
    content: '';
    background-image: url('images/tools/icon-line.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 24px;
    position: absolute;
}
.--icon-line.left::before{
    left: 10px;
    top: 10px;
}
.--icon-line.left::after{
    left: 11px;
    bottom: 9px;
    transform: rotate(-90deg);
}
.--icon-line.right::before{
    right: 11px;
    top: 10px;
    transform: rotate(90deg);
}
.--icon-line.right::after{
    right: 10px;
    bottom: 10px;
    transform: rotate(-180deg);
}
[about-custom-img] img{
    height: 355px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
[btn-green],
[btn-gold],
.goldsmith-btn,
.submit.cr-single-product-rev-submit{
    width: max-content;
    max-width: 300px;
    border-radius: 15px;
    background: linear-gradient(
        to right,
        #08130e 0%,
        #1c5032 50%,
        #09100c 100%
    );
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    color: var(--color-gold);
    transition: all ease 0.4s;
    font-size: 15px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
[btn-green]::before,
[btn-gold]::before,
.goldsmith-btn::before,
#label-btn .goldsmith-widget-label::before,
.submit.cr-single-product-rev-submit::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('images/btn-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
[btn-gold],
[btn-green]:hover,
.goldsmith-btn:hover,
.submit.cr-single-product-rev-submit:hover{
    background: linear-gradient(
        to right,
        #dfab47 0%,
        #fbde90 50%,
        #e3b352 100%
    );
    color: var(--color-green);
}
[data-line]{
    position: relative;
    padding-top: 50px;
}
[data-line]::before {
    content: '';
    width: 700px;
    height: 40px;
    max-width: 90%;
    position: absolute;
    background-image: url('images/line-title-break.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
[slide-custom] .goldsmith-slide-inner{
    position: relative;
}
[slide-custom] .goldsmith-slide-inner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
}
#label-btn .goldsmith-widget-label,[label-btn] .goldsmith-widget-label, [slide-custom] .goldsmith-btn{
    background: linear-gradient(
        to right,
        #dfab47 0%,
        #fbde90 50%,
        #e3b352 100%
    );
    color: var(--color-green);
    position: relative;
    padding: 15px 20px;
}
[slide-custom] .goldsmith-btn:hover{
    background: linear-gradient(
        to right,
        #08130e 0%,
        #1c5032 50%,
        #09100c 100%
    );
    color: var(--color-gold);
}
@media(max-width: 1200px){
    .bg-quote::before{
        display: none;
    }
    .bg-quote::after{
        transform: translate(0,-50%) rotate(90deg);
        right: 47.3%;
        top: auto;
        bottom: -40px;
        width: 30px;
        height: 12px;
    }
}
@media(max-width: 768px){
    [data-line]{
        padding-top: 30px;
    }
    .bg-label{
        font-size: 18px;
        height: auto;
        width: auto;
        padding: 8px 25px;
        min-width: max-content;
    }
    .bg-label::before{
        background-size: contain;
    }
    .bg-quote p{
        font-size: 13px;
    }
    .bg-quote p::before{
        width: 50px;
        height: 50px;
    }
    [about-custom-img] img{
        height: 180px;
    }
}
/*Header*/
.goldsmith-header-top-left.header-top-side,
.goldsmith-header-top-right.header-top-side {
    max-width: 300px;
}
.p-header__sub-text{
    font-family: var(--font-slogan);
}
/**Menu*/
.goldsmith-header-top-menu-area>ul>li>.submenu, .goldsmith-header-top-menu-area>ul>li>.item-shortcode-wrapper {
    left: 50%;
    transform: translateX(-50%);
}
.goldsmith-header-top-menu-area>ul>li>.submenu{
    /* background-color: var(--color-green); */
    background-image: url(images/message-bg-green.png);
    background-position: center bottom;
    background-size: cover;
}
.goldsmith-header-top-menu-area>ul>li>.submenu .submenu{
    width: 100%;
    max-width: max-content;
    min-width: unset;
    left: 95%;
    background-image: url(images/message-bg-green.png);
    background-position: center bottom;
    background-size: cover;
}
.goldsmith-header-top-menu-area>ul>li>.submenu li ~ li{
    margin-top: 10px;
}
.goldsmith-header-top-menu-area>ul>li>.submenu li a{
    line-height: 1.4 !important;
    color: var(--color-gold) !important;
}
/**Footer*/
.c-footer {
    background-color: #181818;
    /* background-image: url('images/footer-img.svg'); */
    position: relative;
    overflow: hidden;
}
.c-footer::before,
.c-footer::after,
.c-footer .footer_icon{
    content: '';
    position: absolute;
    top: -8%;
    left: -11%;
    width: 522px;
    height: 265px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/footer-icon.png');
}
.c-footer::after{
    left: auto;
    right: -11%;
    transform: scaleX(-1);
}
.c-footer .footer_icon{
    background-image: url('images/footer-img.svg');
    background-size: 150%;
    background-position-y: top;
    width: 100%;
    height: 500px;
    top: auto;
    bottom: 0;
    left: 0;
    opacity: 0.06;
}
.footer__about .footer__logo {
    margin-bottom: 30px;
    max-width: 300px;
}
.footer__about .footer__logo a {
    display: block;
}
.footer__widget h6 {
    color: var(--color-yellow);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.footer__about p {
    color: var(--color-white);
    margin-bottom: 10px;
}
footer .foot-addr {
    color: var(--color-white);
}
.footer__about p.text-lg {
    font-size: 18px;
    font-weight: 600;
}
.footer__widget ul li {
    line-height: 30px;
    list-style: none;
}
.footer__widget ul li a{
    color: var(--color-white);
}
.c-copyright{
    padding: 20px;
    color: var(--color-yellow);
    font-size: 20px;
    text-align: center;
    background-image: url('images/copyright.png');
    background-size: cover;
    background-position: center;
    /* background-repeat: no-repeat; */
    background-color: var(--color-dark);
    border-top: 1px solid #ccc;
}
@media(max-width: 1024px){
    .c-copyright{
        font-size: 15px;
    }
}
/* ================================
   LAYOUTS
================================ */
.l-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 !important;
}

/* ================================
   PROJECT: HEADER
================================ */
.p-header{
    background-image: url('images/bg-main.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.p-header__container{
    display: flex;
    justify-content: center;
    /* background-color: var(--color-green); */
    /* padding: 0 !important; */
    position: relative;
}
.p-header__container::before{
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    background-color: #111;
    transform: translate(-50%);
    opacity: 0.49;
}
.p-header__top {
    padding: 12px 0;
}

.p-header__nav {
    padding-left: 18px;
    display: flex;
    width: max-content;
    align-items: center;
}
.goldsmith-header-top-menu-area{
    padding: 14px 0;
    height: auto !important;
}
.p-header__sub {
    padding: 14px 0;
    width: max-content;
    position: relative;
    z-index: 1;
}

.p-header__sub-text {
    color: var(--color-gold);
    font-size: 16px;
    padding-right: 20px;
    display: block;
    width: 100%;
    line-height: 1.8;
    text-transform: capitalize;
    border-right: 1px solid currentColor;
    text-align: center;
    font-weight: 500;
    padding-bottom: 2px;
}
.goldsmith-header-mobile-top-height{
    display: none !important;
}
input, select, textarea, input[type="checkbox"]{
    color: var(--color-dark);
}
.scroll-to-top{
    background: var(--color-green);
}
.slick-dots li{
    border-color: var(--color-green);
}
.slick-dots li button{
    background: var(--color-green);
}
.slick-dots li.slick-active{
    border-color: var(--color-yellow);
}
.slick-dots li:hover button, .slick-dots li:focus button, .slick-dots li.slick-active button{
    background: var(--color-yellow);
}
.slick-dots{
    margin-top: 20px;
}
.goldsmith-swiper-container:hover .goldsmith-swiper-next, .goldsmith-swiper-container:hover .goldsmith-swiper-prev{
    background: var(--color-green);
    color: var(--color-yellow);
    border-color: var(--color-green);
}

.comment-form input#submit{
    background-color: var(--color-green);
}
.nt-comment-author a,
.nt-comment-author{
    color: var(--color-white) !important;
}
.comment-form-cookies-consent{
    display: none !important;
}
@media(max-width: 1550px){
    .p-header__sub{
        display: none;
    }
    .p-header__nav,.p-header__nav ul{
        width: 100%;
        justify-content: center;
        padding: 10px;
        gap: 20px;
    }
    .p-header__nav li a{
        font-size: 16px;
    }
    .goldsmith-header-top-menu-area{
        padding: 0;
    }
}
@media (max-width: 1280px) {
    .goldsmith-header-mobile-top,
    .goldsmith-header-mobile{
        background: var(--color-green) !important;
    }
    .header-text-logo,
    .goldsmith-svg-icon{
        color: var(--color-yellow);
        fill: var(--color-yellow);
    }
}
@media(max-width: 1024px){
    .p-header__nav li a{
        font-size: 13px;
    }
    .p-header__nav,.p-header__nav ul{
        padding: 5px 10px;
        gap: 10px;
    }
    .p-header__container,
    .p-header__top{
        display: none;
    }
    .goldsmith-header-mobile-top-height{
        display: flex !important;
    }
    .sliding-menu .sliding-menu__nav:before, .sliding-menu .sliding-menu__back:before,
    .sliding-menu .sliding-menu-inner li a, .sliding-menu li .sliding-menu__nav{
        color: var(--color-dark);
    }
    .sliding-menu li.current-menu-parent>.sliding-menu__nav, 
    .sliding-menu li.current-menu-item>.sliding-menu__nav, 
    .sliding-menu li.current-menu-item>a, 
    .sliding-menu li a:hover, 
    .sliding-menu li.active a, 
    .sliding-menu li .sliding-menu__nav:hover{
        color: var(--color-yellow);
    }
}
@media(max-width: 900px){
    
}
/* ================================
   COMPONENT: LOGO
================================ */
.c-logo__img {
    height: 50px;
}

/* ================================
   COMPONENT: HEADER ACTIONS
================================ */
.c-header-actions {
    display: flex;
    align-items: center;
    gap: 26px;
}

/* Link (Tra cứu mạng) */
.c-header-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-yellow);
    font-size: 15px;
    font-weight: 600;
}

.c-header-link__icon {
    width: 22px;
}

/* Search */
.c-header-actions__item.c-search-btn {
    border: 0;
    background: transparent;
    color: var(--color-yellow);
}

/* Cart */
.c-cart {
    position: relative;
    display: inline-flex;
    color: var(--color-yellow);
}

.c-cart__icon {
    width: 26px;
}

.c-cart__count {
    position: absolute;
    top: -6px;
    right: -10px;
    width: 18px;
    height: 18px;
    background: #fff;
    color: var(--color-yellow);
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* LANGUAGE */
.c-lang {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 6px;
    color: var(--color-yellow);
}

.c-lang__icon {
    width: 12px;
}

/* ================================
   COMPONENT: NAV MENU
================================ */
.c-nav {
    display: flex !important;
    justify-content: center;
    gap: 60px;
}

.c-nav > li > a {
    color: var(--color-yellow) !important;
    font-size: 20px;
    padding: 16px 0;
    font-weight: 600;
    display: block;
}

.p-header__nav ul{
    display: flex;
    align-items:center;
    gap: 15px 22px;
}
.header-spacer, .goldsmith-header-top-menu-area>ul>li.menu-item{
    min-height: auto !important;
    height: auto !important;
}
.goldsmith-header-top-menu-area>ul>li.menu-item>a{
    color: var(--color-gold);
    font-size: 16px;
    margin-right: 0 !important;
    font-weight: 600;
    line-height: 1.4;
}
.goldsmith-header-top-menu-area ul li .submenu, .goldsmith-header-top-menu-area ul li>.item-shortcode-wrapper{
    z-index: 9;
    width: max-content;
}
.current-menu-parent>a, .current-menu-item>a, .goldsmith-header-top-menu-area>ul>li.menu-item>a:hover, .goldsmith-header-top-menu-area ul li .submenu>li.menu-item>a:hover{
    color: var(--color-gold);
    text-decoration: underline;
}
/**===========================================*/
/**Breadcrum**/
.goldsmith-page-hero{
    background-image: url(images/message-bg-green.png);
    background-position: center bottom;
    background-size: cover;
    background-color: var(--color-gold);
    border-bottom-color: var(--color-gold);
    border-top-color: var(--color-gold);
}
.goldsmith-breadcrumb li, .goldsmith-breadcrumb li a, .woocommerce-breadcrumb a{
    color: var(--color-white);
}
/* ===============================
   Component: Marquee (FLOCSS + BEM)
   =============================== */

.c-marquee {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  background-image: url('images/bg-hot-news.svg');
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
}

.c-marquee__inner {
  display: inline-block;
  padding-left: 100%;
  animation: marquee-move 30s linear infinite;
}

.c-marquee__text {
  display: flex;
  font-size: 15px;
  font-weight: 600;
  padding: 16px 0;
  /* gap: 20px; */
  align-items: center;
}
.c-marquee__link{
    width: max-content;
    border-left: 2px solid currentColor;
    padding: 0 20px;
    line-height: 1.1;
    color: var(--color-dark);
}
.c-marquee__link:first-child{
    border: 0;
}
/* Modifier: fade gradient */
.c-marquee--fade::before,
.c-marquee--fade::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
    display: none;
}

.c-marquee--fade::before {
  left: 0;
  background: linear-gradient(to right, var(--color-dark), rgba(255, 255, 255, 0));
}

.c-marquee--fade::after {
  right: 0;
  background: linear-gradient(to left, var(--color-dark), rgba(255, 255, 255, 0));
}

/* Animation */
@keyframes marquee-move {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Container tuyết */
.snow-container {
    pointer-events: none; /* Không chặn click */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99999; /* nằm trên cùng nhưng không ảnh hưởng click */
}

/* Hạt tuyết */
.snowflake {
    position: absolute;
    top: -10px;
    color: var(--color-yellow);
    user-select: none;
    pointer-events: none;
    opacity: 0.9;
    animation-name: fall;
    animation-timing-function: linear;
}

@keyframes fall {
    to {
        transform: translateY(110vh);
        opacity: 0.1;
    }
}

@media(max-width: 1024px){
    .c-marquee--fade::before,
    .c-marquee--fade::after {
        width: 60px;
    }
    .c-marquee__text{
        padding: 5px 0 15px;
    }
}
/**============================================*/
/**Modal*/
.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}
.modal .modal-dialog {
    transform: translateY(-10px) scale(0.96);
    transition: transform 0.35s ease;
}

.modal.show .modal-dialog {
    transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    justify-content: center;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-body .left-side,
.modal-body .right-side,
.modal-body .center-side{
    min-height: 300px;
}
#modal-result .left-side,
#modal-result .right-side,
#modal-result .center-side{
    min-height: 620px;
}
.modal-body .--custom-bg{
    padding: 10px;
    width: 37%;
    background-image: url('images/bg-tracuu.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.modal-body .--custom-bg::after{
    content: '';
    background-image: url('images/hoavan-tracuu.png');
    background-size: contain;
    display: block;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.modal-body .center-side{
    width: 26%;
    padding: 0;
}
#modal-result .modal-body .center-side{
    width: 45%;
}
#modal-result .modal-body .right-side{
    width: auto;
    flex: 1;
}
.modal-body .center-side img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}
#modal-result{
    max-width: 1000px;
    margin: auto;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-dark)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5;
    
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-tinhlam .modal-xl{
    max-width: 1300px;
    padding: 0 20px;
}
.modal-tinhlam .modal-content {
    background: none;
    border: none
}

.modal-tinhlam .close {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #fff;
    opacity: 1;
    border-radius: 20px;
    cursor: pointer;
}

.modal-search-element .modal-body {
    padding: 0;
    background: #fff;
    margin-top: 15px;
    padding: 0 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border-radius: 10px;
    color: var(--color-dark);
}

.modal-search-element .left-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#modal-input .search-element {
    padding: 30px 10px;
    text-align: center;
    line-height: 1.4;
    min-height: 330px;
    display: grid;
}
#modal-result .search-element {
    min-height: 400px;
    padding: 20px 10px;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
}

.modal-search-element .search-element h4 {
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 20px;
    background: linear-gradient(
    to right,
    #08130e 0%,
    #1c5032 50%,
    #09100c 100%
  );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.modal-search-element .search-element select.select-dob-element {
    width: 100%;
    padding: 5px;
    max-width: 250px;
    cursor: pointer;
    border-color: #1c5032;
}
.modal-search-element .search-element select[name="eastern-hour"],
.modal-search-element .search-element select[name="western-hour"]{
    font-size: 12px;
    max-width: 200px;
}
.dob-loading {
    text-align: center;
    padding: 20px 0;
}

.dob-loading .spinner {
    width: 36px;
    height: 36px;
    border: 3px solid #ddd;
    border-top: 3px solid #c5a46d;
    border-radius: 50%;
    display: inline-block;
    animation: dobSpin 0.8s linear infinite;
    margin-bottom: 10px;
}

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

.dob-element-result{
    text-align: left;
}
.dob-result-content{
    list-style: none;
    margin-bottom: 25px;
}
.dob-result-content li{
    font-size: 15px;
}
.dob-result-content li ~ li{
    margin-top: 10px;
}
.dob-element-result span{
    color: var(--color-yellow);
    font-size: 16px;
}
.dob-element-result strong{
    font-weight: bold;
    color: var(--color-dark);
    display: block;
    padding-left: 9px;
    line-height: 1.4;
}
.dob-element-select {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
    margin: 0 auto 15px;
    gap: 10px 2%;
}
.dob-element-select label{
    width: 130px;
    font-size: 13px;
    text-align: right;
}
.dob-element-select input{
    width: 160px;
}
.dob-element-btn {display: flex;justify-content: space-between;}
.btn-search-element {
    width: 100%;
    max-width: 200px;
    margin: 20px auto 0;
    text-align: center;
}

.primary-btn {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 30px;
    color: #fff;
    background: linear-gradient(120deg,var(--color-green) 0%,var(--color-green2) 25%,var(--color-green) 75%);
    letter-spacing: 2px;
    border: 1px solid var(--color-green2);
    border-radius: 10px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.primary-btn::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(images/menu-cloud-bg.png);
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2
}

.primary-btn:hover,.primary-btn:focus {
    background: linear-gradient(120deg,var(--color-yellow) 0%,var(--color-yellow) 25%,var(--color-yellow) 75%);
    color: #fff
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}
@media(max-width: 1024px){
    .modal-tinhlam .modal-xl{
        max-width: 800px;
    }
    .modal-search-element .modal-body .row{
        flex-wrap: wrap;
    }
    .modal-search-element .search-element{
        padding: 20px;
    }
    .modal-body .left-side, .modal-body .right-side, .modal-body .center-side{
        width: 100%;
        min-height: auto;
    }
    .modal-body .center-side{
        order: 1;
        height: 200px;
    }
    .modal-body .center-side img{
        border-radius: 10px;
    }
    #modal-result .modal-body .center-side img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .modal-body .left-side{
        order: 2;
        padding-top: 0;
    }
    .modal-body .right-side{
        order: 3;
        padding-top: 0;
    }
    .modal-body .right-side.--bord::before{
        content: '';
        height: 2px;
        width: 100%;
        display: block;
        background-color: var(--color-green);
    }
    .modal-search-element .search-element h4{
        font-size: 16px;
    }
    .dob-element-result strong,
    .dob-element-result span,
    #modal-result .search-element{
        font-size: 13px;
    }
    .btn-search-element.primary-btn{
        max-width: 180px;
    }
    #modal-result .left-side, #modal-result .right-side, #modal-result .center-side{
        min-height: 580px;
    }
    .dob-element-select{
        flex-wrap: wrap;
        width: 100%;
    }
}
@media(max-width: 768px){
    .u-pc{
        display: none !important;
    }
    .dob-element-btn{
        margin-top: 15px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .modal-search-element .search-element h4{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .modal-body .center-side{
        height: 120px;
    }
    .modal-search-element .search-element{
        padding:10px;
        min-height: 300px;
    }
    #modal-input .search-element{
        padding: 20px 0px;
        min-height: 200px;
    }
    .modal-search-element .modal-body{
        font-size: 13px;
    }
    .modal-search-element .search-element select.select-dob-element{
        min-height: 35px;
        margin-bottom: 13px;
    }
    .btn-search-element.primary-btn{
        max-width: 160px;
        padding: 10px;
        font-size: 12px;
    }
    .modal-tinhlam .modal-xl{
        max-width: 340px;
        margin: auto;
    }

    #modal-result .left-side, #modal-result .right-side, #modal-result .center-side{
        min-height: 120px;
    }
    #modal-result .modal-body .center-side{
        width: 100%;
    }
    .dob-element-select label{
        text-align: center;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

/**Product*/
.woocommerce-variation-price .price span.del>span, .goldsmith-price span.del>span,
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-variation-price .price, .goldsmith-price,
.goldsmith-summary-item.goldsmith-product-title,
.goldsmith-summary-item.goldsmith-product-meta .goldsmith-meta-label,
.woobt-products .woobt-product .woobt-title .stock.in-stock,
.goldsmith-product-tab-title-item.active,
.woocommerce-product-attributes-item__value,
.woocommerce-product-attributes-item__value a{
    color: var(--color-yellow) !important;
}
.woocommerce-price-suffix,
.woocommerce-review-link,
input.qty[type='number'],
.goldsmith-product-info-bottom .info-message strong,
.goldsmith-svg-icon,
.goldsmith-product-info-bottom .info-message,
.goldsmith-product-summary .goldsmith-summary-item p,
.goldsmith-small-title, .goldsmith-small-title a,
.goldsmith-product-tab-title-item,
.cart-total-label,
.woocommerce-shipping-calculator a,
.goldsmith-cart-totals .goldsmith-cart-total,
.goldsmith-product-summary .goldsmith-product-meta .goldsmith-brands a, .goldsmith-product-summary .goldsmith-product-meta .posted_in a, .goldsmith-product-summary .goldsmith-product-meta .tagged_as a{
    color: var(--color-white) !important;
    fill: var(--color-white);
}
.goldsmith-woocommerce-pagination ul li a, .goldsmith-woocommerce-pagination ul li span,
.goldsmith-checkout-footer-item.woocommerce-shipping-totals.shipping,
.woocommerce-page #respond input#submit, .woocommerce-page button.button, .woocommerce-page a.button, .woocommerce .button, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce a.button, .woocommerce .button{
    background-color: var(--color-green);
    color: var(--color-yellow);
}
.goldsmith-product-tab-title-item::after,
.goldsmith-woocommerce-pagination ul li a:focus, .goldsmith-woocommerce-pagination ul li a:hover, .goldsmith-woocommerce-pagination ul li span.current{
    background-color: var(--color-yellow) !important;
    color: var(--color-green);
}
.goldsmith-btn.goldsmith-product-cart{
    max-width: 210px;
    left: 50%;
    transform: translate(-50%, 100%);
}
.goldsmith-product-loop-inner:hover .goldsmith-btn.goldsmith-product-cart{
    transform: translate(-50%, 50%);
    bottom: 50%;
}
.goldsmith-product-summary .goldsmith-summary-item.goldsmith-price.price{
    font-size: 22px;
}
.goldsmith-btn.goldsmith-btn-border,
.label-border.goldsmith-label-dark, .goldsmith-btn-border.goldsmith-btn-dark{
    color: var(--color-gold);
}
.goldsmith-btn.goldsmith-btn-border:hover,
.label-border.goldsmith-label-dark, .goldsmith-btn-border.goldsmith-btn-dark:hover{
    color: var(--color-green);
}
.comment-form-comment{
    margin-top: 15px;
}
.goldsmith-checkout-footer-item.woocommerce-shipping-totals.shipping{
    margin-bottom: 15px;
}
.goldsmith-btn.goldsmith-btn-border{
    border: 0;
}
.cart-total-label,
.goldsmith-cart-total{
    font-size: 20px;
}
.includes_tax{
    font-size: 15px;
}
.wp-singular.woocommerce-cart .container{
    max-width: 1700px;
}
.goldsmith-cart-totals{
    padding: 20px 10px;
}
@media(max-width: 1024px){
    .cart-total-label,
    .goldsmith-cart-total,
    .goldsmith-product-summary .goldsmith-summary-item.goldsmith-price.price{
        font-size: 18px;
    }
    .includes_tax{
        font-size: 13px;
    }
}
@media(max-width: 768px){
    .goldsmith-product-summary .goldsmith-summary-item.goldsmith-price.price{
        font-size: 16px;
    }
}
/**End Product*/
/**==========================================================================================**/
/**Top page*/
.goldsmith-slide-inner,
.elementor-8616 .elementor-element.elementor-element-55a3a223 .goldsmith-banner-content .goldsmith-banner-catname,
.elementor-8616 .elementor-element.elementor-element-55a3a223 .goldsmith-banner-content .goldsmith-banner-button,
.elementor-8616 .elementor-element.elementor-element-55a3a223 .goldsmith-banner-content .goldsmith-banner-desc,
.goldsmith-label-dark.label-solid, .goldsmith-btn-dark,
.goldsmith-slide-link2,
.goldsmith-woo-banner-wrapper:not(.banner-style-classic) .goldsmith-banner-content, .goldsmith-woo-banner-wrapper:not(.banner-style-classic) .goldsmith-banner-title {
    color: var(--color-yellow);
    font-family: var(--font-main);
}
.goldsmith-label-dark.label-solid, .goldsmith-btn-dark{
    background-color: transparent;
}
.goldsmith-btn-dark:hover{
    background-color: var(--color-green2);
}
.style-card .goldsmith-blog-post-item-inner{
    background-color: var(--color-green);
}
/**End TOP**/
/**Concerpt*/
[five-concerpt-title] h2{
    font-size: 42px;
}
[five-concerpt-title] h2,
[five-concerpt] .goldsmith-banner-title{
    font-family: var(--font-slogan) !important;
    color: var(--color-gold);
}
[five-concerpt] .elementor-widget-goldsmith-woo-banner{
    position: relative;
}
[five-concerpt] .elementor-widget-goldsmith-woo-banner::before{
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 120px;
    height: 100px;
}
.five-concerpt--kim::before{
    background-image: url('images/text-kim.png');
    width: 140px !important;
    max-height: 80px !important;
}
.five-concerpt--moc::before{
    width: 192px;
    height: 167px;
    background-image: url('images/text-moc.png');
}
.five-concerpt--thuy::before{
    width: 238px;
    height: 167px;
    background-image: url('images/text-thuy.png');
}
.five-concerpt--hoa::before{
    background-image: url('images/text-hoa.png');
    width: 196px;
    height: 167px;
}
.five-concerpt--tho::before{
    background-image: url('images/text-tho.png');
    width: 184px;
    height: 159px;
}
@media(max-width: 1024px){
    [five-concerpt-title] h2{
        font-size: 30px;
    }
    [five-concerpt] .goldsmith-banner-title{
        font-size: 24px;
    }
}
@media(max-width: 768px){
    [five-concerpt-title] h2{
        font-size: 22px;
    }
    [five-concerpt] .goldsmith-banner-title{
        font-size: 18px;
    }
}
/**End Concerpt*/
/**=============================================================*/
/* Fix tên user */
.nt-comment-author,
.nt-comment-author.comment__author-name {
    color: #111827 !important; /* xám đậm, dễ đọc */
    font-weight: 600;
    font-size: 15px;
    line-height: 1.3;
    background: transparent !important;
}
/* List reset */
.nt-commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Card comment */
.nt-comment-item > div {
    display: flex;
    gap: 16px;
    background: #ffffff;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    margin-bottom: 18px;
}

/* Avatar */
.nt-comment-avatar img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    background: #e5e7eb;
}

/* Cột phải */
.nt-comment-right {
    flex: 1;
    min-width: 0;
}

/* Ngày */
.nt-comment-date a {
    font-size: 12px;
    color: #9ca3af;
    text-decoration: none;
}

/* Ná»™i dung */
.nt-comment-content {
    margin-top: 8px;
    font-size: 15px;
    color: #374151;
    line-height: 1.6;
}

/* Reply */
.comment-reply-link {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 14px;
    font-size: 12px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.comment-reply-link:hover {
    background: #2563eb;
    color: #ffffff;
}
.nt-comment-item,
#nt-comments ul.children li{
    padding-left: 70px !important;
}
@media (max-width: 1024px) {
    .nt-comment-item > div {
        padding: 14px 16px;
        gap: 14px;
    }

    .nt-comment-avatar img {
        width: 48px;
        height: 48px;
    }

    .nt-comment-author {
        font-size: 14px;
    }

    .nt-comment-content {
        font-size: 14px;
    }
}


@media (max-width: 768px) {
    #nt-comments ul.children li,
	.nt-comment-item{
		padding-left: 20px !important;
	}
    .comment .children{
        margin-top: 30px;
    }
    .children .nt-comment-right {
        margin-left: 0;
    }
    .nt-comment-item > div {
        flex-direction: row;
        padding: 14px;
        border-radius: 12px;
    }

    .nt-comment-avatar img {
        width: 40px;
        height: 40px;
    }

    .nt-comment-author {
        font-size: 14px;
    }

    .nt-comment-date {
        margin-top: 2px;
    }

    .nt-comment-content {
        font-size: 14px;
        margin-top: 6px;
    }

    .comment-reply-link {
        padding: 5px 12px;
        font-size: 11px;
    }
}
/**==============================================================================**/
/**==============================================================================**/
#export-container .gsf-dailyMessage .gsf-note,
#hsbt .gsf-dailyMessage .gsf-note{
    display: none !important;
}
#export-container .gsf-dailyMessage,
#hsbt .gsf-dailyMessage{
    min-height: 340px;
    background-color: transparent;
    border: 3px dashed #f9d07b;
    margin-top: 60px;
}

select#lang_choice_1 {
    color: var(--color-yellow);
    padding-right: 30px;
    border: 0;
}




/*Style fly logo*/
.flying-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    z-index: 999999;
    animation: flyAround 30s ease-in-out infinite;
    pointer-events: none;
    opacity: 0.1;
}

.flying-logo img {
    width: 100%;
    height: 100%;
    animation: spin 2s linear infinite;
}

/* Xoay logo */
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Di chuyển theo từng giai đoạn */
@keyframes flyAround {
    /* Trung tâm */
    0% {
        transform: translate(0,0);
    }

    /* Góc trên trái */
    20% {
        transform: translate(-45vw, -40vh);
    }

    /* Góc trên phải */
    40% {
        transform: translate(45vw, -40vh);
    }

    /* Góc dưới phải */
    60% {
        transform: translate(45vw, 40vh);
    }

    /* Góc dưới trái */
    80% {
        transform: translate(-45vw, 40vh);
    }

    /* Quay về trung tâm */
    100% {
        transform: translate(0,0);
    }
}
/**Background Genaral**/
.gsf-bg {
    background-image: url(images/message-bg-green.png);
    background-position: center bottom;
    background-size: cover;
    position: relative;
}
.gsf-bg::after{
    content: '';
    position: absolute;
    background-image: url(images/footer-img.svg);
    background-size: 130%;
    background-position-y: top;
    width: 100%;
    height: 350px;
    top: auto;
    bottom: 0;
    left: 0;
    opacity: 0.06;
    border-radius: 30px;
}
.gsf-border::before{
    content: "";
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    left: 4px;
    top: 4px;
    border: 1px solid #f6e5a3;
    z-index: 2;
}
.gsf-border::after{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    border: 2px solid #f6e5a3;
    z-index: 2;
}
/**End Background Genaral**/



/* Page Feedback */
.goldsmith-cf7-form-wrapper{
    padding: 10px;
    position: relative;
    z-index: 5;
    background: url(/wp-content/themes/goldsmith-child/images/regit_bg2.png) no-repeat center;
    background-size: cover;
}
.goldsmith-cf7-form-wrapper::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/goldsmith-child/images/regit_bg1.png) no-repeat center;
    background-size: cover;
    opacity: 0.2;
}
.wpcf7{
    border: 1px solid var(--color-gold);
    padding: 20px;
    position: relative;
    z-index: 6
}
.goldsmith-cf7-form-wrapper .wpcf7-form-control{
    border-color: rgba(255,255,255,0.7) !important;
    color: #fff !important;
    padding: 15px 20px !important;
}
.goldsmith-cf7-form-wrapper .wpcf7-form-control::placeholder{
    color: #fff !important;
}
.goldsmith-cf7-form-wrapper .wpcf7-textarea{
    max-height: 200px;
}

.feedback-head {
    margin-top: 50px;
}
.feedback-head .elementor-widget-text-editor{
    margin-bottom: 30px !important;
}
.feedback-head .elementor-widget-text-editor h3{
    font-size: 35px;
}
.feedback-head .elementor-widget-text-editor p{
    font-size: 20px;
}

/* Page FAQ */


.pg-faq{
    padding-top: 50px;
}
.pg-faq > .e-con-inner{
    gap: 20px;
}
.pg-faq .pg-faq_tab,.pg-faq .pg-faq_content{
    position: relative;
    padding: 15px;
    z-index: 5;
    background: url(/wp-content/themes/goldsmith-child/images/faq_bg1.png) no-repeat center;
    background-size: cover;
}
.pg-faq .pg-faq_content{
    border: 5px solid var(--color-gold);
    background: url(/wp-content/themes/goldsmith-child/images/faq_bg2.png) no-repeat center;
    background-size: cover;
}
.pg-faq .pg-faq_tab::after,.pg-faq .pg-faq_content::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/goldsmith-child/images/faq_bg11.png) repeat-y top;
    background-size: contain;
    opacity: 0.2;
}
.pg-faq .pg-faq_content::after{
    background: url(/wp-content/themes/goldsmith-child/images/faq_bg21.png) repeat-y top;
    background-size: contain;
}
.pg-faq .pg-faq_tab .elementor-widget-text-editor{
    position: sticky;
    top: 70px;
    z-index: 6;
}
.pg-faq .pg-faq_tab .list-group-head{
    font-size: 30px;
    text-transform: uppercase;
    color: var(--color-gold);
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 15px;
}
.pg-faq .pg-faq_tab li{
    list-style-type: none;
    margin-bottom: 7px;
    font-size: 18px;
    text-transform: capitalize;
}
.pg-faq .pg-faq_tab li a:hover{
    opacity: 1;
}
.pg-faq .pg-faq_content > .e-child{
    position: relative;
    z-index: 1;
}
.pg-faq_content .e-n-accordion-item{
    box-shadow: 0 5px 5px #1d3325;
    margin: 0 0 17px 0px;
    background: rgb(0 0 0 / 15%);
    border: 1px solid rgba(243,210,138,0.5);
}
.pg-faq_content h2,
.pg-faq_content .e-n-accordion-item[open]>.e-n-accordion-item-title,
.pg-faq_content .e-n-accordion-item-title:hover,
.pg-faq_content .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg,
.pg-faq_content .e-n-accordion-item:hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
    color: var(--color-gold) !important;
    fill: var(--color-gold) !important;
}
.pg-faq_content .e-n-accordion-item-title{
    color: #fff;
    padding: 20px 25px 10px;
}
.pg-faq_content .e-n-accordion-item-title .e-n-accordion-item-title-text{
    font-size: 20px;
}
.pg-faq_content .e-n-accordion-item:nth-child(n + 1){
    margin-top: 30px;
}
.pg-faq_content .e-n-accordion-item .elementor-widget-container{
    font-size: 16px;
}
.pg-faq_content .e-n-accordion-item .e-con,.pg-faq_content .e-n-accordion-item .e-n-accordion-item-title{
    border: 0;
}
.pg-faq_content .e-n-accordion-item .e-con{
    padding: 10px 25px 20px;
}
.pg-faq_content .e-n-accordion-item .e-con li {
    margin-left: 20px;
    margin-bottom: 10px;
}