/**** CSS Auto popup bottom project page *****/
#test-my-custom-button .my-text-typing{border-right:.15em solid #fff}
 .custom-popUp{
    position:fixed;
    z-index:1000;
    max-width:379px;
    height:360px;
    background:#fff;
    border:1.5px solid #fff;
    bottom:0;
    left:0;
    margin-left:0;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    margin-bottom:-425px
}
.custom-popUp .x-close{
    color:#fff;
    right:8px;
    top:0;
    position:absolute;
    font-size:20pt;
    cursor:pointer;
    z-index:20;
    transform:rotate(200deg);
    transition:all .5s ease
}
.add-plus{
    position:fixed;
    z-index:999;
    bottom:0;
    font-size:15px;
    left:2%;
    -webkit-transition:all 1.25s ease;
    -moz-transition:all 1.25s ease;
    -o-transition:all 1.25s ease;
    transition:all 1.25s ease;
    cursor:pointer;
    text-align:left;
    letter-spacing:1px;
    width:auto;
    justify-content:flex-start;
    padding:15px 10px;
    display:-webkit-flex;
    align-items:center;
    height:45px;
    background: var(--fs-color-primary);
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.custom-popUp.active{
    margin-bottom:0!important
}
.custom-popUp.active .x-close{
    transform:rotate(45deg);
    transition:all 1.3s ease
}
.add-plus.active{
    margin-bottom:-55px
}
.add-plus.active + .devvn_bg{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000000ad;
    z-index:2;
    transition:all 1.25s ease
}
.back-to-top{
    bottom:50px;
    left:2%;
    right:unset
}
@media only screen and (max-width: 549px){
    .custom-popUp{
        max-width:300px;
        height:320px
    }
}
#test-my-custom .col-inner{
    padding:12px 6px!important
}
.custom-popUp .wpcf7 p{
    position:relative
}
.custom-popUp .contact-input{
    padding-left:40px!important
}
/*Effect iconhover -> icon*/
 .my-icon-top{
    margin-top:-40px;
    margin-bottom:10px;
    visibility:hidden;
    transition:all .2s linear
}
.my-icon-bottom{
    visibility:visible
}
#test-my-custom-button.add-plus:hover > .icon-bao-gia > .my-icon-top{
    margin-top:31px!important;
    visibility:visible;
    transition:all .2s linear
}