/*
 Theme Name:     Cao Phat
 Theme URI:      https://caophat.info
 Description:    Cao Phat Theme
 Author:         Cao Phat
 Author URI:     https://caophat.info
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */

pre {
    margin-left: 200px;
}

.quick_link {
    position: fixed;
    right: 0;
    bottom: 250px;
    z-index: 999
}

.quick_link .config_link {
    width: 50px;
    transition: width 500ms;
    background-color: rgba(238,238,238,0.95);
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    text-align: left;
	padding: 0;
    line-height: 1.2;
	list-style-type: none;
}

.quick_link .config_link li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: -1px
}

.quick_link .config_link li a {
    display: block;
    position: relative;
    transition: background-color .2s ease-in
}

.quick_link .config_link li a:before {
    content: '';
    color: #fff;
    transition: background-color .2s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px
}

.quick_link .config_link li a span {
    display: inline-block;
    padding: 15px;
    margin-right: 90px;
    white-space: nowrap
}

.quick_link .config_link li a:hover {
    background-color: #1464F4
}

.quick_link .config_link li a:hover:before {
    background-color: #0d41a0
}

.quick_link .config_link li a:hover span {
    color: #fff
}

.quick_link .config_link li .drive_test1:before {
    background: url("/wp-content/uploads/2025/05/Path-63.svg") no-repeat center;
    background-color: #1464F4
}

.quick_link .config_link li .hotline:before {
    background: url("/wp-content/uploads/2025/05/hotline.svg") no-repeat center;
    background-color: #1464F4;
    background-size: 35px 35px
}

.quick_link .config_link:hover {
    width: 260px
}

.quick_link .title_quick {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 150px;
    z-index: 999;
    background-color: #eee
}

.quick_link .title_quick li a {
    display: block;
    padding: 10px 15px;
    width: auto;
    height: 50px;
    border-bottom: 1px solid #ddd;
    line-height: 30px
}

.quick_link:hover .title_quick {
    display: block
}

.left_col {
    padding: 110px 40px;
    margin-right: 0!important;
	        width: 50%!important;
}
.right_col {
    padding: 110px 40px;
	        width: 50%!important;
}
.left_col:before, .right_col:before {
    position: absolute;
    background: #00000030;
    content: "";
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
}
.con-banner {
    position: relative;
    z-index: 2;
}
.left_col h4.et_pb_module_header ,.right_col h4.et_pb_module_header {
    font-size: 40px !important;
}
.main-btn {
    position: relative;
    z-index: 2;
    text-align: center;
}
.oto-bn {
    margin-top: 332px;
}

.oto-bn {
    -webkit-animation: fadeRight;
    animation: fadeRight;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-fillfill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
}
.oto-bn img {
	transition: 1s cubic-bezier(0.57, 0.21, 0.69, 1.25);
}
.oto-bn img:hover {
    transform: scale(1.05) translateX(-5%)!important;
}

.oto-bn a {
    display: block;
}
.xemay_bn {
    margin-top: 100px;
}
.xemay_bn {
    -webkit-animation: fadeLeft;
    animation: fadeLeft;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-fillfill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
}
.xemay_bn img {
	transition: 1s cubic-bezier(0.57, 0.21, 0.69, 1.25);
}
.xemay_bn img:hover {
    transform: scale(1.05) translateX(5%)!important;
}

.xemay_bn a {
    display: block;
}
@media (max-width: 767.98px)
{
	.left_col, .right_col {
    padding: 50px 20px;
    margin-right: 0 !important;
    width: 100% !important;
	margin:0;
}
}