.navbar-expand-lg.top-nav .navbar-nav .nav-link.active2 {
        color: #ec7554;
      }

      .navbar-expand-lg.top-nav .navbar-nav .nav-link.active2:after {
        content: "";
        position: absolute;
        width: 40px;
        background: #ec7554;
        height: 5px;
        bottom: 0px;
        right: 0px;
        border-radius: 6px;
      }

      .navbar-expand-lg.top-nav .navbar-nav .nav-link.active2:before {
        content: "";
        position: absolute;
        width: 40px;
        background: #ec7554;
        height: 5px;
        top: 0px;
        left: 0px;
        border-radius: 6px;
      }

      body {
        background-color: #f7f7f7;
      }

      .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
       
        top: 100%;
        left: 0;
        right: 0;
      }

      .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
      }

   
      .autocomplete-items div:hover {
        background-color: #e9e9e9;
      }

    
      .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
      }

      @keyframes slideInFromLeft {
        0% {
          transform: translateX(-100%);
        }

        100% {
          transform: translateX(0);
        }
      }

      @keyframes slideInFromUp {
        0% {
          transform: translateY(-100%);
        }

        100% {
          transform: translateY(0);
        }
      }

      .leftani {
       
        animation: 2s ease-out 0s 1 slideInFromLeft;
      }

      .upani {
       
        animation: 2s ease-out 0s 1 slideInFromUp;
      }

      .tabslistnew .card:hover {
        background: #fff;
        box-shadow: 12px 15px 20px 10px rgba(46, 61, 73, 0.15);
        border-radius: 4px;
        transition: all 0.3s ease;
      }

      @media (min-width:995px) and (max-width:1399px) {
        .carousel-item {
          height: 58vh;
        }

       
        @media only screen and (max-width: 600px) {
          .carousel-item {
            height: 25vh;
          }
        }

        @media only screen and (max-width: 768px) {
          .carousel-item {
            height: 25vh;
          }
        }

        @media only screen and (max-width: 320px) {
          .carousel-item {
            height: 25vh;
          }
        }
      }

      .skip {
        transform: translateY(-100%);
      }

       .mapouter {
                    text-align: left;
                    height: 300px;
                    width: 300px;
                  }

                  .gmap_canvas {
                    overflow: hidden;
                    background: none !important;
                    height: 300px;
                    width: 300px;
                  }