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

.nolinepost .box-text .is-divider {display:none;}.textdep{text-align:justify;}.widget-lichhoc li{padding-top:20px;}.widget input[type=submit]{padding: 0 1.2em;}.widget-area .wpcf7-spinner{display:none;}.widget-area .p-b-15 { padding-bottom: 0;}.widget-area .m-b-15, .widget-area form{margin-bottom:0;}.widget-area aside {border:1px solid #868686; border-bottom-left-radius: 10px; border-bottom-right-radius:10px;}.widget-area aside:not(:last-child){background-color: #ececec;}.widget .wpcf7, .widget h3, .widget ul {padding-left:10px; padding-right:10px;}.widget>ul>li+li, ul.menu>li+li {border-top: 1px solid #868686;}.widget-area h3 {background-color:#a60c0c; color:white;} .lich_van_nien_widget span.widget-title{padding-right:6.92773em; padding-left:10px;padding-top: 10px;padding-bottom:10px;}.lich_van_nien_widget span.widget-title span{ margin-bottom:-10px!important;} #lich-am-duong{padding-top:10px;}.widget-calendar-month {line-height: 1.2!important;top: 36px!important;}.nam-colum .medium-3{ flex-basis: 20%; max-width: 20%;}.grecaptcha-badge { visibility: hidden! important; opacity: 0! important; display: none !important;}.logo img {padding: 0!important;}.nav-line-bottom>li>a:before{background-color:white;}.header-nav li>a{font-weight:200!important;}.iconhome img{padding:60px;;border-radius:30%;}.iconhome .col-inner{ background:rgba(255, 255, 255, 0.8); border-radius:30px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}.iconhome .box-text-inner{min-height:60px; padding-left:20px;padding-right:20px;}.benhnhan .col-inner, .luongy .col-inner {background:white; border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}.benhnhan .col-inner img{border-top-left-radius:20px; border-top-right-radius:20px;}.benhnhan .col-inner h3 {background-image: url(/wp-content/uploads/2025/01/tieu-de-bg.svg); background-size: cover;background-position: center; line-height: 50px; height: 58px; width: 100%; color: #F3D972; font-size: 16px; margin-top: -400px; left:1px; position: absolute;} .benhnhan .box-text-inner{min-height:115px;}.dichvu img{border-radius:20px;}.luongy .box-text-inner{padding-left:7px; padding-right:7px;}.luongy .col-inner p{color:black; text-align:justify;}.luongy .col-inner h4, .luongy .col-inner a{color:#a60c0c;}.phanhoi .col-inner{padding:10px; border-radius:10px;box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;}.phanhoi .col-inner:hover{border:solid  #a60c0c 2px;}.phanhoi .col-inner:hover p{ color:#a60c0c}.phanhoi .testimonial-text {min-height:240px;}.custom-footer .col{padding: 0 15px 0px;}.hieuung1{ position: relative;	display:block; overflow: hidden;}.hieuung1::before {  content: ""; position: absolute;   top: 0; left: -100%;   width: 100%;  height: 50%;   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);  animation: shine 1.5s infinite;  z-index: 1;}.custom-footer input[type=submit]{border:solid white 1px; border-radius:5px;}.one-half, .onethird, .onequard, .more3{position: relative; margin-right: 4%; float: left;  margin-bottom: 10px;} .one-half { width: 48%; } .onethird{width: 30.6%;} .onequard{width: 22%;} .more3{width: 70%;}.last { margin-right: 0 !important;  clear: right;}	.grecaptcha-badge { visibility: hidden! important; opacity: 0! important; display: none !important;} .post-item .col-inner {border-radius: 10px; border:solid 1px;} .post-item .box-image{border-top-left-radius: 10px; border-top-right-radius:10px;} .post-item .blog-post-inner {padding-left:10px;padding-right:10px; text-align:justify;} .large-columns-3 .box-blog-post .is-divider{min-width:100%;} .large-columns-3 .post-item h5{ color:black; font-weight: 400; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; height: 45px; display: -webkit-box; -webkit-box-orient: vertical;} .large-columns-3 .post-item .box-text-inner p{overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical;} .nolinepost .post-item h5{height:55px;}.luongy .post-item h5{font-size:1.08em!important;font-weight: 600;text-decoration:uppercase!important;}.khoahoc .post-item h5{height:55px;}.post-sidebar .wp-block-search__button {padding:0;text-transform:none;text-wrap: nowrap; padding-left:5px; padding-right:5px; font-size: 12px; font-weight: 200; line-height:1; min-height: 10px;max-height:40px;} .post-sidebar button {margin-bottom:0px;} .widget-calendar-month { line-height: 1.2!important; top: 36px!important;} .post-sidebar .wp-block-search__button {padding:0;text-transform:none;text-wrap: nowrap; padding-left:5px; padding-right:5px; font-size: 12px; font-weight: 200;} .post-sidebar button {margin-bottom:0px;} .mot img, .ba img, .nam img{padding-top:15px;}.bon img, .sau img{padding-top:25px;} .datxe{background: rgba(0, 0, 0, 0.35); padding-top: 30px;padding-left:20px; padding-right:20px; border-radius:20px;} .datxe input[type=email], .datxe input[type=number], .datxe input[type=tel], .datxe input[type=text], .datxe input[type=date]{min-height: 60px; background-color: rgba(0, 0, 0, 0.25); border-radius:10px; color:white; font-size: 18px;} .datxe input::placeholder{color:white;} .lien-he input::placeholder, .lien-he textarea::placeholder{font-weight: 200} .fter h4{font-weight:600;} .fter{color:black;} .badau .col { padding: 0 15px 18px;} .badau .box-text-inner {background-color:rgba(0, 0, 0, 0.5); border-radius: 10px; padding:10px; display:flex;} .badau .box-text-inner h5{order:2; padding-left: 10px;} .badau .post-meta {font-size:16px; border-right:solid 1px white;padding-right: 3px;} .truhai .post-item:nth-child(1) {display:none;} .bao-gia .col-inner{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .bao-gia .col-inner:hover{box-shadow: rgba(0, 0, 0, 0.44) 0px 4px 10px;} .bao-gia .col-inner:hover h4{color:red;}.bao-gia  h4{font-weight:600;color:blue;} .dich-vu .col-inner{border:solid 1px; border-radius:10px;} .dich-vu .box-image{border-top-left-radius:10px;border-top-right-radius:10px;} .tieude-ly-do{ text-shadow: .1em .1em 0 hsl(200 50% 30%); background:rgba(255, 0, 25, 0.7);border-top-left-radius: 20px; border-top-right-radius:20px; padding-top:15px;} .tiu-de-lydo{ border-bottom:solid 2px; box-shadow: rgba(33, 35, 38, 0.1) 0px 30px 20px -20px;} .tiu-de-lydo .col{padding-bottom:0;} .bg-ly-do .col-inner{background:rgba(20, 160, 55, 0.8); border-radius:20px; padding: 10px;} .bg-ly-do:hover .col-inner{background:rgba(255, 0, 25, 0.9)} .am-left{left:-18%;} .am-right{right:-18%;} .bold700 h1, .bold700 h2, .bold700 h3, .bold700 h4{font-weight:700;} .duoi-sli{position:relative; z-index: 999; margin-top: -50px; background: white; border-radius: 20px; padding-top: 20px; padding-left: 10px; padding-right:10px; text-align:justify;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .duoi-sli .col-inner {padding:10px;} .topfone span {color: #ffcd06; font-weight:600;font-size: 30px;} .header-nav-main.nav-right {font-size:20px;} .logo-center .logo{   background: white;  border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; margin-bottom:20px;} .logo img{padding-top:15px;padding-bottom:5px;} .header-bottom-nav li a{font-weight:400!important; padding-left:5px; padding-right:5px;}.fone {font-size: 16px; color: #f00; line-height: 40px;font-weight: bold;padding-left: 10px; margin: 0 0; min-width:350px;} .fix_tel { position:fixed; bottom:15px; right:20px!important; z-index:999;display:flex;} .fix_tel a {text-decoration: none; display:block;} .tel { background: #eee;width:250px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:none;} .ring-alo-phone {background-color: transparent; cursor: pointer; height: 80px; position: absolute; transition: visibility 0.5s ease 0s;visibility: hidden; width: 80px;z-index: 200000 !important;} .ring-alo-phone.ring-alo-show {visibility: visible;} .ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {opacity: 1;} .ring-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 70px;right: -190px;opacity: 0.1;position: absolute; top: -15px;transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px;} .ring-alo-phone.ring-alo-active .ring-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;} .ring-alo-phone.ring-alo-static .ring-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {border-color: #009900; opacity: 0.5;}.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {border-color: #baf5a7;opacity: 0.5;} .ring-alo-phone.ring-alo-green .ring-alo-ph-circle {border-color: #009900;opacity: 0.5;} .ring-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 30px;right: -170px;opacity: 0.1;position: absolute; top: 6px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 30px;} .ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;} .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5);opacity: 0.75 !important;} .ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;} .ring-alo-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border: 2px solid transparent; border-radius: 100%;height: 30px;right: -170px; opacity: 1;position: absolute;top: 6px;transform-origin: 50% 50% 0; width: 30px;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {background-color: #009900;} .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {background-color: #75eb50;} .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {background-color: #009900;} .ring-alo-ph-img-circle a img {padding: 1px 0 12px 1px;width: 30px;position: relative;top: -1px;}.bottom-contact{display:none;}.blog-wrapper .is-divider{display:none;}
@media only screen and (max-width: 1400px) and (min-width: 1080px){.benhnhan .col-inner h3{margin-top:-270px;line-height: 40px; height: 40px; width: 85%; left:15px;}}
@media only screen and (max-width: 1081px){ .benhnhan .col-inner h3{margin-top:-200px;left:1px;} .benhnhan .col-inner h3{margin-top: -370px;}.nam-colum .medium-3{ flex-basis: 100%; max-width: 100%;}.dichvu{display:flex;} .flex3{order:2} .flex4{order:1;}.one-half, .onethird, .onequard{width:98%;}.fix_tel, .fcta-zalo-vi-tri-nut{display:none;} #logo {width: 100px;} .bottom-contact{display: block; position: fixed; bottom: 0; background: white; width: 100%; z-index: 999999; box-shadow: 2px 1px 9px #dedede; border-top: 1px solid #eaeaea;} .bottom-contact ul li{width: 25%; float: left; list-style: none; text-align: center; font-size:13.5px;}.bottom-contact ul li span{color:black} .bottom-contact ul li img{ width: 35px; margin-top: 10px; margin-bottom: 0px;} #goidien img{animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;} .am-left{left:0%;} .am-right{right:0%;}}

@keyframes ring-alo-circle-anim {
0% {
opacity: 0.1;
transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
opacity: 0.5;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
opacity: 0.6;
transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes ring-alo-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-fill-anim {
0% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
opacity: 0.2;
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
@keyframes shine {
    0% { left: -100%;   }
    100% { left: 100%;   }
}