@import url("https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");



*{



    margin: 0;



    padding: 0;



}



body {



    font-family: "Muli", sans-serif;



    font-size: 16px;



    color: #000000;



    line-height: 1.8em;



    -webkit-font-smoothing: antialiased;



    max-width: 100%;



    overflow-x: hidden;



}

.colorsetting{

    border:2px solid #ff6b00 ;

    opacity: 1;

}

html, body{



   overflow-x: hidden !important;



}



#section{



    margin: 50px 0px;



}



#section-t{



    margin-top: 50px;



}



#section-b{



    margin-bottom: 50px;



}



a{



    color: inherit;



    text-decoration: none;



}







/*====================================



    Header



=====================================*/



.top-img{



    width: 80%;



}



.nav-link{



    color: #ffffff;



    /*font-weight: 600;*/



    font-size: 18px;



    margin-left: 15px;

padding: 0;

}



.navbar-nav{



    /*margin-left: auto;*/



}



.bg-green{



    background-color: #ff6b00;



}



.navbar-nav .dropdown-menu {



    position: static;



    background-color: #000000;

margin-left: 30px;

    border-radius: 0px;



}



.dropdown-item{



    border-bottom: 1px solid #fff;



    font-weight: 600;



    color: #ffffff;



}



.dropdown-item.active, .dropdown-item:active {



    color: var(--bs-dropdown-link-active-color);



    text-decoration: none;



    background-color: #232323;



}



.dropdown-item:focus, .dropdown-item:hover {



    color: #ffffff;



    background-color: #c72037;



}



.nav-item{



    padding-top: 5px;



}



.btn-secondary{



    background-color: #1FA9FF;



    color: #fff;



    border: 2px solid #1FA9FF;



}

.nav-item .active:hover{color:#ffffff !important;}

.btn-secondary:hover{



    background-color: #1FA9FF;



    color: #fff;



    border: 2px solid #1FA9FF;



}



.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {



    color: #ffffff;



}



.nav-link:focus, .nav-link:hover {



    color:  #ffffff;



}



.navbar-toggler{



    background-color: #000000 ;



}



/*====================================



    Banner



=====================================*/



#banner{



    /*background-image: url('../img/banner/banner011.webp');*/



    height: 450px;



    background-position: center;



    background-size: cover;



}



#banner .banner-content{



    padding-top: 4%;



    padding-bottom: 20px;



    vertical-align: middle;



}



#banner .bg-light-black{



    background-color: #333333;



    border: 2px solid #1FA9FF;



    padding: 50px 20px;



    margin-top: 8rem;



    padding-top: 60px;



}



#banner .getQoute{



    color: #fff;



    font-weight: 600;



    text-align: center;



    font-size: 35px;



    padding-top: 15px;



}



#banner .book_tabel_item .form-group {



    margin-bottom: 0;



}



#banner .form-control{



    border-radius: 0;



    background-color: #D9D9D9;;



    margin-bottom: 15px;



    width: 100%;



}



#banner .form-select{



    border-radius: 0;



    background-color: #D9D9D9;;



    margin-bottom: 15px;



    width: 100%;



    background-image: none;



}



#banner .btn-primary{



    background-color: #2BABDC !important;



    border: 2px solid #2BABDC !important;



    color: #fff !important;



    font-weight: 600;



    width: 100%;



    border-radius: 0px;



}



#banner .btn-primary:hover{



    background-color: #2BABDC  !important;



    border: 2px solid #2BABDC !important;



    color: #fff !important;



    font-weight: 600;



    width: 100%;



    border-radius: 0px;



}



#banner .input-group-addon .form-icon {



    background: 0 0;



    padding: 0;



    border: 0;



    position: absolute;



    right: 11px;



    top: 34%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



    color: #ff6b00;



    z-index: 2;



}



#banner .bg-white-light{



    background-color: rgba(255, 255, 255, 0.7);



    margin-top: 8.5rem;



    width: 70%;



    padding: 10px 15px;



    float: right;



    padding-bottom: 0px;



}



#banner .social-icons{



    list-style: none;



    margin: 0;



    padding: 0;



}



#banner .social-icons .fa-brands{



    background-color: #232323;



    color: #fff;



    padding: 12px;



    margin-bottom: 10px;



    border-radius: 60px;



    font-size: 13px;



}



.form-control:focus{



    border-color: #000000;



    outline: 0;



    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);



}







.hed {



    font-weight: 600 !important;



    color: #ff6b00;



}



.top_button_cont{

    display: flex;

    justify-content: flex-end;

    text-align: center;

}

@media screen and (max-width:1199px){

    .buttonContainer{

        display: none!important;

    }

    #navbarNavDropdown li:last-child{

        display: block!important;

    }

    .topheader{

        width: 100%!important;

    }

    .dtbtn.loyalty-reward-btn,

    .create-ticket-btn.dtbtn{

        padding: 6px 10px!important;

    }

}

@media screen and (min-width:768px) and (max-width:1400px){



    #banner{



        background-image: url('../img/banner/banner01.webp');



        height: auto;



        padding: 30px 0px;



    }

}

@media screen and (min-width:768px) and (max-width:1400px){



    .input-width{



       width: 20% !important;



    }

    .height{

        height: 470px;

    }

    .content-mt{

     }

    #banner .bg-light-black{



        background-color: #333333;



        border: 2px solid #ff6b00;



        padding: 50px 20px;



        margin-top: 3rem;



    }



    #banner .hidden22-md{



        display: none !important;



    }



}



@media screen and (max-width:768px){



    #banner{



        background-image: url('../img/banner/banner01.webp');



        height: auto;



    }



    #banner .bg-light-black{



        background-color: #333333;



        border: 2px solid #ff6b00;



        padding: 50px 20px;



        margin-top: 3rem;



    }



    #banner .hidden22-md{



        display: none !important;



    }



}



@media screen and (min-width:991px) and (max-width:1200px){



    #banner .btn-primary{



        font-size: 14px;



    }



    #banner .getQoute {



        font-size: 29px;



    }



}



/*====================================



    How its work section



=====================================*/



/*.section-heading h2{*/



/*    color: #000;*/



/*    font-weight: 600;*/



/*    text-align: center;*/



/*    margin: auto;*/



/*    font-size: 35px;*/



/*}*/



.box > .icon {



    text-align: center;



    position: relative;



}



.box > .icon > .image {



    position: relative;



    z-index: 2;



    margin: auto;



    width: 88px;



    height: 88px;



    border: none !important;



    line-height: 88px;



    border-radius: 50%;



    background: none !important;



    vertical-align: middle;



}



.box > .icon > .info {



    margin-top: -24px;



    background:  #d9d9d97a;



    border: 1px solid #1fa9ff;



    padding: 15px 0 10px 0;



}



.box > .icon > .info > h3.title {



    font-size: 17px;



    color: #232323;



    font-weight: 500;



    padding-top: 20px;



    font-weight: 600;



}



.box > .icon > .info > p {



    color: #232323;



    line-height: 1.5em;



    margin: 20px;



    font-weight: 500;



    font-size: 15px;



    text-align: left;



    padding: 0px 20px



}



@media screen and (min-width:991px) and (max-width:1200px){



    .box > .icon > .info > p{



            padding: 0px;



    }



}



@media screen and (max-width:991px){



    .box > .icon > .info > p{



            padding: 0px 20px;



    }



}



/*====================================



    Why Us section



=====================================*/



.bg-why{



    background-image: url('../img/banner/why.webp');



    height: auto;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



.section-white h2{



    color: #fff;



    font-weight: 600;



    text-align: center;



    margin: auto;



    font-size: 35px;



}



.why-content{



    padding: 20px;



}



.white-heading{



    color: #fff;



    font-weight: 600;



    text-align: left;



    font-size: 22px;



    padding-bottom: 15px;



    margin: auto;



    padding-left: 10px;



}



.blue-heading{



    color: #1fa9ff;



    font-weight: 600;



    text-align: left;



    font-size: 22px;



    padding-bottom: 15px;



    margin: auto;



    padding-left: 10px;



}



.border-right{



    border-right: 1px solid #1fa9ff;



    height: 100%;



}



.white-para{



    color: #fff;



    font-weight: 400;



    text-align: left;



    font-size: 15px;



    padding: 10px 10px;



}



@media screen and (max-width:991px){



    .border-right{



        border-right: none;



        height: 100%;



    }



}



/*====================================



    Flight Park one section



=====================================*/



.img-heading{



    color: #232323;



    font-weight: 600;



    text-align: center;



    padding-top: 15px;



    font-size: 20px;



}



.image-text img{



    display: block;



    margin: auto;



    height: 300px;



    width: 100%;



}



/*====================================



    Testimonial Slider section



=====================================*/



#section-b .testimonial-area {



    padding: 10px 0;



}



#section-b .section-header h4 {



    color: #f75023;



    font-weight: 600;



}



#section-b .section-header {



    padding-bottom: 15px;



}



#section-b .section-header h2 {



    font-weight: 700;



}



#section-b .section-header p {



    color: #6f6b80;



    width: 40%;



    margin: auto;



}



#section-b .icon-area {



    text-align: center;



}



#section-b .icon-area i {



    color: #f75023;



    font-size: 80px;



    margin-bottom: 20px;



}



#section-b .content p {



    color: #232323;



    text-align: left;



    margin: auto;



    font-weight: 500;



    padding-top: 8px;



}



#section-b .person {



    width: 100px;



    height: 100px;



    display: block;



    margin: auto;



    border-radius: 50%;



    overflow: hidden;



    border: 5px solid #01b7f2;



    margin-top: 10px;



}



#section-b .person img {



    width: 100%;



}



#section-b .content h5 {



    font-weight: 900;



    margin-top: 15px;



}



#section-b .testimonial-area {



    background: url(1.jpg);



    background-size: cover;



    background-position: center;



}



#section-b .carousel-indicators {



    bottom: -71px;



}



#section-b .carousel-indicators [data-bs-target] {



   width: 19px;



    background-color: #00519A;



    border-radius: 50%;



    height: 19px;



}



.carousel-inner {



    /*width: 70%;*/



    display: block;



    margin: auto;



}



@media (min-width: 768px) and (max-width: 991px) {



    #section-b .section-header p {



        width: 85%;



    }



    #section-b .content p {



        width: 95%;



    }



    .carousel-inner {



        /*width: 90%;*/



        display: block;



        margin: auto;



    }



}



@media (max-width: 767px) {



    #section-b .testimonial-area {



        padding: 30px 0;



    }



    #section-b .section-header p {



        width: 95%;



    }



    #section-b .content p {



        width: 100%;



    }



    #section-b .icon-area i {



        font-size: 50px;



    }



    .carousel-inner {



        width: auto;



        display: block;



        margin: auto;



    }



}



.bg-client{



    background-image: url('../img/banner/client.webp');



    height: auto;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



#section-b .carousel-item{



    /*background-color: #1FA9FF;*/



    /*padding: 40px 0px;*/



}





#section-b .date{



    color: #232323;



    font-weight: 500;



    font-size: 16px;



    padding-top: 20px !important;



}



/*====================================



    FAQs section



=====================================*/



.accordion-button{



    color: #fff;



    font-size: 22px;



    background-color: #4aa1d9;



    font-weight: 600;



    margin-top: 10px;



}



.accordion-button:not(.collapsed){



    color: #fff;



    background-color: #393939 !important;



}



.accordion-button:focus{



    border-color: #86b7fe00 !important;



    box-shadow: none !important;



}



.accordion-flush .accordion-collapse {



    border-width: 0;



    background-color: #d9d9d973;



    margin-bottom: 10px;



    color: #232323;



}



.accordion-item{



    border: var(--bs-accordion-border-width) solid #ffffff;



}







/*====================================



    Footer section



=====================================*/



#footer{



     background-repeat: no-repeat;

    background: #000000;



    height: auto;



    background-position: center center;



}



@media screen and (min-device-width: 300px) and (max-device-width: 991px) {



    #footer{



    /* background-size: auto; */



}



}



.round-btn {



    display: inline;



       height: 34px;



    width: 34px;



    /*background:#1fa9ff;*/



    /*border-radius: 50%;*/



    float: left;



    margin: 15px 8px;



    box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);



    border: 1px solid;



}



.round-btn a {



    display: block !important;



    padding: 7px 12px;



    font-size: 18px;



    border-radius: 50%;



}



.round-btn .icon {



    padding: 3px;



}



.round-btn .icon img{



    height: 24px;



    width: 32px;



    margin-top: 6px;



}



.btn-facebook a {



    color: #FFF;



    padding: 8px 13px;



}



.btn-linkedin a {



    color: #FFF;



}



.btn-twitter a{



    color: #FFF;



}



.btn-instagram a{



    color: #FFF;



}



.btn-whatsapp a{



    color: #FFF;



}



.btn-envelop a{



    color: #FFF;



    font-size: 15px;



    padding: 9px 12px;



}



.standard_header



.standard_social_links {



    margin-left: 1rem;



}



.footer-wrap {



    /*padding-top: 43px;*/



    background-size: cover;



}







.footer-wrap h3 {

    margin-bottom: 2px;

    height: 48px;

    color: #ff6b00;

    font-size: 22px;

    font-weight: 700;

}







.footer-wrap p {



    font-size: 15px;



    line-height: 24px;



    color: #ffffff;



    /*margin-top: 15px;*/



}







.footer-wrap p a {



    color: #000000;



    text-decoration: underline;



    font-style: italic;



}







.footer-wrap p a:hover {



    text-decoration: none;



    color: #ff7800;



}







.footer-links li a {

    font-size: 15px;

    position: relative;

    line-height: 30px;

    margin-left: 18px;

    color: #ffffff;

    text-decoration: underline;

}











.footer-links li:before {



    content: "\f105";



    font-family: 'FontAwesome';



    padding-right: 10px;



    color: #ff6b00 !important;



}







.footer-category li a {



    font-size: 13px;



    line-height: 30px;



    color: #ffffff;



    text-decoration: none;



}







.footer-category li:before {



    content: "\f105";



    font-family: 'FontAwesome';



    padding-right: 10px;



    color: #ff6b00;



}







.address {







    color: #b3b3b3;



    font-size: 14px;



    position: relative;



    padding-left: 30px;



    line-height: 30px;



}







.address:before {



    content: "\f277";



    font-family: 'FontAwesome';



    position: absolute;



    top: 0;



    left: 0;



}







.info a {







    color: #b3b3b3;



    font-size: 14px;



    line-height: 30px;



    font-weight: normal;



}







.fa-phone:before {



    content: "\f095";



}







.info a {







    color: #b3b3b3;



    font-size: 14px;



    line-height: 30px;



    font-weight: normal;



}







.fa-fax:before {



    content: "\f1ac";



}







.copyright {



    /*border-top: 1px solid #111;*/



    font-size: 14px;



    color: #ffffff !important;



    padding-top: 15px;



    text-align: center;



    padding-bottom: 15px;



    background: #fff0;



}



footer .second_class{



    border-bottom: 1px solid #444;





}



footer .first_class {



    padding-bottom: 21px;



    border-bottom: 1px solid #444;



}



footer .first_class p, footer .first_class h3{



    margin: 0 0;







}



footer{



    background: #333;



}







footer .newsletter input[type="text"] {



    width: 95%;



    background: #FAB03F;



    color: #00519A;



    border: 1px solid #222;



    padding: 7px 15px;



    border-radius: 0px;



    margin-top: 0px;



}







.newsletter .newsletter_submit_btn {



    background: #FAB03F;



    border: 0;



    color: #00519A;



    position: absolute;



    margin-left: -32px;



    margin-top: 10px;



}



footer .second_class_bdr{



    padding-top: 25px;



/*    border-top:1px solid #222;*/



}







footer .btn-facebook a {



    padding: 6px 14px !important;



}







footer .btn-envelop a {



    color: #D6403A;



    font-size: 15px;



    padding: 12px 12px;



}







footer .round-btn a {



       padding: 4px 11px !important;



}







footer .round-btn {



    box-shadow: none;



}







footer .round-btn {



    margin: 15px 4px;}







footer dl, ol, ul {



    padding-left: 5px;



}



  footer li{



    list-style: none;



  }







@media(max-width:768px){



    .footer-wrap h3 {



    /*margin-top: 27px;*/

    margin-bottom: -15px;



    }







    footer .round-btn {



    margin: 15px 4px;}



}



@media(max-width:320px){



.copyright {



    font-size: 13px;}



}



.contact-link i{



    /*color: #1fa9ff;*/



    font-size: 16px;



    padding-right: 10px;



}



.contact-link a{



    color: #ffffff;



    font-size: 15px;



    text-decoration: none;



}



footer ::placeholder{



    color: #ffffff;



}



/*====================================



    Multiple Pages



=====================================*/



.inner-heading{



    color: #232323;



    font-weight: 600;



    font-size: 24px;



}



.inner-para{



    color: #232323;



    font-size: 15px;



}



.img-white-hding{



    color: #fff;



    font-weight: 600;



    font-size: 20px;



    padding-top: 15px;



    text-align: center;



}



/*====================================



    About Pages



=====================================*/



.about-list{



    color: #232323;



    font-size: 15px;



}







/*====================================



    Terms and Condtions Pages



=====================================*/



#bg-inner-pages{



    background-image: url('../img/banner/inner.png');



    height: 430px;



    background-position: center;



    background-size: cover;



}



.result-bsnner{

    background-image: url('../img/Banner-listing.png');

    background-position: center;

    background-size: cover;

    padding: 35px 0;

}



/*====================================



    Privacy Policy Pages



=====================================*/



#bg-privacy{



    background-image: url('../img/banner/bg-privacy.png');



    height: auto;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



.green-heading{



    color: #1fa9ff;



    font-weight: 600;



    font-size: 20px;



    text-align: left;



}



.green-heading h2{



     color: #1fa9ff;



    font-weight: 600;



    text-align: center;



}



.about-list a{



    color: #232323;



    text-decoration: none;



}







/*====================================



    Testimonial Page



=====================================*/



#bg-testimonials{



    background-image: url('../img/banner/testimonials.png');



    height: 400px;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



.testimonials-div{



    background-color: #d9d9d970;



    padding-bottom: 20px;



    margin-bottom: 15px;



}



.Theading-div{



    width: 100%;



    background-color:#ff6b00;



    padding: 12px;



    margin: 0;



}



.client-name{



    color: #fff;



    font-weight: 600;



    font-size: 18px;



    text-align: center;



    margin: 0;



    padding: 0;



    text-transform: uppercase;



}



.testimonials-para{



    padding: 20px;



    margin: auto;



    padding-bottom: 10px;



    color: #232323;



    font-size: 15px;



}



.testimonials-div small{



    font-size: 16px;



    font-weight: 600;



    padding-left: 20px;



    color: #232323;



}



.testimonials-div span{



    font-size: 15px;



    font-weight: 500;



    padding-left: 5px;



    color: #232323;



}



.checked{



    color: #ff6b00 !important;



    font-size: 18px;



        margin-top: 10px;



}



.unchecked{



    color: #232323 !important;



    font-size: 18px;



}



.star-rating{



    padding-left: 20px;



    font-size: 25px;



    padding-top: 10px;



}



/*====================================



    Blogs Page



=====================================*/



#bg-blogs{



    background-image: url('../img/banner/testimonials.png');



    height: 400px;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



.blog-div{



    margin-bottom: 15px;



}



.blog-content{



    background-color: #d9d9d961;



    padding: 20px;



}



.blog-img{



    width: 100%;



}



.blog-content small{



    color: #ff6b00;



    font-weight: 600;



    font-size: 17px;



}



.blog-heading{



    color: #232323;



    font-weight: 600;



    font-size: 20px;



    padding: 10px 0px;



    margin: auto;



    text-align: left;



}



.blog-para{



    color: #232323;



    font-weight: 500;



    text-align: left;



    font-size: 15px;



    margin: 0;



    padding-bottom: 10px;



}



.btn-primary{



    background-color: #ff6b00  !important;



    /*border: 2px solid #FAB03F !important;*/



    color: #fff !important;



    font-weight: 600;



    border-radius: 0px;



}



.btn-primary:hover{



    background-color: #c72037 !important;



    /*border: 2px solid #FAB03F !important;*/



    color: #fff !important;



    font-weight: 600;



    border-radius: 0px;



}



/*====================================



    How its Work Page



=====================================*/



.form-control {



    border-radius: 0;



    background-color: #D9D9D9;



    margin-bottom: 0px;



    width: 100%;



}







/*====================================



    Customer Support Page



=====================================*/



.support-list li{



    color: #232323;



    text-align: left;



    padding-bottom: 5px;



    margin-left: 15px;



}



.support-ticket .form-control {

margin-bottom: 15px;

    width: 100%;

    background-color: #ffffff !important;

    box-shadow: unset;
    border: 2px solid #f45e282e;

    border-radius: 8px !important;



}



.support-ticket .form-select {



    border-radius: 0;



    background-color: #d9d9d963;



    margin-bottom: 15px;



    width: 100%;



}



.support-list ::marker{



    font-weight: 600;



}



.support-bg{

    margin-bottom: 15px;

    border: 1px solid;

    border-radius: 10px;

    padding: 30px;



    margin-bottom: 15px;



}

.booking-form .support-bg{

    padding: 30px 11px;



}



.red{



    color: red;



}



.form-label{



    color: #232323;



    font-weight: 600;



    font-size: 14px;



}



input[type="number"]::-webkit-outer-spin-button,



input[type="number"]::-webkit-inner-spin-button {



    -webkit-appearance: none;



    margin: 0;



}



input[type="number"] {



    -moz-appearance: textfield;



}



.form-check-label{



    color: #232323;



    font-weight: 600;



}



/*====================================



    Blog Detail Page



=====================================*/



#bg-blogDetail{



    background-image: url('../img/banner/blog-detail.png');



    height: 400px;



    background-position: center;



    background-size: cover;



    padding: 30px 0px;



}



/*====================================



    Parking Booking page



=====================================*/



.from-inner-heading{



    color: #232323;



    font-weight: 600;



    font-size: 21px;



    border-bottom: 2PX solid #EEE;



    padding-bottom: 10px;



}



.form-check {



    display: inline-flex;



    min-height: 1.5rem;



    padding-left: 2.5em;



    margin-bottom: 0.125rem;



}



.travel-detail{



    color: #232323;



    font-weight: 500 !important;



    font-size: 14px !important;



    margin-left: 10px;



}



.check-detail{



    color: #232323;



    font-weight: 500;



    font-size: 16px;



}



#travel-detail{



    padding: 10px 0px;



    border: 2px solid #ffffff;



    border-radius: 10px;



    margin: auto;



    margin-top: 5px !important;



    margin-bottom: 5px !important;



    display: none;



    box-shadow: -3px 5px 0px 0px #ffffff;



}



#Car-detail{



    padding: 10px 0px;



    border: 2px solid #ffffff;



    border-radius: 10px;



    margin: auto;



    margin-top: 5px !important;



    margin-bottom: 5px !important;



    display: none;



    box-shadow: -3px 5px 0px 0px #ffffff;



}



#Car-Wash{



    padding: 10px 0px;



    border: 2px solid #ffffff;



    border-radius: 10px;



    margin: auto;



    margin-top: 5px !important;



    margin-bottom: 5px !important;



    display: none;



    box-shadow: -3px 5px 0px 0px #ffffff;



}



.height-div{



    padding-top: 20px;



}



.company-name{



    color: #232323;



    text-align: center;



    padding-top: 20px;



    font-weight: 600;



    font-size: 20px;



}



.table-detail{



    display: block;



    margin-left: auto;



}



.booking-sidebar{



    background-color: #025196;



    border-radius: 10px;



    padding: 30px 0px;



    margin-bottom: 20px;



}



.table{



    color: #232323;



    font-weight: 500;



}



.booking-sidebar{



    background-color: #025196;



    padding: 20px 10px;



    border-radius: 10px;



}



.sidebar-img-div{



    background-color: #fff;



    padding: 10px;



}



.totelprice{



    font-weight: 800;



    font-size: 20px;



    margin: 0;



    color: #ff6b00 ;



}



.table-detail{



    text-align: right;



}



.price{

    text-align: right;

    color: #ff6b00 ;

    font-weight: 900;

    font-size: 22px;

}



.green{



    background-color: #ff6b00;



    padding: 10px 0px;



}







.booking-form .icon{



    position: relative;



    margin-top: -42px;



    margin-left: 15px;



    color: #ff6b00;



}



.booking-form .form-control {



    padding-left: 50px;



    background-color: #d9d9d980;



}



.booking-heading{



    font-weight: 600;



    color: #ff6b00 ;



    padding-bottom: 10px;



    font-size: 22px;

    text-align: left;

    margin: 0;



}







.form-check-input:checked {



    background-color: #ff6b00;



    border-color: #ff6b00;



}



.booking-wash{



    color: #232323;



    font-weight: 600;



    font-size: 17px;



}



.unordered-list{



    color: #232323;



    font-weight: 600;



    font-size: 15px;



}



.green-color{



    color: #ff6b00;



    font-weight: 600;



}



@media screen and (max-width:991px){



    #reverseContainer {



        display: flex;



        flex-direction: column-reverse;



        justify-content: center;



    }



}



/*====================================



    Parking Booking page



=====================================*/



.sitemap-heading{



    color: #232323;



    font-weight: 600;



    margin: 10px 0px;



}



.sitemap-list{



    list-style: none;



    font-weight: 500;



}



.sitemap-list li{



    margin-bottom: 10px;



}



.sitemap-list a{



    text-align: left;



    text-decoration: none;



    color: #393939;



    font-size: 16px;



    padding: 10px;







}



.sitemap-list a:hover{



    text-align: left;



    text-decoration: none;



    color: #ffffff;



    font-size: 16px;



    background-color: #ff6b00;



    font-weight: 600;



    margin-left: 5px;



    border-radius: 10px;



    margin-bottom: 10px;



}

.collapsed {

    background-color: #000000 ;

    color: white;

    cursor: pointer;

    padding: 6px 3px !important;

    /*width: 100%;*/

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: 0.4s;

    margin-bottom: 10px;

}

@media only screen and (min-width: 1200px) {

    .navbar-expand-lg .navbar-collapse{justify-content: space-around;}

}

.btn-h2 {

    border-radius: 5px !important;

    height: 46px !important;

    background-color: #000000  !important;

    color: #fff !important;

    font-weight: 600;

}

.btn-h2:hover {

    background-color: #00247e !important;

}

.btn-h1 {

    border-radius: 5px !important;

    height: 46px !important;

    background-color: #000000  !important;

    color: #fff !important;

    font-weight: 600;

}

.btn-h1:hover {

    background-color: #00247e !important;

}

.navbar-toggler i{

    color: white;

    font-size: 23px;

}

.navbar-toggler.collapsed{

    padding: 8px 8px !important;

    box-shadow: none;

    border: none;

}

.navbar-toggler{padding: 8px 8px !important;}

.navbar-toggler:focus{box-shadow: none;}

@media only screen and (max-width: 400px) {

    .btn-h1{width: 100%;margin-top: 7px;}

    .btn-h2{width: 100%;margin-top: 7px;}

}

.w-100{width: 100%;}

@media only screen and (min-width: 1200px) {

    .margin-lft{margin-left: 20px;}

}

@media only screen and (min-width: 1400px) {

    .margin-lft{margin-left: 58px;}

}

.btn-customer{

    border-radius: 10px !important;

    border-color: #c72037 !important;

    background-color: #c72037 !important;

    color: #fff !important;

    font-weight: 600;

    padding: 10px 30px;

}

.btn-customer:hover{

    border-color: #000000 !important;

    background-color: #000000 !important;

}

.btn-customer-2{

    border-radius: 10px !important;

    border-color: #c72037 !important;

    background-color: #c72037 !important;

    color: #fff !important;

    font-weight: 600;

    padding: 10px 12px;

}

.btn-custome-2:hover{

    border-color: #000000 !important;

    background-color: #000000 !important;

}

.sup-p{

    color: #434343;

    font-size: 16px;

    line-height: 1.7;

}

.new-member-logo{

    width: 110px;

    height: 42px;

    margin-bottom: 5px;

    border-radius: 14px;

}

.parkmark-logo{

    width: 110px;

    height: 42px;

    border-radius: 14px;

}

.blog-details-banner{

    background-image: url('../img/Banner-V2-others.webp');

    background-position: center;

    background-size: cover;

}

.nav-item.dropdown:hover .dropdown-menu {

    display: block;

}

.why-choose-us-p{

    font-size: 18px;

}

.section_sub_title{

    letter-spacing: 0;

    color: #ff6b00 ;

    font-size: 16px;

}

.first-txt {

            position: absolute;

            padding: 11px;

            width: 100%;

            text-shadow: 2px 2px #333333;

            color: white;

        }

        @media screen and (min-device-width: 712px) and (max-device-width: 766px) {

            .card-side .title {

                height: 30px

            }



            .p1 {

                height: 240px

            }

        }



        @media screen and (min-device-width: 767px) and (max-device-width: 912px) {

            .card-side .title {

                height: 30px

            }



            .p1 {

                height: 153px

            }

        }



        @media screen and (min-device-width: 913px) and (max-device-width: 1025px) {

            .card-side .title {

                height: 30px

            }



            .p1 {

                height: 230px

            }

        }



        @media screen and (min-device-width: 1026px) and (max-device-width: 1400px) {

            .info {

                height: 315px

            }



        }



        @media only screen and (min-width: 1401px) {

            .info {

                height: 255px

            }

        }



        .p1 {

            text-align: justify !important;

        }



        .box>.icon>.info1 {

            margin-top: -44px;

            background: #bcdcf1;

            border: 1px solid #bcdcf1;

            padding: 15px 0 8px 0;

            border-radius: 100px;

        }



        .card-side .title {

            font-size: 20px;

            font-weight: 600;

            color: #ff6b00 ;

            padding-top: 16px;

            text-align: left;

        }

        .card-side:hover .title {

            color: #fff;

        }





        .section-3-h2 {

            color: #000;

            font-size: 36px;

            font-weight: 800;

        }



        .section-3-p {

            color: #434343;

            font-size: 16px;

            line-height: 1.7;

        }

        .section-3-h3{

            color: black;

            font-weight: 600;

            font-size: 20px;

            margin-top: 20px;

        }



        @media only screen and (min-width: 1255px) {

            .img-h2 {

                height: 353px;

                width: 394px;

            }

        }



        @media only screen and (max-width: 500px) {

            .section-3 {

                margin-left: 5px;

                margin-right: 5px;

            }

        }



        .card-h {

            margin-bottom: 12px;

            padding-top: 25px;

            background: rgb(177, 220, 240, 28%);

            box-shadow: 0 24px 43px rgba(43, 171, 220, 0.10);

        }



        @media only screen and (min-width: 768px) {

            .card-h {

                height: 394px;

            }

        }



        @media screen and (min-device-width: 1400px) and (max-device-width: 1514px) {

            .card-h {

                height: 413px;

            }

        }



        @media screen and (min-device-width: 1351px) and (max-device-width: 1399px) {

            .card-h {

                height: 483px;

            }

        }



        @media screen and (min-device-width: 1323px) and (max-device-width: 1350px) {

            .card-h {

                height: 501px;

            }

        }



        @media screen and (min-device-width: 1200px) and (max-device-width: 1322px) {

            .card-h {

                height: 518px;

            }

        }



        @media screen and (min-device-width: 1143px) and (max-device-width: 1199px) {

            .card-h {

                height: 596px;

            }

        }



        @media screen and (min-device-width: 1115px) and (max-device-width: 1142px) {

            .card-h {

                height: 614px;

            }

        }



        @media screen and (min-device-width: 1035px) and (max-device-width: 1114px) {

            .card-h {

                height: 600px;

            }

        }



        @media screen and (min-device-width: 999px) and (max-device-width: 1034px) {

            .card-h {

                height: 599px;

            }

        }



        @media screen and (min-device-width: 992px) and (max-device-width: 998px) {

            .card-h {

                height: 590px;

            }

        }



        @media screen and (min-device-width: 768px) and (max-device-width: 991px) {

            .card-h {

                height: 380px;

            }

        }



        .experance-p {

            font-size: 20px;

            color: black;

        }



        .section-3-h22 {

            font-size: 25px;

            color: #FAB03F;

            font-weight: 600;

        }



        @media screen and (min-device-width: 992px) and (max-device-width: 1326px) {

            .card-title {

                height: 42px;

            }

        }



        @media only screen and (min-width: 992px) {

            .mobileview {

                display: none;

            }

        }



        @media only screen and (max-width: 991px) {

            .destopview {

                display: none;

            }

        }



        @media only screen and (min-width: 1323px) {

            /*.card-h{width:272px;}*/

        }



        .card-title {

            margin-top: 15px;

            margin-bottom: 20px;

        }



        @media only screen and (min-width: 992px) {

            .card-hm {

                margin-top: 50px;

            }

        }



        @media only screen and (min-width: 1527px) {

            .row-lr-p {

                margin-left: -100px;

                margin-right: -100px;

            }

        }



        .card-side {

            border: 1px dashed;

            border-radius: 5px;

        }



        .card-side:hover {

            border: 1px solid #000000 ;

            background:#000000 ;

        }



        .col-sec-h3 {

            margin-bottom: 32px;

        }



        @media screen and (min-device-width: 711px) and (max-device-width: 1026px) {

            .card-side .title {

                margin-bottom: 24px;

            }

        }



        @media screen and (min-device-width: 992px) and (max-device-width: 1199px) {

            .img-h {

                height: 329px;

            }

        }



        @media only screen and (min-width: 992px) {

            .col-r {

                text-align: right

            }



            /*.btn-h2{margin-top: 36px !important;}*/

        }



        @media only screen and (max-width: 991px) {

            .col-r {

                text-align: center

            }





        }



        @media screen and (min-device-width: 366px) and (max-device-width: 991px) {

            .section-b2 {

                height: 100%;

            }

        }



        @media screen and (min-device-width: 601px) and (max-device-width: 767px) {

            .section-b2 {

                height: 100%;

            }

        }



        @media screen and (min-device-width: 330px) and (max-device-width: 365px) {

            .section-b2 {

                height: 100%;

            }

        }



        @media screen and (min-device-width: 263px) and (max-device-width: 331px) {

            .section-b2 {

                height: 100%;

            }

        }



        @media only screen and (max-width: 262px) {

            .section-b2 {

                height: 100%

            }

        }



        @media only screen and (min-width: 1400px) {

            .card-side .p-main-cs {

                height: 50px

            }

        }



        @media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {

            .card-side .p-main-cs {

                height: 60px

            }

        }



        @media screen and (min-device-width: 992px) and (max-device-width: 1199px) {

            .card-side .p-main-cs {

                height: 80px

            }



            .card-side .title {

                height: 30px;

            }

        }



        .tit-cs {

            margin-top: 30px;

        }



        .card-side .p-main-cs {

            font-size: 16px;

            color: #434343;

            text-align: left;

            line-height: 20px;

        }

        .card-side:hover .p-main-cs {

            color: #fff;

        }



        .img-h1{height: 403px;}

        .card-title1 {

            color: #ff6b00;

            font-size: 20px;

            font-weight: bold;

            text-align: center;

        }



        .td-p {

            color: black;

            font-size: 15px;

            margin-bottom: 0rem;

        }



        .icon-css1 {

            color: #ff6b00;

            font-size: 22px;

            font-weight: bold;

        }



        @media only screen and (min-width: 992px) {

            .card-body-cs {

                height: 253px;

            }

        }



        .card-body-cs {

            background: #F6F6F6;

            border-bottom-left-radius: 19px;

            border-bottom-right-radius: 19px;

        }



        @media screen and (min-device-width: 768px) and (max-device-width: 991px) {

            .card-body-cs {

                height: 257px;

            }



            .card-cs {

                margin-bottom: 20px;

                height: 544px;

            }



            .row-css1 {

                justify-content: center;

            }

        }



        @media only screen and (min-width: 767px) {

            .card-cs {

                width: 20rem;

                height: 544px;

            }

        }



        @media only screen and (max-width: 767px) {

            .card-cs {

                margin-bottom: 20px;

            }

            .section-3-h3{margin-left: 30px;}

            .section-3-p{margin-left: 30px;}

        }



        .safty-cs {

            font-size: 22px;

            font-weight: 600;

            color: #ff6b00 ;

        }



        .safty-cs-p {

            font-size: 16px;

            color: #434343;

        }



        .row-safty-cs {

            margin-bottom: 20px;

        }



        @media only screen and (max-width: 991px) {

            .col-safty-cs {

                text-align: center;

            }

        }



        @media only screen and (min-width: 992px) {

            .col-percentage {

                justify-content: center;

                display: flex;

            }

        }



        @media only screen and (min-width: 992px) {

            .img-h3 {

                height: 287px;

            }

        }



        @media only screen and (max-width: 991px) {

            .safty-cs {

                margin-top: 25px

            }

        }



        footer .round-btn a {

            margin-top: -1px;

        }





        @media screen and (min-device-width: 992px) and (max-device-width: 1199px) {

            .steps-css {

                height: 62px;

            }

            .section-3-h3{margin-left: 15px;}

            .section-3-p{margin-left: 15px;}

        }



        @media only screen and (min-width: 992px) {

            .max-w {

                max-width: 66%;

                display: inline-block;

            }

        }



        @media only screen and (min-width: 767px) {

            .register-btn {

                position: absolute;

                bottom: 12px;

                left: 0;

                right: 0;

            }

        }



        .btn-button1 {

            font-size: 16px !important;

            height: auto !important;

            background-color: #c72037 !important;

            /*border: 2px solid #FAB03F !important;*/

            color: #fff !important;

            font-weight: 600;

            border-radius: 12px !important;

        }



        .subscribe_user_email {

            padding: 0.6rem 0.7rem !important;

            border-radius: 3px !important;

        }



        @media only screen and (max-width:600px) {

            .mobile-hid {

                display: none;

            }

        }



        @media only screen and (min-width:601px) {

            .destop-hid {

                display: none;

            }

        }



        .cont-pop {

            background: #F79F02;

            padding-top: 15px;

            padding-bottom: 8px;

            border-top-left-radius: 30px;

            border-top-right-radius: 30px;

        }



        @media only screen and (max-width:576px) {

            .close-css {

                width: 10% !important;

            }



            .get-css {

                width: 90% !important

            }

        }

        .card-side .the-red{fill: #030F3A ;}

        .card-side:hover .the-red{fill: #fff;}

        .card-side svg{height: 60px;}

        .div-card{

            border: 1px dashed;

            border-radius: 10px;

            padding: 15px;

        }

        .div-card:hover{

            background: #f6f7f8 !important;

        }

        .row-safty{

            margin-bottom: 20px;

            padding: 12px;

            border: 1px dashed #fff;

        }

        .row-safty:hover{

           background: #f6f7f8 !important;

            border: 1px dashed #c4c5c6;

        }

        .img-gif{

            height: 68px;

            margin-bottom: 32px;

        }

        @media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {

        .safty-cs-p{min-height: 115px;}

        }

        @media screen and (min-device-width: 992px) and (max-device-width: 1199px) {

            .safty-cs-p{min-height: 143px;}

            .top-shape p.show-read-more {

                 min-height: 116px;

            }

        }



        @media screen and (max-device-width:1340px){

            .totalBookings{

                width: 25%;

            }



        }

        @media screen and (max-device-width:1130px){

            .totalBookings_container {

                justify-content: flex-start;

            }

            .totalBookings{

                width: 30%;

            }

        }

        @media screen and (max-device-width:800px){

            .totalBookings{

                width: 40%;

            }

        }

        @media screen and (max-device-width:800px){

            .totalBookings{

                width: 50%;

            }

            .totalBookings .infobox{

                width: auto;

            }

        }

        @media screen and (max-device-width: 470px){

            .totalBookings{

                width: 100%;

            }

        }





        @media screen and (max-device-width: 992px) {

            .pickup_date{

                margin-top: 15px;

            }

            .top-shape .blog-div-bor h3.blog_title{

                font-size: 18px;

            }

            .top-shape p.show-read-more {

                 min-height: 116px;

            }

            .blog_detail h3{

                font-size: 22px;

            }

            .blog_detail .blog-image-details {

                height:auto;

                width: auto;

            }

            .safty-cs-p {

                min-height: 168px !important;

            }

        }

        @media screen and (max-device-width: 767px) {



            .book-head {

                font-size: 30px;

            }

            .top-shape p.show-read-more {

                 min-height: fit-content;

            }

            .safty-cs-p {

                min-height: fit-content !important;

            }

            .block-card h2 span{

                font-size: 20px !important;

            }

            .block-card p span{

                font-size: 14px !important;

            }



        }

        @media screen and (max-width:499px){

            .top-bar-section span {

                font-size: 13px;

            }

            .top-bar-section .span-2 {

                margin-left: 14px!important;

            }

            .blog_detail h3 {

                font-size: 19px;

            }

            .blog_detail  .list-single-main-item p, .blog_detail  .list-single-main-item span {

                font-size: 15px;

                line-height: 24px;

            }

            .blog_detail  ol {

                padding-left: 18px;

            }

        }

        @media screen and (max-width:576px){

            .section-3 {

                margin-top: 30px!important;

            }

            #navbarNavDropdown ul li a.nav-link {

                padding: 5px 0;

            }

            .section-3-h2 {

                font-size: 25px!important;

                text-align: center!important;

            }

            section .section-heading .section-3-h2 span{

                font-size:25px!important

            }

            .top-shape {

                margin-top: 30px!important;

            }

        }



        @media screen and (max-width:390px){

            .booking-form .sidebar-img-div {

                padding: 0 10px;

            }

            #bookingButton{

                width: 100%;

            }

            .booking-form .booking-heading {

                font-size: 18px;

                text-align: center;

            }

            .booking-form table td{

                font-size: 14px!important;

            }

            .book-head {

                font-size: 25px!important;

            }

            #section-b .carousel-indicators [data-bs-target] {

                width: 15px;

                height: 15px;

            }

            .section-3-h2 {

                font-size: 25px;

            }

            .top-bar-section .span-2 {

                margin-left: 0px!important;

            }

            #navbarNavDropdown ul li.nav-item {

                padding-top: 0px;

            }

            .topheader {

                display: flex;

                flex-direction: column;

                justify-content: center;

                align-items: center;

            }

            .navbar-brand img{

                max-height: 53px;

            }

            .dtbtn.loyalty-reward-btn, .create-ticket-btn.dtbtn {

                padding: 3px 6px !important;

                margin-top: 5px;

                font-size: 14px;

            }

            #navbarNavDropdown ul li a.nav-link {

                font-size: 17px;

                margin-left: 6px;

            }

        }

.top-shape p.show-read-more{

    margin-top: 0px;

}

.top-shape .blog-div-bor h3.blog_title{

    margin-top: 8px;

    color: black;

    font-size: 18px;

    font-weight: bold;

}

.top-shape .blog-div-bor span.blog_date{

    color: #999999;

    font-size: 14px;

}

.blog_detail p strong{

    color: #444040;

}

.blog_detail ol li p strong,

.blog_detail h4,

.blog_detail h3{

    color: #000;

}

.support-ticket h2{

   color: #000;

}

.support-ticket .form-select {

    border-radius: 8px;

    box-shadow: 0 0 2px #0000004f;

}

.support-ticket .form-control{

    /* box-shadow:0 0 2px #0000004f; */

}

/*.block-card p span,*/

.block-card h1,

.block-card h2{

    font-size: 24px;

    color: #ff6b00;

}

.top-bar-section .span-2 {

    font-size: 14px;

}

#navbarNavDropdown a.nav-link.dropdown-toggle{

    color:black;margin-left: 0;

    padding-top: 0px;

    font-size: 13px;

    margin-top: -4px;

    padding: 0;

    color: white;

}

#navbarNavDropdown .nav-link.dropdown-toggle i{

    color: #ffffff;border: 2px solid;padding: 4px;border-radius: 50px;

}

#navbarNavDropdown .navbar-nav .dropdown-menu {

    margin-left: 0;

}

/*@media only screen and (max-width:991px) {*/

/*    .main-search-seaction{background:#DEECFF !important;}*/

/*}*/

.em_bar {

    background: #9b50db none repeat scroll 0 0;

    height: 2px;

    margin: 0;

    width: 62px;

}

.em_bar_bg {

    height: 5px;

    width: 90px;

    background: #cbbded;

    margin: 20px auto;

    position: relative;

    border-radius: 30px;

}

.em_bar_bg:before {

    content: "";

    position: absolute;

    left: 0;

    top: -2.7px;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background: #000000 ;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-name: MOVE-BG;

    animation-name: MOVE-BG;

}

@-webkit-keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

    transform: translateX(88px);

  }

}



@keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

    transform: translateX(88px);

  }

}

.top-bar-section{

    background: #fff;

    padding: 6px 0;

}

.nav-header{

    background-color: #000000 ;

}

.top-bar-section span{

    color: #fff;

}

.top-bar-section .span-2{

    margin-left:30px;

}

.bounce-animate {

  animation-name: float-bob;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

.bounce-animate2 {

  animation-name: float-bob2;

  animation-duration: 3s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob2;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob2;

  -ms-animation-duration: 3s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob2;

  -o-animation-duration: 3s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

.bounce-animate3 {

  animation-name: float-bob3;

  animation-duration: 4s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob3;

  -moz-animation-duration: 4s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob3;

  -ms-animation-duration: 4s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob3;

  -o-animation-duration: 4s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

.bounce-animate4 {

  animation-name: float-bob4;

  animation-duration: 5s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob4;

  -moz-animation-duration: 5s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob4;

  -ms-animation-duration: 5s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob4;

  -o-animation-duration: 5s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

.bounce-animate5 {

  animation-name: float-bob5;

  animation-duration: 6s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob5;

  -moz-animation-duration: 6s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob5;

  -ms-animation-duration: 6s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob5;

  -o-animation-duration: 6s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

@-webkit-keyframes float-bob {

  0% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  50% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

  100% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

}

@-webkit-keyframes float-bob2 {

  0% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px);

  }

  50% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  100% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px);

  }

}

@-webkit-keyframes float-bob3 {

  0% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px);

  }

  50% {

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px);

  }

  100% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px);

  }

}

@-webkit-keyframes float-bob4 {

  0% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px);

  }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px);

  }

  100% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px);

  }

}

@-webkit-keyframes float-bob5 {

  0% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px);

  }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px);

  }

  100% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px);

  }

}

.single_about_shape_thumb img {

    width: 70%;

}

.single_about_shape_thumb {

    position: absolute;

    bottom: -55px;

    z-index: -1;

    left: -34px;

}

.single_about_shape{

    position: relative;

}

.single_about_thumb_inner img{

    height: 455px;

}

@media only screen and (max-width:991px) {

    .single_about_shape_thumb{display:none;}

    .single_about_thumb_inner img{display:none;}

}

.section_main_title_2 {

    color: #fff;

    font-size: 36px;

    font-weight: 800;

}

.single_it_work {

    text-align: center;

}

.single_it_work_content_list {

    position: relative;

}

.single_it_work_content_list::before {

    position: absolute;

    right: -75px;

    top: 26px;

    height: 1px;

    width: 130px;

    content: "";

    background: #ddd;

}

.single_it_work_content_list span {

    background: #000000 ;

    border-radius: 50%;

    color: #fff;

    font-weight: 600;

    position: relative;

    height: 45px;

    width: 45px;

    line-height: 45px;

    display: inline-block;

    transition: 0.3s;

}

.single_it_work_content_list span:before {

    position: absolute;

    left: -20px;

    top: -20px;

    height: 85px;

    width: 85px;

    content: "";

    background: #000000 ;

    z-index: -1;

    border-radius: 50%;

    right: 0;

    margin: auto;

    opacity: 0.2;

    transition: 0.3s;

}

.single_it_work_content_list span:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 65px;

    width: 65px;

    content: "";

    background: #000000 ;

    z-index: -1;

    border-radius: 50%;

    right: 0;

    margin: auto;

    opacity: 0.4;

    transition: 0.3s;

}

.single_work_content_title h4 {

    font-size: 20px;

    font-weight: 700;

    color: black;

}

p {

    font-weight: 400;

    font-style: normal;

}

 .three::before{

    background: none;

}

button.dtbtn:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.dtbtn::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000 ;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.dtbtn:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.dtbtn::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #ffffff;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.dtbtn {

    font-weight: 500 !important;

    -moz-user-select: none;

    background-color: #000000  !important;

    border: medium none;

    color: #fff !important;

    cursor: pointer;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 10px 20px;

    text-align: center;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #ffffff;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

button.dtbtn:hover {

    -moz-user-select: none;

    background: #000000 ;

    border: medium none;

    color: #fff !important;

    cursor: pointer;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 10px 20px;

    text-align: center;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #ffffff;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

.footer-a-tag::before{

        position: absolute;

    content: "";

    left: -24px;

    top: 10px;

    height: 1px;

    width: 13px;

    background: #fff;

    color: white !important;

}



button.edit-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.edit-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000 ;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.edit-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.edit-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000 ;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.edit-button {

    font-weight:500 !important;

    -moz-user-select: none;

    background: #000000 ;

    border: medium none;

    color: #fff !important;

    cursor: pointer;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 4px 20px;

    text-align: center;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #ffffff;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

button.edit-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}





button.find-parking-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.find-parking-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000 ;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.find-parking-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.find-parking-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000 ;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.find-parking-button {

    -moz-user-select: none;

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem .25rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

    width: 100%;

}

button.find-parking-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}





button.result-page-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.result-page-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.result-page-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.result-page-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.result-page-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 1.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 14px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

    width: 100%;

    margin-bottom: -41px;

}

button.result-page-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}





button.result-page-search-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.result-page-search-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.result-page-search-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.result-page-search-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.result-page-search-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 1.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

    width: 100%;

}

button.result-page-search-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}





button.booking-page-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.booking-page-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.booking-page-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.booking-page-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.booking-page-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 1.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

button.booking-page-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}





input.booking-page-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

input.booking-page-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

input.booking-page-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

input.booking-page-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

input.booking-page-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 1.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

input.booking-page-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}









button.other-page-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

button.other-page-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.other-page-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

button.other-page-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

button.other-page-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 0.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

    width: 100%;

}

button.other-page-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}









a.other-page-button:hover::before {

    transform: rotateX(90deg);

    opacity: 1;

}

a.other-page-button::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

a.other-page-button:hover::after {

    transform: rotateY(90deg);

    opacity: 1;

}

a.other-page-button::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #00247e;

    z-index: -1;

    transition: 0.9s;

    opacity: 0;

}

a.other-page-button {

    background: #000000 ;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    margin-bottom: 0;

    padding: 0.575rem 1.75rem;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s ease 0s;

    vertical-align: middle;

    border-radius: 5px;

    border: 2px solid #000000 ;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

a.other-page-button:hover {

    background: #000000 ;

    border: medium none;

    color: #fff;

    border: 2px solid #000000 ;

}

.margin-r{

   margin-right: 10px;

}



/* Hero Section for Other Pages */

.second {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    padding: 100px 0;

    position: relative;

    overflow: hidden;

    min-height: 500px;

    display: flex;

    align-items: center;

}



.second::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 100%);

    z-index: 1;

}



.second > * {

    position: relative;

    z-index: 2;

}



/* Responsive adjustments for hero section */

@media (max-width: 991px) {

    .second {

        padding: 80px 0;

        min-height: auto;

        background-attachment: scroll;

    }

}



@media (max-width: 767px) {

    .second {

        padding: 60px 0;

    }

}