/* CSS Document */
html,body{
	overflow-x:hidden !important;
}
html{
    scroll-behaviour: smooth;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

@font-face{
	src: url("../fonts/Montserrat-Black.otf");
	font-family:'mont-black'
}

@media (min-width: 1200px){
.container {
    max-width: 1300px;
}
}
.navbar-light .navbar-nav .nav-link{
	white-space: nowrap !important;
}
@media (max-width:990px){
	.navbar-collapse{
		background: white;
border-radius: 15px;
padding: 1rem;
margin-top:1rem;
	}
	.side-btns li a{
	    width:100%;
	    padding-left: 2rem !important;
padding-right: 2rem !important;
margin-left: 0 !important;
text-align:center;
margin-bottom:1rem;
	}
	.car-cont{
	    height:315px !important;
	    border-radius:0 !important;
	}
	.car-cont img{
	    width:600px;
	}
}
.about-bg{
    background: url("../img/about-bg.jpg");
    height: 70vh;
    width:100%;
    border-radius:30px;
    margin: 0 auto;
    background-size:cover;
    display:block;
    margin-top:7rem;
}
.navbar-nav {
     margin-left: 0;
}
.ms-sub-head{
     font-family: 'Poppins', sans-serif;
     font-size:medium;
     color: rgb(113, 111, 237);
}
.ms-head{
      font-family: 'Poppins', sans-serif;
      color:black;
      line-height:31px;
}
.ms-cont{
    margin-bottom:10rem;
}
.about{
    margin-bottom:10rem;
    margin-top:5rem;
}
.navbar-nav .nav-link {
      font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight: 500
}
.fixed-top{
	padding-top: 1.5rem;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
	color: rgb(113, 111, 237) !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	color: rgb(113, 111, 237) ;
}
.navbar-nav .nav-link:hover {
      color: rgb(113, 111, 237) ; /* Set the desired hover color */
 }
.btn-signin{
background: linear-gradient(111.3deg, rgb(74, 105, 187) 9.6%, rgb(205, 77, 204) 93.6%); 
color: white !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-left: 1rem !important;
	border-radius:8px;
	border:0;
	font-family: 'Poppins', sans-serif;
	color:white !important;
}
.btn-signin:hover{
	background: linear-gradient(60deg, rgb(74, 105, 187) 9.6%, rgb(205, 77, 204) 93.6%);
    color: white !important;
}
.btn-search{
	background: linear-gradient(111.3deg, rgb(74, 105, 187) 9.6%, rgb(205, 77, 204) 93.6%);
    color: white !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
	border-radius:8px;
	font-family: 'Poppins', sans-serif;
}
.btn-search:hover{
	background: #5b5bd6;
    color: white !important;
}
.head1{
	font-family: 'mont-black';
	text-transform: uppercase;
	color:#343434;
    font-size: xxx-large;
    line-height: 44px;
}
.para1{
	 padding-top:1rem;
	 font-family: 'Poppins', sans-serif;
}
.top-ann{
	background-color: white;
	border-radius: 30px;
	padding: 10px;
	display: inline-block;
	box-shadow: 0px 2px 44px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	padding-left:1rem;
	padding-right:2rem;
	margin-bottom:2.5rem;
}
.top-ann p{
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	font-weight:600;
	color:rgb(113, 111, 237)
}
label{
	font-family: 'Poppins', sans-serif;
}
.car-cont{
	background: linear-gradient(111.3deg, rgb(74, 105, 187) 9.6%, rgb(205, 77, 204) 93.6%); border-radius: 40px 0px 0px 40px; position: relative;
	    height: 700px;
	    
}
.car-cont img{
	margin-left: -4rem;
}
 .search-container {
  position: relative;
  display: inline-block;
}
.sec-one{
    background: linear-gradient(to top, #f5f2f9, #f1f1f1);
	padding-top:10rem;
}


.dropdown-container {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  right: 0;
}

.dropdown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  max-height: 200px;
  overflow-y: auto;
}

.dropdown li {
  padding: 10px;
  cursor: pointer;
}

.dropdown li:hover {
  background-color: #f1f1f1;
}

#save-button {
  margin-top: 10px;
}
.form-control{
	color:black !important;
}
		#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
			display: block;
			margin: 0 auto;
}
 .box {
            display: flex; /* use flexbox layout */
            flex-direction: column; /* stack contents vertically */
            justify-content: center; /* center vertically */
            align-items: center; /* center horizontally */
            background-color: white;
            border: 3px solid white;
            transition: border-color 0.3s;
	 		padding-top:15px;
            margin-right: 5px;
            margin-bottom: 5px;
	 		border-radius:13px;
	 		cursor:pointer;
        }

        .box:last-child {
            margin-right: 0;
        }

        .box:hover,
        .box:focus {
            border-color: #754eb1;
        }

        .box p {
            margin-top: 0px; /* add margin between image and paragraph */
        }


        .box:hover p,
        .box:focus p {
            color: #754eb1;
        }
		.box #sedan-image {
        content: url('../img/sedan.png');
    }
    
    .box #suv-image {
        content: url('../img/suv.png');
    }

	.box #luxury-image {
        content: url('../img/luxury.png');
    }
    
    .box:hover #sedan-image {
        content: url('../img/sedan-purple.png');
    }
    
    .box:hover #suv-image {
        content: url('../img/suv-purple.png');
    }

	.box:hover #luxury-image {
        content: url('../img/luxury-purple.png');
    }
        
.container-custom{
	padding:40px;
	background:white;
	border-radius:15px;
	  box-shadow: 0px 10px 80px -20px rgb(170 162 179);
	  margin-top:5rem;
	  margin-bottom:3rem;

}

.div2{
	margin-top: 10rem;
}
.div3{
	margin-top: 10rem;
}

.div4{
	margin-top: 10rem;
}
.div5{
	margin-top: 10rem;
}


.head1{
	font-family:'mont-black';
	font-size: 2rem;
}

.cb-head{
	font-family: 'Poppins', sans-serif;
	font-size: large;
	font-weight: bold;
}

.cb-para{
	font-family: 'Poppins', sans-serif;
	font-size: small;
}

.head2{
	font-family:'mont-black';
	font-size: 2rem;
}

.para2{
	font-family: 'Poppins', sans-serif;
	font-size: small;
}

.sc-head{
    font-family: 'Poppins', sans-serif;
	font-weight: bold;
    border-radius: 8px;
	font-size: medium;
}

.sc-para{
	font-family: 'Poppins', sans-serif;
    font-size: small;
	
}

.scard {
 	width: 190px;
    height: auto;
    border-radius: 30px;
    background: rgb(255 255 255 / 6%);
	padding:2rem;
	
}

.sbox img {
	background: #754eb1;
	padding: 14px;
	border-radius: 12px;
}

.sbox1 img {
	background: #754eb1;
	padding: 14px;
	border-radius: 12px;
}

.sbox{
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	margin-bottom:2rem;
}

.sbox1{
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	background: linear-gradient(to top, #c6c4e0, #f2c2fc);
	margin-bottom:2rem;
}

.cp-head{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: uppercase;

}

.pricecard{
	 transform: scale(0.8);
	background: linear-gradient(to top, #c6c4e0, #f2c2fc);
    padding: 25px;
    border-top-left-radius: 274px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
	margin-right: 1rem;
	margin-left: 1rem;
}

.car{
	margin-left: 5rem;
}

.rowbck{
	    background: #ffffff57;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 22px;
    box-sizing: border-box;
    border: 14px solid transparent;
    background-clip: padding-box;
	font-weight: bold;
}



.banrpara2{
	font-family: 'Montserrat', sans-serif;
	font-size: medium;
	margin:0 !important;
	text-align:center;
	
}
.line{
	    width: 40%;
    background: white;
    height: 1px;
}

.cf-para1{
	font-family: 'Montserrat', sans-serif;
	font-size: small;
	font-weight: bold;	
}

.cf-para2{
	font-family: 'Montserrat', sans-serif;
	font-size: small;
	color: #7d669b;
	font-weight: bold;
}
.cf-para3{
	font-family: 'Montserrat', sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: white;
}

.cf-para4{
	font-family: 'Montserrat', sans-serif;
	font-size: 4rem;
	color: #754eb1;
	font-weight: 600;
}

.booknow{
	font-family: 'Montserrat', sans-serif;
	order: 0;
	font-weight: bold;
    background: #754eb1;
    border-radius: 12px;
    color: white;
	padding-top: 20px;
    padding-bottom: 20px;
	font-size: large;
	text-transform: uppercase;
}

.booknow:hover {
	font-family: 'Montserrat', sans-serif;
	order: 0;
	font-weight: bold;
    background: #754eb1;
    border-radius: 12px;
    color: white;
	padding-top: 20px;
    padding-bottom: 20px;
	font-size: large;
	text-transform: uppercase;
}

.moredetail{
	font-family: 'Montserrat', sans-serif;
	background: transparent;
	font-weight: bold;
	border: 3px solid #754eb1;
	border-radius: 12px;
	padding-top: 20px;
    padding-bottom: 20px;
    color: #754eb1;
	font-size: large;
	text-transform: uppercase;
}

.moredetail:hover {
	font-family: 'Montserrat', sans-serif;
	background: transparent;
	font-weight: bold;
	border: 3px solid #754eb1;
	border-radius: 12px;
	padding-top: 20px;
    padding-bottom: 20px;
    color: #754eb1;
	font-size: large;
	text-transform: uppercase;
}

:root {
  --accent-color: #754eb1;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	margin-top: 2rem;
}

.faq {
  box-sizing: border-box;
  background: transparent;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.faq:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}

.faq-title {
  margin: 0 35px 0 0;
	font-size: large;
	font-family: 'Montserrat', sans-serif;	
	font-weight: 600;
}

.faq-text {
  margin: 30px 0 0;
  display: none;
  line-height: 1.5rem;
	font-family: 'Montserrat', sans-serif;
	font-size: medium;
}

.faq.active {
  background-color: #f8f8f8;
  box-shadow: inset 4px 0px 0px 0px var(--accent-color);
}

.faq.active .faq-title {
  color: var(--accent-color);
}

.faq.active .faq-text {
  display: block;
}

.faq-toggle {
  background-color: transparent;
  border: 1px solid #e6e6e6;
  color: inherit;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding-top: 3px;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
  transition: 0.3s ease;
}

.faq-toggle:focus {
  outline: none;
}

.faq.active .faq-toggle {
  transform: rotate(180deg);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: #fff;
}
.sign-cont{
	background: white;
    border-radius: 13px;
    z-index: 9;
}

.sign-left {
    padding: 3rem 2rem 3rem 2rem;
}
.form-control3 {
    background: rgb(22 22 22 / 81%) !important;
}

.form-control {
    background-color: #ffffff !important;
    border: 1.5px solid #dddddd;
    border-radius: 11px;
    height: calc(2.5em + 0.75rem + 2px) !important;
    color: white;
}
.button{
	min-width: 151px;
    min-height: 6px;
    font-size: small;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    background: linear-gradient(111.3deg, rgb(74, 105, 187) 9.6%, rgb(205, 77, 204) 93.6%);
    border: none;
    border-radius: 1000px !important;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px;
}
.button:hover{
    color:white;
}
.fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}
.passinfo{
	color:red;
}
.notification {
  position: fixed;
    /* top: 0; */
    left: 50%;
    bottom: 2%;
    transform: translate(-50%, 0);
    background-color: #373737;
    color: white; 
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    font-family: 'Poppins';
    border: 2px solid #c34cff;
    padding: 10px;
    z-index: 1000;
    border-radius: 8px;
    padding-right: 53px;
    padding-left: 53px;
    font-size: 15px;
}
.checkbox-wrapper-33 {
  --s-xsmall: 0.625em;
  --s-small: 1.2em;
  --border-width: 1px;
  --c-primary: #5F11E8;
  --c-primary-20-percent-opacity: rgb(95 17 232 / 20%);
  --c-primary-10-percent-opacity: rgb(95 17 232 / 10%);
  --t-base: 0.4s;
  --t-fast: 0.2s;
  --e-in: ease-in;
  --e-out: cubic-bezier(.11,.29,.18,.98);
}

.checkbox-wrapper-33 .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkbox-wrapper-33 .checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.checkbox-wrapper-33 .checkbox + .checkbox {
  margin-top: var(--s-small);
}

.checkbox-wrapper-33 .checkbox__symbol {
  display: inline-block;
  display: flex;
  margin-right: calc(var(--s-small) * 0.7);
  border: var(--border-width) solid var(--c-primary);
  position: relative;
  border-radius: 0.1em;
  width: 1.5em;
  height: 1.5em;
  transition: box-shadow var(--t-base) var(--e-out), background-color var(--t-base);
  box-shadow: 0 0 0 0 var(--c-primary-10-percent-opacity);
}

.checkbox-wrapper-33 .checkbox__symbol:after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 0.25em;
  height: 0.25em;
  background-color: var(--c-primary-20-percent-opacity);
  opacity: 0;
  border-radius: 3em;
  transform: scale(1);
  transform-origin: 50% 50%;
}

.checkbox-wrapper-33 .checkbox .icon-checkbox {
  width: 1em;
  height: 1em;
  margin: auto;
  fill: none;
  stroke-width: 3;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  color: var(--c-primary);
  display: inline-block;
}

.checkbox-wrapper-33 .checkbox .icon-checkbox path {
  transition: stroke-dashoffset var(--t-fast) var(--e-in);
  stroke-dasharray: 30px, 31px;
  stroke-dashoffset: 31px;
}

.checkbox-wrapper-33 .checkbox__textwrapper {
  margin: 0;
}

.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol:after {
  -webkit-animation: ripple-33 1.5s var(--e-out);
  animation: ripple-33 1.5s var(--e-out);
}

.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol .icon-checkbox path {
  transition: stroke-dashoffset var(--t-base) var(--e-out);
  stroke-dashoffset: 0px;
}

.checkbox-wrapper-33 .checkbox__trigger:focus + .checkbox__symbol {
  box-shadow: 0 0 0 0.25em var(--c-primary-20-percent-opacity);
}

@-webkit-keyframes ripple-33 {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale(20);
  }
}

@keyframes ripple-33 {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale(20);
  }
}
.container-custom2{
	background: linear-gradient(to top, #c6c4e0, #f2c2fc);
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	padding:2rem;
	border-radius:23px;
}