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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.mydichvu .box_img_h{
    position:relative;
    overflow:hidden;
}
.mydichvu .box_img_h .box-text{
    background-color: #0090918c;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 1px;
    bottom:-50px;
   
}
.mydichvu .box_img_h:hover .box-text{
        height: 100%;
    display:block;
    bottom:0;
}
.box_overlayh{
    position:absolute;
    top:40%;
    left:38%;
}
.box_overlayh a{
    border:1px solid #e01b14;
    padding:16px 26px;
    background:#e01b14;
    border-radius:10px;
    color:#fff;
    font-weight:bold;
}
.textlaixe ul{
    list-style-position: inside;
  list-style-image: url("/wp-content/uploads/2024/10/check-square.svg");
  font-size: 0.9rem;
}
.taisaochonchungtoi .icon-box-img img{
    background:#d91f14;
    border-radius:100%;
    padding:10px;
}
.taisaochonchungtoi{
	padding-top:50px;
        background-attachment: fixed;
    background-image: url(/wp-content/uploads/2024/10/bg-layout.jpg);

}
.taisaochonchungtoi .icon-box.featured-box{
	margin-bottom:20px;
}
.taisaochonchungtoi h2{
	padding:30px 0;
}
.boxqtrinh .icon-box.featured-box{
	margin-bottom:20px;
}
.boxqtrinh .icon-box.featured-box .icon-box-text{
	margin-top:14px;
}
.phanhoi{
	padding-top:50px;
        background-attachment: fixed;
    background-image: url(/wp-content/uploads/2024/10/bg-feedback.jpg);

}
.box-text-qrx{
    padding-top:23%;
    
}
.footervn {
    padding-top: 105px !important;
}
/* addon zalo CTA */
.cta-lptech {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    position: fixed;
    bottom: 85px;
    right: 15px;
    width: 50px;
}
.cta-lptech li a i {
    font-size: 27px;
    color: #fff;
    padding: 12px;
}
.cta-lptech li a {
    height: 50px;
    line-height: 50px;
    background-color: #ff2a28;
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
.cta-lptech li {
    width: 50px;
    float: left;
    margin-bottom: 10px;
}
.cta-lptech li, .cta-lptech li a {
    display: inline-block;
}
.cta-lptech li a, .cta-lptech li a img {
    width: 50px;
    border-radius: 100%;
}


.a-face{
    background: #0674E8 !important;
}
@keyframes pulse {from,to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}
@-webkit-keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}
@keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}

.cta-lptech li {
    width: 50px;
    float: left;
    margin-bottom: 10px;
}
.cta-lptech li a {
    height: 50px;
    line-height: 50px;
    background-color: #ff2a28;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.cta-lptech li a i {
    font-size: 27px;
    color: #fff;
    padding: 12px;
}
.cta-lptech li a, .cta-lptech li a img {
    width: 50px;
    border-radius: 100%;
}
.cta-lptech li, .cta-lptech li a {
    display: inline-block;
}
.cta-lptech li a.zalo {
    background-color: #0180c7;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle {
    border-color: #ffd53b !important;
}
.mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle {
    background-color: rgba(244,68,56,0.5);
}
.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 115px;
    left: -5px;
    position: absolute;
    -ms-transition: all .2s ease-in-out;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: .4!important;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.mypage-alo-ph-circle {
    width: 80px;
    height: 80px;
    top: 105px;
    left: -16px;
    position: absolute;
    background-color: #774d4d00;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    opacity: .1;
    opacity: .5;
}