.weather-stat {
   margin-top: 6px;
   }
   .d-block {
   display: block !important;
   }
   .circle {
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 50%;
   /* the magic */
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   text-align: center;
   color: white;
   font-size: 12px;
   margin: 0 auto 40px;
   }
   .circle-zero {
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 50%;
   /* the magic */
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   text-align: center;
   color: white;
   font-size: 12px;
   margin: 0 auto 40px;
   }
   .color {
   background-color: #289DD2;
   }
   .blue {
   background-color: #289DD2;
   }
   .green {
   background-color: #008000cf;
   }
   .yellow {
   color: black;
   background-color: #ffff00d1;
   }
   .orange {
   background-color: orange;
   }
   .red {
   background-color: red;
   }
   .blue-1 {
   color: #289DD2;
   font-size: 30px;
   }
   .green-1 {
   color: #008000cf;
   font-size: 30px;
   }
   .yellow-1 {
   color: #ffff00d1;
   font-size: 30px;
   }
   .orange-1 {
   color: orange;
   font-size: 30px;
   }
   .red-1 {
   color: red;
   font-size: 30px;
   }
   .temp-1 {
   background-color: #9A00C4;
   }
   .temp-2 {
   background-color: #CA35F8;
   }
   .temp-3 {
   background-color: #0000C8;
   }
   .temp-4 {
   background-color: #6267F7;
   }
   .temp-5 {
   color: black;
   background-color: #6665FB;
   }
   .temp-6 {
   color: black;
   background-color: #00C01F;
   }
   .temp-7 {
   color: black;
   background-color: #4EFE04;
   }
   .temp-8 {
   color: black;
   background-color: #FBA0FF;
   }
   .temp-9 {
   background-color: #FB33F8;
   }
   .temp-10 {
   color: black;
   background-color: #FFEA80;
   }
   .temp-11 {
   background-color: #FFBF16;
   }
   .temp-12 {
   background-color: #FF812F;
   }
   .temp-13 {
   background-color: #F3151B;
   }
   .temp-14 {
   background-color: #CB0002;
   }
   .leaflet-div-icon {
   background: #fff0;
   border: none;
   }
   .nav-img {
   color: transparent;
   }
   .ic-location-arrow {
   font-size: 20px;
   }
   .list-stack li {
   display: flex;
   align-items: center;
   padding-right: 42.25rem;
   /* background-color: #ececec; */
   }
   .textbox p {
   margin: 10px;
   color: #18407b;
   /* font-size: bold;
   font-weight: bold; */
   font-size: 15px;
   border-bottom: 1px solid;
   display: inline-block;
   }
   .rm_home a{
   border: 1px solid;
   margin-left: 13px;
   padding: 5px 14px;
   border-radius: 3px;
   /* margin-top: 310px; */
   display: inline-block;
   transition: transform 0.3s ease;
   background: rgb(36, 96, 185);
   color: #fff !important;
   font-weight: 500;
   position:absolute;
   bottom: 40px;
   left: 20px;
   z-index:999;
   outline: none;
   }
   .rm_home a:hover {
   color: #fff;
   transform: translateY(-5px);
   }
   .rms_home a{
   border: 1px solid;
   margin-left: 13px;
   padding: 5px 14px;
   border-radius: 3px;
   display: inline-block;
   transition: transform 0.3s ease;
   margin-bottom: 8px;
   margin-top: 8px;
   font-weight:normal;
   }
   .rms_home a:hover {
   /* color: #fff; */
   transform: translateY(-5px);
   }
   .temp_position {
    position:relative;
   }
   .weather-temp {
    /* position: absolute;
    top: 15px;
    left: 21px; */
    font-size: 14px;
    /* animation: blink-animation 2s steps(2, start) infinite; */
    color: red; /* Optional: color for visibility */
    /* border-bottom: 1px solid; */
   }
   .weather-city {
    /* position: absolute;
    top: 43px;
    left: 5px; */
   }

 

  /* @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  } */

  .leaflet-marker-icon {
    z-index: 9999999999999999999999999999 !important;
    position:absolute;
  }
    .leaflet-popup {
    z-index: 9999999999999999999999999999 !important;
    position:absolute;
  }

 .weather-card {
    /* background: linear-gradient(135deg, #c7e4ea 0%, #e9ecef 100%); */
    border-radius: 10px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
    transition: transform 0.3s ease;
    height: 100%;
    /* padding-bottom: 23px !important; */
}

.weather-card:hover {
    transform: translateY(-5px);
}

.weather-icon {
    width: 60px;
    height: 60px;
}

.temp-range {
    font-size: 14px;
    font-weight: bold;
}

.carousel-item {
    /* padding: 10px; */
}

.carousel-control-prev{
    /* width: 5%; */
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    height: 35px;
    top: 75%;
    left: 10px;
    transform: translateY(-50%);
    opacity: 0.7;
    left: 30px;
   border:none;
}

.carousel-control-next {
    /* width: 5%; */
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    height: 35px;
    top: 75%;
    transform: translateY(-50%);
    opacity: 0.7;
    right: 30px;
    border:none;

}

.carousel-control-prev:hover, .carousel-control-next:hover {
    opacity: 1;
}

.styleH5 {
   font-size: 12px;
    background: #2460b9;
    padding: 5px 10px;
    /* border: 3px; */
    border-radius: 3px;
    color: #fff;
}

.styleMFD img {
   transition: transform 0.3s ease-in-out;
}

.styleMFD img:hover {
   transform: scale(1.1);
}

.styleMFD {
   display: block;
   overflow: hidden; /* Prevent image from overflowing on zoom */
   border-radius: 3px;
   position: relative;
}

.styleMFD h5 {
   position:absolute;
   bottom:10px;
   left:10px;
}

.list-group-bulletin li {
   list-style:none;
   margin-bottom: 5px;
}
.list-group-bulletin {
    margin: 0;
    padding: 0 10px;
    padding: 5px 10px;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #e9f3f5;
    border-radius: 3px;
}

.list-group-bulletin li p, strong {
   font-size:15px;
}
.days_3_forcart {
   width: 60%;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #f2f4f5;
    background-color: #2460b9;
    border-color: #f9f9f9 #f9f9f9 #fff;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #e9eff8;
    margin-right: 4px;
}
.dg-name1 {
   font-size:15px !important;
   color: #2b2929 !important;
}
.top_w_box{
   background: #fff;
    border-radius: 3px;
    padding: 4px 10px;
    margin-right: 15px;
}
.blinking-circle {
  width: 40px;
  height: 40px;
  background-color: red;
  color: white;
  /* font-weight: bold; */
  font-size: 12px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  animation: blink 1s infinite;
  box-shadow: 0 0 8px red;
}

.blinking-circle a {
   color:#fff;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.header-social a {
   height:40px;
   width: 40px;
}

/* Offcanvas Base Styles */
/* Offcanvas Container */
.offcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 400px;
  background-color: rgba(0, 0, 0, 0); /* start fully transparent */
  z-index: 1050;
  transform: translateX(100%);
  transition: transform 0.4s ease, background-color 0.4s ease;
  visibility: hidden;
  height: 100%;
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.2);
}

/* Show State with Animation */
.offcanvas.showing {
  visibility: visible;
  transform: translateX(0%);
  background-color: rgba(0, 0, 0, 0.7); /* fade to semi-transparent */
}

/* Custom Overlay */
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}

.offcanvas-backdrop.showing {
  opacity: 1;
  visibility: visible;
}

/* Header and Body */
.offcanvas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #60555d;
}
.offcanvas-body {
  padding: 3.5rem;
  height: calc(100% - 56px);
  overflow-y: auto;
}
.offcanvas.hiding {
  transform: translateX(100%);
  opacity: 0;
  visibility: visible; /* keep it visible during animation */
}

.close_canvas{
       border-radius: 50px;
    height: 30px;
    width: 30px;
    background: red;
    color: #fff;
    box-shadow: none !important;
    border: none;
}
.s_bg1{
   background:#c0dbb4 !important;
}
.s_bg2{
   background:#c0bcfe  !important;
}
.s_bg3{
   background:#fed5bc  !important;
}

.slider-placeholder {
  border: 7px solid #f3f3f3; /* Light grey */
  border-top: 7px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 35px;
  height: 35px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#slider-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;  /* to appear on top */
}

.slider_wrapper_1 {
   position: relative;
}

.homepage_slider {
  position: relative;
}
.global-slider-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #2460b9;
  color: white;
  padding:15px 10px;
  text-align: center;
  z-index: 10;
} 

.gd-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem; /* optional: spacing between items */
    align-items: stretch; /* ensure items stretch to equal height */
}

.gd-container > * {
    display: flex;
    align-items: center;     
    justify-content: center; 
    text-align: center;    
    min-height:115px;
}

.weather-card h6 {
   font-size: 14px;
}

.homepage_slider img {
   height: 430px !important;
}

.custom-badge-pill {
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 14px;
    /* font-weight: 600; */
    line-height: 1;
    color: #201d1d;
    /* background-color: #007bff; */
    border-radius: 50rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding: 8px 20px;
    border: 1px solid #2b2428;
    margin-bottom:10px;
}

.custom-badge-pill:hover {
    color: #676161;
    background: #e9eff8;
    border: 1px solid #cccccc;
}

  #map4 {
    height: 600px;
    width: 100%;
  }

.custom-popup_ohm {
    text-align: center;
    max-width: 220px;
    padding: 0px;
    /* font-family: 'Arial', sans-serif; */
}

.custom-popup_ohm img {
    width: 100%;
    height: auto;
    /* margin-top: 5px; */
    border-radius: 4px;
}

.custom-popup_ohm img {
  transition: transform 0.3s ease;
  cursor: zoom-in;
  cursor: pointer;
}

.custom-popup_ohm img:hover {
  transform: scale(1.2);
  z-index: 10;
}

.custom-popup_ohm strong {
    font-size: 14px;
    color: #333;
}

.popup-outer-wrapper_ohm {
    padding: 3px;
    background-color: white;
    border-radius: 6px;
}
#map4 .leaflet-popup-content {
  padding: 0 !important;
  margin: 0 !important;
}

#map4 .leaflet-popup-close-button {
   top: 7px;
    background: red;
    padding: 0px;
    right: 8px;
}


.gd-container_canvas > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 70px;
}
.gd-box1_canvas {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #e9eff8;
    padding: 10px 5px;
    border-radius: 8px;
    /* border: 1px solid #ccc; */
    flex: 1 1 48%;
    /* min-width: 280px; */
    text-align: center;
    /* margin-top: 10px; */
}

.gd-container_canvas {
    display: grid
;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem;
    align-items: stretch;
}

.ticker-list li a {
   /* animation: blink 2s step-start 0s infinite; */
   font-size:12px;
   color:red;
}
/* @keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
} */

.image-wrapper_ohm {
  position: relative;
  width: 150px; /* increase width */
  overflow: hidden;
  border-radius: 6px;
}

.image-wrapper_ohm img {
  width: 100%;
  height: auto;
  display: block;
}

.office-name-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); /* semi-transparent black */
  color: #fff;
  text-align: center;
  padding: 5px 0;
  /* font-weight: bold; */
}
  .blink {
    animation: blinkGlow 1.4s infinite;
    color: #ff005e;
    font-weight: bold;
    background: #1a89e9;
    padding: 1px 4px;
    border-radius: 4px;
    margin-right: 2px;
    border: 1px solid #c3ea78;
}