/*Index Page Css Start*/
html{
    font-size: 62.5%;
}
.indexcontainer{
    margin: 0; padding: 0; box-sizing: border-box;
}
.indexheader{
    width: 100%; height: 100vh;
    background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.1)), url("../images/index-cover-jodhpur-taxi-cab.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.indexnav{
    width: 10%; height: 5vh;
    display: flex; text-transform: uppercase; align-items: center; justify-content: space-between;
    margin-left: 5rem;
}
.indexnav .indexlogo{
    width: 75%; text-align: left; margin-left: 5rem;
}
.g{
    font-size: 5.5rem; color: #0000ff; letter-spacing: .2rem; font-weight: bold;
}
.i{
    font-size: 5.5rem; color: #ff00ff; letter-spacing: .2rem; font-weight: bold;
}
.t{
    font-size: 5.5rem; color: #00ff00; letter-spacing: .2rem; font-weight: bold;
}
.symbol{
    font-size: 5.5rem; color: #ffff00; letter-spacing: .2rem; font-weight: bold;
}
.indexnav .indexmenu{
    width: 20%; display: flex; justify-content: space-around;
}
.indexnav .indexmenu:first-child{
    
}
.indexnav .indexmenu a{
    width: 25%; text-decoration: none; color: white;
}
.indexmain{
    width: 100%;
    height: 95vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff;
}
.indexsection{
    
}
.indexsection h3{
    font-size: 5.5rem; font-weight: 200; letter-spacing: .3rem;
    text-shadow: .1rem .1rem .2rem black;
    color: white;
}
.indexsection h1{
    margin: 3rem 0 2rem 0;
    font-size: 5.5rem;
    font-weight: 700;
    text-shadow: .2rem .1rem .5rem black;
    text-transform: uppercase;
    color: white;
}
.indexsection p{
    font-size: 2.5rem;
    word-spacing: .2rem;
    margin-bottom: 3.5rem;
    text-shadow: .1rem .1rem .1rem black;
    color: white;
}
.indexsection a{
    padding: 1.2rem 3rem;
    border-radius: .4rem;
    outline: none;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: .1rem;
    transition: all .5s ease;
}
.indexsection .indexbtn1{
    background: white;
    color: #000;
    margin-right: 1rem;
}
.indexbtn1:hover{
    background: #00b894;
    color: white;
}
.indexsection .indexbtn2 {
    background: #00b894;
    color: white;
}
.indexbtn2:hover{
    background: white;
    color: #000;
}
.changecontain:after{
    content: '';
    animation: changetext 15s infinite linear;
    color: #00b894;
}
@keyframes changetext{
    10%{content:"JODHPUR";}
    20% {content:"JAIPUR";}
    30% {content:"UDAIPUR";}
    40%{content:"JAISALMER";}
    50% {content:"ALWAR";}
    60% {content:"BARMER";}
    70% {content:"BIKANER";}
    80%{content:"NAGAUR";}
    90% {content:"BHARATPUR";}
        
}
@media(max-width:998px){
    html{
        font-size: 55%;
    }
}
@media(max-width:768px){
    html{
        font-size: 45%;
    }
}
/*Index Page Css End*/

/*Tnc Popup Page Css Start*/
.popup-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
}

.popup-container {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 200px;
  font-family: "Roboto", sans-serif;
  background-image: linear-gradient(
    to right top,
    #55eee8,
    #2df2cc,
    #45f4a1,
    #76f269,
    #a8eb12
  );
  padding: 24px;
  border-radius: 24px;
  position: relative;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.6);
}

.popup-close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #c00303;
  color: #ecf0f1;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 30px;
  font-weight: bold;
  transform: rotateZ(45deg);
  cursor: pointer;
}

.popup-title {
  font-size: 36px;
  text-align: center;
  color: #c00303;
}

.popup-description {
  font-size: 20px;
  text-align: center;
}

.popup-button {
  background: #110224;
  color: #ecf0f1;
  text-decoration: none;
  font-size: 20px;
  padding: 16px 48px;
  border-radius: 8px;
  margin: 0 auto;
  display: block;
  width: 80px;
  text-align: center;
  margin-top: 32px;
}




/*Tnc Popup Page Css End*/