/*
Theme Name: phongmy.vn
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
    --pri2_color: #e35e75;
    --reddark: #c70000;
}

@font-face {
    font-family: 'poppins';
    src: url('https://573519.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/fonts/SVN-Poppins-Regular.ttf');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('https://9d1b13.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/fonts/SVN-Poppins-Bold.ttf');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'fontello';
    src: url('https://795b69.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.eot?76762395');
    src: url('https://02e34b.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.eot?76762395#iefix') format('embedded-opentype'),
    url('https://f50adf.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.woff2?76762395') format('woff2'),
    url('https://89a328.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.woff?76762395') format('woff'),
    url('https://a28f48.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.ttf?76762395') format('truetype'),
    url('https://88d344.claudeassets.com/20251205031449im_/https://pmubeautyvina.com/wp-content/themes/phongmy-vn/font/fontello.svg?76762395#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ello-"]:before, [class*=" ello-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 25px;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--reddark);
    line-height: 30px;
}

.ello-home:before {
    content: '\e800';
}

.ello-mail:before {
    content: '\e801';
}

.ello-ok-circled:before {
    content: '\e802';
}

.ello-phone:before {
    content: '\e803';
}

.ello-location:before {
    content: '\e804';
}

.ello-twitter:before {
    content: '\f099';
}

.ello-facebook:before {
    content: '\f09a';
}

.ello-linkedin:before {
    content: '\f0e1';
}

.ello-youtube-play:before {
    content: '\f16a';
}

.ello-paper-plane-empty:before {
    content: '\f1d9';
}

* {
    font-family: Poppins, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.btn_color.button {
    background-image: linear-gradient(to right, #aaaaff 0%, #fcbaf8 41%, #aaaaff 100%);
    margin: 0 !important;
    font-weight: normal;
    border: 0px !important;
    border-radius: 99px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    background-size: 200% auto;
}

.btn_color:hover {
    background-position: right center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*general*/
.main_title:after {
    left: 50%;
    z-index: 2;
    content: "";
    width: 80px;
    height: 25px;
    bottom: -25px;
    text-align: center;
    position: absolute;
    margin: 0 0 0 -40px;
    background: var(--white);
}

.main_title:before {
    left: 50%;
    bottom: -15px;
    z-index: 1;
    content: '';
    width: 280px;
    height: 1px;
    position: absolute;
    background: #c1bfda;
    margin: 0 0 0 -140px;
}

.main_title {
    font-size: 2.5em;
    line-height: 1em;
    position: relative;
}

.sub_title {
    font-size: 1.5em;
}

.mx-auto {
    margin: 0 auto !important;
}

*:after, *:before, .hb-servicebox:hover .hb-imagecontent {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

/*general*/


/* header */
.nav-dropdown>li.nav-dropdown-col{display:block}.nav-dropdown{border:1px solid #ddd;padding:0}.nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a{font-weight:400!important;text-transform:none!important;font-size:15px}ul.sub-menu li.menu-item-has-children a{position:relative}ul.sub-menu li.menu-item-has-children>a::after{position:absolute;content:'\f105';right:0;top:10px;font-family:fl-icons!important}.nav-dropdown .nav-dropdown-col>ul li:hover,.nav-dropdown-default>li:hover{background:var(--primary-color)}.nav-dropdown .nav-dropdown-col>ul li:hover>a,.nav-dropdown-default>li:hover>a{color:#fff}.nav-dropdown-default>li>a{border-bottom:0!important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width:10px;margin-left:-10px}.nav-dropdown .nav-dropdown-col>ul{border:1px solid #d2d2d2;top:0;box-shadow:2px 2px 5px #828282;display:none;position:absolute;left:100%;z-index:9;background:#fff;min-width:240px}.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;text-transform:none;color:#000}.header-nav li.nav-dropdown-col:hover>ul{display:block!important}
.active>ul.sub-menu:not(.nav-dropdown) {
    display: none !important;
}
/* end header */
/*home*/
.home_slider ul {
    margin-left: 30px;
}

.home_slider h3 {
    color: var(--pri_color);
}

.our_services .hb-serviceimg {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    position: relative;
}

.hb-serviceimg img {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.hb-imagecontent {
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    margin: -22.5px 0 0 -62.5px;
}

.hb-imagecontent .hb-btn {
    padding: 0 24px;
}

.hb-serviceimg:after {
    top: 0;
    left: calc(50% - 40px);
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    margin: 0 0 0 -110px;
    border-radius: 100%;
    border: 10px solid rgba(225, 225, 225, 0.7);
}

.hb-servicebox:hover .hb-imagecontent {
    opacity: 1;
    visibility: visible;
}

.hb-servicebox:hover .hb-serviceimg:after, .hb-teambox:hover .hb-teamimg:after {
    border-color: rgba(252, 186, 248, 0.5);
}

.hb-servicecontent {
    width: 100%;
    text-align: center;
}

.why_us .main_title:after {
    background-color: #f5f5f9;
}

.why_us ul li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 7px;
    padding-left: 25px;
}

.why_us .icon-box {
    background: #df97972e;
    padding: 10px 15px;
    border-radius: 10px;
    min-width: 130px;
}

.why_us .icon-box h5 {
    margin-bottom: 5px;
    color: var(--pri2_color);
    font-size: 1.5em;
}

.why_us ul li:before {
    left: 0;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    content: '\e802';
    position: absolute;
    color: var(--pri_color);
}

.icon-box-pricing,
.pricing-box-text {
    display: flex;
    width: 100%;
}

.icon-box-pricing {
    padding-right: 45px;
}

.pricing-box-text {
    justify-content: space-between;
}

.pricing-img {
    margin-right: 10px;
}

p.pricing_txt1 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1em;
    padding-bottom: 5px;
}

p.pricing_txt2 {
    font-size: 0.85em;
    opacity: .7;
}

.pricing-box-text p {
    margin: 0;
}

.our_pricing_row {
    background: var(--white);
    padding: 15px 0;
}

.pricing_price {
    color: var(--reddark);
    font-weight: bold;
    font-size: 1.2em;
}

.our_pricing_row .col:nth-child(n+3) {
    padding-top: 19.6px;
}

.our_pricing_row > .col {
    border-bottom: 1px dashed #ddd;
}

.our_pricing .main_title:after {
    background: rgb(240, 224, 224);
}

/*end home*/

/*footer*/
ul.polylang-flags {
    position: fixed;
    right: 15px;
    top: 50%;
    list-style-type: none;
}
ul.polylang-flags li, ul.polylang-flags a, ul.polylang-flags img{
    width: 25px !important;
    height: 16px !important;
}
.footer_social i:hover {
    border-color: var(--pri_color);
}

.footer_social i {
    border: 2px solid var(--reddark);
    height: 35px;
    display: inline-block;
    border-radius: 99px;
    width: 35px;
    transition: all 500ms;
}

.footer_data img.alignnone {
    margin-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-form button[type=submit]:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 25px;
    height: 25px;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
    position: absolute;
    content: '\f1d9';
    top: 5px !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    width: 100% !important;
    padding: 0 !important;
    background-color: var(--reddark) !important;
    color: var(--white) !important;
    position: relative !important;
}

.work_hours p {
    line-height: 1.2em;
}

.ctinfo {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.icon_contact {
    height: 40px;
    width: 40px;
    display: flex;
    border: 2px solid var(--reddark);
    border-radius: 100%;
    margin-right: 10px;
}

.icon_contact i {
    position: relative;
    left: 1px;
    top: -1px;
    font-size: 1.5em;
}

.data_contact {
    flex: 0 1 230px;
}

.data_contact .data1 {
    font-weight: bold;
}

/*end footer*/

/*service-cat*/
.section-banner-cat h1 {
    font-size: 54px;
    line-height: 71px;
    margin: 0;
}

.wrap_service > .col {
    padding: 0 9.8px 50px;
}

.wrap_service figure.hb-serviceimg {
    margin-bottom: 5px;
}

.wrap_service .hb-servicecontent a {
    color: #000 !important;
}

.cat_des {
    border: 2px dashed #71bac9;
    padding: 15px;
    background: #ffc0cb1f;
    margin-bottom: 30px;
}

/*end service-cat*/

/*category*/
.category .box-text {
    vertical-align: top !important;
}

.category .large-10.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

/*end category*/

/*booking*/
.book_appointment {
    border: 2px dashed #71bac9 !important;
    padding: 15px !important;
    background: #ffc0cb1f !important;
}

.search .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.35;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 !important;
    -webkit-line-clamp: 2;
    height: calc(1em * 1.35 * 2);
    font-size: 15px;
}

/*booking*/


/* before after */
.s201_item_img s201_noselect{
    height: 70% !important;
}
.s201_holder > img, .s201_holder > a > img{
    /* height: 500px; */
}


@media only screen and (max-width: 48em) {

    .bottom-contact svg {
        width: 30px;
        height: 30px;
        padding: 4px;
    }
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .our_pricing_row .col:nth-child(n+1) {
        padding-top: 19.6px;
    }

    .icon-box-pricing {
        padding-right: unset;
    }

    .our_pricing_row {
        max-width: calc(100% - 30px) !important;
    }

    p.pricing_txt1 {
        font-size: 1em;
    }

    .why_us a.button.primary.btn_color {
        display: block;
        width: 250px;
        text-align: center;
        margin: 0 auto !important;
    }
    a.button.secondary.lowercase.btn_color1{
        display: block;
        width: 250px;
        text-align: center;
        margin: 0 auto !important;
    }

    .why_us .icon-box {
        margin-bottom: 15px !important;
    }

    .why_us .stack.stack-row {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .why_us .stack {
        flex-flow: row wrap;
    }

    .section-banner-cat h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .section-banner-cat{
        padding: 50px !important;
    }

}
/*
     FILE ARCHIVED ON 21:24:13 Aug 29, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:27:57 Nov 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.446
  exclusion.robots: 0.046
  exclusion.robots.policy: 0.036
  esindex: 0.006
  cdx.remote: 24.748
  LoadShardBlock: 192.368 (3)
  PetaboxLoader3.datanode: 179.25 (5)
  PetaboxLoader3.resolve: 251.858 (2)
  load_resource: 361.103
  loaddict: 98.388
*/