:root{
    --hos-green:#0CAE74;
    --hos-orange:#ffbf00;
    --hos-green: #099E69;
    --hos-green: #07875A;
}

/* TITLE */
.feature-emergency .features-title {
    /* color: #d80505; */
    font-weight: 400;
}

/* HOTLINE */
.feature-emergency .features-text a {
    color: #d80505;
    font-weight: 500;
    font-size: var(--fs-h3, 20px);
}

/* link phụ */
.feature-emergency .features-text:last-child a {
    color: #FF9800;
}

/* ===============================
   HOVER – CHUYỂN XANH
================================ */
.feature-emergency:hover {
    background: #0CAE74;
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(1,122,72,.45);
}

/* chữ khi hover */
.feature-emergency:hover .features-title,
.feature-emergency:hover .features-text a {
    color: #fff;
}

/* ICON PHONE RING – ONLY EMERGENCY */
.emergency-ring {
    font-size: 30px;
    color: #d80505;
    animation: phone-ring 1.1s infinite ease-in-out;
}

/* rung điện thoại */
@keyframes phone-ring {
    0%   { transform: rotate(0); }
    5%   { transform: rotate(15deg); }
    10%  { transform: rotate(-15deg); }
    15%  { transform: rotate(12deg); }
    20%  { transform: rotate(-12deg); }
    25%  { transform: rotate(8deg); }
    30%  { transform: rotate(-8deg); }
    35%  { transform: rotate(4deg); }
    40%  { transform: rotate(-4deg); }
    45%  { transform: rotate(0); }
    100% { transform: rotate(0); }
}

/* hiệu ứng sóng gọi */
.feature-emergency .features-image {
    position: relative;
}

.feature-emergency .features-image::after {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 2px solid rgba(216,5,5,.6);
    animation: pulse-ring 1.6s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(.85);
        opacity: .9;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}


.features-style3::before
{
        position: absolute;
    content: "";
    top: 15px;
    right: -10px;
    width: 35px;
    height: 50px;
    background: #9794a8;
    border-radius: 3px;
    z-index: 1;
    opacity: 0.5;
    transform: skewX(20deg);
    background: #FF9800;
    }
    
    
/* Mobile + Tablet */
@media (max-width: 991.98px) {
    .features-title {
        text-transform: initial !important;
        font-size: var(--fs-body, 16px);
        line-height: 1.3;
        text-align: center;
    }
}




/* ===== WRAPPER ICON ===== */
.features-image {
    border-radius: 50%;
    overflow: hidden;
    transition: box-shadow .35s ease;
}

/* ===== CHỈ ÁP DỤNG CHO CARD THƯỜNG ===== */
.features-style3:not(.feature-emergency):hover .features-image {
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

/* ===== ICON TRANSFORM ===== */
.features-style3 .features-image i {
    transition: transform .45s cubic-bezier(.4,0,.2,1);
}

/* ===== NGHIÊNG + ZOOM (KHÔNG ÁP DỤNG CẤP CỨU) ===== */
.features-style3:not(.feature-emergency):hover .features-image i {
    transform: scale(1.22) rotate(8deg); /* nghiêng phải */
}

/* ===== MOBILE / TABLET ===== */
@media (max-width: 991px) {
    .features-style3:not(.feature-emergency):hover .features-image i {
        transform: scale(1.15) rotate(5deg);
    }
}



/* ===== IOCN ===== */

.ic-svg-1
{height: 35px
}

.ic-svg-2
{height: 40px
}

.ic-svg-3
{height: 25px
}




.shape-mockup-wrap  .about-list1 i {
    font-size: 24px;
    margin-right: 8px;
    color: #017A48;
    vertical-align: middle;
}


.bx-cus-1
{
     font-size: 50px;
    color: #fff;

    }

@media (max-width: 991.98px) {
.features-style1 .features-image, .features-style3 .features-image {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: 0.5s ease-in-out;
  background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}



.bx-cus-1
{
        font-size: 30px;
    color: #fff;
    font-weight: 100;

    }

.features-style3 .features-title {
    margin-bottom: 15px;
    color: #017A48;
    font-weight: 500;
    font-size: var(--fs-body, 16px) !important;
}
}





/* */