*{
    box-sizing: border-box;
    padding: 0 ;
    margin: 0 ;
}

body{
     font-family: "Poppins", sans-serif !important;
}

/* banner-section */
.banner-main{
    margin-top: 45px ;
}
.banner-inner{
    width: 100% ;
    height: 378px ;
    background: url(/assets/images/car/banner_img.webp?v=12) no-repeat top center;
    padding-top: 100px ;
}
.banner-heading{
    font-size: 28px ;
    color: white ;
    font-weight: 600 ;
    margin-bottom: 20px ;
    text-transform: capitalize ;
}
select:focus-visible {
    outline: none;
}
.car-content-list{
    li{
        font-size: 16px;
        font-weight: 400;
        color: rgb(48, 48, 48);
        margin-bottom: 10px ;
    }
}
.call-btn{
    a{
        font-size: 20px ;
        font-weight: 500 ;
        width: 130px ;
        height: 44px ;
        display: flex ;
        justify-content: center ;
        align-items: center ;
        background-color: #3695E5 ;
        font-size: 20px ;
        font-weight: 500 ;
        color: white ;
        border-radius: 5px ;
    }
}

.banner-inputs {
    margin-top: -76px;
}
.input-section-main {
    background-color: #FFFFFF;
    box-shadow: 3px 7px 17.3px 4px #6E6E6E40;
    border-radius: 15px;
    padding: 20px;
}
.destination-input {
    input {
        width: 100%;
        padding: 11px;
        border: 0.75px solid #8D8D8D;
        border-radius: 8px;
    }
        select {
        width: 100%;
        padding: 10.5px 0 10.5px 10px ;
        border: none;
        border-radius: 0 8px 8px 0;
        color: #8D8D8D;
        border-left: none;
        background: none;
        height: 48px;
    }
}
.destination-input {
    & input {
        &:focus {
            outline: none;
        }
    }
}
.request-btn{
    button{
        width: 100% ;
        display: flex;
        justify-content: center;
        align-items: center;
       background: #029e9d ;
        height: 48px ;
        border-radius: 8px ;
        color: white ;
        border:none;
    }
}

/* usp-section */
.usp-sec-main{
    margin-top: 40px;
    background: #9fdada12;
    padding: 30px 0;
}
.usp-content-main:hover {
    .usp-img {
        transform: rotateY(360deg);
    }
}

.usp-content-main{
    display: flex;
    justify-content: center ;
    flex-direction: column ;
    align-items: center ;
    border-radius: 10px ;
    padding: 20px ;
    gap: 10px ;

    .usp-img{
        width: 64px ;
        transition: 0.9s ;
    }
    .usp-heading{
        font-size: 14px ;
        font-weight: 600 ;
        color: #424242 ;
        margin-bottom: 10px ;
        text-align: center !important;
    }
    p{
        font-size: 12px ;
        font-weight: 400 ;
        color: rgba(70, 70, 70, 1) ;
        text-align: center ;
    }
}



/* hotel-destination-sec */

.top-heading{
    .destinations{
        font-size: 36px ;
        font-weight: 600 ;
        width: fit-content;
        color: #026f6e ;
         font-family: "Lato", sans-serif;
    }
    .explore{
        font-size: 16px ;
        font-weight: 400 ;
        color: rgba(74, 85, 101, 1) ;
    }
}




/* banner2-sec */

.banner2-inner{
    width: 100% ;
    background-image: url(/assets/images/car/banner2.png?v=12) ;
    background-repeat: no-repeat; 
    background-size: cover ;
    padding: 30px 0 30px 30px;
    color: white ;
    border-radius: 10px ;
    box-shadow: 0px 0px 29.4px 2px rgba(0, 0, 0, 0.15);

}
.bnr-call-btn{
    a{
        background-color: #029e9d;
        font-size: 24px ;
        font-weight: 600 ;
        color: white ;
        padding: 5px 15px ;
        border-radius: 5px ;
        img{
            width: 24px ;
        }
        
    }
}
.banner2-txt {
    width: 30%;
    h3{
        font-size: 26px ;
        font-weight: 700 ;
        color: #ffffff ;
    }
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: #ffffff ;
        margin-bottom: 25px ;
    }
}


/* deals-section */
.hotel-deals-main{
    margin-top: 30px ;
}

.deals-main{
      background: white ;
      border-radius: 12px;
      overflow: hidden;
    }
    .deals-main:hover{
        .btm-call-btn{
            opacity: 1 ;
            visibility: visible ;
        }
    }
.slide-img{
    width: 100% ;
    img{
        width: 100% ;
    }
}

.top-txt{
    bottom: 15px ;
    left: 15px ;
    .car{
        font-size: 14px ;
        font-weight: 400 ;
        color: #FFFFFF ;
    }
    .cityname{
        font-size: 20px ;
        font-weight: 500 ;
        line-height: 30px ;
        color: #FFFFFF ;
    }
}
.btm-call-btn{
    bottom: 15px ;
    right: 15px ;
    opacity: 0 ;
    visibility: hidden ;
    transition: 0.5s ;
}
.call-now {
    a {
        background-color: #029e9d;
        width: 150px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        border-radius: 35px;
        transition: 0.5s;
    }
}


    .hotel-deals-txt-main{
        margin-top: 40px ;
        overflow: hidden ;
        position: relative ;
     &:after{
            position: absolute;
            top: 50%;
            transform: translate(80%, -50%);
            right: 0px;
            width: 100%;
            height: 100%;
            content: '';
            background: url(../../assets/images/car/wheel.png) ;
            background-size: contain ;
            background-repeat: no-repeat ;
        }
    }
.hotel-deal-txt{
    padding-bottom: 30px ;
   
    .affordable{
        font-size: 30px ;
        font-weight: 600 ;
        margin-bottom: 20px ;
        color: #029e9d ;
        font-family: "Lato", sans-serif;
    }
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: rgba(48, 48, 48, 1);
    }
}



@media screen and (max-width:768px) {
	.car-content-list{
       li{
         font-size: 12px ;
       }
    }
    .banner-inputs{
        margin-top: 20px ;
    }
    .banner-inner{
        background-position: top right;
    }
    .usp-sec-main{
       margin-top: 30px;
    }
    .hotel-dest-main {
      margin-top: 30px;
    }
    .banner-heading{
        font-size: 22px ;
        text-shadow: 2px 2px 2px black;
    }
    .top-heading {
    .destinations {
        font-size: 22px;
    }
}
.banner2-inner{
    padding: 20px;
    background-position: top right;
}
.banner2-txt {
    width: 100%;
}
.banner2-txt {
    h3 {
        font-size: 18px;
        text-shadow: 2px 2px 2px black;
    }
    p{
        font-size: 12px ;
        text-shadow: 2px 2px 2px black;
    }
}
.banner2-main {
    margin-top: 0px;
    display: none ;
}
.hotel-deal-txt {
    .affordable {
        font-size: 18px;
        margin-bottom: 10px ;
    }
    p{
        font-size: 12px ;
    }
}
.top-heading{
    .destinations{
        &:after{
            width: 160px ;
        }
    }
}
.hotel-deals-main {
    margin-top: 10px;
}

.bnr-call-btn {
    & a {
        font-size: 15px ;
        img {
            width: 16px;
        }
    }
}
.call-btn {
    a {
        width: 120px;
        height: 40px;
        font-size: 15px ;
    }
}
.banner2-txt{
    p{
        margin-bottom: 20px ;
    }
}
.usp-content-main {
    .usp-heading {
        font-size: 14px;
        text-align: left !important;
    }
    p{
        font-size: 12px ;
        text-align: left !important;
    }
}
.banner-main{
    margin-top: 0 ;
}
.banner-inner{
    padding: 40px 0 40px 0;
}
.hotel-deal-txt{
    padding-bottom: 0 ;
}
}

.big-box{
	width:100%;
}
.small-box{
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
}

.double-input{
     position: relative;
        &:after{
        width: 1px;
        height: 30px;	
        position: absolute;	
        top: 9px ;
        left: 60%;
        content: '';
        background-color: #8D8D8D;
        }
        &:before{
            width: 20px ;
            height: 20px ;
            position: absolute;
            top: 14px ;
            left: 7px ;
            background-image: url(/assets/images/car/calendar.png?v=12);
            content: '';
        }
        
    .first{
        border-radius: 8px 8px !important;
        padding-left: 33px ;
        padding-right: 5px !important;
        width: 100% !important;
    }
    .second{
        border-radius: 0 8px 8px 0 !important;
       
    }
}





/* car-rental-new-page-css */


/* deals-page-sec */

.cad{
    font-size: 26px ;
    font-weight: 600 ;
    color: rgba(255, 255, 255, 1) ;
}
.vancouver{
    .cad{
        font-size: 16px ;
    }
    .call-now{
        a{
            width: 100px ;
            height: 29px ;
            font-size: 14px ;
        }
    }
}



/* perfect-ride-sec */

.perfect-ride{
    box-shadow: 0px 0px 11.7px 2px rgba(0, 0, 0, 0.07);
    padding: 20px 0;
    background: rgba(249, 250, 251, 1) ;
}








.ride-sec-tab {
   padding-top: 20px ;
}

.ride-sec-tab .nav-pills {
    position: relative;
    background: rgba(236, 236, 240, 1);
    padding: 6px;
    border-radius: 50px;
    display: inline-flex;
}

/* Sliding background */
.ride-sec-tab .nav-pills .slider {
    position: absolute;
    top: 6px;
    left: 6px;
    height: calc(100% - 12px);
    background: rgba(255, 255, 255, 1);   /* Active white background */
    border-radius: 50px;
    transition: all 0.35s ease;
    z-index: 1;
    &:before{
        content: '';
        width: 52px ;
        height: 20px ;
        position: absolute ;
        top:-26px;
        left: 50% ;
        transform: translateX(-50%);
        background: url(/assets/images/car/car_icon.png) no-repeat;
    }
}

/* Buttons */
.ride-sec-tab .nav-link {
    position: relative;
    z-index: 2;
    border-radius: 50px;
    padding: 5px 50px;
    color: #000 !important;
    background: transparent !important;
    border: none;
    font-size: 14px ;
    font-weight: 400;
}
.car-main{
    box-shadow: 0px 0px 16.4px 1px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1) ;
    padding: 20px ;
    border-radius: 16px ;
    display: flex ;
    flex-direction: column ;
    align-items: center ;
    justify-content: center ;
    gap: 40px ;
}
.car-img{
    width: 240px ;
    height: 146px ;
    img{
        width: 100% ;
    }
}
.car-name{
    p{
        font-size: 24px ;
        font-weight: 600 ;
        color: #029e9d ;
        text-transform: uppercase;
        text-decoration: underline ;
        text-decoration-color: rgba(255, 255, 255, 1) ;
        text-underline-offset: 5px ;
        transition: 0.5s ;
    }
}
.car-btn-sec{
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    width: 100% ;
    button{
        width: 48% ;
        height: 40px ;
        border: none ;
        display: flex ;
        justify-content: center ;
        align-items: center ;
        background: transparent;
        border-radius: 5px ;
        color: rgba(50, 50, 50, 1);
        font-size: 14px ;
        font-weight: 400 ;
        a{
            text-decoration: none ;
            color: inherit ;
            width: 100% ;
            height: 100% ;
            display: flex  ;
            justify-content: center ;
            align-items: center ;
        }
    }
    .call-info{
        border: 1px solid rgba(50, 50, 50, 1);
    }
    .book-now{
        background: #029e9d ;
        color: #fff ;
    }
}
.carbtmname{
    font-size: 16px ;
    font-weight: 500 ;
    color: rgba(50, 50, 50, 1) ;
    text-align: center ;
}
.car-list{
    width: fit-content ;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    gap: 20px ;
    margin:auto;
    margin-bottom: 20px ;
    li{
        list-style: none ;
        font-size: 14px ;
        font-weight: 400 ;
        color: rgba(50, 50, 50, 1) ;
    }
    li:last-child{
        padding-left: 20px ;
        border-left: 1px solid rgba(50, 50, 50, 1);
    }
}
.car-main:hover {
    .car-name{
        p{
            text-decoration-color: #029e9d ;
        }
    }
}
.popular-destination{
    padding: 30px 0;
}
.destname{
    font-size: 20px ;
    font-weight: 600 ;
    color: rgba(255, 255, 255, 1) ;
}
.edmonton{
    position: absolute ;
    bottom: 0 ;
    left: 0 ;
    padding: 15px ;
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
}
.dest-date{
    font-size: 14px ;
    font-weight: 400 ;
    color: rgba(255, 255, 255, 1) ;
}
.edm-price{
    font-size: 20px ;
    font-weight: 600 ;
    color: rgba(255, 255, 255, 1) ;
}
.note-txt{
    p{
        font-size: 13px ;
        font-weight: 600 ;
        color: rgba(71, 71, 71, 1) ;
    }
}
.perfect{
    width: 172px ;
    height: 59px ;
    img{
        width: 100% ;
    }
}



@media screen and (max-width:768px) {
    .top-heading {
        .explore {
            font-size: 12px;
        }
    }
.call-now {
    a {
        width: 100px;
        height: 30px;
        font-size: 14px ;
    }
}
.cad {
    font-size: 16px;
}
.top-txt {
    .cityname {
        font-size: 16px;
    }
    .car {
        font-size: 12px;
    }
}
.scroll-main{
    overflow-x: scroll !important;
    flex-wrap: nowrap !important;
    .col-lg-6{
        width: 294px !important;
    }
}
.ride-sec-tab{
    overflow-x: scroll !important;
}
.ride-sec-tab .nav-pills {
    display: inline-flex;
    flex-wrap: nowrap;
}
.car-main{
    padding: 15px ;
    gap: 25px ;
}
.car-name{
    p{
        font-size: 18px ;
    }
}
.car-img {
    width: 210px;
    height: 140px;
}
.carbtmname {
    font-size: 14px;
}
.car-list{
    li{
        font-size: 12px ;
    }
}
.popular-destination {
    padding: 20px 0;
}
.mob-sec{
    flex-wrap: nowrap !important;
}
.hotel-deals-txt-main {
    margin-top: 0px;
}
.destname {
    font-size: 15px;
}
.dest-date {
    font-size: 12px;
}
.edm-price {
    font-size: 16px;
}
.ride-sec-tab .nav-link {
    padding: 5px 30px;
}
.usp-content-main {
        padding: 15px ;
        flex-direction: row ;
        height: auto ;
        .usp-img {
            width: 45px;
        }
        p {
            font-size: 12px;
        }
        .usp-content{
            width: calc(100% - 45px);
        }
    }
.note-txt {
    p {
        font-size: 12px;
    }
}

.btm-call-btn{
    opacity: 1 ;
    visibility: visible ;
}
}


/*ON Page CSS*/

.Tagline_searchbnr {
	padding: 120px 0 40px 0 !important;
}

.searchBNR {background-color: rgba(0, 255, 255, 0); padding-bottom: 20px;}

@media ( max-width : 1023px) {
	.Tagline_searchbnr{
		padding: 0px 0 2px 0 !important;
	}
	.searchBNR {background-color: #73cccc; padding-bottom: 20px;}
}
/* img {
    max-width: 100%;
    width: 100%;
} */


.is-invalid {
  border: 1px solid red !important;
}
.error-msg {
  font-size: 12px;
  color: red;
  display: block;
  margin-top: 4px;
}


#formMessage {
  display: none;
  text-align: center;
}
.alert {
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
}
.alert-success {
  background-color: #d4edda;
  color: #155724;
}
.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
}

/*FAQ CSS*/
.travel-way.search-flight{
    background: rgba(249, 250, 251, 1) ;
    box-shadow: 0px 0px 11.7px 2px rgba(0, 0, 0, 0.07);
    padding: 20px 0;
}
.flt-content-sec{
    padding: 30px 0 ;
    background: white ;
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: rgba(48, 48, 48, 1) ;
    }
}
.find-cheap{
    font-size: 30px ;
    font-weight: 600 ;
    color: #029e9d ;
    margin-bottom: 20px ;
}
.acc-sec-start{
    .accordion{
        background: none !important;
    }
    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{
        background: rgba(249, 250, 251, 1) !important;
        img{
            margin-right: 10px ;
            filter: brightness(0);
        }
    }
    .accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow:none !important;
}
.accordion-body {
    background: #029e9d !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    color: #fff ;
    border-radius: 10px ;
    margin-bottom: 15px ;
    p{
        font-size: 16px ;
        font-weight: 400 ;
    }
}
    .accordion-flush .accordion-item .accordion-button{
        font-size: 20px !important;
        font-weight: 500 !important;
        color: rgba(48, 48, 48, 1) !important;
    }
        .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: url(/assets/images/flight/plus.png) ;
   }
    .accordion-button[aria-expanded="true"]::after {
    background-image: url("/assets/images/flight/minus.png") !important;
    }
    .accordion-button:not(.collapsed)::after {
        transform: inherit !important;
    }
}

.read-more{
    margin-left: auto ;
    border: none ;
    background: transparent ;
    font-size: 15px ;
    color: #029e9d ;
    cursor: pointer ;
    text-decoration: underline ;
}
.flt-content-inner{
    /*height: 250px ;*/
    overflow: hidden ;
}
.read-more.show-content{
    .less{
       display: block ;
    }
    .read{
        display: none ;
    }
}
.content-wrapper:has(.read-more.show-content) .flt-content-inner {
    height: auto;
}
.less{
    display: none ;
}
.deal-img1{
    min-width: 18px ;
    max-width: 18px ;
    img{
        width: 100% ;
    }
}


@media screen and (max-width:768px) {
    .deal-top-sec{
    padding:10px ;
}
    .airline-name {
       font-size: 14px;
    }
    .depname {
        font-size: 14px;
    }
    .btm-price {
        font-size: 18px;
    }
    .travel-name.friendly {
        p {
            font-size: 18px;
        }
    }
    .find-cheap {
        font-size: 20px;
    }
    .flt-content-sec {
        p {
            font-size: 12px;
        }
    }
    .acc-sec-start {
        .accordion-flush .accordion-item .accordion-button, & .accordion-flush .accordion-item .accordion-button.collapsed {
        img {
            margin-right: 5px;
            width: 8px;
        }
    }
        .accordion-flush .accordion-item .accordion-button {
        font-size: 15px !important;
        padding: 10px 0 ;
    }
        .accordion-body {
        font-size: 12px ;
        padding: 10px;
        p{
            font-size: 12px ;
        }
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 15px;
        height: 15px;
        margin-left: auto;
        content: "";
        background-image: url(/assets/images/flight/plus.png);
        background-size: 100%, 100%;
    }
}
}