/* Transition All */
.control-owl button, .carousel-comment-media .carousel-control a span, .scale-img img, .scale-img:hover>img, .btn-frame .kenit-alo-circle-fill, .support-online .kenit-alo-circle-fill { -webkit-transition: 0.3s all; transition: 0.3s all; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover>img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

/* WRAP MENU */
.menu.fix_head .flex_menu { height: 80px; align-items: center; }
.menu.fix_head .flex_menu .header_logo { width: 130px; }
.menu ul li ul li a { line-height: unset; }
.menu ul li ul li { padding: 0 5px; }
.fix_head .menu { background: var(--c1); }
.fix_head .menu .flex_menu { padding-left: 0px; }
.menu ul.menu-main { height: 45px; flex: 1; margin: 0 0 0px 0px; position: relative; }
.menu > .wrap-content > .flex_menu> ul.menu-main > li > a i { padding: 0 15px; font-size: 20px; }
.menu ul li a { line-height: 40px; }
.menu ul li a { line-height: 40px; padding: 0; }
.flex_menu { padding-left: 0; display: flex; justify-content: space-between; align-items: center; position: relative; height: 120px; gap: 1.5rem; }
.menu.fix_head { transition: all .2s linear; }

/* TRANG TRONG */
.name-product { font-size: 14px; color: var(--color-black); margin-bottom: 10px; text-align: center; text-transform: uppercase; }
.pd_50 { padding: 50px 0; }
.mt_20 { margin-top: 20px; }

/* WRAP MENU */
.lang-head { display: flex; justify-content: space-evenly; align-items: center; }
.lang-head a { display: flex; align-items: center; gap: 5px; color: #0D0D0D; text-align: center; font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; }
.gr_searchmenu { display: flex; flex-direction: column; gap: 15px; }
.menu ul li a.onlyone::before { content: ''; height: 2px; width: 0%; background: var(--c1); left: 0; bottom: 0; position: absolute; transition: all .4s linear; }
.menu ul li a.onlyone:hover::before, .menu ul li a.active.onlyone::before { width: 100%; transition: all .4s linear; }

/* WRAP TIEU CHI */
.grid_tieuchi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1266px; margin: auto; }
.gr_tieuchi { display: flex; justify-content: space-between; background: #FFF; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 15px; cursor: pointer; }
.img_tchi { width: 80px; }
.grname_tchi { width: calc(100% - 80px - 10px); }
.name_tchi { color: #0D0D0D; text-align: center; font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
.desc_tchi { color: #0D0D0D; text-align: start; font-family: 'font1'; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 5px; }
.wrap_tieuchi { background: #ECF8FF; }
.gr_tieuchi:hover .img_tchi { transform: rotateY(360deg); transition: all .4s linear; }
.gr_tieuchi .img_tchi { transition: all .4s linear; }
.gr_tieuchi:hover .name_tchi { color: var(--c1); transition: all .2s linear; }

/* WRAP GIOI THIEU */
.wrap_gioithieu { background: url(../imgs/bg_gthieu.png) no-repeat; background-size: 100% 100%; }
.flex_gthieu { display: flex; justify-content: space-between; align-items: flex-start; }
.left_gthieu { width: 40%; padding: 40px 20px; background: rgb(255 255 255 / 0%); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(3.5px); -webkit-backdrop-filter: blur(3.5px); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 40px; }
.right_gthieu { width: 55%; border-radius: 40px; overflow: hidden; }
.txt_descgthieu { color: #333; text-align: justify; font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin: 30px 0; }
.btn_xthem a { color: #0477BF; font-family: 'font1'; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.grid_gthieu { margin-top: 30px; }
.gr_icontchi { display: flex; justify-content: space-between; align-items: center; }
.img_icontchi { width: 70px; }
.grname_icontchi { width: calc(100% - 70px - 10px); }
.numb_icontchi.num_cty_01 { color: #0D0D0D; font-family: 'font1'; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.name_icontchi { color: #0D0D0D; font-family: 'font1'; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; }
.gr_icontchi:hover .img_icontchi { transform: rotateY(360deg); transition: all .34s linear; }
.gr_icontchi .img_icontchi { transition: all .34s linear; }

/* WRAP THONG SO */
.maxthongso { max-width: 900px; margin: auto; }
.wrap_thongso { background: url(../imgs/bg_thongso.jpg) no-repeat; background-size: 100% 100%; }
.gr_thongso { text-align: center; }
.numb_thongso { color: var(--c1); text-align: center; font-family: 'font1'; font-size: 50px; font-style: normal; font-weight: 700; line-height: normal; }
.name_thongso { color: #0D0D0D; text-align: center; font-family: 'font1'; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 20px; }

/* WRAP SAN PHAM */
.flex_sanpham { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }
a.item_productlist { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; color: #0D0D0D; text-align: center; font-family: 'font1'; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; transition: all .2s linear; cursor: pointer; padding: 10px; }

/* a.item_productlist {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: #F2F2F2;
    text-align: center;
    gap: 20px;
    color: #0D0D0D;
    text-align: center;
    font-family: 'font1';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition:  all .2s linear;
    cursor: pointer;
border: 2px solid var(--c1);
} */

/* a.item_productlist.evenlisstpro {
    background: #e7e7e7;
} */

/* .img_sanphamlist {
    border: 2px solid var(--c1);
} */
a.item_productlist:hover, a.item_productlist.active { color: var(--c2); background: #00000033; transition: all .2s linear; }
a.item_productlist:hover .gr_iconlisstsp, a.item_productlist.active .gr_iconlisstsp { display: block; transition: all .2s linear; }
.gr_iconlisstsp { display: none; pointer-events: none; }
.gr_productid { position: relative; max-width: 360px; margin: auto; }
.img_product { border: 2px solid var(--c1); padding: 5px; }
.grname_product.index h3 { text-align: center; }
.desc_product { color: black; font-family: 'font1'; margin-top: 5px; text-align: left; }
.desc_product p { margin: 0; }
.grname_product { position: relative; bottom: 0; left: 0; background: white; text-align: center; width: 100%; margin-top: 5px; }
.grname_product h3 { color: black; text-align: center; font-family: 'font1'; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; padding: 5px; }
.desc_product { font-size: 14px !important; }
.desc_product span { font-size: 14px !important; }
.desc_product p { font-size: 14px !important; }
.gr_productid:hover .grname_product h3 { color: var(--c1); transition: all .2s linear; }
.tabs-pro-detail table { height: 100%; width: 100%; }
.btn_xthempro .btn { --border-width: 0.125em; --curve-size: 0.5em; --blur: 30px; --bg: #080312; color: white; cursor: pointer; position: relative; isolation: isolate; display: inline-grid; place-content: center; padding: 0.5em 1.5em; font-size: 17px; border: 0; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6); clip-path: polygon(0% var(--curve-size), var(--curve-size) 0, 100% 0, 100% calc(100% - var(--curve-size)), calc(100% - var(--curve-size)) 100%, 0 100%); transition: color 250ms; }
.btn::after, .btn::before { content: ""; position: absolute; inset: 0; }
.btn::before { background: var(--c2); background-size: 300% 300%; animation: move-bg7234 5s ease infinite; z-index: -2; }
@keyframes move-bg7234 {
    0% { background-position: 31% 0%; }
    50% { background-position: 70% 100%; }
    100% { background-position: 31% 0%; }
}
.btn::after { background: var(--c1); z-index: -1; transition: clip-path 500ms; }
.btn:where(:hover, :focus)::after { clip-path: polygon(calc(100% - var(--border-width))
    calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width))
    calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
    calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
calc(100% - var(--border-width))); transition: 200ms; }
.btn:where(:hover, :focus) { color: #fff; }
.btn_xthempro { text-align: center; }

/* WRAP BAO GIA */
.wrap_baogia { background-size: 100% 100% !important; padding: 60px 0; }
.title_bapgia { color: #FFF; text-align: center; font-family: 'font1'; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 20px; }
.gr_dichvu { display: flex; justify-content: space-between; align-items: center; position: relative; margin: 10px 0; }
.img_dichvu { width: 540px; }
.grname_dichvu { width: calc(100% - 540px - 30px); padding: 0 20px; }
.name_dichvu { color: #0D0D0D; font-family: 'font1'; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; }
.desc_dichvu { margin: 20px 0 30px; color: #0D0D0D; font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.btn_xdvu { color: #0477BF; font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; }
.gr_dichvu::before { content: ''; background: url(../imgs/bf_dichvu.png) no-repeat; background-size: 100% 100%; position: absolute; width: 785px; height: 100%; right: 0; z-index: 1; pointer-events: none; }
.gr_dichvu:hover .name_dichvu { color: var(--c1); transition: all .2s linear; }
.btn_xdvu:hover { color: var(--c2); transition: all .2s linear; }
.gr_dichvu.eventdvu { display: flex; flex-direction: row-reverse; }
.gr_dichvu.eventdvu::before { left: 0; transform: rotateZ(180deg); }

/* WWRAP PHU KIEN */
.slide_phukien { width: 100%; margin: auto; }
.grname_phukien { color: black; text-align: center; font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; background: white; max-height: 40px; min-height: 40px; margin-top: 10px; padding: 0 20px; display: flex; align-items: center; justify-content: center; }
.gr_phukien:hover .grname_phukien { color: var(--c2); transition: all .2s linear; }
.wrap_phukienphutung { background: url(../imgs/bg_phukien.jpg) no-repeat; background-size: 100% 100%; }

/* WRAP BAN TIN */
a.item_bantin { padding: 10px; border: 2px solid var(--c1); color: #0D0D0D; text-align: center; font-family: 'font1'; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; }
.flex_bantin { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; gap: 20px }
a.item_bantin:hover, a.item_bantin.active { background: var(--c1); color: white; }
.grname_bantinn h3 { color: #0D0D0D; font-family: 'font1'; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; }
.desc_bangtin { color: #0D0D0D; font-family: 'font1'; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; margin: 10px 0; }
.btn_xthembtin { color: #0477BF; text-align: end; font-family: 'font1'; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.date_bantin { display: flex; justify-content: flex-start; align-items: center; gap: 5px; color: #000000c4; }
.grname_bantinn { padding: 10px 0; }
.name_bantinn { margin-top: 5px; text-align: center; }
.slide_productsl { margin-top: 40px; }
.gr_bangtin:hover .grname_bantinn h3 { color: var(--c1); transition: all .2s linear; }

/* WRAP DANG KY NHAN TIN */
.flex_dangkynhantin { display: flex; justify-content: space-between; }
.left_dangkynhantin { width: 49%; }
.right_dangkynhantin { width: 49%; background: url(../imgs/bg_info.jpg) no-repeat; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; padding: 80px; color: #FFF; text-align: center; font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
.wrap_dangkynhantin { background: url(../imgs/bg_phukien.jpg) no-repeat; background-size: 100% 100%; }
.gr_nlter { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.newsletter-input input { width: 100%; height: 50px; border: none; padding: 0 10px; color: #333; font-family: 'font1'; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; }
.newsletter-input textarea { width: 100%; height: 100px; border: none; margin-top: 20px; padding: 10px; resize: none; color: #333; font-family: 'font1'; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; }
.newsletter-button input { width: 105px; height: 40px; border: none; text-align: center; color: #FFF; text-align: center; font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; background: var(--c1); clip-path: polygon(30% 0%, 90% 0, 100% 30%, 100% 100%, 70% 100%, 10% 100%, 0% 70%, 0 0); }
.newsletter-button { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.newsletter-button input:hover { background: var(--c2); transition: all  .2s linear; }

/* footer */
.footer-article { background: var(--c1); }
.gr_infofooter h3 { color: #FFF; font-family: 'font1'; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; text-align: start; }
.footer-info1 { color: #FFF; font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; }
ul.social_footer { display: flex; align-items: center; justify-content: center; gap: 10px; }
ul.policy { padding: 0 0 0 0px; list-style: none; color: white; margin: 0; }
ul.policy li a i { font-size: 15px; }
ul.policy li a { color: rgb(255, 255, 255); font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
ul.policy li a:hover { color: var(--c2); transition: all .2s linear; }
ul.policy li { margin-bottom: 7px; }
.txt_namedmuc { color: #FFF; text-align: center; font-family: 'font1'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 5px; }
.map_frame iframe { width: 100%; height: 400px; overflow: hidden; }
.newsletter-input.thongbao input { height: 35px; }
.newsletter-button.thongbao input { background: white; color: var(--c1); }
.newsletter-button.thongbao input:hover { background: var(--c2); transition: all .2s linear; color: white; }
.wrap_copyright { padding: 20px 0; background: var(--c1); color: white; }
.wrap_copyright a { color: white; }
.footer-copyright.d-flex { display: flex; justify-content: space-between; }
.name_dichvu { font-size: 18px; }

/*  */
.b-item-wrapper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; top: 0; }
.b-item-wrapper .b-item { background-color: #013e6d; color: #fff; padding: 50px 45px; text-align: center; border-radius: 15px; min-height: 315px; margin-bottom: 0px; }
.share.sharegthieu { margin-top: 1.6rem; }
.numb_smenh { font-size: 100px; position: absolute; opacity: 0.1; text-align: center; margin: auto; left: 0; right: 0; font-weight: bold; }
.b-item-wrapper .b-title { font-size: 18px; text-transform: uppercase; font-weight: bold; min-height: 60px; line-height: 27px; margin-bottom: 15px; }
.b-item-wrapper:hover { top: -10px; }
.grid_sumenh { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.b-item-wrapper:hover .b-item { background-color: #025da6; }
.b-icon { width: 120px; margin: auto; }
.b-item { text-align: center; }
.b-giatri .b-item h3 { font-size: 18px; font-family: 'font2'; margin-top: 20px; margin-bottom: 10px; }
.b-giatri .b-item h3:after { content: ''; display: block; width: 50%; margin: 20px auto 0; height: 1px; background: #025da6; }
.footer-info1 { text-align: start; }

/*  */
#fix_social { position: fixed; right: 0px; top: 30%; z-index: 999; }
#fix_social img { margin-bottom: 5px; }
.icon-page, .icon-page a { color: #0b0b0b; }
.icon-phone { background: url(../imgs/fix1.jpg) no-repeat; position: relative; }
.icon-page { width: 43px; height: 43px; margin-bottom: 5px; cursor: pointer; border-radius: 100%; }
.icon-page.active > .sub-icon { opacity: 1; visibility: visible; }
.icon-page .sub-icon { width: 215px; -webkit-transition: .2s linear; -moz-transition: .2s linear; -ms-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; padding: 9px 11px 4px; position: absolute; left: -225px; height: auto; top: 50%; opacity: 0; visibility: hidden; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.icon-page .sub-icon .item:first-child { border-top: none; }
.icon-page a .tbl-cell:first-child { padding-right: 8px; width: 21px; }
.tbl .tbl-cell { display: table-cell; vertical-align: middle; }
span.tbl-cell p { margin: 0; }
.icon-page .sub-icon .item { border-top: 1px solid #efefef; padding: 6px 0 11px; }
.icon-page a:hover { color: #025da6; }
.icon-zalo { background: url(../imgs/zalo1.jpg); position: relative; }
.icon-fb { background: url(../imgs/fb.jpg) no-repeat; position: relative; }
.icon-you { background: url(../imgs/you.jpg) no-repeat; position: relative; }
.footer-news:nth-child(3) .gr_infofooter h3 { text-align: center; }

/*  */
#wrap__content { position: relative; text-align: justify; line-height: 1.7em; display: flex; justify-content: space-between; }
.left_content { max-width: 240px; padding: 0px; z-index: 99; }
.right_content { width: calc(100% - 255px); padding-right: 0px; }
.gr___lvideo { position: sticky; top: 0; }
.name_block { background: #025da6 url(../imgs/bg_name_block.jpg) no-repeat 0px 0px; height: 38px; line-height: 38px; color: #fff; text-transform: uppercase; font-family: 'font2'; font-size: 15px; text-align: center; position: relative; font-weight: bold; }
.mz-loading.shown { display: none !important; }
.contact-article.row { display: flex; justify-content: space-between; }
.cont_block_video { padding: 15px 10px; }
.cont_block { background: #f2f2f2; }

/*  */
.contact-article { max-width: 1000px; margin: 30px auto; }
.gr_btniconsubmit { margin: auto; }
.img_phukien { border: 2px solid var(--c1); }
.gr_social_view { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.product-item { display: none; }
.product-item:nth-child(-n+6) { display: block; }
button#show-more { width: 150px; border-radius: 10px; height: 40px; padding: 0; margin-bottom: 20px; background: var(--c1); }
button#show-more:hover { background: var(--c2); transition: all .2s linear; }

/*  */
.box_newsdanhmuc.boxdetaill { box-shadow: none; margin: 0; padding: 0; }
ul.dmnewsdetail { padding: 0 0 0 0px; list-style: none; color: black; margin: 0; }
ul.dmnewsdetail li { margin-bottom: 7px; }
ul.dmnewsdetail li a { color: var(--c1); font-family: 'font1'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
ul.dmnewsdetail li a:hover { color: var(--c2); transition: all .2s linear; }

/*  */
.tabs-pro-detail { width: 100%; height: 100%; }
.tabs-pro-detail table { width: 100% !important; height: 100% !important; margin-bottom: 20px; }
.title-main.tchu { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.img_bantin { border: 2px solid var(--c1); padding: 10px; }
.img_newsdmuc { border: 2px solid var(--c1); padding: 5px; }
.gr_bangtin { max-width: 360px; margin: auto; }

/*phone fix*/
.ContactUs { position: fixed; bottom: 1.125em; right: 1.125em; z-index: 999997 }
.ContactUs__chatBotOnly { position: fixed; bottom: 1.5em; right: 1.5em; padding: 0; z-index: 999997; background: transparent }
.ContactUs__chatBotOnly .ContactUs__icon { width: 4.5em; height: 4.5em; border-radius: 50%; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3) }
.ContactUs__button { all: unset; position: relative; padding: 6px 6px; font-weight: 600; color: #000; background: var(--background-static); transition: all .35s; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; border: 2px solid var(--background-static); }
.ContactUs__button span { position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.ContactUs__button::before, .ContactUs__button::after { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; border-radius: 8px; -webkit-transition: all .35s; transition: all .35s; border-radius: 5px; }
.ContactUs__button::before { background: #00000054; opacity: 1;/* z-index: 1; */ }
.ContactUs__button::after { background: #fff; opacity: 0 }
.ContactUs__button.active { color: var(--background-static); }
.ContactUs__button.active .ContactUs__button--icon__wrap img { filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7483%) hue-rotate(124deg) brightness(104%) contrast(94%); }
.ContactUs__button.active::before { opacity: 0 }
.ContactUs__button.active::after { opacity: 1 }
.ContactUs__button.active .ContactUs__button--icon img { fill: #fa9531 !important }
.ContactUs__button.box { display: grid; place-content: center; color: white; text-shadow: 0 1px 0 #0d7cc0; border: solid 4px transparent; border-radius: 5px; animation: bg-spin 3s linear infinite; }
@keyframes bg-spin {
    to { --border-angle: 1turn; }
}
.ContactUs__button.box:hover { animation-play-state: paused; }
@property --border-angle { syntax: "<angle>"; inherits: true; initial-value: 0turn; }
.ContactUs__button--icon { width: 2.5em; height: 2.5em; position: relative; z-index: 2; fill: #fff !important; -webkit-transition: fill .35s; transition: fill .35s }
.ContactUs__button--icon__wrap { width: 40px; position: relative; bord; overflow: hidden; z-index: 1; }
.ContactUs__button--icon__wrap img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7407%) hue-rotate(16deg) brightness(89%) contrast(100%); }
.ContactUs__button--icon__wrap::after { content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 8px; position: absolute; background: rgba(255, 255, 255, 0); -webkit-transition: all .35s; transition: all .35s }
.ContactUs__form { position: fixed; bottom: 1.125em; left: 50%; z-index: 999998; padding: 1.5em; background-color: #fff; border-radius: 1rem; -webkit-box-shadow: 0 .25em 1.375em rgba(0, 0, 0, 0.12); box-shadow: 0 .25em 1.375em rgba(0, 0, 0, 0.12); -webkit-transform: translate(-50%, calc(100% + 1.125em)); -ms-transform: translate(-50%, calc(100% + 1.125em)); transform: translate(-50%, calc(100% + 1.125em)); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; width: 100% }
.ContactUs__form.visible { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.ContactUs__form iframe { width: 100% !important; min-height: 35em }
.ContactUs__form .ContactUs__menu--close { opacity: 1; position: absolute; top: .75em; right: .75em }
.ContactUs__menu { min-width: 205px; overflow: hidden; padding: 0; margin: 0; list-style: none; }
.ContactUs__menu--wrap { position: absolute; border-radius: 12px; bottom: calc(100% + 5px); right: 0; text-align: right; padding: 10px; background-color: #fff; filter: drop-shadow(0 .25em 1.375em rgba(0, 0, 0, 0.12)); overflow: hidden; transition: max-height .4s ease-out, visibility .4s ease-out, opacity .2s ease-out; visibility: hidden; opacity: 0; display: unset !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; }
.ContactUs__menu--wrap::before, .ContactUs__menu--wrap::after { content: ""; position: absolute; background-color: #fff }
.ContactUs__menu--wrap.visible { max-height: 800px; visibility: visible; opacity: 1 }
.ContactUs__menu--wrap.visible .ContactUs__menu--close, .ContactUs__menu--wrap.visible .ContactUs__menu--text { opacity: 1 }
.ContactUs__menu--wrap.visible .ContactUs__menu--link { opacity: 1 }
.ContactUs__menu--item { margin-bottom: 5px; overflow: hidden; }
.ContactUs__menu--item.top { position: relative; z-index: 2 }
.ContactUs__menu--link[class] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: auto; padding: 7px 10px; border-radius: 1rem; font-size: 1rem; font-weight: 600; color: #000; text-decoration: none; opacity: 0; -webkit-transform: translateZ(10px); transform: translateZ(10px); -webkit-transition: all .25s .15s; transition: all .25s .15s; z-index: 1; cursor: pointer }
.ContactUs__menu--link[class]::after { content: ""; top: 0; right: 0; bottom: 0; left: 0; right: 0em; position: absolute; -webkit-transform: translateX(calc(100% + 0.75em)); -ms-transform: translateX(calc(100% + 0.75em)); transform: translateX(calc(100% + 0.75em)); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; border-radius: 1rem; z-index: -1 }
.ContactUs__menu--link[class]:hover { text-decoration: none !important; color: #000 !important }
.ContactUs__menu--link[class]:hover::after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
.ContactUs__menu--link[class].green::after { background-color: #daf4e7 }
.ContactUs__menu--link[class].red::after { background-color: #fee0e4 }
.ContactUs__menu--link[class].violet::after { background-color: #efe6f8 }
.ContactUs__menu--link[class].orange::after { background-color: #feefe0 }
.ContactUs__menu--link[class].blue::after { background-color: #dfeafd }
.ContactUs__menu--link[class].chat[class]>div[id]>div { width: 3.5em; height: 3.5em; position: static !important }
.ContactUs__menu--link[class] .fakeChatButton__msg { width: 19.94625em }
.ContactUs__menu--link[class] .ContactUs__icon, .ContactUs__menu--link[class]>div:not(.fakeChatButton) { width: 2.5em; height: 2.5em; margin-left: 1em }
.ContactUs__menu--close { all: unset; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; margin-bottom: 10px; cursor: pointer }
.ContactUs__menu--close svg { width: 1em; height: 1em }
.ContactUs__menu--close { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; display: none;}