.navbar-bg-icons-color a{
      font-size: 14px !important;
      }
      .phone-icon {
      width: 24px;
      height: 24px;
      margin-right: 10px;
      animation: ring 1s infinite;
      }
      /* Phone ringing animation */
      @keyframes ring {
      0% { transform: rotate(0deg); }
      10% { transform: rotate(15deg); }
      20% { transform: rotate(-15deg); }
      30% { transform: rotate(10deg); }
      40% { transform: rotate(-10deg); }
      50% { transform: rotate(5deg); }
      60% { transform: rotate(-5deg); }
      70% { transform: rotate(0deg); }
      100% { transform: rotate(0deg); }
      }

               @media (max-width: 768px) {
               .header-top {
               display: none !important;   /* ensure parent is visible */
               visibility: visible !important;
               opacity: 1 !important;
               }
               .header-top .inner-container {
               display: flex !important;
               flex-direction: column; /* vertical stacking for mobile */
               justify-content: center;
               align-items: center;
               }
               .header-top .top-left,
               .header-top .top-right {
               display: block !important;
               text-align: center;
               margin: 5px 0;
               }
               .header-top .top-left ul,
               .header-top .top-right ul {
               justify-content: center;
               }
               .header-top .top-left .mobile-mail 
               {
               display: none;
               }
               }
               @media (max-width: 768px) {
               .video-header-container{
               position: relative;
               width: 100%;
               height: 70px; /* full screen height */
               overflow: hidden;
               }
               .video-header-container video {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height:70px;
               object-fit: cover;
               z-index: -1;
               }
               }

               .navbar-bg-icons-color:hover{
               transition: 1s;
               border-radius: 5px;
               }
               .navbar-bg-icons-color a{
               font-size: 16px !important;
               }
               .navbar-bg-icons-color-hover{
               font-weight: 600 !important;
               }
               .navbar-bg-icons-color-hover:hover{
               color: #EB560C !important;
               }
               /*===== Icons =============*/
               @media(max-width: 576px){
               .navbar-images-side{
               display: none;
               }
               .navbar-bg-icons-color-hover i{
               color: white !important;
               }
               }
               .image-wrapper {
               height: 50px !important;
               border-radius: 8px; /* Rounded corners on the image itself */
               max-width: 100%; /* Responsive */
               border-radius: 50%;
               margin-left: 10px;
               }
               .animated-bg {
               position: relative;
               display: inline-block;
               overflow: hidden;
               border-radius: 5px;
               padding: 3px 10px;
               font-weight: bold;
               background-color: white;
               /*background: linear-gradient(270deg, rgb(235, 86, 12));*/
               background-size: 600% 100%;
               animation: bgSlide 2s linear infinite;
               }
               .animated-bg span {
               display: inline-block;
               white-space: nowrap;
               animation: textSlide 2s linear infinite;
               position: relative;
               }
            

            .email-icon-fixed {
            position: fixed;
            bottom: 3px;
            left: 10px;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background-color: rgb(76, 204, 94);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            z-index: 9999;
            text-decoration: none;
            box-shadow: 0 0 0 rgb(235, 86, 12, 0.7);
            animation: pulseGlow 2s infinite;
            overflow: hidden;
            }
            .email-icon-fixed .glow-circle {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 123, 181, 0.7),
            0 0 20px rgba(0, 123, 181, 0.5),
            0 0 30px rgba(0, 123, 181, 0.3);
            animation: glowBlink 1.5s infinite ease-in-out;
            z-index: -1;
            }
            @keyframes glowBlink {
            0%, 100% {
            opacity: 1;
            transform: scale(1);
            }
            50% {
            opacity: 0.3;
            transform: scale(1.1);
            }
            }
            @keyframes pulseGlow {
            0% {
            box-shadow: 0 0 0 rgba(0, 123, 181, 0.7);
            }
            50% {
            box-shadow: 0 0 20px rgba(0, 123, 181, 0.8);
            }
            100% {
            box-shadow: 0 0 0 rgba(0, 123, 181, 0.7);
            }
            }
         

            .social-sidebar {
            position: fixed;
            top: 60%;
            right: 0;
            transform: translateY(-50%);
            z-index: 1000;
            }
            .youtube{
            background-color: red;
            }
            .social-sidebar a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            margin: 8px 0;
            color: #fff;
            font-size: 20px;
            border-radius: 50%;
            transition: all 0.3s ease;
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
            }
            .social-sidebar .facebook {
            background: #1877F2;
            }
            .social-sidebar .instagram {
            background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf);
            }
            .social-sidebar .twitter {
            background: #000; /* Twitter (X) new branding */
            }
            .social-sidebar a:hover {
            transform: scale(1.1);
            }
         

            /* ---------------- FLOATING BUTTON ---------------- */
            .idm-chat-btn {
            position: fixed;
            bottom: 45px;
            right: 25px;
            display: flex;
            align-items: center;
            gap: 12px;
            background: linear-gradient(135deg,#25D366,#1ebe5d);
            color: #fff;
            padding: 10px 14px;
            border-radius: 40px;
            box-shadow: 0 6px 22px rgba(0,0,0,0.22);
            cursor: pointer;
            z-index: 99999;
            transition: transform .18s ease, box-shadow .18s ease;
            font-family: Arial, sans-serif;
            }
            .idm-chat-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.26); }
            .idm-btn-icon {
            width: 38px;
            height: 38px;
            background: rgba(255,255,255,0.12);
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            font-size:18px;
            }
            .idm-btn-text span {
            font-weight:600;
            font-size:15px;
            white-space:nowrap;
            }
            @media (max-width:420px){
            .idm-btn-text { display:none; }
            .idm-chat-btn { width:56px; justify-content:center; border-radius:50%; }
            }
            /* ---------------- CHAT BOX ---------------- */
            .id-chat-box {
            position: fixed;
            bottom: 95px;
            right: 25px;
            width: 340px;
            max-width: calc(100% - 40px);
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.18);
            display: none;
            flex-direction: column;
            overflow: hidden;
            z-index: 99999;
            animation: fadeIn .3s ease;
            font-family: Arial, sans-serif;
            }
            /* Smooth animation */
            @keyframes fadeIn {
            from {opacity: 0; transform: translateY(10px);}
            to {opacity: 1; transform: translateY(0);}
            }
            /* ---------------- HEADER ---------------- */
            .id-header {
            display:flex;
            align-items:center;
            gap:10px;
            padding:12px;
            background: linear-gradient(90deg,#25D366,#1ebe5d);
            color:#fff;
            }
            .id-logo {
            width:42px;
            height:42px;
            border-radius:50%;
            border:2px solid rgba(255,255,255,0.18);
            }
            .id-head-info p {
            margin:0;
            font-size:11px;
            opacity:.9;
            }
            .id-close-btn {
            margin-left:auto;
            background:transparent;
            border:none;
            color:#fff;
            cursor:pointer;
            font-size:20px;
            }
            /* ---------------- BODY ---------------- */
            .id-body {
            padding:14px;
            background:#f6f7f8;
            height:220px;
            overflow:auto;
            box-sizing:border-box;
            }
            .msg-bot {
            background:#fff;
            padding:10px;
            border-radius:10px;
            display:flex;
            gap:10px;
            margin-bottom:12px;
            box-shadow:0 2px 8px rgba(0,0,0,0.06);
            }
            .msg-bot i {
            color:#25D366;
            font-size:18px;
            margin-top:2px;
            }
            #idMessage {
            width:100%;
            height:90px;
            padding:10px;
            border-radius:8px;
            border:1px solid #d7dbe0;
            resize:none;
            box-sizing:border-box;
            font-size:14px;
            }
            /* ---------------- SEND BUTTON ---------------- */
            .id-send-btn {
            width:100%;
            padding:12px;
            background:linear-gradient(90deg,#25D366,#1ebe5d);
            color:#fff;
            border:none;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            font-weight:700;
            cursor:pointer;
            font-size:15px;
            border-radius:0 0 12px 12px;
            }
            

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.video-popup-content {
    position: relative;
    width: 90%;
    max-width: 400px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
}

.video-popup video {
    width: 100%;
    height: auto;
    display: block;
}

.close-btn {
    position: absolute;
    top: 6px;
    right: 12px;
    color: #080000;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
}