*{
    font-family: "Poppins", sans-serif;   
}

.h-font{
    font-family: "Merienda", cursive;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.custom-bg{
    background-color:rgb(255, 98, 0);
}

.custom-bg:hover{
background-color:rgb(212, 0, 0);
}

.homelogo{
    height: 55px;
}

.footerlinks{
    font-size: 13px;
    padding-bottom: 60px;
    padding-top:40px;
    line-height: 30px;
}

.footerlinks{
    margin: auto;
    justify-content: center;
}

.footerlinks a{
    text-decoration: none;
    color: black;
}

.footernewcontact h4{
    color: #dc3545;
}


* {
    font-family: "Poppins", sans-serif;
}

.h-font {
    font-family: "Merienda", cursive;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-bg {
    background-color: rgb(255, 98, 0);
}

.custom-bg:hover {
    background-color: rgb(212, 0, 0);
}

.availablility-form {
    margin-top: 20px;
    z-index: 2;
    position: relative;
}

.locations h3,
h4 {
    color: white;
    margin-bottom: 10px;
}

.locations p {
    color: white;
    line-height: 0px;
}

.varanasiMapbox {
    background: rgb(255, 98, 0)
}

.homelogo {
    height: 55px;
}

.ayodhyaMap {
    padding: 10px 20px 10px 20px;
    border: 1px solid white;
    border-radius: 10px;
    background: none;
    color: white;
    margin-top: 3px;
    font-size: 20px;
    text-decoration: none;
}

.ayodhyaMap:hover {
    padding: 10px 20px 10px 20px;
    border: 1px solid white;
    border-radius: 10px;
    background: rgb(255, 98, 0);
    color: white;
    margin-top: 3px;
    font-size: 20px;
    text-decoration: none;
}

.varanasiMap {
    padding: 10px 20px 10px 20px;
    border: 1px solid white;
    border-radius: 10px;
    background: none;
    color: white;
    margin-top: 3px;
    font-size: 20px;
    text-decoration: none;
}

.varanasiMap:hover {
    padding: 10px 20px 10px 20px;
    border: 1px solid white;
    border-radius: 10px;
    background: rgb(218, 0, 0);
    color: white;
    margin-top: 3px;
    font-size: 20px;
    text-decoration: none;
}

.about {
    padding: 10px;
    margin: auto;
}

.about-us p {
    font-size: 15px;
}

.footerbg h4 {
    color: #dc3545;
}

@media only screen and (min-width:200px) and (max-width:575px) {
    .footernewcontact h4 {
        font-size: 15px;
    }

    .footernewcontact p {
        font-size: 12px;
    }

    .footerlinks {
        font-size: 13px;
        padding-bottom: 60px;
        padding-top: 40px;
        line-height: 30px;
    }

    .btnbuyticket {
        margin: 0px;
    }

    .btnbuyticket:hover {
        margin: 0px;
    }
}

.footerlinks {
    margin: auto;
    justify-content: center;
}

.footerlinks a {
    text-decoration: none;
    color: black;
}

.footernewcontact h4 {
    color: #dc3545;
}

.reviewtext {
    font-size: 13px;
}

.btnbuyticket {
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    color: white;
    margin-right: 16px;
    border-radius: 5px;
    background: #dc3545;
    text-align: center;
}

.btnbuyticket:hover {
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    color: white;
    margin-right: 16px;
    border-radius: 5px;
    background: rgb(158, 0, 0);
    text-align: center;
}

    @supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
        .tick {
            stroke-opacity: 0;
            stroke-dasharray: 29px;
            stroke-dashoffset: 29px;
            animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
            animation-delay: .6s
        }

        .circle {
            fill-opacity: 0;
            stroke: #219a00;
            stroke-width: 16px;
            transform-origin: center;
            transform: scale(0);
            animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;   
        }   
    }

    @keyframes grow {
        60% {
            transform: scale(.8);
            stroke-width: 4px;
            fill-opacity: 0;
        }
        100% {
            transform: scale(.9);
            stroke-width: 8px;
            fill-opacity: 1;
            fill: #219a00;
        }
    }

    @keyframes draw {
        0%, 100% { stroke-opacity: 1; }
        100% { stroke-dashoffset: 0; }
    }

    /* Change User Profile Image */
    .profile-image-wrapper {
        cursor: pointer;
        overflow: hidden;
    }
    
    .profile-hover-backdrop {
        position: absolute;
        top: 0;
        left: 0;
        width: 180px;
        height: 180px;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
    
    .profile-image-wrapper:hover .profile-hover-backdrop {
        opacity: 1;
        pointer-events: all;
    }

/* Review Rating */
  #gmbStarRating i {
    cursor: pointer;
    transition: transform 0.2s ease;
  }

  #gmbStarRating i:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 2px #ffc107aa);
  }

  #gmbStarRating i.active {
    color: #ffc107;
  }