/*
Theme Name: webxanh
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 7.0.10
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/

:root {
    --html-bg-website: #FFCD06;
    --html-cl-website: #F30404;
    --html-sc-website: #E1EDFD;
    --color-star: #ffbf00;
    --inter-rg: 'Inter-Regular';
    --Fonts-900: 'Montserrat';
    --Fonts-700: 'Montserrat';
    --Fonts-800: 'Montserrat';
    --Fonts-200: 'Montserrat';
    --Fonts-300: 'Montserrat';
    --Fonts-500: 'Montserrat';
    --Fonts-400: 'Montserrat';
    --Fonts-600: 'Montserrat';
    --Fonts-100: 'Montserrat';
}

.montserrat-800 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

#header .title_hotline_top {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
}
.title_hotline_top span {
    color: var(--html-cl-website);
	padding-left: 5px;
}


.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.phone-bar a {background:#f00;opacity:0.7}
#phone-vr .phone-vr-circle-fill {animation: zoom 1.3s infinite !important;}
#phone-vr .phone-vr-img-circle {animation: phone-vr-circle-fill 1s infinite ease-in-out !important;}

#logo:after,#logo:before{transform: skewX(-25deg) translateY(-50%);content:"";position:absolute;top:50%;width:40px;height:100%;background-color: rgb(255 255 255 / 90%);z-index:0;}
#logo:before{left:0%;animation:light-left 5s infinite alternate linear}
#logo:after{right:-5%;animation:light-right 5s infinite alternate linear}
.stuck #logo:after, .stuck #logo:before {display:none}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}to{left:105%;opacity:0}}@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}to{right:105%;opacity:0}}

/*#top-bar , #footer .st-footer .section-bg , #footer .st-footer .section-bg-overlay {background-image: linear-gradient(90deg, #00BFFF, #58bde4);}*/

#top-bar{overflow:hidden}
/*#top-bar:after{position:absolute;content:"";width:35%;height:300px;top:0;left:0;background:#0178b3;z-index:-1;transform:skewX(20deg);border-right:5px solid #fff}*/

header .header-nav-main > li > a {text-transform:capitalize} 
.header-nav-main > li ul a:hover , .nav-dropdown li.active>a {color:#00BFFF;}
.header-nav-main > li ul {background:#fff;border:none !important;border-radius:10px}
.header-nav-main > li ul a {border-color:#eee !important;color:#000;font-size:90%;}

.header-nav-main > li ul ul {padding:15px !important}
.header-nav .nav-dropdown {display:block !important;}
.header-nav .nav-dropdown > li {display:block !important;width:auto;position:relative}
.header-nav .nav-dropdown > li ul , #header .header-nav li .active ul {display:none !important;}
#header .header-nav .nav-dropdown > li:hover ul {display:block !important;left:100%;top:0;position:absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%)}
.header-nav .nav-dropdown > li a {font-weight:400;text-transform:none;display:block;font-size:14px;color:#000;}
.header-nav .sub-menu >li:hover > a {color:#00BFFF;}

.wpcf7 input , .wpcf7 textarea {border-radius:5px}
.wpcf7-submit {text-transform:none !important;border-radius:5px !important;font-weight:400 !important;}

.bread-crumb .title-breadcrumb {text-align:center;font-size:40px;font-weight:700;position:relative;z-index:8}
.bread-crumb i {font-size:10px}

.blog-archive {padding-top:0;}
.archive-page-header {position:relative;background:url('/wp-content/uploads/2025/10/contact.jpg');background-position:center;margin-bottom:50px;padding-top:50px;}
.archive-page-header:before {background:#fff;opacity:0.9;content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.archive-page-header .page-title {font-size:150%;}

.widget {padding:15px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 5px;}
.widget .is-divider {background:#f58800;min-width:50px;display:none}
.widget .widget-title {text-transform:none;font-size:20px;}

#wrapper .shop-page-title.featured-title .title-bg {background:url('/wp-content/uploads/2025/10/contact.jpg') !important;background-position: center bottom !important;opacity:0.2;}


.absolute-footer {border-top: 1px solid #eee}
.header-wrapper.stuck .header-bottom {display:none}
.header-bottom-nav > li ul {background:#fff;border:none !important;border-radius:10px}



footer p {margin-bottom:10px;}
.title-footer {
    color: #202020;
    position: relative;
    z-index: 1;
    display: inline-block;
    font: normal normal 700 16px / normal var(--Fonts-700);
    text-transform: capitalize;
}
.desc-footer {
    color: #202020;
    font: normal normal 500 13px / normal var(--Fonts-500);
}
.mt15 {
    margin-top: 15px;
}


.desc-footer > ul {
    list-style: none;
    margin:0;padding:0;
}
.desc-footer > ul > li{padding-bottom:10px;margin:0}
.desc-footer a:not(.no-hover,.wrapper-footer__box-detail-socical-box){color:#202020;line-height:25px;transition:all .2s linear;display:block;display:flex;align-items:center;padding:7px 0;font:normal normal 500 13px / normal var(--Fonts-500)}
.desc-footer > ul > li a > i{font-size:.7rem;margin-right:1rem;color:var(--html-bg-website)}
.desc-footer a:not(.no-hover,.wrapper-footer__box-detail-socical-box):hover{color:var(--html-bg-website);transform:translateX(10px)}
.bottom-contact ul li i{font-size:22px;margin-bottom:3px;margin-top:.6rem;color:#fff}
.desc-footer > ul{}
.desc-footer > ul::-webkit-scrollbar{width:2px}
.desc-footer > ul::-webkit-scrollbar-thumb{background-color:var(--html-cl-website)}
.desc-footer > ul::-webkit-scrollbar-track{background-color:#fff}


.wrapper-footer__box-detail-socical-box {
    border: 1px solid #fff;
    border-radius: 0.4rem;
    padding: 0.6rem 0.8rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
    margin-bottom: 12px;
}

.wrapper-footer__box-detail-socical-box {
    width: 211px;
    border-radius: 5px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 16px;
    border: 1px solid #ffc648;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 59.762px 96.227px 31.4px 0px rgba(34, 140, 221, 0), 38.491px 61.788px 29.375px 0px rgba(34, 140, 221, 0.01), 21.271px 34.439px 24.31px 0px rgba(34, 140, 221, 0.05), 9.116px 15.194px 18.232px 0px rgba(34, 140, 221, 0.09), 2.026px 4.052px 10.129px 0px rgba(34, 140, 221, 0.1);
}
.wrapper-footer__box-detail-socical-img {
    width: 40px;
}
.wrapper-footer__box-detail-socical-info {
    flex: 1;
}
.wrapper-footer__box-detail-socical-info {
    width: calc(100% - 50px);
}
.wrapper-footer__box-detail-socical-info p { margin:0}
.box-detail-socical-info__title {
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 500;
}
.box-detail-socical-info__title-sub {
    color: #ffc648;
    font-size: 16px;
    font-weight: 700;
}
.wrapper-footer__box-detail-socical-box:hover{border:1px solid var(--html-sc-website);background:#ffc648}
.wrapper-footer__box-detail-socical-box:hover .box-detail-socical-info__title-sub{color: #fff;}
.wrapper-footer__box-detail-socical-box:hover.box-detail-socical-info__title> span{color:#fff}


.items-criteria{background:#f1f1f1;border:1px solid transparent;padding:7px 12px 11px;cursor:pointer}
.title-items-criteri{color:#3A3A3A;text-transform:capitalize;font:normal normal 600 15px/160% var(--Fonts-600);height:calc(16px * 1.6)}
.comments-items-criteri{color:#414141;font:normal normal 400 13px/150% var(--Fonts-400);height:calc(13px * 2 * 1.5)}
.items-criteria:hover{border-color:var(--html-bg-website)}
.featured-box:hover .title-items-criteri{color:#ffcd06}
.section-criteria .col-inner {border:1px solid transparent;transition: all 0.5s;}
.section-criteria .col-inner:hover {border:1px solid #ffcd06;}


.title-all {
    text-transform: uppercase;
    color: #1b1b1b;
    font: normal normal 800 clamp(20px, 2vw, 24px) / 120% var(--Fonts-800);
}

.d-flex {display:flex}
.items_table_price_list{overflow:hidden;border-radius:clamp(8px,2vw,16px);max-width:100%;margin-bottom:30px}
.items_table_price_list.in{border:1px solid var(--html-bg-website)}
.title_col_table_price_list{width:380px;flex:0 0 auto;max-width:31%}
.price_col_table_price_list{width:250px;flex:1;max-width:23%}
.title_col_table_price_list>h3{font:unset;margin:unset!important}
.title_col_table_price_list,.price_col_table_price_list{color:#040404;text-transform:uppercase;background:#FFF;font:normal normal 700 clamp(11px,2vw,14px)/normal var(--Fonts-700);text-align:center;height:55px;padding:5px 10px;display:inline-flex;justify-content:center;align-items:center;transition:all .4s;cursor:pointer}
.title_col_table_price_list.top,.price_col_table_price_list.top{color:#fff;background:var(--html-bg-website)}
.hover_items_table_price_list:hover:not(.top) *{color:var(--html-cl-website);background:#f5f5f5}
.hover_items_table_price_list:hover.top *{color:#fff;filter:brightness(1.1)}

.st-location .box-text {border-radius:99px}
.st-location .box:hover .box-text {background:#ffcd06;color:#fff}
.st-location .box:hover .box-text * {color:#fff}


.home .wpcf7{background-color:#e8f1fc;padding:30px;border-radius:12px}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="date"],.wpcf7 select,.wpcf7 textarea{background-color:#fff!important;border:1px solid #e1e1e1!important;border-radius:6px!important;padding:10px 15px!important;height:45px;box-shadow:none!important;transition:all .3s}
.wpcf7 textarea{height:133px!important}
.wpcf7 label{font-weight:700;color:#333;font-size:14px;margin-bottom:5px;display:block}
.wpcf7 .btn-dat-xe{background-color:#fc0!important;color:#000!important;font-weight:700!important;border:none!important;border-radius:6px!important;width:100%;height:50px;font-size:16px;cursor:pointer;transition:background .3s ease;text-transform:uppercase}
.wpcf7 .btn-dat-xe:hover{background-color:#e6b800!important}
.captcha-wrapper img{border-radius:6px;height:45px!important;width:auto;position:relative;top:-7px}

.wpcf7-spinner {position:absolute}




.d-inline-flex {
    display: inline-flex;
}
.p-relative {
    position: relative;
}
.icon-hotline {
    color: #3c3c3cc9;
    font-size: 21px;
	margin-right:10px;
    padding: 7px;
    border-radius: 5px;
    background: #f5f5f5;
}
.f1 {
    flex: 1;
    max-width: 100%;
}
.title-hotline {
    color: #222;
    font: normal normal 600 13px / normal var(--Fonts-600);
    text-transform: capitalize;
}
.comments-hotline , .comments-hotline * {
    color: var(--html-bg-website);
    font: normal normal 700 clamp(17px, 2vw, 24px) / normal var(--Fonts-700);
    white-space: nowrap;
}

.title-introduce{color:#222;text-transform:uppercase;font:normal normal 800 clamp(20px,2vw,28px)/normal var(--Fonts-800)}
.title-introduce span{color:var(--html-bg-website)}

.form_car_line{margin-top: -130px;padding:clamp(20px,3vw,35px) clamp(20px,5vw,70px);border-radius:200px;background:#fff;z-index:1;box-shadow: 59.762px 96.227px 31.4px 0px rgba(34, 140, 221, 0.00), 38.491px 61.788px 29.375px 0px rgba(34, 140, 221, 0.01), 21.271px 34.439px 24.31px 0px rgba(34, 140, 221, 0.05), 9.116px 15.194px 18.232px 0px rgba(34, 140, 221, 0.09), 2.026px 4.052px 10.129px 0px rgba(34, 140, 221, 0.10) !important}

.home .flickity-page-dots {bottom:0}



.list-service .col-inner , .list-service .col-inner .box, .list-service .col-inner .box-image img {border-radius:10px;}
.list-service .col-inner .box-image {border-radius:10px;padding:10px;}
.list-service .box .button {width:100%;border-radius:5px;padding:8px 0;font-size:100%;background:#eee;color:#000}
.list-service .box:hover .button {background:#ffcd06;color:#fff}
.list-service .col-inner .box:hover {border: 1px solid #ffcd06}
.list-service .box:hover .post-title {color:#ffcd06;}

.list-service .cat-label {background:url(/wp-content/uploads/2026/06/star-bg.png) no-repeat center;background-size:50%;color:#fff;position:relative;top:-43px;text-align:center;font-size: 0;}
.list-service .cat-label:before {content: "★★★★★";
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #ffbf00 100%, #d7d7d7 0);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 20px;
}


#comments.comments-area {display:none}

.page-template-page-blank-title-center #content {background:#fff;padding-top:30px;border-radius:15px;}


.pg-contact .wpcf7-form .form-group input[type="text"],.pg-contact .wpcf7-form .form-group input[type="email"],.pg-contact .wpcf7-form .form-group input[type="tel"],.pg-contact .wpcf7-form .form-group textarea{border:1px solid #e2e2e2!important;border-radius:0!important;padding:10px 15px!important;color:#333;background-color:#fff;box-shadow:none!important;margin-bottom:0;height:45px}
.pg-contact .wpcf7-form .text-area-custom textarea{height:218px!important;resize:none}
.pg-contact .captcha-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.pg-contact .captcha-wrapper img{height:40px;width:auto}
.pg-contact .captcha-input input{border:1px solid #e2e2e2!important;border-radius:0!important;height:40px!important;padding:5px 10px!important;margin-bottom:0!important}
.pg-contact .wpcf7-form .btn-submit-custom input[type="submit"]{background-color:#fc0!important;color:#fff!important;font-weight:700;font-size:16px;border:none!important;border-radius:0!important;width:100%;height:48px;text-transform:uppercase;transition:background .3s ease}
.pg-contact .wpcf7-form .btn-submit-custom input[type="submit"]:hover{background-color:#e6b800!important}
@media (max-width: 549px) {
.pg-contact .wpcf7-form .text-area-custom textarea{height:120px!important}
}


.o-hidden{overflow:hidden}
ol#breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:10px 0;padding-left:10px;background:#f1f1f1;border-left:3px solid var(--html-bg-website)}
.breadcumb--detail{background:var(--html-bg-website);border-left:3px solid var(--html-cl-website)}
ol#breadcrumb li{padding:0 10px;position:relative;margin-bottom:0;margin:0}
ol#breadcrumb li:first-child{padding-left:0}
.breadcumb--detail li{padding:0 10px;position:relative}
ol#breadcrumb>li>a>span{color:#000}
ol#breadcrumb li:last-child>a>span{color:#000;font-family:var(--inter-medium),Arial,Helvetica,sans-serif}
.breadcumb--detail li:first-child{padding-left:10px!important}
.hidden{visibility:hidden;display:none}
ol#breadcrumb li+li:before{content:'';width:5px;height:5px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;left:-5px;top:50%;-webkit-transform:translate(0%,-50%) rotate(45deg);transform:translate(0%,-50%) rotate(45deg)}

.archive.category ol#breadcrumb{margin-top:40px;}

.justify-content-center {
    justify-content: center !important;
}
.title-container {position:relative;margin-bottom:30px;}
.title-container::before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2.5px;
    border-radius: 100px;
    background: var(--html-bg-website);
}
.title-container span {
    color: var(--html-bg-website);
    font: normal normal 700 clamp(20px, 2vw, 28px) / 120% var(--Fonts-700);
}


.blog-wrapper.blog-archive > .row > .large-10 {max-width:100%;flex-basis:100%;}



.blog-wrapper.blog-single > .row.row-large {padding-left:15px;padding-right:15px;}
.blog-wrapper.blog-single > .row.row-large > .col {padding-left:15px;padding-right:15px;}

.article-inner {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}


.widget-area {background:#fff}
.widget-title  {
    background-color: #f1f1f1;
    padding: 7px 5px 7px 20px;
    position: relative;
    margin-bottom: 10px;
	display:block
}

.widget-title:before {
    content: "";
    border-color: #ffffff #eaeaea #fff #fff;
    border-style: solid;
    border-width: 20px 20px 0 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.widget-title span {
    font-size: 16px;
    font-weight: 600;
    color: var(--html-bg-website);
}

.widget-title span:before {
    content: "\f0da";
    font-weight:900;
    font-family: "FontAwesome";
    margin-right:5px;
}


.table_price_list_page .items_table_price_list {
    border: 1px solid var(--html-bg-website);
}



.Notification{transition:height .75s cubic-bezier(0.785,0.135,0.15,0.86);}
.Notification+.Notification{margin-top:10px}
.Notification--Close{height:0}
.Notification--Close .Notification__Container{transform:scale(0)}
.Notification--Optimize{will-change:height}
.Notification--Optimize .Notification__Container{will-change:transform}
.Notification__Container{background:#fff;color:#2f2f2f;cursor:pointer;border-radius:.5em;overflow:hidden;transform:scale(1);transition:transform .75s cubic-bezier(0.785,0.135,0.15,0.86);box-shadow:0 0 5px 0 #ffcd06cc}
.Notification__Icon,.Notification__Info{display:inline-block}
.Notification__Info{flex:1;display:flex;align-items:center}
.Notification__Name{vertical-align:top;margin-left:5px;width:80%;line-height:1.1;color:#fff}
.Notification__Icon{vertical-align:top}
.Notification__Icon img{height:47px;width:auto}
.Notification__Header{overflow:hidden;padding:.5em;padding-bottom:0;font-size:.6em}
.Notification__Time{color:#000;font-size:.9rem}
.Notification__App{display:flex;justify-content:space-between;gap:4px}
.Notification__Body{padding:.25em .5em}
.Notification__Title{padding:4px 8px;font-weight:600;font-size: 14px;color:#fff;margin-left:5px;margin-bottom:.5em;background-color:var(--html-bg-website);border-radius:50px;display:inline-block}
.Notification__word{font-weight:500;font-size: 12px;margin-left:5px;line-height: normal;}
.Notification__Content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:.5em}
.contain-Notification{position:fixed;left:0;bottom:0;background:transparent;width:345px;z-index:999}
.Notifications{height:206px;width:85%;position:relative;left:calc(50% - (100% / 2));user-select:none;overflow-y:hidden}
@media only screen and (max-width:1400px) {
.Notifications{height:105px!important;width:80%}
.contain-Notification{bottom:0}
}
.Notifications__List{margin:0;padding:0;list-style:none;width:100%;height:calc(96%);overflow-y:hidden;padding:.5em;box-sizing:border-box}
.Notifications__List:before{content:'';display:#000;position:absolute;left:50%;transform:translate(-50%);top:25%;font-size:1.5em;letter-spacing:.05em;opacity:0;transition:opacity .25s cubic-bezier(0.77,0,0.175,1)}
.Notifications__List:empty:before{opacity:1}
.Notifications__btns{height:10%;text-align:center}
.Notifications__addBtn,.Notifications__removeBtn{padding:0;width:45%;height:100%;font-size:1.5em;letter-spacing:.05em;border:none;background:#c3c3c3;color:#2f2f2f;border-radius:.5em}
.close_btn_Notification{margin-left:8px;padding:2px;font-size:.6em;color:var(--html-bg-website);border:1px solid var(--html-bg-website);border-radius:4px;background-color:#fff}
.Notification__PriceAll{color:#000;margin-left:5px}
.Notification__PriceFront{text-decoration:line-through;margin-left:5px}
.blinks{position:relative;display:flex;width:6px;height:6px}
.blinks>span:first-child{position:absolute;display:inline-flex;width:100%;height:100%;border-radius:9999px;background-color:var(--html-cl-website);opacity:.75;animation:ping 1s cubic-bezier(0,0,0.2,1) infinite}
@keyframes ping {
75%,100%{transform:scale(2);opacity:0}
}
.blinks>span:last-child{position:relative;display:inline-flex;width:6px;height:6px;border-radius:9999px;background-color:var(--html-cl-website)}

.Notifications__List .Notification {display:none}
.close_btn_Notification {display:none}

@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
	.blog-wrapper.blog-single > .row.row-large > .col {padding-left:0;padding-right:0;}

}
/*end*/