<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
Theme Name: Ucando
Author: ThiÃªn QuÃ¢n
Author URI: https://linxhq.com.vn
Description: Theme for Ucando
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ucando
Template: hello-elementor
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
:root {
  --black: #000;
  --white: #fff;
}
/*Header button*/
@media only screen and (min-width: 1025px){
    .btn-contact{
        background: var(--black);
        border-radius: 24px;
        padding: 0px 15px!important;
    }
    .btn-contact a{
        color: #fff!important;
    }
}
/*Custom title style*/
.title-gradient h2{
    background: -webkit-linear-gradient(40deg, #202020 0%, #DEA054 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.title-style-2 h3:after,
.title-style-3 h3:after{
    content: "";
    bottom: 0;
    width: 100px;
    height: 3px;
    border-radius: 23px;
    position: absolute;
    left: 0px;
    transform: translate(0,10px);
    background: linear-gradient(90deg, #005153 0%, rgba(0, 81, 83, 0.786458) 21.35%, rgba(0, 81, 83, 0.453125) 54.69%, rgba(0, 81, 83, 0.151042) 84.9%, rgba(0, 81, 83, 0) 100%);
}

.title-style-3 h3:after{
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.786458) 21.35%, rgba(255, 255, 255, 0.453125) 54.69%, rgba(255, 255, 255, 0.151042) 84.9%, rgba(255, 255, 255, 0) 100%);
}

/*Section header service*/
.section-service:hover .header-section{
    background:#DEA057!important;
}
.section-service-1:hover .header-section{
    /*background:#245669!important;*/
    background: #0c120f!important;
}

/*Section body service*/
.section-service:hover .body-section{
    background:#0c120f!important;
}
.section-service-1:hover .body-section{
    background:#DEA057!important;
}

/*Icon + Title header service*/
.section-service:hover .header-section .ico-service h3 a,
.section-service:hover .header-section a.elementor-icon.elementor-animation-,
.section-service-1:hover .header-section .ico-service h3 a,
.section-service-1:hover .header-section a.elementor-icon.elementor-animation-{
    color: #fff;
    fill: #fff!important;
}
.section-service:hover .header-section .ico-service svg .a{
    stroke: #fff!important;
}

/*Text body service*/
.section-service:hover .body-section .txt-service,
.section-service-1:hover .body-section .txt-service{
    color: #fff
}

/*Button body service*/
.details-btn:before,
.details-btn-1:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 4px;
    transition: all 0.4s ease;
    z-index: 1;
}
.details-btn:before{
    background: var(--white);
}
.casestudy-items .details-btn:before{
    background: var(--e-global-color-e440edc);
}
.details-btn-1:before{
    background: var(--e-global-color-e440edc);
}
.details-btn:hover:before,
.details-btn-1:hover:before {
    width: 73px;
}
.details-btn:after,
.details-btn-1:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 73px;
    height: 1px;
    border-radius: 4px;
    z-index: 0;
    transition: all 0.4s ease;
}
.details-btn:after{
    background: var(--black);
}
.details-btn-1:after{
    background: var(--white);
}

.section-service:hover .body-section .details-btn a{
    color:var(--e-global-color-e440edc)!important;
}
.section-service-1:hover .body-section .details-btn-1 a{
    color:#fff!important;
}

.section-service:hover .body-section .details-btn:before{
    background: var(--e-global-color-e440edc)!important;
    z-index:2;
}
.section-service-1:hover .body-section .details-btn-1:before{
    background: #fff!important;
    z-index:2;
}

.section-service:hover .body-section .details-btn:after{
    background: #fff!important;
    z-index:1;
}
.section-service-1:hover .body-section .details-btn-1:after{
    background: var(--e-global-color-fdb3e82)!important;
    z-index:1;
}

/*Tin tá»©c homepage*/
.news-badge div:hover a{
    color: #fff!important;
}
.news-badge div:hover{
    background: #000!important;
}

/*Casestudy Slide*/
.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-next {
    position: relative;
    left: calc(100% - 100px);
    bottom: 700px;
    width:40px;
    height: 40px;
    transition: all 0.4s ease;
}

.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-prev {
    position: relative;
    bottom: 700px;
    width:40px;
    height: 40px;

}
.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-next svg{
    position: absolute;
    right: 20px;
    bottom: 5px;
    transition: all .42s ease;
}

.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-next:hover svg{
    position: absolute;
    right: 5px;
}

.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-prev svg{
    position: absolute;
    right: -10px;
    bottom: 5px;
    transition: all .42s ease;
}

.casestudy-slide.elementor-element .swiper~.elementor-swiper-button-prev:hover svg{
    position: absolute;
    right: 5px;
}
@media only screen and (max-width: 767px){
    .casestudy-slide.elementor-element .swiper~.elementor-swiper-button-prev,
    .casestudy-slide.elementor-element .swiper~.elementor-swiper-button-next{
        display:none;
    }
}

/*Review slide*/
.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-next {
    position: relative;
    left: 510px;
    bottom: 100px;
    width:40px;
    height:40px;
}
.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-next svg{
    position: absolute;
    left: -10px;
    bottom: 5px;
    transition: all .42s ease;
}

.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-next:hover svg{
    left: 6px;
}
.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-prev {
    position: relative;
    /*left: 10px;*/
    bottom: 100px;
    width:40px;
    height:40px;
}
.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-prev svg{
    position: absolute;
    left: 22px;
    bottom: 5px;
    transition: all .42s ease;
}

.casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-prev:hover svg{
    left: 6px;
}

@media only screen and (max-width: 1024px){
    .right-section-review,
    .left-section-review{
        position: relative;
        display:block;
        left:0!important;
    }
    .casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-prev,
    .casestudy-slide-review.elementor-element .swiper~.elementor-swiper-button-next{
        display:none;
    }
}

/*Casestudy*/
.casestudy-items:hover .casestudy-item-section {
    display: block!important;
}
.casestudy-item-section {
    display: none;
    transition: all 0.4s ease;
}

/*Casestudy Details*/
.sidebar-casestudy:hover .sidebar-casestudy-item,
.sidebar-news-item button:hover,
.sidebar-news-item h3:hover a,
.sidebar-news-item li:hover a{
    transform: translate(25px, 0);
    transition: all 0.4s ease!important;
}

/*Icon social member*/
@media only screen and ( min-width: 1025px ){
    .icon-social-ceo {
        opacity: 0; /* áº¨n ban Ä‘áº§u */
        transition: opacity 0.4s ease, transform 0.4s ease; /* Hiá»‡u á»©ng transition cho opacity vÃ&nbsp; transform */
        transform: translateX(20px); /* Äáº©y pháº§n tá»­ vá» bÃªn trÃ¡i 20px Ä‘á»ƒ áº©n */
        pointer-events: none; /* NgÄƒn khÃ´ng cho cÃ¡c icon bÃªn trong cÃ³ thá»ƒ bá»‹ hover bÃªn ngoÃ&nbsp;i */
    }
    
    .seo-makbiz:hover .icon-social-ceo {
        animation: fadeIn 0.4s ease 0.1s forwards; /* Ãp dá»¥ng animation sau 1s khi hover */
        pointer-events: auto; /* Cho phÃ©p cÃ¡c icon bÃªn trong cÃ³ thá»ƒ bá»‹ hover khi Ä‘Ã£ hiá»ƒn thá»‹ */
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.icon-social-ceo svg .b{
    fill:#fff!important;
    stroke: #46CAFC;
}
.icon-social-ceo svg:hover .b{
    fill:#DCF5FF!important;
}

.content-team figure.elementor-image-box-img {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: top 0.3s ease, transform 0.3s ease;
}
.content-team .elementor-image-box-content{
    /*position: absolute;*/
    border: 1px solid #c5c5c5;
    padding-top: 65px;
    width: 400px!important;
    padding-bottom: 30px;
    border-radius: 10px;
}
.content-team:hover .elementor-image-box-img img{
    /*width:35%!important;*/
    /*top:-75px;*/
    transform: scale(1.1);
}
.content-team:hover .elementor-image-box-content{
    border: 1px solid #000;
}</pre></body></html>