html{
      scroll-behavior: smooth;
}
body{
      background-color: azure;
      font-family: Mali;
}
.class{
      background-color: rgba(0, 94, 255, 0.607);

}
nav div ul li a:hover{
      background-color: rgba(7, 72, 112, 0.6);
      border-radius: 10%;
}
#tajmahal img{
      width: 100%;
}
#qutubminar img{
      width: 100%;
}
#redfort img{
      width: 100%;
}
#lotustemple img{
      width: 100%;
}
#akshardham img{
      width: 100%;
}
#jantar img{
      width: 100%;
}
#indiagate img{
      width: 100%;
}
#citypalace img{
      width: 100%;
}
#jaigarh img{
      width: 100%;
}
#amerfort img{
      width: 100%;
}
#junagarh img{
      width: 100%;
}
#chittor img{
      width: 100%;
}
#gatewayindia img{
      width: 100%;
}
#humayun img{
      width: 100%;
}
#Charminar img{
      width: 100%;
}
#links{
      /* height: 650px; */
      background-color:greenyellow;
      border: 1px black dashed;
      background-image:url("Images/background-bus-gif.gif");
      background-repeat: no-repeat;
      background-size: contain;
      background-position:right;
}
#choose{
      /* height: 650px; */
      background-color: lightcyan;
      border: 1px black dashed;
}
#whychooseus{
      text-align: center;
}
#quicklinks{
      text-align: center;
}
#links::after{
      content: "";
      display: block;
      clear: both;
}
.card-title{
      text-align: center;
      font-size: 30px;
}
.card-text{
      font-size: 18px;
}
.carousel-control-prev-icon{
      background-color:black;
}
.carousel-control-next-icon{
      background-color:black;
}
.roundimg img{
      border-radius: 5%;

}
.logo-image{
      height: 100px;
}
::-webkit-scrollbar {
      width: 10px;
    }

::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey; 
      border-radius: 50px;
    }

::-webkit-scrollbar-thumb {
      background: cadetblue; 
      border-radius: 50px;
      border-color: black;
    }

::-webkit-scrollbar-thumb:hover {
      background: #b30000; 
    }

.choose-images img{
      width: 25%;
      border-radius: 50%;
      margin-top: 15px;
      border: 5px orangered dashed;
}
.choose-images{
      text-align: center;
}
.collage-image img{
      width: 40%;
      float: right;
}
#footer{
      background-color: aquamarine;
      /* height: 720px; */
      text-align: center;
}
#footer ul li{
      display: inline;
}
#footer-logo{
      width: 23%;
      margin-top: 17px;
}
.contact-us{
      text-align: center;
}
#footer-list{
      text-align: center;
      font-size: 20px;
}
#follow-us{
      text-align: center;
}
#facebook, #instagram, #twitter{
      width: 7%;
      margin: 0 10px;
}
.follow-us-div{
      margin-top: 15px;
      text-align: center;
}
#follow-us-links{
      text-decoration: none;
}
#copyright{
      text-align: center;
}
#footer-logo-div{
      text-align: center;
}
.place-buttons{
      text-align: center;
}
.iframe{
      width: 100%;
      height: 420px;
}
.navbar{
      border-bottom: 1px black solid;
}
.carousel-heading{
      font-size: 30px;
}
.btn{
      font-size:16px;
}
.modal-title{
      font-size: 30px;
}
.modal-body{
      font-size: 18px;
}
.list-group{
      font-size: large;
}
footer::after{
      content: "";
      clear: both;
      display: block;
}
#choose::after{
      content: "";
      clear: both;
      display: block;
}