/*
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.   ***************/
.video {
    border-radius: 15px;
}

.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/themes/flatsome-child/icon-heading.png);
    width: 100%;
    height: 26px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}

.image-border-box img {
    border-radius: 0px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ffffff4d;
}

.wrapper-story-success-text {
    padding: 6px;
    background: var(--primary-color);
}

.wrapper-story-success-text p:last-child {
    margin-bottom: 0;
}

.section-title b{background: #00000000;}

.form-lien-he h3 {
    text-transform: none;
    font-weight: 600;
    color: var(--primary-color);
    font-size: 25px;
    text-align: center;
}

.form-lien-he {
    position: relative;
    padding: 50px 35px 35px 35px;
    border: 3px solid orangered;
    border-radius: 20px;
    background-image: url(/wp-content/themes/flatsome-child/bg-form.jpg);
    background-size: cover;
    background-position-x: center;
    box-shadow: 2px 12px 30px var(--primary-color);
}

.form-lien-he input[type=submit] {
    margin: 0;
    width: 100%;
    background: var(--primary-color);
    border-radius: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    font-size: 17px;
    font-weight: 500;
}

.form-lien-he:after {
    content: "";
    display: block;
    width: 126px;
    height: 91px;
    background-image: url(/wp-content/themes/flatsome-child/iot.png);
    position: absolute;
    top: -40px;
    right: 0;
    background-size: 132px;
    background-repeat: no-repeat;
}
.image-review {
    width: 100%;
    padding: 20px;
    border: solid 1px;
    border-radius: 9999px;
}
.image-review img{
    border-radius: 99999px;
}

.image-review::before {
    background: url(/wp-content/themes/flatsome-child/sao-1-20240103071709-7phbx.png) no-repeat;
    display: block;
    width: 97px;
    height: 100px;
    position: absolute;
    content: ' ';
    background-size: contain;
    right: -2px;
    top: -3px;
    z-index: 9;
  
}
.image-review::after {
        content: ' ';
    background: black;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 15px;
    bottom: 55px;
}

.textw-review::before {
    background: url(/wp-content/themes/flatsome-child/ngoac-1-20240103071708-anjls.png) no-repeat;
    display: block;
    width: 97px;
    height: 100px;
    position: absolute;
    content: ' ';
    background-size: contain;
    right: 9px;
    top: 0px;
    z-index: 9;
}

.wrapper-row-contact {
    background: url(/wp-content/themes/flatsome-child/fff.png);
    padding: 30px 100px;
    background-size: cover;
    background-repeat: no-repeat;
}

.wrapper-row-contact .contact-left .col-inner {
        border-radius: 21px 0 0 21px;
        box-shadow: 0 6px 13px rgb(145 145 145/95%);
}

.wrapper-row-contact .contact-right .col-inner {
        border-radius: 0 21px 21px 0;
        box-shadow: 0 6px 13px rgb(145 145 145/95%);
}

.title56 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

.main56 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 100px
}

.desc56 {
    color: #faaf40;
    font-size: 18px;
    border-bottom: 1px solid #faaf40;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.list56 {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.tit56 {
    font-size: 20px;
    color: #faaf40;
    padding-right: 10px
}

.texts56 {
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    border-left: 1px solid #faaf40
}

.texts56 p {
    margin: 0
}

.phone56 {
    color: #fff;
    font-size: 20px
}

.phone56 img {
    margin-right: 10px
}

#row-904765748 {
    background: url(/wp-content/uploads/2024/03/z5274216964243_2451fc23499798fd9a1d7a0ee8512c95.jpg);
    background-size: 100% 100%;
    padding: 20px;
    margin: 10px 0;
}

#row-904765748 #col-1724125641 h3, #row-904765748 #col-1724125641 p{
    text-align: center;
}
#row-904765748 #col-1724125641 h3, #col-123123123 > div  p, #col-123123123 > div h3 {
        color: #fff;
}
#row-904765748 #col-1724125641 .wpcf7-spinner, #col-123123123 > div .wpcf7-spinner{
    position: absolute;
}

#col-123123123 > div {
    padding: 20px;
    background: url(/wp-content/themes/flatsome-child/dk.jpg);
    border-radius: 11px;
    text-align: center;
}

.wrapper-contact { display: flex; flex-direction: column; position: fixed; bottom: 30px; left: -25px; z-index: 999999; } .hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 70px; height: 70px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; margin: -1px; } .hotline-phone-ring-circle { width: 70px; height: 70px; top: 25px; left: 25px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid var(--primary-color); -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5; } .hotline-phone-ring-circle-fill, .zalo-phone-ring-circle-fill { width: 60px; height: 60px; top: 30px; left: 30px; position: absolute; background-color: #ccc; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .hotline-phone-ring-img-circle { background-color: #fff; width: 45px; height: 45px; top: 37px; left: 37px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 2s infinite ease-in-out; animation: phonering-alo-circle-img-anim 2s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .zalo-ring-wrap .hotline-phone-ring-img-circle { background-color: #fff; } .hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hotline-phone-ring-img-circle .pps-btn-img img { width: 25px; height: 25px; } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .6 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .1 } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); opacity: .2 } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); opacity: .4 } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); opacity: .6 } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); opacity: .8 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .9 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 1 } }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.wrapper-row-contact {
    padding: 30px 20px;
}

}