svg{transition: viewBox 0.5s ease-in-out;}
svg#uttarakhand path{
    fill: #ffe643;
    transition: all 0.3s;
    cursor: pointer;
    position: absolute;
}
svg#uttarakhand circle{cursor: pointer;}
svg#uttarakhand path:hover,
svg#uttarakhand circle:hover{
    filter: drop-shadow(1px 1px 5px rgb(0 0 0 / 0.4));
    stroke-width: 1px;
    stroke: #000000;
    z-index: 10;
}
 
svg#uttarakhand #UdhamSinghNagar {
    fill: #f8a20d;
}
svg#uttarakhand #Nainital {
   fill: #f8a20d;
}
svg#uttarakhand #Champawat {
    fill: #f8a20d;
}
svg#uttarakhand #Almora {
    fill: #f8a20d;
}
svg#uttarakhand #Bageshwar {
   fill: #f8a20d;
}
svg#uttarakhand #Pithoragarh {
    fill: #f8a20d;
}
svg#uttarakhand path:hover{
    fill: #ffdb00 !important;
}
.gap-10{
    gap: 10px;
}
text {
    font-weight: bold;
    fill: #000000;
    pointer-events: none;
    position: relative;
    z-index: 999;
}
text#t1 {
    transform: matrix(1, 0, 0, 1, 209, 203);
    fill: black;
    font-size: 28px;
}
text#t2 {
    transform: matrix(1, 0, 0, 1, 100, 610);
    font-size: 28px;
}
text#t3 {
    transform: matrix(1, 0, 0, 1, 50, 410);
    font-size: 28px;
}
text#t4 {
    transform: matrix(1, 0, 0, 1, 470, 950);
    font-size: 28px;
}
text#t5 {
    transform: matrix(1, 0, 0, 1, 350, 590);
    font-size: 28px;
}
text#t6 {
    transform: matrix(1, 0, 0, 1, 545, 792);
    font-size: 28px;
}
text#t7 {
    transform: matrix(1, 0, 0, 1, 770, 820);
    font-size: 28px;
}
text#t8 {
    transform: matrix(1, 0, 0, 1, 560, 660);
    font-size: 28px;
}
text#t9 {
    transform: matrix(1, 0, 0, 1, 640, 600);
    font-size: 28px;
}
text#t10 {
    transform: matrix(1, 0, 0, 1, 864, 518);
    font-size: 28px;
}
text#t11 {
    transform: matrix(1, 0, 0, 1, 610, 370);
    font-size: 28px;
}
text#t12 {
    transform: matrix(1, 0, 0, 1, 420, 392);
    font-size: 28px;
}
text#t13 {
    transform: matrix(1, 0, 0, 1, 220, 423);
    font-size: 28px;
}
 
 
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
 
.uttarakhand-map{
    position: relative;
}
.division {
    position: absolute;
    top: 0;
    right: 0;
}
.division h5 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
.box {
    display: inline-block;
    border: 1px solid #7a7878;
    height: 25px;
    width: 80px;
    background-color: #ffe643;
}
.first-div {
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
}