@media (hover: hover) {


    .navbar-nav .nav-link:hover {
        opacity: 0.7;
    }


    header .topBar a:hover {
        opacity: 0.8;
    }


    .bonPlans .hotel-item-horizontal:hover {

        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .bonPlans .hotel-item-horizontal:hover .btn-float svg {
        rotate: calc(45deg);
        transition: all 0.3s ease;
    }


    .Top-hotels .hotel-card:hover .badge-location {
        background: #fff;
        transform: scale(1.05);
    }

    .hotel-card:hover .img-container img,
    .travel-card:hover img,
    .destination-img-wrapper:hover img {
        transform: scale(1.02);
        transition: all 0.3s ease;
    }

    .destination-img-wrapper:hover svg {
        transform: rotate(45deg);
        transition: all 0.3s ease;
    }


    .tp-btn:hover {
        transform: translateY(-2px);
    }

    .tp-btn:hover .tp-btn-black-circle {
        transform: translateX(12px) rotate(45deg);
    }

    .tp-btn.btn-bg:hover .tp-btn-black-circle {
        transform: translateX(12px) rotate(45deg);
    }


    .mob-social-btn:hover,
    .social-link:hover {
        transform: scale(1.03);
        background-color: var(--color-site-1);
    }

    .mob-social-btn:hover svg path,
    .social-link:hover svg path {
        fill: #fff;
    }


    .booking-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    }


    .card-nwesletter:hover {
        transform: scale(1.01);
        transition: all 0.5s ease;

    }

    .btn-dark.rounded-pill {
        transition: all 0.3s ease;
    }

    .btn-dark.rounded-pill:hover {

color: #fff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    }


    .destinations-link:hover {
        color: var(--color-site-1);
        border-bottom: none;
    }

    .destinations-link:hover::after {
        transform: scaleX(1);
    }

    .destinations-link:hover svg {
        transform: translateX(4px);
    }

    .destinations-link:hover svg path {
        stroke: var(--color-site-1);
    }


    .header-box:hover {
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    }

    .header-box:hover::before {
        left: 150%;
    }


    footer .social-link:hover {
        color: #000;
        background-color: var(--color-site-2);
        color: #fff;
    }

    footer .social-link:hover svg {
        filter: brightness(0) invert(1);
    }




    .hotel-list .btn-light:hover {
        background-color: var(--color-site-1);
        color: #fff;
        border-color: var(--color-site-1);
    }

    .bonPlans .nav-pills .nav-link:hover {
        background-color: var(--bg-color);
        border-color: var(--color-site-1);
    }


    footer .nav-link::before {
        content: '→';
        position: absolute;
        left: -20px;
        opacity: 0;
        transition: all 0.3s ease;
        font-size: 12px;
    }

    footer .nav-link:hover {
        color: var(--red-btn)
    }
    footer .nav>li>a:focus, .nav>li>a:hover {

        background-color: transparent !important;
    }

    footer .nav-link:hover::after {
        transform: translateX(0);
    }

    footer .nav-link:hover::before {
        opacity: 1;
        left: -15px;
    }


    .why-us .card:hover {
        transform: translateY(-5px) scale(1.03);
    }

    .why-us .card:hover::after {
        width: 60%;
    }

    .why-us .card:hover::before {
        opacity: 1;
    }

    .why-us .card:hover svg {
        transform: scale(1.02);
        filter: drop-shadow(0 4px 8px rgba(228, 6, 36, 0.3));
    }

    .why-us .card:hover span {
        color: var(--red-btn);
        transform: translateY(-2px);
    }

    footer .form-control:focus {

        border-color: #000;
    }
}