:root {
  --orange-color: #ce050d;
  --pink-color:#000;
}
.logo{
  width: 200px;
}
.headerMainDiv{
  display: flex;
  width: 90%;
  margin: auto;
}
.footerfirstCol3Div{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.iconstyle{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    /* box-shadow: inset 0 0 10px var(--orange-color); */
    color:  var(--orange-color);
}
.iconData{
    /* color: #fff; */
    color:var(--pink-color);
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
}
.navbar-light .navbar-nav .nav-link {
  color: var(--pink-color);
  font-size: 18px;
  font-weight: 600;
  margin: 6px;
  text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link:hover {
  background-color: var(--orange-color);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 6px;
}
.headerIconPD{
    /* padding-top: 30px;  */
    display: flex;
}
/* end header */
.FSH2{
    color: #fff;
font-size: 35px;
padding-left: 30px;
padding-top: 50px;
}
.FSP{
    color: #fff;
font-size: 20px;
padding-left: 30px;
}
.TSCard{
    text-align: center;
/* box-shadow: inset 0 0 10px var(--orange-color);; */
padding: 20px;
padding-top: 30px;
padding-bottom: 15px;
}
.orangecolor{
    color:  var(--orange-color);
}
.pinkcolor{
  color: var(--pink-color);
}
.lightBluecolor{
    color: #0d0d4c;
}
.TScardBtn{
    background: var(--orange-color);;
    color: #fff;
    width: 100%;
    box-shadow: inset 0 0 10px #ffffff;
}
.TSCardSpan{
    font-size: 19px;
font-weight: bold;
color: #b26a08;
}
.FSDivBG{
    /* background-image:url('http://localhost/ujjain-tour&taxi/assets/img/bg1.jpg'); */
    background-size: cover;
}
.STMainDivP{
    padding-left: 50px; 
    padding-right: 50px; 
    padding-top:25px; 
    padding-bottom:25px
}
.SSFRDP{
    padding-top:20px;
}
.SSFRCol6ImgWB{
    width: 100%; 
    border-left: 5px solid  var(--orange-color); 
    border-top: 5px solid  var(--orange-color);
}
.SSFRCol62DPB{
    /* padding-top: 50px;  */
    padding-left: 50px; 
    border-right: 5px solid  var(--orange-color); 
    border-bottom: 5px solid  var(--orange-color);
}
.SSCol62PFS{
    font-size:18px;
}
.TSFRCol4ImgBR{
    border-top-left-radius: 15px; 
    border-top-right-radius: 15px;
    width: 100%;
}
.FSDivBG{
    background-image:url('http://localhost/ujjain-tour&taxi/assets/img/bg3.jpg');
    background-size: cover; 
}
.FSSDivPHD{
    padding-left: 100px; 
    padding-right: 100px; 
    padding-top:25px; 
    padding-bottom:25px; 
    /* height:300px;  */
    height: 480px;
    /* display:flex;  */
    align-items:center;
    background: #ffa50066;
}
.TSFRImgDivH{
    height: 240px;
}
/* footer start */
.footerIconData{
    font-size: 16px;
      margin-left: 10px;
      font-weight: 400;
      padding-top: 8px;
  }
  .footerLRcol4Text{
    color: #fff;
      font-size: 17px;
      display: flex;
      align-items: center;
  }
  .FSCol4Card{
      padding: 15px;
      border-top-left-radius: 30px;
      border-bottom-right-radius: 30px;
      border: 2px solid  var(--orange-color);
  }
  .footerPLRTBG{
    padding-left: 50px; 
    padding-right: 50px; 
    background: #ffa50024; 
    padding-top: 25px;
  }
  .FooterlogoW{
    width:200px;
    margin-bottom: 10px;
  }
  .FooterLastlinePLRG{
    padding-left: 50px; 
    padding-right: 50px; 
    background:  var(--orange-color);
    /* margin-top: -30px; */
  }
  /* fixed Contact Us form */
  .sticky-side-btnColor {
    background-color: #fee6a8;
    margin-right: 185px;
    position: relative;
    z-index: 2;
    color: var(--orange-color);;
  }

  .sticky-side-btn {
       right: 10px;
       height: 337px;
       width: 60px;
       margin-top: -25px;
       padding: 7px;
       border-top-left-radius: 10px;
       border-bottom-left-radius: 10px;
  }

  .btn-wrap p {
    margin-top: 80px;
    padding-left: 2px;
    margin-left: 1px;
    font-size: 22px;
    font-weight: 600;
    writing-mode: vertical-lr;
    border-style: none;
  }

  #sticky-side-info {
    margin-top: 10vh;
    background-color: #fffdf6;
    color: rgb(251, 250, 250);
    box-shadow: inset 0 0 10px var(--orange-color);;
    display: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 2;
    position: fixed;
    width: 450px;
    max-width: 450px;
    right: 0;
    padding-bottom: 25px;
  }


  #sticky-side-info p {
    color: var(--orange-color);
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
  }

  .needBtn {
    border-style: none;
    background-color: var(--orange-color);
    position: fixed;
    left: 94.5vw;
    z-index: 2;
    top: 167px;
    color: #fff;
    border-radius: 10px;
  }

  .crossBtn {
    text-align: end;
    color: var(--orange-color);
  }

  .sticky-side {
    position: absolute;
    top: 12vh;
    right: 0;
  }
  .contactlabel {
    font-size: 18px;
    font-weight: 500;
    color: var(--pink-color);
  }
  .contactInput{
    /* width: 100%;
    border-radius: 10px;
    border: 1px solid  var(--orange-color);
    margin-bottom: 8px; */
    width: 100%;
    /* border-radius: 10px; */
    border: none;
    border-bottom: 1px solid var(--orange-color);
    margin-bottom: 8px;
    background: transparent;
  }
  tbody, td, th, thead, tr {
    border-color: var(--orange-color);
}
.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgb(254 249 243);
  color: var(--bs-table-striped-color);
}
.carousel-control-prev {
  background-image: url(http://localhost/ujjain-tour&taxi/assets/img/arrow.png);
  background-repeat: no-repeat;
  right: 100px;
  background-size: 30px;
  top: 200px;
}
.carousel-control-next  {
  background-image: url(http://localhost/ujjain-tour&taxi/assets/img/arrow2.png);
  background-repeat: no-repeat;
    right: 0px;
    background-size: 30px;
    top: 210px;
  
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow:none;
}
.FSImgSlider{
  margin-top:15px;
  width: 450px;
}
.FSImgSlider1{
  width: 400px 
}
.headingImgWidth{
  width:120px;
}
.tourDetailHeight1{
  height: 150px;
}
.tourDetailHeight2{
  height: 130px;
}
.tourDetailHeight3{
  height: 145px;
}
.vehicleMainDiv{
  padding-left: 100px; 
  padding-right: 100px; 
  padding-top: 60px;
}
.ContactMainDiv{
  padding-left: 100px; 
  padding-right: 100px; 
  padding-top: 20px; 
  padding-bottom: 10px; 
  background: linear-gradient(45deg, #ffa5004f, transparent);    
  border-bottom: 1px solid #ed3594;
}
.footerimgW{
  width:100%;
}




@media (min-width:992px) and (max-width:1150px) {
  .tourDetailHeight1, .tourDetailHeight3{
    height: 190px;
  }
   .tourDetailHeight2{
    height: 175px;
  }
}
@media (min-width:830px) and (max-width:1200px) {
  .FSSDivPHD {
    padding-left: 20px;
    padding-right: 20px;
    height: 520px;
  }
  .STMainDivP, .vehicleMainDiv{
    padding-left: 10px;
    padding-right: 10px;
  }
  .tourCol{
    padding-right:0;
  }
  .tourDetailHeight1, .tourDetailHeight3{
    height: 190px;
    font-size: 15px;
  }
   .tourDetailHeight2{
    height: 175px;
    font-size: 15px;
  }
  .MSFS{
    font-size:19px;
  }
}
@media (max-width:830px) {
  .FSSDivPHD, .STMainDivP {
    padding-left: 100px;
    padding-right: 100px;
    height: auto;
  }
  .serviceCol, .tourCol{
    width: 100%;
    margin-bottom: 15px;
  }
  .tourDetailHeight1, .tourDetailHeight2, .tourDetailHeight3{
    height: 100px;
    font-size: 15px;
  }
  .vehicleMainDiv{
    padding-left:10px;
    padding-right:10px;
  }
}
@media (max-width:650px) {
  .FSSDivPHD, .STMainDivP,.vehicleMainDiv {
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
  }
  .serviceCol, .tourCol{
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width:992px) and (min-width:577px) {
  .footerSRow2{
    display:flex;
    flex-direction: column-reverse;
  }
  .footerPLRTBG {
    padding-left: 50px;
    padding-right: 50px;
  }
  .footerSRowcol2{
    padding-left:120px;
  }
}
@media (max-width:992px){
  .FSImgSlider{
    margin-top:15px;
    width: 300px
  }
  .FSImgSlider1{
    width: 250px 
  }
  .FSH2{
    font-size: 25px;
    padding-left: 30px;
    padding-top: 50px;
  }
  .FSP{
    font-size: 15px;
    padding-left: 30px;
  }
  .SSFRCol6ImgWB{
    width:80%;
    padding-left:auto;
  }
  .ContactMainDiv{
    padding-left: 20px; 
    padding-right: 20px; 
  }
  .contactlabel{
    font-size: 15px;
  }


  .footerimgW{
    width:75%;
  }

  .footerlogoandimgDiv{
    height:170px;
  }
}
@media (max-width:767px){
  .FSImgSlider{
    margin-top:15px;
    width: 350px
  }
  .FSImgSlider1{
    width: 300px 
  }
  .FSDivW{
    width:50%
  }
  .TScardBtn{
    width: 30%;
    margin:auto;
  }
  .footerSRowcol2{
    padding-left:50px;
  }
}
@media (max-width:576px) {
  .FSImgSlider{
    margin-top:15px;
    width: 300px
  }
  .FSImgSlider1{
    width: 250px 
  }
  .headerContact{
    display: none;
  }
  .headingImgWidth8{
    width:50px;
  }
  .headingFontSize{
    font-size: 25px;
  }
  .tourDetailHeight1, .tourDetailHeight2, .tourDetailHeight3{
    height: 150px;
  }
  .footerPLRTBG {
    padding-left: 100px;
    padding-right: 100px;
  }
  .footerSRowcol2,.footerSRowcol3{
    padding-left:50px;
  }
}
@media (max-width:450px) {
  .footerPLRTBG {
    padding-left: 10px;
    padding-right: 10px;
  }
  .footerSRowcol2, .footerSRowcol3{
    padding-left:20px;
  }
}
@media (max-width:400px) {
  .FSDivW{
    width:80%
  }
  .SSFRCol62DPB{
    padding-left:0;
  } 
  .tourDetailHeight1, .tourDetailHeight2, .tourDetailHeight3{
    height: 170px;
  }
  .contactcol9, .contactcol3{
    width: 100%;
  }
  .contactlabel{
    margin-left:15px;
  }
  .TScardBtn{
    width: 90%;
    margin:auto;
  }
}