/* HOME PAGE CSS   */
body{
        opacity: 0;
    transition: opacity 0.5s ease-in-out!important;

    }

:selection { 
    background: #4fc1f0; 
    color: #454545; 
    text-shadow: none;
  } 

  .mb-30 { 
    margin-bottom: 30px;
  } 

  .techno_flipbox { 
    perspective: 1000px; 
    position: relative; 
    transform-style: preserve-3d; 
    -webkit-perspective: 1000px; 
    -webkit-transform-style: preserve-3d; 
    z-index: 1;
  } 

  .techno_flipbox_font { 
    border: 1px solid #0c5adb; 
    border-radius: 8px;
  } 

  .techno_flipbox .techno_flipbox_font  { 
    min-height: 250px; 
    height: auto; 
    box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, 0.15); 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    transform: rotateX(0); 
    -webkit-transform: rotateX(0); 
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
    transition: transform 0.7s ease, -webkit-transform 0.7s ease; 
    position: relative;
  } 

  .techno_flipbox:hover .techno_flipbox_font { 
    /*-webkit-transform: rotateX(-180deg); 
    transform: rotateX(-180deg);*/
    transform: none;
    -webkit-transform: rotateX(0deg); 

  } 

  .techno_flipbox .techno_flipbox_back  { 
    min-height: 250px; 
    height: auto; 
    box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, 0.15); 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    transform: rotateX(0); 
    -webkit-transform: rotateX(0); 
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
    transition: transform 0.7s ease, -webkit-transform 0.7s ease; 
    position: relative;
  } 

  .techno_flipbox .techno_flipbox_back  { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    border-radius: 2px; 
    -webkit-transform: rotateX(180deg); 
    transform: rotateX(180deg); 
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d;
  } 

  .techno_flipbox .techno_flipbox_back::before { 
    position: absolute; 
    content: ""; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background: linear-gradient(to bottom, transparent -80%, #00247e);
  } 

  .techno_flipbox:hover .techno_flipbox_back { 
    -webkit-transform: rotateX(0deg); 
    transform: rotateX(0deg);
  } 

  .techno_flipbox .techno_flipbox_inner  { 
    text-align: center; 
    padding: 0 25px; 
    border-radius: 2px; 
    position: absolute; 
    left: 0; 
    top: 50%; 
    width: 100%; 
    perspective: inherit; 
    -webkit-perspective: inherit; 
    outline: transparent solid 1px; 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); 
    transform: translateY(-50%) translateZ(60px) scale(0.94); 
    z-index: 2;
  } 

  .techno_flipbox_icon { 
    font-size: 45px; 
    text-align: center; 
    display: inline-block; 
    color: #fff; 
    overflow: hidden;
  } 

  .techno_flipbox .techno_flipbox_font .flipbox_desc  { 
    color: #fff;
  } 

  .techno_flipbox .techno_flipbox_back .flipbox_desc  { 
    color: #fff;
  } 

  .icon { 
    font-size: 45px; 
    line-height: 45px;
  } 

  .techno_flipbox_font .icon  { 
    color: #fff; 
    font-size: 30px; 
    line-height: 80px; 
    height: 80px; 
    width: 80px; 
    background: #0c5adb; 
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important; 
    display: inline-block;
  } 

  .techno_flipbox .flipbox_title h3  { 
    font-size: 22px; 
    padding-bottom: 13px; 
    text-transform: capitalize; 
    -webkit-transition: all 0.7s ease 0s; 
    transition: all 0.7s ease 0s; 
    color: #fff;
  } 


  .techno_flipbox_font .flipbox_desc p  { 
    color: #fff;
  } 

  .techno_flipbox .techno_flipbox_back .flipbox_title h3  { 
    padding-bottom: 16px; 
    padding-top: 0; 
    color: #fff; 
    margin-bottom: 0;
  } 

  .techno_flipbox_back .flipbox_desc p  { 
    color: #fff;
  } 

  .techno_flipbox .techno_flipbox_back .flipbox_button a  { 
    text-transform: capitalize; 
    margin-top: 22px; 
    background: #fff; 
    color: #0c5adb; 
    display: inline-block; 
    padding: 4px 25px; 
    border-radius: 5px; 
    border: 2px solid #fff; 
    transition: 0.5s;
  } 

  .techno_flipbox .techno_flipbox_back .flipbox_button a:hover { 
    color: #fff; 
    border-color: #0c5adb; 
    background: #0c5adb;
  } 

  i { 
    font-style: normal; 
    font-weight: 400;
  } 

  [class^="flaticon-"]:before, [class*=" flaticon-"]::before,[class^="flaticon-"]:after, [class*=" flaticon-"]::after { 
    font-family: Flaticon; 
    font-size: inherit; 
    font-style: normal;
  } 

  .flaticon-padlock:before { 
    content: "\f108";
  } 

  [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { 
    font-family: Flaticon; 
    font-size: inherit; 
    font-style: normal;
  } 
}     

    



@media all{ 
  .techno_flipbox .techno_flipbox_back .flipbox_button a i  { 
    display: none;
  } 
}     

.fa-angle-double-right:before { 
    content: "\f101";
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-tW33H.style-tW33H {  
   /* background-image: url(assets/images/feature1.jpg);  
    */;  
}  
.top_feature .techno_flipbox .flipbox_title h3 {
    font-size: 20px;
    color: #232323;
    font-weight: 700;
    font-family: Muli;
}
.techno_flipbox .techno_flipbox_back .flipbox_title h3 {
    padding-bottom: 16px;
    padding-top: 0;
    color: #fff;
    margin-bottom: 0;
}
.top_feature .techno_flipbox .techno_flipbox_font {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border: 0;
}
.nav-item.dropdown.destop-view .subnavbtn span{
    color: #0c5adb;
}
.top_button_cont button b{
    font-weight: 700;color: #0c5adb;
}
.subnav .subnav-content ul{
    background-color: #0c5adb;
}
.navbar.navbar-expand-lg ul.navbar-nav li.nav-item.dropdown.pt-0{
    padding-top: 0;
}
#navbarNavDropdown ul.navbar-nav .nav-item .btn b{
        font-weight: 700;
}
.navbar.navbar-expand-lg{
    float: right;
}
.navbar.navbar-expand-lg ul.navbar-nav li a.nav-link.dropdown-toggle{
    color:black;margin-left: 0;padding-top: 0px;font-size: 13px;margin-top: -4px;
}
.navbar.navbar-expand-lg ul.navbar-nav li a.nav-link.dropdown-toggle i{
    color: #242d62;border: 2px solid;padding: 10px;border-radius: 50px
}
.whyChoose_container{
    padding-bottom:20px;
}
.whyChoose_container section .container .row{
    justify-content: center;
}
h2.section-3-h2 span.span_color{
    color:#0c5adb
}
#section-b.happyClients{
    margin-top: 15px;
    margin-bottom: 83px;
}
.chooseExcellence svg#Layer_1{
    width: 50px;margin-top: 20px;
}
.chooseExcellence svg#Layer_1 path.cls-1{
    fill:#0c5adb;
}
.parkingEasySteps{
    background-image: url('../img/Manchester-img-03.webp');
    background-size: cover;
}
.stepsTitle{
     margin-bottom: 5px;
}
.reliableSecure h2.section-3-h2{
    margin-bottom: 16px;
}
.parkingEasySteps div.em_bar.mb-2,
.reliableSecure div.em_bar.mb-2{
    margin: auto;
}
@media only screen and (min-width:992px) {
/*    .flipbox_area.top_feature{margin-top: -124px;}*/
    .main-search-seaction {height: 590px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .create-ticket-btn,
    .loyalty-reward-btn {
        display: none;
    }
}




/************************ SEARCH FORM CSS *******************/
#bg-css.homeSearch .h3banner{
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    font-weight: 800;
}
#bg-css.homeSearch .h3banner-p-sec{
    text-align: left;
margin-left: 0;
    margin-right: 0;
    }
#bg-css {
        /* background-image: url('../img/Banner-V2-others.webp'); */
        background-size: cover;
      }
#bg-css .discountAlert{
    margin-right:10px ; margin-top:3px ; border-radius: 15px !important;padding-top: 0.9rem;padding-bottom: 0.9rem;
}
#bg-css button.find-parking-button.btn b{
    font-weight: 800;
}
#bg-css .searchForm#search_form_1{
    background-image: url('../img/search-Pattern.webp');
    background-size: cover;
}
#bg-css.main-search-seaction{
    /* background-image: url('../img/Banner-Hero-Section.webp'); */
    background-size: cover;
}
    #bg-css .h3banner{
        color: #fff;
        font-size: 40px;
        line-height: 1.3;
        max-width: 660px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
#bg-css .form.bg{
    background-color:white;
}
    @media screen and (max-width: 600px) {
  #div-hidden {
    visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px;width: 28%; display: none;
  }
  #bg-css .h3banner{
   font-size:1.5rem !important;
       
}
#bg-css .h3banner-p-sec {
    font-size: 17px;
}
  
  #bg-css #search_form_1{
      margin-right:10px; margin-left:10px;
  }
}
@media screen and (min-width: 600px) {
  #bg-css  #title_message {
    visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px;width: 28%; display: none;
  }
}
#bg-css  .checked{
    color: #F79F02 !important;
    font-size: 13px;
}
#bg-css  .form-floating>.form-select{border-radius:0;}
        @media screen and (min-device-width: 1168px) and (max-device-width: 1199px) { 
        #bg-css .mnt{max-width: 207px;}
            
        }
        @media screen and (min-device-width: 531px) and (max-device-width: 536px) { 
        #bg-css .mnt{max-width: 207px;}
            
        }
        @media screen and (min-device-width: 334px) and (max-device-width: 531px) { 
        #bg-css div.cal{width: 235px;}
            
        }
        
        
        #bg-css .form-h2{
            text-align:center;
            color:white;
            font-weight:bold;
            font-size:30px;
                margin-bottom: 40px;
        }
        .from-css,
        #bg-css .from-css{
            background-color: rgb(255, 255, 255);
            padding: 15px 26px;
            border-radius: 15px;
            margin-top: 30px;
            margin-bottom: 30px;
                /*box-shadow: 0px 1px 5px 1px gray;*/
        }
        #bg-css.aboutBgCss .from-css{
            margin-top: 5px;
        }
        #bg-css .form-control{    height: 50px;    background: none !important;}
        #bg-css .form-select{ height: 50px;    background: none !important;}
        
        #bg-css .p-css{color:black;margin-top:2px;background-color:rgb(255, 255, 255,60%);border-radius:15px;padding:15px;padding-bottom:25px;}
        @media screen and (min-width:1323px) {
          #bg-css .p-css{ width: 577px;    height: 279px;}
        }
        @media screen and (min-device-width: 1203px) and (max-device-width: 1322px) { 
        #bg-css .p-css{ width: 482px;    height:285px ;}
        }
        
        @media screen and (min-width:992px) {
          #bg-css #banner{height:100%;}
        }
        @media screen and (min-width:601px) {
          #bg-css .padding{    padding-left:80px;padding-right:80px;}
        }
        
        #bg-css .btn-h{border-radius: 5px !important;height:49px !important;width: 100%;border-color: #0c5adb !important;background-color: #0c5adb !important;color: #fff !important;font-weight: 600;}
        #bg-css .btn-h:hover{border-color: #00247e !important;background-color: #00247e !important;}
        @media screen and (max-width:284px) {
          #bg-css .btn-h{height: 66px !important;}
        }
       #bg-css .form-control::-webkit-input-placeholder {
  color: black;
}
@media only screen and (min-width: 1527px)  {
            #bg-css .row-lr-p{margin-left:-100px;margin-right:-100px;}
        }
#bg-css .form-floating{    position: relative;}
#bg-css .form-floating>.form-control{height: 3.625rem; line-height: 1.25;}
#bg-css label{
    font-size: 16px;
    font-weight: 500;
    color: black;
    margin-left: 2px;
}
#bg-css .banner-location-single-contents-subtitle{
        display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: -4px 0 10px;
        color: black;
}
@media only screen and (min-width: 992px)  {
    #bg-css .search_item{width:16%;padding-left: 0;padding-right: 0;}
}


#bg-css .drop-css{border-radius: 15px !important;border: 2px solid #242d62;}
#bg-css .promo-css{border-top-right-radius: 12px !important;border-bottom-right-radius: 12px !important;}
@media only screen and (max-width: 991px)  {
    input, select{border-radius:12px !important;}
}
 #bg-css .icon-cs{
    color: #0c5adb;
    position: relative;
    font-size: 17px;
    float: right;
}
@media only screen and (min-width: 1400px)  {
    #bg-css .icon-cs{
    top: -36px;
    margin-right: -5px !important;
}
#bg-css .icon-cs1{
    top: -42px;
    font-size: 24px;
    float: right;
    margin-right: 10px;
}
}

@media only screen and (max-width: 1399px)  {
    #bg-css .icon-cs{
    top: -50px;
    margin-right: 10px;
}
#bg-css .icon-cs1{
    top: -42px;
    margin-right: 10px;
}
}

#bg-css input[type="text"] {
    font-size:17px;
    color: #7A7979;
}
#bg-css select {
    font-size:17px !important;
    color: #7A7979 !important;
}
#bg-css input::placeholder {
    color: #7A7979 !important;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
#bg-css .icon-cs{
    top: -36px;
    /*margin-left: 125px;*/
    font-size: 20px;
}
#bg-css .icon-cs1{
    color: #242d62;
    position: relative;
    top: -42px;
    /*margin-left: 121px;*/
    font-size: 24px;
}
}
#bg-css .icon-cs{top: -36px;margin-right: 12px;}
#bg-css .icon-cs1{top: -43px;}
/*.p-cs{margin-left: 14px;}*/
}
@media only screen and (max-width: 1199px)  {
    #bg-css{height: auto;}
}
@media only screen and (min-width: 1400px)  {
    #bg-css .form-control{width: 107% !important;}
    /*.col-cs{margin-right: 22px;}*/
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
#bg-css .icon-cs{    margin-right: 21px;}
    #bg-css .icon-cs1{margin-right: 20px;}
}
@media screen and (min-device-width: 601px) and (max-device-width: 767px) { 
#bg-css .icon-cs{    margin-right: 10px;}
    #bg-css .icon-cs1{margin-left: 394px;}
}
@media screen and (min-device-width: 527px) and (max-device-width: 600px) { 
#bg-css .icon-cs{margin-right: 10px;}
    #bg-css .icon-cs1{margin-left: 346px;}
}

@media only screen and (max-width: 526px)  {
    #bg-css .icon-cs{margin-right: 15px;}
    #bg-css .icon-cs1{margin-right: 15px;}
}
#bg-css .input-hold.date:before, .input-hold.person:before{
        font-family: 'FontAwesome' !important;
    text-align: center;
    color: #0c5adb;
    -webkit-font-smoothing: antialiased;
    padding-top: 7px;
    position: relative;
    top: 39px;
    /*right: 0;*/
    /*bottom: 0;*/
    /*width: 38px;*/
    /*background: #f6ab2f;*/
    pointer-events: none;
    border-radius: 0 6px 6px 0;
    z-index: 1;
    float:right;
    font-size: 17px;
}
@media only screen and (min-width: 1400px)  {
   #bg-css .input-hold.date:before, .input-hold.person:before{margin-right: -5px;}
}
@media only screen and (max-width: 1399px)  {
   #bg-css .input-hold.date:before, .input-hold.person:before{margin-right: 9px;}
}
#bg-css .input-hold.date:before{content: "\f073";}

#bg-css .input-hold.time:before, .input-hold.person:before{
        font-family: 'FontAwesome' !important;
    text-align: center;
    color: #c34d83;
    -webkit-font-smoothing: antialiased;
    padding-top: 7px;
    position: relative;
    top: 40px;
    /*right: 0;*/
    /*bottom: 0;*/
    /*width: 38px;*/
    /*background: #f6ab2f;*/
    pointer-events: none;
    border-radius: 0 6px 6px 0;
    z-index: 1;
    float:right;
    font-size: 17px;
    margin-right: 9px;
}
#bg-css .input-hold.time:before{content: "\f017";}
#bg-css .input-hold{margin-top: -34px;}

#bg-css .promo-css{font-size: 16px !important}
input::placeholder {
    font-size: 20px !important;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
    #bg-css .promo-css{width: 111%;}
}
@media only screen and (min-width: 385px)  {
   #bg-css .search-alert-success{width:233px !important;position: relative !important;}
}
@media only screen and (max-width: 384px)  {
   #bg-css .search-alert-success{width:100% !important;position: relative !important;}
}
#bg-css .input-fields-css{
    border: 1px solid #c6c2c2;
    color: #495057;
    background: #fff !important;
    border-radius: 5px;
}
#bg-css .search-row{
    /*border: 2px dashed black;*/
    border-radius: 15px;
    padding: 12px 9px;
}
#bg-css h6{
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
}
#bg-css .quotae-h3{
    color: #0c5adb;
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 10px;
}
#bg-css .h3banner-hr{
    border: 2px solid #fff;
    border-radius: 50px;
    max-width: 660px;
}
#bg-css .quotae-h3 span{
    color: #000;
}
#bg-css .h3banner-p-sec{
    color:#fff;font-size:19px;max-width: 660px;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
#bg-css .h3banner{max-width: 530px}
#bg-css .h3banner-hr{max-width: 530px;}
#bg-css .h3banner-p-sec{max-width: 530px;}
}
@media only screen and (max-width: 1199px)  {
   #bg-css{background-position: bottom;}
}


/********************** HAPPY CLIENTS SECTION CSS *******************/

.section-b2.happyClients .review-row {
    padding-bottom: 13px;
    padding-top: 13px;
}

.section-b2.happyClients .initial-avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #0183d6;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
}

.section-b2.happyClients .checked {
    color: #F79F02 !important;
    font-size: 13px;
}

.section-b2.happyClients .client-name {
    font-size: 20px;
    font-weight: 600;
    color: #00519A;
}

.section-b2.happyClients .review-text {
    color: #434343;
}

.section-b2.happyClients .mySlides {
    display: none;
}

.section-b2.happyClients img {
    vertical-align: middle;
}

.section-b2.happyClients .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.section-b2.happyClients .prev,
.section-b2.happyClients .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.section-b2.happyClients .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.section-b2.happyClients .prev:hover,
.section-b2.happyClients .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.section-b2.happyClients .text {
    color: #ffffff;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.section-b2.happyClients .numbertext {
    color: #ffffff;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.section-b2.happyClients .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #999999;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.section-b2.happyClients .act,
.section-b2.happyClients .dot:hover {
    background-color: #111111;
}

/* Fading animation */
.section-b2.happyClients .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

    .section-b2.happyClients .prev,
    .section-b2.happyClients .next,
    .section-b2.happyClients .text {
        font-size: 11px;
    }
}

@media screen and (max-width: 600px) {
    .section-b2.happyClients #img {
        width: 100% !important;
    }
}

.section-b2.happyClients #img {
    width: 50%;
    height: 200px;
}

.section-b2.happyClients #slides1 {
    /*background-color:white !important;*/
    /*border:2px solid #c8deee;*/
    border-radius: 10px;
}

.section-b2.happyClients #client-name {
    font-size: 20px !important;
    font-weight: 600px !important;
    color: #000 !important;
}

.section-b2.happyClients #section-b .carousel-item {}



.section-b2.happyClients .img-circle {
    border-radius: 50%;
    vertical-align: middle;
    max-width: 90px;
    transform-style: preserve-3d;
    margin: 0 auto 17px;
}

.section-b2.happyClients .checked {
    color: #F79F02 !important;
    font-size: 13px;
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .section-b2.happyClients .checked {
        font-size: 11px;
    }
}

.section-b2.happyClients .initial-avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #c34d83;
    color: #fff;
    border-radius: 50%;
    margin-right: 0;
}



/********************** FOOTER CSS *******************/





#footer .footer-wrap {
    padding: 20px 0 0;
}

#footer .footer-logo img {
    height: 65px;
}

#footer .contact-link li {
    list-style: none;
    margin-bottom: 10px;
}

#footer .footer-links li {
    list-style: none;
    margin-bottom: 5px;
}

#footer .footer-a-tag {
    text-decoration: none;
    color: #FFF;
}

#footer .footer-a-tag:hover {
    text-decoration: underline;
}

#footer .standard_social_links ol {
    display: flex;
    gap: 10px;
}

#footer .round-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer .btn-facebook {
    background: #1877F2;
}

#footer .btn-twitter {
    background: #1D9BF0;
}

#footer .btn-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

#footer .btn-linkedin {
    background: #0A66C2;
}

#footer .btn-youtube {
    background: #FF0000;
}

#footer .copyright {
    text-align: center;
    color: #000;
    margin-top: 10px;
}



/********************** Airport Parking CSS *******************/

  

  #bg-css .content-container {
    padding-top: 67px;
  }

  #bg-css .h3banner {
    color: white;
    text-align: center;
  }

  #bg-css .banner-description {
    color: white;
    font-size: 20px;
    text-align: center;
  }

  /* Styles for .manchesterTerminal section */
  .manchesterTerminal .padding-bottom {
    padding-bottom: 20px;
  }

  .manchesterTerminal .section-3-h2 {
    margin-top: 5rem;
  }

  .manchesterTerminal .section-3-h2 span {
    color: #0c5adb;
  }

  .manchesterTerminal .section-3-p {
    max-width: 600px;
    margin: 0 auto;
  }

  .manchesterTerminal .div-card {
    text-align: center;
    border: 1px dashed;
    border-radius: 25px;
    padding: 15px;
    box-shadow: 0px 1px 5px 1px gray;
  }

  .manchesterTerminal .steps-css {
    color: #000;
  }

  .manchesterTerminal .safty-cs {
    font-size: 22px;
    font-weight: 600;
    color: #0c5adb;
    margin-bottom: 20px;
  }

  .manchesterTerminal .safty-cs-p {
    font-size: 16px;
    color: #434343;
    margin-top: 10px;
    min-height: 173px;
  }

  .manchesterTerminal .img-gif {
    max-width: 100%;
    height: auto;
    border-radius: 25px;
    margin-bottom: 20px;
  }

  .manchesterTerminal .other-page-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0c5adb;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
  }

  .manchesterTerminal .other-page-button:hover {
    background-color: #084ca1;
  }

  /* Additional responsive styles */
  @media only screen and (min-width: 992px) {
    .manchesterTerminal .safty-cs-p {
      min-height: 235px;
    }
  }

  @media only screen and (min-width: 1200px) {
    .manchesterTerminal .safty-cs-p {
      min-height: 205px;
    }
  }

  @media only screen and (min-width: 1400px) {
    .manchesterTerminal .safty-cs-p {
      min-height: 173px;
    }
  }

  @media only screen and (max-width: 992px) {
    .manchesterTerminal .safty-cs-p {
      min-height: 235px;
    }

    .manchesterTerminal .section-3 {
      margin-top: 0 !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .manchesterTerminal .safty-cs-p {
      min-height: min-content;
    }

    .manchesterTerminal .safty-cs {
      margin: 10px 0;
    }
  }

  @media only screen and (max-width: 576px) {
    .manchesterTerminal .section-3-h2 {
      font-size: 25px !important;
    }

    .manchesterTerminal .section-3-p {
      font-size: 15px !important;
    }

    #bg-css .h3banner {
      font-size: 1.5rem !important;
    }
  }



/********************** ABOUT US CSS *******************/
.top-shape.blogSection{
    margin-top: 120px;
}
#bg-css .h3banner-p-sec {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#bg-css h1.h3banner {
        text-align: center;
        color: white;
        font-size: 36px;
    }
#bg-css.aboutBgCss h1.h3banner{
    padding-top: 67px;
}
    #bg-css p {
        color: white;
        font-size: 20px;
        text-align: center;
    }

    .section-b2 {
        margin-top: 40px;
    }

    .section-b2 .section-heading h2 {
        text-align: center;
        margin-bottom: 5px;
    }

    .section-b2 .section-heading span {
        color: #0c5adb;
        font-size: 35px;
    }

    /* Sidebar Styles */
    .sidebar {
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

    .sidebar .recent-posts img {
        width: 80px;
        height: 53px;
        float: left;
    }

    .recent-posts h4 {
        font-size: 15px;
        margin-left: 95px;
        font-weight: bold;
    }

    .sidebar .recent-posts h4 a {
        color: #3c4133;
        transition: 0.3s;
    }

    .sidebar .recent-posts time {
        display: block;
        margin-left: 95px;
        font-style: italic;
        font-size: 14px;
        color: #1FA9FF;
        font-weight: 600;
    }

    /* Section-specific Styles */
    .aboutUs .section-3-h2,
    .whatServices .section-3-h2,
    .parkMark .section-3-h2 {
        color: #000;
        font-size: 36px;
        font-weight: 800;
    }
    .aboutUs .section-3-h2 span,
    .whatServices .section-3-h2 span,
    .parkMark .section-3-h2 span{
        color:#0c5adb
    }

    .aboutUs .section-3-p,
    .whatServices .section-3-p,
    .parkMark p {
        color: #434343;
        font-size: 18px;
        line-height: 1.7;
    }

    .aboutUs img.about-imgs,
    .whatServices img.about-imgs {
        height: 100% !important;
    }

    .highlight-text {
        font-weight: 600;
        color: #0c5adb;
        font-size: 20px;
    }

    /* Responsive Styles */
    @media only screen and (max-width: 991px) {
        .col-r.aboutUsImg,
        .col-l.des-mob2 {
            text-align: center;
        }

        .des-mob {
            display: none;
        }
    }

    @media only screen and (max-width: 767px) {
        .section-b2 {
            height: 90%;
        }

        #section-b {
            margin-bottom: 0 !important;
        }
    }

    @media only screen and (min-width: 992px) {
        .col-r.aboutUsImg {
            text-align: right;
        }

        .col-l.des-mob2 {
            text-align: left;
        }
    }

    @media only screen and (min-width: 1200px) {
        .aboutUs.section-3 {
            margin-top: 120px;
        }
        .aboutUs .column-left {
            padding: 30px !important;
            padding-left: 150px !important;
            background: #ececec;
        }
        .whatServices .column-right {
            padding: 30px !important;
            padding-right: 150px !important;
            background: #ececec;
        }
    }






/********************** BLOG DETAIL CSS *******************/

.blog-details-banner {
        padding-top: 67px;
        text-align: center;
    }

    .blog-details-banner h1 {
        color: white;
    }

    .blog-details-banner p {
        color: white;
        font-size: 20px;
    }

    .single-post-article .post-opt-title {
        margin-bottom: 10px;
    }

    .single-post-article .post-opt-title,
    .single-post-article .post-opt-title a {
        color: #566985;
    }

    .single-post-article .post-opt-title {
        display: block;
        text-align: left;
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 20px;
    }

    .single-post-article .blog-image-details {
        width: 77%;
        height: 300px;
    }

    .single-post-article .list-single-main-item p,
    .single-post-article .list-single-main-item span {
        font-weight: 400;
        font-style: normal;
        color: #616161 !important;
        font-size: 16px;
    }





/********************** TERMINAL 01 CSS *******************/

.filter-sect .block-card iframe{
    width:100%;height:380px;
}
.filter-sect .filterCont {
    margin-top: 30px;margin-bottom: 30px;
}
.span_blk_color{
    color: #000;
}
.aboutManchester {
  margin-top: 80px;
}

.aboutManchester .section-3-h2 {
  color: #0c5adb;
  font-size: 38px;
  font-weight: bold;
}

.aboutManchester .section-3-p {
  color: #434343;
  font-size: 18px;
  line-height: 1.7;
}

.filter-sect {
  margin-top: 30px;
  margin-bottom: 30px;
}

.filter-sect .filter {
  margin-bottom: 20px;
}

.filter-sect .filter-btn {
  color: #0c5adb;
  font-size: 17px;
  padding: 11px 40px;
  position: relative;
  border-radius: 5px;
  background: none;
  outline: none;
  font-weight: 600;
  border: 1px solid #0c5adb;
}

.filter-sect .filter-btn.active {
  background: linear-gradient(to left, #2475fc, #1129b9);
  color: white;
  border: 1px solid #2475fc;
}

.filter-sect .block {
  display: none;
}

.filter-sect .block.active {
  display: block;
}

.filter-sect .block-card {
  padding: 20px;
  border-radius: 13px;
  border: 1px solid transparent;
}

.section-b2 {
  margin-top: 80px;
}

.section-b2 .section-heading h2 {
  margin-bottom: 45px;
  color: #0c5adb;
}

.section-b2 .section-heading h2 span {
  color: #242d62;
}

/* Media Queries */
@media only screen and (max-width: 991px) {
  .filter-sect .filter {
    box-sizing: border-box;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
  }
}


/********************** LOGIN PAGE CSS *******************/

.login-layout{
        height: 100vh;
    }
    .login-layout main{
        height: 100vh;
        align-content: center;
        margin-top: auto !important;
    }

/********************** SUPPORT PAGE CSS *******************/

.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-customer-2:hover{
    border-color: #242d62 !important;
    background-color: #242d62 !important;
}


/********************** BOOKING PAGE CSS *******************/

    #search_form_1 .text-field {
        height: 50px;
        width: 100%;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #myTabContent .tab-content-scroll {
        padding: 20px;
        padding-top: 0px !important;
    }

    .manParkModal .modal-title {
        color: #fff;
        font-weight: 600;
        padding: 0px 0px;
    }

    .manParkModal .modal-header {
        border-bottom: 5px solid #ffffff;
        background-color: #1773b9;
    }

    .manParkModal .modal-footer {
        background-color: #1773b9;
    }

    .manParkModal .btn-secondary {
        color: #fff;
        background-color: #000000;
        border: 2px solid #ffffff;
    }

    .nav-tabs {
        border-bottom: 1px solid #1773b9;
    }

    .manParkModal .ul-but {
        background-color: #E1E1E1;
    }

    .collapsible {
        background-color: #0c5adb;
        color: #FAB03F;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
    }

    .content {
/*        max-height: 0;*/
        overflow: hidden;
        transition: max-height 0s ease-out;
        text-align: left;
    }

    .main-heading {
        font-size: 23px;
        text-align: center;
        font-weight: 600;
        color: #0c5adb;
        padding-top: 10px;
    }

    .main-section {
        background: none;
        padding-top: 9px;
        padding-bottom: 5px;
        border: 3px solid #fff;
        border-radius: 15px;
        background: #fff;
    }

    .textc {
        margin-top: 10px;
    }

    @media only screen and (min-width: 992px) {
        .li-display {
            display: inline;
        }
    }

    @media only screen and (min-width: 1200px) {
        .from-css {
            padding-top: 20px !important;
            padding-bottom: 0px !important;
        }
    }

    #show {
        margin-top: 6px;
    }
    .JoinUs{
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        padding: 30px 40px;
        position: fixed;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
        color:white;
        z-index: 999;
        height:100%;
    }
}
@media only screen and (max-width:499px){
     .JoinUs{
        background:rgba(0, 0, 0, 0.7);
        width: 100%;
        padding: 7px 12px;
        position: fixed;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
        color:#242d62;
        z-index: 999;
        height:100%;
    }
    
}
@media only screen and (min-width:500px){
     .JoinUs2{
        background:white;
        width: 505px;
        /*padding: 30px 40px;*/
        position: fixed;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 30px;
        font-family: "Poppins",sans-serif;
        /*display: none;*/
        text-align: center;
        color:#242d62;
        z-index: 999;
    }
    .padd-pop{padding: 16px 40px;}
}
@media only screen and (max-width:499px){
     .JoinUs2{
        background: white;
        width: 90%;
        /*padding: 7px 12px;*/
        position: fixed;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 30px;
        font-family: "Poppins",sans-serif;
        /*display: none;*/
        text-align: center;
        color:#242d62;
        z-index: 999;
    }
    .padd-pop{padding: 16px 30px;}
    
}
.join-h2{padding: 0px;font-size: 22px;font-weight: 600;}
.close-join-us{
    display: block;
    margin: -4px 0 0px auto;
    font-size: 30px;
    color: #242d62;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50px;
    height: 30px;
    background:none;
}
.JoinUs2 p{
    font-size: 15px;
    text-align: center;
    margin: 20px 0;
    line-height: 25px;
    color:black;
}
.join-btn{
    display: block;
    /*width: 100%;*/
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #F79F02;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 0;
}
.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}
}

.close-css{padding-left: 0px;}
@media only screen and (min-width:992px){
    .result-bsnner{
        height: 290px;
    }
    #section.bookingPage{
        margin-top: -87px;
    }
    }
.btn-close,.btn-close:hover,.btn-close:focus{
    color: white;
    border-radius: 50%;
    border: 1px solid;
    width: auto;
    height: auto;
    padding: 1px 10px !important;
}
.spiner_container{
    text-align: center;
    position: absolute;
    background: #8080807a;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    align-content: center;
}




/********************** VALET PARKING PAGE CSS *******************/

#section.staticPageSec .inner-content p,#section.staticPageSec .inner-content p span,#section.staticPageSec .inner-content li span,#section.staticPageSec .inner-content li{
    font-size: 17px !important;
        color: #616161 !important;
}
#section.staticPageSec .inner-content h1 span,.inner-content h1{
font-family: "Poppins",Sans-serif !important;
font-size:36px !important;
font-weight:700 !important;

}
#section.staticPageSec .inner-content h2 span{
    font-family: "Poppins",Sans-serif !important;
    font-size:30px !important;
    font-weight:600 !important;
}
#section.staticPageSec .inner-content h3 span{
    font-family: "Poppins",Sans-serif !important;
    font-size:24px !important;
    font-weight:500 !important;
}
#section.staticPageSec .inner-content h4 span{
    font-family: "Poppins",Sans-serif !important;
    font-size:20px !important;
    font-weight:400 !important;
}
#section.staticPageSec .inner-content h5 span{
    font-family: "Poppins",Sans-serif !important;
    font-size:18px !important;
    font-weight:400 !important;
}
#section.staticPageSec .inner-content h6 span{
    font-family: "Poppins",Sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
}
#section.staticPageSec{
    margin-top: 70px;
}

#section.staticPageSec .section-3-h2 {
        color: #000;
        font-size: 36px;
        font-weight: 800;
    }
    .aboutUs .section-3-h2 span,
    #section.staticPageSec .section-3-h2 span{
        color:#0c5adb
    }
@media only screen and (max-width: 444px)  {
    .filter-btn{width: 100%;}
}
@media only screen and (max-width: 991px)  {
     .col-cent{text-align:center;}
    .col-rght{display:none !important;}
}
@media only screen and (min-width: 992px)  {
     .col-rght{text-align:right;}
    .col-cent{display:none !important;}
}









/********************** FAQs PAGE CSS *******************/

.faq_section .accordion-button:focus {
        z-index: 3;
        border-color: #393939 !important;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(255 255 255) !important;
        background-color: #393939 !important;
        color: #fff !important;
    }
    .faq_section .accordion-button{
        background-color: #393939 !important;
        margin-bottom: 10px;
        font-weight: 600;
        border-radius: 0 !important;
    }
    .faqs-hding{
        color: #fff;
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        background-color: #393939;
        padding: 10px 0px;
    }
.faqs-banner .section-3-h2{color:#000;font-size:38px;font-weight:bold;margin-top: 30px;}
.standard_social_links .fab{margin-top: 0px !important;}
.faq_section .accordion-header .collapsed{
    padding: 1rem 1.25rem !important;
}




/********************** REWARD LOYALITY PAGE CSS *******************/

.section-3.rewardLoyality{
    margin-top: 140px;
}
 @media only screen and (max-width: 600px)  {
            #section-b.happyClients{margin-bottom: 0px !important}
        }

@media only screen and (min-width: 992px)  {
    .col-percentage{justify-content: center;display:flex;}
}
@media only screen and (min-width: 992px)  {
    .getRewardSec .card-body-cs{ height: 211px;  }
}
.card-body-cs{ border-bottom-left-radius: 19px;border-bottom-right-radius: 19px; }
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .getRewardSec .card-body-cs{height: 217px; }
    .getRewardSec .card-cs{margin-bottom:20px;}
    .getRewardSec .row-css1{justify-content: center;}
}
@media only screen and (min-width: 767px)  {
    .card-cs{width: 20rem;height: 370px !important;}
}
@media only screen and (max-width: 767px)  {
    .getRewardSec .card-cs{margin-bottom: 20px;}
}
.rewardLoyality  .section-3-p{color:#434343;font-size:18px;line-height: 1.7;}

@media only screen and (min-width: 992px)  {
    .rewardLoyality .col-r{text-align:right}
    /*.btn-h2{margin-top: 36px !important;}*/
}
@media only screen and (max-width: 991px)  {
    .rewardLoyality .col-r{text-align:center}
}
.getRewardSec .card-title1 {
    color: #00519A;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.getRewardSec .card-title {
    margin-top: 15px;
    margin-bottom: 20px;
}

.getRewardSec .loyl-img{
    height: 146px !important;
}
.getRewardSec .card-cs{
    border-radius: 19px;
    border: 1px dashed !important;
}





/********************** BOOKING PAGE CSS *******************/


        .booking-form .StripeElement {
            box-sizing: border-box;

            height: 40px;

            padding: 10px 12px;

            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: #fde4e4;

            box-shadow: 0 1px 3px 0 #e6ebf1;
            -webkit-transition: box-shadow 150ms ease;
            transition: box-shadow 150ms ease;
        }

        .booking-form .StripeElement--focus {
            box-shadow: 0 1px 3px 0 #cfd7df;
        }

        .booking-form .StripeElement--invalid {
            border-color: #fa755a;
        }

        .booking-form .StripeElement--webkit-autofill {
            background-color: #fefde5 !important;
        }

        .booking-form .card_chrge {
            width: 82%;
            margin: auto;
        }

        .booking-form .text-danger {
            text-align: center;
        }

        .booking-form .badge {
            color: #000;
        }

        .booking-form .error {
            color: red !important;
        }

        .booking-form .widget-posts-img {
            width: 100%;
        }

        /*.cart_detail {*/
        /*    height: 100%;*/
        /*    position: sticky;*/
        /*    z-index: 100;*/
        /*    top: 0;*/
        /*}*/
        .booking-form .booking-wash {
            text-align: left;
            padding-bottom: 10px;
        }

        .booking-form .unordered-list {
            margin-left: 16px;
        }

        .booking-form .custom-form label,
        .booking-form .cart_list li {
            color: #1a1b1c;
        }

        .booking-form .list-single-main-item-title h3 {
            color: #000000;
        }

        .booking-form .select_car {
            text-align: left;
            font-size: 15px;
            font-weight: 600;
            color: #000000;
            font-family: 'Nunito', sans-serif;
            padding-bottom: 20px;
        }

        .booking-form .custom-form textarea,
        .booking-form .custom-form input[type="text"],
        .booking-form .custom-form input[type=email],
        .booking-form .custom-form input[type=password],
        .booking-form .custom-form input[type=button],
        .booking-form .listsearch-input-item input[type="text"] {
            color: #000000;
        }
        .booking-form .icon {
            margin-top: -56px;
            font-size: 16px;
        }

        .booking-form .form-div-img {
            display: block;
            max-width: 85%;
            height: auto;
            margin: auto;
        }

        @media screen and (max-width:767px) {
            .booking-form .form-div-img {
                display: block;
                max-width: 85%;
                height: auto;
                margin: auto;
            }

            .booking-form #reverseContainer {
                display: flex;
                flex-direction: column-reverse;
                justify-content: center;
            }

            .booking-form .widget-posts-img img {
                width: 70%;
            }

            .booking-form .card_chrge {
                width: 100%;
                margin: auto;
            }
        }

        @media screen and (min-width:821px) {
            .booking-form .card_chrge {}
        }

        @media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
            .booking-form .label-h {
                height: 58px
            }

        }
        @media screen and (max-device-width: 991px) {
            .booking-form label.form-label.label-h {
                height: auto!important;
            }
        }

        .booking-form div.sticky {
            /*position: -webkit-sticky;*/
            position: sticky;
            top: 0;
        }

        .booking-form .info-link {
            font-size: 16px;
            line-height: 20px;
            color: #055988;
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            cursor: pointer;
        }

        .booking-form #myTabContent .tab-content-scroll {
            padding: 20px;
            padding-top: 0px !important;
        }

        .booking-form .modal-title {
            color: #fff;
            font-weight: 600;
            padding: 0px 0px;
        }

        .booking-form .modal-header {
            border-bottom: 5px solid #ffffff;
            background-color: #4AA1D9;
        }

        .booking-form .modal-footer {
            background-color: #4AA1D9;
        }

        .booking-form .btn-secondary {
            color: #fff;
            background-color: #4AA1D9;
            border: 2px solid #ffffff;
        }

        .booking-form .nav-tabs {
            border-bottom: 1px solid #4AA1D9;
        }

        .booking-form #myTab {
            display: none;
        }

        .booking-form .new-banner-content {
            display: none;
        }

        @media screen and (max-width: 485px) {
            .booking-form div.cal {
                width: 242px;
            }
        }

        .booking-form .stepwizard-step p {
            margin-top: 0px;
            color: #666;
        }

        .booking-form .popup1 {
            background-color: #25A493;
            border: 5px solid;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px;
            height: 260px
        }

        .booking-form .list {
            background-color: #25A493;
            height: 238px
        }

        @media only screen and (max-width: 712px) {
            .booking-form .list {
                height: 538px
            }

            .booking-form .popup1 {
                height: 560px
            }
        }

        .booking-form .icon1 {
            animation: change 1s step-end both;
        }

        @keyframes change {
            from {
                color: gray
            }

            to {
                color: rgb(246, 171, 47)
            }
        }

        .booking-form .icon2 {
            animation: change2 3s step-end both;
        }

        @keyframes change2 {
            from {
                color: gray
            }

            to {
                color: rgb(246, 171, 47)
            }
        }

        .booking-form .icon3 {
            animation: change3 5s step-end both;
        }

        @keyframes change3 {
            from {
                color: gray
            }

            to {
                color: rgb(246, 171, 47)
            }
        }

        .booking-form .icon4 {
            animation: change4 7s step-end both;
        }

        @keyframes change4 {
            from {
                color: gray
            }

            to {
                color: rgb(246, 171, 47)
            }
        }

        .booking-form .search {
            margin-top: 95px;
            padding-top: 10px;
            background-color: #eceaec;
            border-bottom: 1px solid #efa32147;
            height: 80px;
        }

        @media only screen and (max-width: 712px) {
            .booking-form .search {
                height: 259px;
            }
        }

        @media (min-width:713px) and (max-width:1025px) {
            .booking-form .search {
                height: 170px;
            }
        }

        .booking-form .primart-bg-color {
            background-color: #4AA1D9;
        }

        .booking-form .btn-book {
            width: 100%;
            height: 54px;
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            border-color: #4AA1D9;
        }

        .booking-form .modal-body {
            position: relative;
            padding: 15px;
        }

        .booking-form .modal-backdrop.show {
            opacity: 0;
        }

        .booking-form .modal-backdrop {
            position: relative !important;
        }

        .booking-form .block-card {
            display: none;
        }

        .booking-form .block-card.active {
            display: block;
        }

         .book-head {
            font-size: 40px;
            font-weight: bold;
            color: white;
            margin: 16px 0;
            text-align: center;
        }

        .book-p {
            color: #0c5adb;
        }

        .booking-form .form-control {
            border-radius: 8px !important;
        }

        @media only screen and (min-width: 992px) {
            .booking-form .col-pa {
                padding: 30px;
                padding-top: 15px;
            }
            .main-search-seaction {
/*                height: 80vh!important;*/
                height: 680px!important;
            }
        }
        @media only screen and (max-width: 991px) {
            .booking-form .col-pa {
                padding-top: 15px;
            }
        }
        .booking-form .table {
            margin-bottom: 7px;
        }


        @media only screen and (min-width: 1400px) {
            .booking-form .facility-list {
                height: 115px;
            }
        }

        .booking-form .parking-price2 {
            padding: 11px;
        }

        @media only screen and (max-width: 575px) {
            .booking-form #bookingFrm1 {
                justify-content: center;
                display: flex
            }

            .booking-form .parking-price2 {
                text-align: center;
            }
        }

        .booking-form .img-rad {
            height: 191px;
        }

        @media only screen and (min-width: 575px) {
            .booking-form .modal-dialog {
                max-width: 70% !important;
            }
        }

        .booking-form .tab-content-scroll {
            overflow-y: auto;
            height: 350px;
        }

        .booking-form .modal-header {
            background-color: #0c5adb;
        }

        .booking-form .modal-footer {
            background-color: #0c5adb;
        }

        .booking-form .btn-close {
            background: none;
        }

        .booking-form .btn-close {
            opacity: 1.5;
        }

        .booking-form .btn-s {
            color: #0c5adb;
            background-color: #FAB03F
        }

        .booking-form .moreinfo {
            color: #0c5adb;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            padding-left: 20px;
        }
        @media only screen and (max-width: 768px) {
            .navbar.navbar-expand-lg{
                float: none;
            }
        }

        @media only screen and (min-width: 768px) {
            .booking-form .dest {
                width: 100% !important;
                position: relative;
                list-style-type: none;
            }
        }

        @media only screen and (max-width: 767px) {
            .booking-form .dest {
                width: 100% !important;
                overflow-x: auto !important;
                scroll-snap-type: x mandatory;
                position: relative;
                overflow: auto;
                display: flex !important;
                list-style-type: none;
            }
        }

        .booking-form .model-edit {
            background: rgba(188, 188, 188, 0.8);
        }

        .booking-form .content-edit {
            margin-top: 127px;
        }

        .booking-form .edit {
            color: #0c5adb;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            padding-left: 20px;
            background: none !important;
        }
        .booking-form .info-pad{
         padding:7px;   
        }
        .booking-form .card-section{
            border-radius:20px;
            padding-top:20px;
            padding-bottom:10px;
            margin-bottom:10px;    
            margin-left: -2px;
            background-color:white;
            border: 1px dashed;
            box-shadow: 0px 1px 4px 0px black;
        }
        .booking-form .bg-table{
            background: #0c5adb;
            color:white;
            margin:0;
        }
        .booking-form .addition-h3{
            font-size: 20px;
            font-weight: 600;
            text-align: center;
            margin-top: 10px;
        }
        .top_button_cont button.dtbtn::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: #00247e;
            z-index: -1;
            transition: 0.9s;
            opacity: 0;
        }
        .confirmBookSec{
            background-color: #0c5adb;
        }
        .booking-form .errorText{
            font-size: 16px;
            color: #dc3545;
        }
        .booking-form #c_error{
            display: none; 
            margin-top: 10px; 
            font-weight: bold;
        }
        .booking-form #imgloader{
             text-align:center; margin:5px;
        }
        .booking-form #imgloader img{
            width: 50px;
        }
        #error_personal_detail{
            color:#f20; font-weight:bold; text-align:center;
        }
        .sidebar-img-div img{
            width: 170px;
        }
       

        .booking-form .table td {
            border: none;
            font-size: 16px;
        }

        .booking-form .table-detail {
            font-size: 16px;
        }

        #search_data_modal .modal-header.primart-bg-color {
            background-color: #your-primary-color;
        }

        #search_data_modal .modal-title.white-color {
            color: white;
        }

        

        .booking-form .input-hold {
            display: flex;
            align-items: center;
        }

        .booking-form .btn-h {
            background: #0c5adb;
            color: #FAB03F;
            font-weight: 800;
        }

        .modal button i.fa-xmark{
            color: white;font-size: 20px;
        }
        
        


        .companyModal .input-hold {
            display: flex;
            align-items: center;
        }

        .companyModal .btn-h {
            background: #0c5adb;
            color: #FAB03F;
            font-weight: 800;
        }

        .companyModal .icon-cs {
            /* Optional: Add styling for icons if needed */
        }

        .companyModal .addition-h3 {
            font-size: 16px;
            font-weight: 500;
            color: #fff;
        }

        .companyModal .cls-pointer {
            cursor: pointer;
        }

        .companyModal .points {
            text-align: left;
            list-style: none;
            line-height: 25px;
            font-size: 15px;
            padding-left: 0px;
            color: #000;
        }

        .companyModal .alert {
            margin-top: 10px;
        }
        .booking_detail_content table tr td {
            border-color: none;
            border-style: none;
            font-size: 16px;    
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .booking_detail_content table tr td .smsLabel{
            font-size: 16px;font-weight: 500;color: #fff;padding-left: 0px;padding-right: 0px;
        }
        .booking_detail_content table tr td.price,
        .booking_detail_content table tr td.totelprice{
            padding-top: 20px;border: 0;
        }
        .booking_detail_content table tr.bottomBorder{
            border-bottom: 1px solid #fff;
        }
        .booking_detail_content table tr.topBorder{
            border-top: 1px solid #fff;
        }

















/***********NEW CSS ***********/





#header .navbar-brand img{
    max-height: 80px;
}
#header .navbar.navbar-expand-lg{
    padding: 0;
}
.top-bar-section {
    background: #000000;
}
#header{
    background-color: #fcc7d9;
}
.ul-cs{
    background-color: #000;
}
.subnav .subnavbtn i{
    color: #000!important;
}
#navbarNavDropdown ul li a{
    color: #000!important;
}
#navbarNavDropdown ul li a:hover{
    color: #fff!important;
    transition: .4s all;
}
#navbarNavDropdown ul li .subnav .ul-cs li a{
    color: #fff !important;
}
.subnav .subnav-content ul {
    background-color: #000;
}
#footer {
     background-color:#f9dfe8;
}
.footer_bottom{
    background-color: #fcc7d9;
}
#footer .footer-logo img {
     height: 78px; 
}
#footer .footer-wrap h3,
#footer .footer-wrap ul li,
#footer .footer-wrap ul li a,
#footer .footer-wrap p{
    color: #000;
}
.footer-a-tag::before{
    background-color: #000;
}
.main-search-seaction{
   /*    background-image: url('../img/main_bg.png');*/
    background-image: url('../img/manbg.avif');
    background-size: cover;
    background-position: bottom;
}
#bg-css .h3banner.mainHeading{
    margin: 0;
    text-align: left;
    max-width: inherit;
    margin-top: 0!important;
}
#bg-css p.bgCont.h3banner-p-sec {
    text-align: left;
    margin: 10px 0 5px!important;
    max-width: inherit;
}
.maincontImg{

}
#bg-css .mainBgTopCont{
    justify-content: center;
    align-items: center;
}
#bg-css .mainBgTopCont #slideInRight .topContent{
    background-color: #000000c9;
    padding:35px 35px;
    border-radius: 15px;
    margin: 0;
    width: 80%;
}
.top_feature{
    margin-top: 200px;
}
#bg-css .from-css{
    box-shadow: 0px 3px 5px 0px gray;
}
.btn.dtbtn.loyalty-reward-btn,
.bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black{
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
}
.btn.dtbtn.loyalty-reward-btn b,
.bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black b{
    color: #000;
}
.btn.dtbtn.loyalty-reward-btn{
    margin-left: 5px!important;
}

.top_button_cont button.dtbtn::before,
.top_button_cont button.dtbtn::after,
.bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black:hover,
.btn.dtbtn.loyalty-reward-btn:hover{
    background: #000;
}
/*body{
    visibility: hidden;
}*/
#bg-css .icon-cs,
#bg-css .input-hold.date:before, #bg-css .input-hold.person:before {
    color: #c34d83 !important;
}
button.find-parking-button{
    background-color: #fcc7d9;
    border-color: #fcc7d9;
    color: #000;
}
button.find-parking-button::before,
button.find-parking-button::after{
    background: #000;
}
button.find-parking-button:hover{
    background-color: #000;
    background: #000;
    border: 2px solid #000;
}
.whyChooseSec .custFocusQuality{
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%)  ;
    border-radius: 15px;
}
.whyChooseSec .custFocusQuality.secureMag{
    margin-top: 35px;
}
.section_sub_title {
    color: #c34d83;
}
.section-3-h2 span{
    color: #c34d83!important;
}
.em_bar_bg:before { 
    background: #e57097;
    }

.whyChooseSec .custFocusQuality .cls-1 {
    fill: #c74874 !important;
}
.techno_flipbox_font .icon{
    background-color: #c34d83!important;
}
.techno_flipbox .techno_flipbox_back::before {
    background: linear-gradient(to bottom, transparent -80%, #c34d83)!important;
    border-radius: 15px!important;
}
.stepsSec .techno_flipbox_font {
    border: 1px solid #000000!important;
    border-radius: 15px!important;
    background: #000!important;
}
.single_it_work_content_list::before {
    background: #ed5e9f!important;
}
.single_it_work_content_list span:before,
.single_it_work_content_list span:after,
.single_it_work_content_list span {
    background: #c34d83!important;
}
.section-b2 .section-heading h2 {
    color: #c34d83;
}
.carousel .content {
    border: 3px solid #cc6795;
}
#section-b .carousel-indicators [data-bs-target] {
    background-color: #cc6795;
}
.top_feature .techno_flipbox .techno_flipbox_font{
    border: 1px solid rgb(195 77 131 / 40%) !important;
/*box-shadow: none!important;*/
}
.top_feature .techno_flipbox .techno_flipbox_font{
    box-shadow: none!important;
}
.top_feature .techno_flipbox{
    min-height: 150px;
}
.top_feature .techno_flipbox .techno_flipbox_inner{
    padding: 0 10px;
}
.top_feature .techno_flipbox .techno_flipbox_font:hover{
/*    background-color:#cc6795;*/
/*    border: 4px solid #cc6795 !important;*/
    background-color:transparent;
}
.top_feature .techno_flipbox .techno_flipbox_font:hover .techno_flipbox_icon .icon{
    border-radius: 8px!important;
    background-color: #a92360!important;
    border: 2px solid #fff;
    transition: .5s all;

}
/*.top_feature .techno_flipbox .techno_flipbox_font:hover .flipbox_title p,*/
.top_feature .techno_flipbox .techno_flipbox_font:hover .flipbox_title h3{
    color: #a92360!important;
    transition: .7s all;
}
.techno_flipbox_icon {
    margin-top: 18px;
}
.top_feature .techno_flipbox .techno_flipbox_font{
    min-height: 170px;
}
.top_feature .techno_flipbox .flipbox_title h3{
    padding-bottom: 0!important;
    margin-top: 5px;
}
.whyChooseSec .section-3-h2,
.whyChooseSec .why-choose-us-p{
    text-align: center;
}

.whyChooseSec .section-3-h2::after {
  content: "";
   position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    width: 10%;
    background-color: #d575a1;
}
.whyChooseSec .custFocusQuality {
    margin-top: 50px;
}
.whyChooseSec .single_about_thumb_inner img {
    height: 380px;
    margin: 0px auto 0;
    float: none;
    display: block;
}
.whyChooseSec .custFocusQuality {
    padding: 11px 15px;
    margin-top: 35px;
}
.stepsSec .techno_flipbox_font:hover{
    background-color: #a92360!important;
    border: 2px solid #a92360 !important;
    transition: .5s all;
}
.stepsSec .techno_flipbox .flipbox_title h3 {
    padding-bottom: 0!important;
    margin-top: 5px;
}
.stepsSec .techno_flipbox_font:hover .techno_flipbox_font .icon {
    background-color: #bd487d !important;
}
/*.whyChooseSec{
    background-color: #c7487405;
    padding: 40px 0;
}*/

#navbarNavDropdown .subnav .subnav-content {
    position: absolute;
    left: auto;
    background-color: #242d62;
    color: #00519A;
    width: 100%;
    z-index: 1;
    right: 0;
}
#navbarNavDropdown .subnav .ul-cs  li a{
    padding-right: 0;
}
#navbarNavDropdown .subnav .ul-cs {
    margin-left: 0;
    padding: 10px 15px;
}
.subnav .subnav-content ul {
    background-color: #d5698d;
}

.top_feature .techno_flipbox .flipbox_title p,
.top_feature .techno_flipbox .flipbox_title h3{
    text-align: left;
}

.top_feature {
    background-color: #bd487d0a;
    padding: 60px 0;
    margin-top: 20px;
}

.whyChooseSec{
    padding: 60px 0;
    margin-top: 0;
}

.seperator{
    height: 4px;
    width: 10%;
    background-color: #d575a1;
    margin: 0 auto;
    text-align: center;
    border-radius: 2px;
}
.section-3.stepsSec{
    margin-top: 0;
}
.secureServiceSec .single_it_work_content_list::before{
    background: transparent!important;
}
.secureServiceSec .single_it_work .single_it_work_content .single_work_content_title img{
    height: 35px;
}
.secureServiceSec .single_it_work .single_it_work_content .single_work_content_title{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
.secureServiceSec  .single_it_work {
    background: #ef62a2;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
    padding: 20px;
    border-radius: 15px;
    text-align: left;
    border-left: 5px solid #000;
    min-height: 260px;
}
.secureServiceSec .single_it_work .single_it_work_content p {
    color: #fff;
    margin-bottom: 0;
}

.secureServiceSec .single_it_work .single_it_work_content .single_work_content_title h4 {
    margin: 0 0 0 9px;
    color: #fff;
}
.section-b2 .section-heading h2{
    color: #000;
}
.happyClients#section-b .carousel-item.active{
    display: block;
}
.happyClients  span.fa{
    font-size: 16px;
}
.happyClients  .initial-avatar {
    border: 4px solid #c34d83;
}
#section-b.happyClients .content p span,
#section-b.happyClients .content p,
#section-b.happyClients .content p.reviewCont{
    text-align: center;
    color: #000;
    padding: 0;
}
.happyClients .ratingList{
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center !important;
}
.happyClients .ratingList li{
    margin-right: 4px;
}
.happyClients .content{
    border: 3px solid #c34d83;
    border-radius: 15px;
    min-height: 245px;
}
#section-b .content h5 {
    margin:8px 0 0;
}
#section-b.happyClients .content h5 {
    margin:10px 0 0;
}

.section-b2.happyClients #slides1{
    padding: 15px 12px;
}
.section-b2.happyClients #slides1 .content{
    border: 0px solid #c34d83;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
}
.section-b2.happyClients #client-name {
    color: #00519A !important;
    margin: 10px 0 0;
    font-weight: bold;
}
.section-b2.happyClients .section-heading h2{
    margin-bottom: 18px;
}
.section-b2.happyClients .carousel.slide{
    margin-top: 30px;
}
#bg-css .from-css{
    margin-top: 37px;
    border-left: 8px solid #000;
}
#bg-css .from-css img.payImg{
    margin: 10px 0 25px;
}
#bg-css .quotae-h3 {
    color: #c34d83;
    }

.secureServiceSec{
    margin-top: 0;
    padding: 60px 0;
}
.ratingList{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.ratingList li{
    margin-right: 4px;
}
.ratingList li span.fa{
    font-size: 17px;
}



.faqSec .accordion-button:focus {
        z-index: 3;
        border-color: #c34d83   !important;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(255 255 255) !important;
        background-color: #c34d83  !important;
        color: #fff !important;
    }
    .faqSec .accordion-button{
        background-color: #c34d83   !important;
        margin-bottom: 10px;
        font-weight: 600;
        border-radius: 0 !important;
    }
    .faqSec .faqs-hding{
        color: #fff;
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        background-color: #393939;
        padding: 10px 0px;
    }
.faqs-banner .section-3-h2{color:#000;font-size:38px;font-weight:bold;}
.faqSec .fab{margin-top: 3px !important;}
.faqSec .accordion-header .collapsed{
    padding: 1rem 1.25rem !important;
}
form.innerForm{
    margin-bottom: 30px;
}
.inner-content.px-4{
    margin-top: 30px;
}
.faqSec .filter-sect .filter-btn.active {
    background: linear-gradient(to left, #fcc7d9, #c34d83);
    color: white;
    border: 1px solid #d575a1;
}
.faqSec .filter-sect .filter-btn {
    color: #000000;
    border: 1px solid #d575a1;
}
.result-bsnner .main-heading {
    color: #000000;
    margin: 0;
    padding: 0;
}
.result-bsnner .search-data li{
    color: #000!important;
}
.result-bsnner button.edit-button {
    -moz-user-select: none;
    background: #fcc7d9;
    border: 2px solid #fcc7d9;
    color: #000;
    }
.result-bsnner .search-data{
    margin: 0!important;
}
.result-bsnner .main-section{
    padding: 15px 10px;
}
.flight-listing .card-row-listing {
    background: linear-gradient(to right, #ef62a2, #f9529e);
    }
    button.result-page-button:hover{
        border-color: #000!important;
    background: #000!important;
    }
.support-ticket button.other-page-button::after,
.support-ticket button.other-page-button::before,
button.other-page-button::after,
button.other-page-button::before,
button.result-page-button::after,
button.result-page-button::before{
    background: #000!important;
}
button.result-page-button{
    background: #f7549e;
    border-color: #f7549e;
}

.logoCont .navbar-brand img{
    height: 75px;
}
section.top-bar-section {
    background: #fcc7d9;
}
.top-bar-section span {
    color: #000000;
}
.top-bar-section .topheader{
    padding-top: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#header {
    background-color: #000000;
}
#navbarNavDropdown ul li a {
    color: #ffffff !important;
}
.navbar-expand-lg .navbar-collapse#navbarNavDropdown {
    justify-content: center;
}
.top-bar-section{
    padding: 3px 0;
}
/*.stepsSec{
    background-image: url('theme-new/img/steps3.png');background-size: cover;
}*/
.section-3.stepsSec {
    background: #fcf8fa;
    padding: 60px 0;
}
.section-3.stepsSec .section_main_title_2{
    color: #000;
    margin-bottom: 15px;
}
.stepsSec .techno_flipbox_font {
    border: none!important;
    border-radius: 0!importan;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none!important;
}
.stepsSec .techno_flipbox{
    margin: 10px 0 0 ;
}

.stepsSec .techno_flipbox_font .flipbox_desc p,
.stepsSec .techno_flipbox .flipbox_title h3{
    color: #000;
}

.stepsSec .techno_flipbox_font:hover  .icon{
    border-radius: 8px!important;
    border: 2px solid #fff !important;
    transition: .5s all;
}
.stepsSec .techno_flipbox_font:hover .flipbox_title h3,
.stepsSec .techno_flipbox_font:hover .flipbox_desc p{
    color: #fff;
}

button.btn,
.support-ticket button.other-page-button {
    background-color: #fcc7d9!important;
    color: #000000!important;
    border: 2px solid #fcc7d9!important;
}
.support-ticket .form-select,
.support-ticket .form-control {
    box-shadow: none;
}
.support-ticket .form-select,
.support-ticket .form-control{
    background-color: transparent!important;
    border-radius: 5px;
}
.support-ticket  label{
    padding-bottom: 0;
    margin-bottom: 5px;
}
.support-ticket button.other-page-button {
    width: auto;
}
.support-ticket  #search_ticket{
    width: 100%;
}
.support-ticket h2.customers{
    color: #000;
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 15px;
}
.support-ticket .sup-p{
    text-align: center;
    margin-bottom: 30px;
}
.support-ticket {
    padding: 40px 0 ;
}
.support-bg {
    margin-bottom: 15px;
    border: 0px solid;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
}
.btn.dtbtn.loyalty-reward-btn::before, 
.btn.dtbtn.loyalty-reward-btn::after, 
.bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black::after,
.bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black::before{
    background: #c34d83!important;
    }

.parking_availability_sec{
    padding: 60px 0 0;
}
.parking_availability_sec ul.stanstedTab{
    display: flex;
    flex-direction: column;
}

.parking_availability_sec ul.stanstedTab li {
    padding: 14px 7px;
    color: #092c74;
    background: #ef62a252;
    border-radius: 0px;
    border-color: #ef62a2;
/*    border-top: 1px solid #ef62a2;*/
    border-bottom: 1px solid #ef62a2;
        /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
}
.parking_availability_sec ul.stanstedTab li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.parking_availability_sec ul.stanstedTab li i{
    color: #000;
}
.parking_availability_sec .nav-pills.stanstedTab .nav-link.active, 
.parking_availability_sec .nav-pills.stanstedTab .show>.nav-link{
    background-color: transparent;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.parking_availability_sec .nav-pills.stanstedTab .show>.nav-link,
.parking_availability_sec .nav-pills.stanstedTab .nav-link{
    margin-left: 0;
    padding: 0 0 0 10px;
}
.parking_availability_sec p.parkCont {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
}
.parking_availability_sec .section-3-h2 {
    text-align: center;
    margin-bottom: 15px;
}
.parking_availability_sec .park_content{
    margin-bottom: 15px;
}
.parking_availability_sec .manTabCont h6,
.parking_availability_sec .tabContent h6{
    color: #000;
    font-size: 18px;
}
.parking_availability_sec .manTabCont,
.parking_availability_sec .tabContent{
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.parking_availability_sec .manTabCont .nav-tabs .nav-link,
.parking_availability_sec .tabContent .nav-tabs .nav-link {
    background: #fff;
    color: #060606;
    margin-left: 0px;
    border-radius: 5px;
    border-right: 1px solid #000;
    border-bottom: 0;
    border-top: 0;
    border: 0 solid #ef62a2;
    border-right: 0;
    box-shadow: 0px 4px 9px -2px rgb(0 0 0 / 45%);
    margin-right: 8px;

}
.parking_availability_sec .manTabCont .nav-tabs:last-child .nav-link{
    border-right: 1px solid #ef62a2;
}

.parking_availability_sec .manTabCont .nav-tabs,
.parking_availability_sec .tabContent .nav-tabs {
    border-bottom: none;
}
.parking_availability_sec .manTabCont .nav-tabs .nav-link.active,
.parking_availability_sec .tabContent .nav-tabs .nav-link.active{
        background: #ef62a2;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
    border-radius: 7px;
    border: 0;
    }
.parking_availability_sec .manTabCont h5{
        font-size: 23px;
    color: #000;
    margin-top: 10px;
    text-align: center;
}

.parking_availability_sec  .tab-content  .tab-pane.active {
    display: block;
    padding:20px 0;
}

.parking_availability_sec .tabContent .nav-tabs .nav-link:hover{
    color: #000;
}
.rewardCont{
    margin-top: 20px;
}
.rewardCont .rewardTitle{
    font-weight: 600;
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
}
.rewardSec.section-3{
    margin-top: 130px;
}
.loyaltySec{
    padding: 60px 0;
}
.loyaltySec .card.card-cs{
    margin-top: 15px;
    border: 0 !important;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
}
.loyaltySec  .card-body-cs {
    background: #fff;
    }
.loyaltySec ul.card-text{   
    list-style: none;
}
.loyaltySec ul.card-text li{
    font-size: 16px;
}
.loyaltySec ul.card-text li i{
    margin-right: 10px;
    font-size: 16px;
}

.aboutSec{
    padding: 60px 0;
}
.aboutSec .aboutRow{
    background: #fff;
    border-radius: 15px;
/*    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);*/
}
ul.parkSerList{
    list-style: circle;
    padding-left: 15px;
}
#bg-css .drop-css{
    border-radius: 5px;
}
.parkMarkSec{
    padding: 50px 0;
}
.filter-sect .filter-btn.active {
    background: linear-gradient(to left, #c34d83, #c34d83);
    color: white;
    border: 1px solid #c34d83;
}
.filter-sect .filter-btn {
    color: #000000;
    border: 1px solid #b33261;
}
.terminalSec .div-card {
    border: 0;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.terminalSec .terminalCont{
    text-align: left;
    padding-left: 15px;
}
.terminalSec .terminalCont .safty-cs-p {
        min-height: initial;
    }
.terminalSec .div-card .img-gif {
    border-radius: 15px;
    margin-bottom: 4px;
    height: 210px;
}
.terminalSec .terminalCont a.other-page-button {
    background: #fcc7d9;
    color: #000000;
    border: 2px solid #fcc7d9;
}
.terminalSec .terminalCont a.other-page-button::before,
.terminalSec .terminalCont a.other-page-button::after {
    background: #000;
}


ul.contact-link{
    text-align: left;
}
footer .round-btn.btn-facebook {
    margin-left: 0;
}
.login-layout .login-box .widget-main{
    border-radius: 15px!important;
}
.login-layout .login-container .widget-box {
    background-color: #c34d83 !important;
    border-radius: 15px!important;
}
.login-layout .login-container .icon-css {
    color: #c34d83!important;
}
.login-layout .login-container .header.darkblue {
    color: #000000!important;
}
.login-layout .login-container .widget-main button.width-35.btn.btn-sm.btn-primary2{
    background-color: #c34d83!important;
    border: 1px solid #c34d83!important;
    padding: 10px 8px;
}

.pricingCard .card-row-listing{
    margin: 0;
    border-radius: 0;
    background-color: #BE185D;
        border-top-right-radius: 14px;
    border-top-left-radius: 14px;
}
.flight-listing .card.pricingCard {
    border: none;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
    border-radius: 15px;
    padding: ;
}
.pricingCard .parking-price2 {
    padding: 0;
    margin: -1px auto -51px;
    background: #be185d;
    width: 35%;
    border-radius: 62px;
    border: 3px solid #fff;
    color: #fff;
    line-height: 93px;
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
}
.pricingCard .parking-price2 strike{
    font-size: 15px;
    color: #ccc;
}
.pricingCard .parking-price2 span{
    color: #fff;
    font-size: 17px;
}
.pricingCard .PricetopCont{
    min-height: 83px;

}
.pricingCard .blue2 {
    padding-top: 14px;
}
.card.pricingCard ul.priceListing{
        margin-top: 56px;
        list-style: none;
        padding-left: 26px;
        margin-bottom: 15px;
}
.card.pricingCard ul.priceListing li{
    line-height: 31px;
}
.card.pricingCard ul.priceListing li i{
    color: #be185d;
    margin-right: 8px;
    font-size: 16px;
}
.card.pricingCard .facility-icons i,
.card.pricingCard .review-star-1 {
    color: #be185d;
}
.card.pricingCard .rating_content{
    margin: 0 auto 7px;
    text-align: center;
}
.card.pricingCard button.result-page-button{
    margin-bottom: 0;
}
.flight-listing .card.pricingCard  .card-row-listing {
    background: #be185d;
}


.flight-listing .card.pricingCard .listing-content{
/*    min-height: 428px;*/
}
.flight-listing .card.pricingCard button.result-page-button::after, 
.flight-listing .card.pricingCard button.result-page-button::before {
    background: #db3d7f !important;
}
.flight-listing .card.pricingCard button.result-page-button:hover{
    color: #fff!important;
}
.flight-listing .card.pricingCard button.result-page-button{
    background-color: #be185d !important;
    color: #000000 !important;
    border: 2px solid #be185d !important;
    color: #fff !important;
}

.flight-listing .price_col:nth-child(2) .card.pricingCard .card-row-listing {
    background: #000;
}
.flight-listing .price_col:nth-child(2) .card.pricingCard button.result-page-button,
.flight-listing .price_col:nth-child(2)  .pricingCard .parking-price2{
    background: #000;
}

.flight-listing .price_col:nth-child(2) .card.pricingCard .facility-icons i, 
.flight-listing .price_col:nth-child(2) .card.pricingCard .review-star-1,
.flight-listing .price_col:nth-child(2) .card.pricingCard ul.priceListing li i{
    color: #000;
}

.flight-listing .price_col:nth-child(2) .card.pricingCard button.result-page-button{
    background-color: #000!important;
    border: 3px solid #000!important;
}
.flight-listing .price_col:nth-child(3) .card.pricingCard .card-row-listing {
    background: #fcc7d9 !important;
}
.flight-listing .price_col:nth-child(3) .pricingCard .parking-price2 span,
.flight-listing .price_col:nth-child(3) .pricingCard .parking-types-h,
.flight-listing .price_col:nth-child(3) .pricingCard .blue2 {
    color: #000;
}
.flight-listing .price_col:nth-child(3) .pricingCard .parking-price2{
    background: #fcc7d9 !important;
}
.flight-listing .price_col:nth-child(3) .card.pricingCard .facility-icons i, 
.flight-listing .price_col:nth-child(3) .card.pricingCard .review-star-1,
.flight-listing .price_col:nth-child(3) .card.pricingCard ul.priceListing li i {
    color: #f3adc5;
}
.flight-listing .price_col:nth-child(3) .card.pricingCard button.result-page-button{
    background-color: #fcc7d9  !important;
    border: 3px solid #fcc7d9  !important;
    color: #000!important;
}

.modal .btn-close{
    padding: 0 10px!important;
}
.modal-footer,
.modal-header {
    background-color: #be185d!important;
}
.modal .btn-s:hover {
    background-color: #000 !important;
}
.Package_section{
    padding-top: 60px;
    margin-top: 0!important;
}
.bookingConfSec{
/*    background-color: #000;*/
padding: 60px 0 0;
}
.booking-form .bg-table {
    background: #c34d83;
}
.booking-form .totelprice,
.booking-form .price {
    color: #000000;
}
.booking-form.confirmBooking .card-section{
    border: none;
    box-shadow: none;
}
.booking-form.confirmBooking{
/*    margin-top: 50px;*/
    padding-bottom: 40px;
}
.booking-form.confirmBooking .card-section.rightContent{
    box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 45%);
    border-radius: 15px;
}
.booking-form .form-control {
    background-color: transparent;
}
.booking-form .icon {
    color: #c34d83;
}
.booking-form .form-label{
    margin-bottom: 0;
}
button.booking-page-button::after,
button.booking-page-button::before{
    background: #000;
}
.booking-form hr {
    color: #c34d83;
    }
.faqSec .accordion{
    margin-top: 25px;
}
.single-post-article .blog-image-details {
    width: 100%;
    height: auto;
}
.blog-div-bor .blog-row .date_cont{
    /*display: flex;
    justify-content: flex-end;
    align-items: flex-end;*/
}
.blog-div-bor .blog-row  .date{
    color: #cf0c4e;font-size: 14px;
}

.blog-div-bor .blog-row .how-read-more{
    color: rgb(0,0,0,80%);
    font-size: 15px;
    margin-top: 15px;
}
.blog-div-bor .blog-row .blog_title{
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin: 0;

}
.static_page_banner{
    background-image: url('../img/banner/innerbg.png');
    background-size: cover;
    margin: -3px 0 0 -2px;
    background-position: bottom;
}
#navbarNavDropdown ul.navbar-nav li{
    padding-top: 0;
}
.navbar-expand-lg .navbar-collapse#navbarNavDropdown{
    padding: 5px 0;
}
footer .round-btn a {
    margin-top: 3px;
}
.reviewSec{
    padding: 60px 0;
}

.reviewSec .section-3-h2{
    text-align: center;
}
.reviewSec .subtitl_rate{
    text-align: center;
    margin-top: 10px;
}
.reviewSec .ratingTop{
    margin-bottom: 30px;
}
#bg-css .from-css {
    box-shadow: 4px 3px 5px 0px #0000004a;
}
.terminalSec .section-3-h2{
    text-align: center;
}

.park_and_ride_sec{
    padding: 100px 0 60px;
}

.park_and_ride_sec h5{
    margin: 10px 0 15px;
    text-align: left;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.park_and_ride_sec .park_content{
    margin-top: 50px;
}
.park_and_ride_sec p{
    margin-bottom: 10px;
}
.top-shape p.show-read-more {
    margin: 10px 0;
}
.blog-details-banner{
    padding-top: 0;
}
.blog-details-banner .from-css {
    box-shadow: 4px 3px 5px 0px #0000004a;
        margin-top: 37px;
    border-left: 8px solid #000;
}
.blog-details-banner{
    height: 326px;
}
.blogDetaiSec{
    margin-top: 100px;
}
.terminalCont .safty-cs {
    font-size: 22px;
    margin-bottom: 6px;
    color: #000;
}

#navbarNavDropdown ul li a:hover{
    background-color: #000!important;
}
.p-t-67px{
    padding-top: 67px;
}
.buttonContainer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#navbarNavDropdown ul.navbar-nav li.nav-item.dropdown a.dropdown-toggle{
    margin-top: 15px;
    color: #000 !important;

}
#navbarNavDropdown ul.navbar-nav li.nav-item.dropdown a.dropdown-item{
    color: #fff !important;
}
#navbarNavDropdown ul.navbar-nav li.nav-item.dropdown a i{
    color: #000 !important;
}
#navbarNavDropdown .navbar-nav .nav-item.dropdown .dropdown-menu {
    background-color: #000;
}
.p-t-55px{
    padding-top: 55px;
}
.blogSec .blog-div-bor{
        margin: 40px 0;
    }
.row-searchresult .search-row .col-cs2 .mb-3 label,
    .row-searchresult .search-row .col-cs2,
    .row-searchresult .search-row .col-cs2 .mb-3{
        text-align: left;
    }
.row-searchresult .search-row i.icon-cs,
.row-searchresult .search-row .input-hold:before, 
.row-searchresult .search-row .input-hold.time:before, 
.row-searchresult .search-row .input-hold.person:before {
    color: #c34d83!important;
}
.row-searchresult .search-row .quotae-h3 {
    color: #c34d83 !important;
}




/********** RESPONSIVENESS ************/

@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    .rewardSec.section-3 {
        margin-top: 30px;
    }

    .blogDetaiSec {
        margin-top: 30px;
    }
    .blog-details-banner {
        height: auto;
    }
    .section-3.stepsSec .row.justify-content-center .col-lg-12.text-center{
        margin-bottom: 30px;
    }
    .stepsSec .techno_flipbox .flipbox_title h3 {
        font-size: 20px;
    }
    .stepsSec .techno_flipbox_font .flipbox_desc p{
        font-size: 15px;
        line-height: 27px;
    }
    .buttonContainer {
        display: flex !important;
    }
    .navbar.navbar-expand-lg .navbar-toggler{
        margin: 4px 0;
    }
    #bg-css .mainBgTopCont #slideInRight .topContent {
        background-color: #000000c9;
        padding: 35px 35px;
        border-radius: 15px;
        margin: 0;
        width: 96%;
    }
    #bg-css .h3banner {
       font-size: 35px;
    }
    .top_feature .techno_flipbox .flipbox_title p{
        line-height: 25px;
        font-size: 15px;
    }
    .top_feature .techno_flipbox_font .icon {
        line-height: 60px;
        height: 60px;
        width: 60px;
    }
    .top_feature .techno_flipbox .flipbox_title h3 {
        font-size: 20px;
        margin: 5px 0;
    }
    .top_feature .techno_flipbox .techno_flipbox_font{
        min-height: 190px;
    }
    #header .navbar-toggler {
        background-color: #ed4e97;
    }
    .top-bar-section .topheader {
        padding-top: 6px;
    }

}
@media only screen and (max-width: 991px)  {
    .blogDetaiSec .post-article.single-post-article ol{
        padding-left: 15px;
    }
    .row-searchresult .search-row .col-cs2 .mb-3 label,
    .row-searchresult .search-row .col-cs2,
    .row-searchresult .search-row .col-cs2 .mb-3{
        text-align: left;
    }
    .h3banner {
        font-size: 25px;
    }
    .blogDetaiSec {
        margin-top: 10px;
    }
    .blog-details-banner {
        height: auto;
    }
    .top-shape.blogSec p.show-read-more {
        min-height: inherit;
    }
    .top-shape.blogSec{
        margin-top: 20!important;
    }
    .section-b2.happyClients.staticReview{
        margin-top: 0;
        margin-bottom: 40px;
    }
    .inner-content p, .inner-content p span, .inner-content li span, .inner-content li {
        font-size: 16px !important;
    }
    .inner-content h1 span,
    .inner-content h2 span,
    .inner-content h3 span {
        font-size: 20px !important;
    }
    .p-t-55px{
        padding-top: 0;
    }
    #section .inner-content.px-4 {
        margin-top: 0px !important;
        padding: 0px !important;

    }
    #header .navbar-toggler {
        background-color: #ed4e97;
    }
    .parking_availability_sec .manTabCont .nav-tabs li.nav-item{
        padding: 4px 0;
    } 
    .parking_availability_sec .manTabCont .nav-tabs .nav-link, 
    .parking_availability_sec .manTabCont .nav-tabs .nav-link.active, 
    .parking_availability_sec .tabContent .nav-tabs .nav-link.active {
        padding: 8px 9px;
        font-size: 16px;
    }
    .top-bar-section .topheader {
        padding-top: 0px;
    }
    .happyClients .content {
        min-height: 224px;
        margin-bottom: 10px;
    }
    .buttonContainer {
        display: flex !important;
    }
    .navbar.navbar-expand-lg .navbar-toggler{
        margin: 4px 0;
    }
    #bg-css .mainBgTopCont #slideInRight .topContent {
        background-color: #000000c9;
        padding: 35px 35px;
        border-radius: 15px;
        margin: 0;
        width: 100%;
    }
    #bg-css .h3banner {
       font-size: 35px;
    }
    .whyChooseSec {
        margin-top: 0!important;
    }
    .whyChooseSec .single_about_thumb .single_about_thumb_inner {
        margin-top:20px;
    }
    .top_feature .techno_flipbox .techno_flipbox_font {
        min-height: 200px;
        text-align: center;
    }
    .top_feature .techno_flipbox .flipbox_title p, .top_feature .techno_flipbox .flipbox_title h3 {
        text-align: center;
    }
    #section .inner-content .img-thumbnail{
        height: 320px;
        margin-bottom: 15px;
    } 
    #section-b.happyClients .content p, #section-b.happyClients .content p.reviewCont{
        width: 98%;
    }

    .terminalSec .div-card .text-center.w-50{
        width: 100%!important;
    }
    .blogSec .blog-div-bor{
        margin: 12px 0;
    }
    .blog-details-banner p {
        color: white;
        font-size: 19px;
    }
    .rewardSec.section-3 {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px)  {
    .loyaltySec {
        padding: 30px 0;
    }
    .loyaltySec .card.card-cs {
        margin-top: 0px;
    }
    .loyaltySec .card-body-cs {
        padding-top: 0;
    }
    .loyaltySec .card-title {
        margin-top: 2px;
        margin-bottom: 7px;
        font-size: 18px;
    }
    .loyaltySec ul.card-text {
        text-align: center;
    }

    .loyaltySec .loyl-img {
        height: 100px !important;
    }
    .rewardSec.section-3 {
        margin-top: 20px;
    }
    .rewardSec  .img-h1 {
        height: 300px;
        width: auto;
        margin: 10px auto;
    }
    .blog-details-banner p {
        color: white;
        font-size: 17px;
    }
    .h3banner {
        font-size: 20px;
    }
    .blogDetaiSec .list-single-main-item h3{
        font-size: 20px;
    }
    .widget-main .space-6{
        margin-bottom: 0!important;
    }
    .login-layout .widget-box .widget-main {
        padding: 16px 17px 18px;
    }
    .header.darkblue {
        padding-top: 0px;
        padding-bottom: 12px;
        margin-top: 0;
    }
    .support-ticket h2.customers {
        font-size: 22px;
        margin: 0 0 2px;
    }
    .parkMarkSec{
        padding: 30px 0;
    }
    .row.aboutRow{
        flex-direction: column-reverse;
    }
    .aboutSec {
        padding: 10px 0;
        margin-top: 0!important;
    }
    .parkMarkSec h5{
        margin: 12px 0 5px;
    }
    .aboutSec p.section-3-p,    
    .parkMarkSec p.section-3-p,
    .parkMarkSec h5,
    .parkMarkSec .section-3-h2,
    .aboutSec .section-3-h2{
        text-align: center;
    }
    .about-imgs,
    .aboutSec .aboutRow .about-imgs {
        height:  300px !important;
        margin: 10px auto 15px;
        display: block;
    }
    .terminalCont .safty-cs {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .terminalCont .safty-cs-p {
        font-size: 15px;
        line-height: 26px;
    }
    .terminalCont a.other-page-button {        
        padding: 0.3rem 1.75rem;
    }
    .terminalSec .section-3-h2,
    .section-3-h2 {
        font-size: 24px;
    }
    .section-3 {
        margin-top: 30px!important;
    }
    .terminalSec .section-3-h2 {
        text-align: center;
        margin-top: 0 !important;
    }
    .terminalSec .div-card .text-center.w-50 img.img-gif{
        margin: 0 auto;
        display: block;
    }
    .terminalSec .div-card{
        flex-direction: column;
    }
    #footer {
        margin-top: 50px!important;
    }
    .park_and_ride_sec .section-3-p{
        font-size: 15px;
    }
    .park_and_ride_sec .park_content .img-h1 {
        height: 300px;
        margin: 0 auto;
        display: block;
    }
    .park_and_ride_sec {
        padding: 30px 0;
    }
    .park_and_ride_sec .park_content {
        margin-top: 0;
    }
    .section-b2.happyClients {
        height: auto;
    }
    #navbarNavDropdown ul.navbar-nav li a{
        font-size: 17px;
        margin-left: 0px;
        padding: 4px 0;
    }
    #bg-css .mainBgTopCont #slideInRight .topContent {
        padding: 15px 22px;
        margin: 10px 0 0;
        width: 100%;
    }
    #bg-css .from-css {
        margin-top: 25px;
    }
    .whyChooseSec {
        padding: 30px 0;
        margin-top: 0!important;
    }
    .section-3-h2 {
        font-size: 22px;
    }
    .why-choose-us-p {
        font-size: 16px;
        line-height: 26px;
    }
    .section-3-h3 {
        font-size: 19px;
        margin-top: 16px;
    }
    .section-3-h3,
    .section-3-p {
        margin: 0 auto 5px;
        text-align: center;
    }
    .section-3-p {
        margin-bottom: 0;
    }
    .whyChooseSec .custFocusQuality {
        margin-top: 25px;
    }
    .whyChooseSec .single_about_thumb .single_about_thumb_inner{
        margin-top: 12px;
    }
    .whyChooseSec .single_about_thumb_inner img {
        height: 300px;
    }
    .top_feature .techno_flipbox .techno_flipbox_inner{
        top: 50%;
    }
    .top_feature .techno_flipbox_icon{
        margin-top: 0;
    }
    .top_feature .techno_flipbox .flipbox_title p,
    .top_feature .techno_flipbox .flipbox_title h3{
        text-align: center;
    }
    .stepsSec .techno_flipbox .techno_flipbox_font,
    .top_feature .techno_flipbox .techno_flipbox_font{
        min-height: 205px;
    }
    .stepsSec .techno_flipbox .techno_flipbox_font .icon,
    .top_feature .techno_flipbox .techno_flipbox_font .icon {
        font-size: 30px;
        line-height: 60px;
        height: 60px;
        width: 60px;
    }
    .top_feature {
        background-color: #bd487d0a;
        padding: 30px 0;
        margin-top: 0px;
    }
    .parking_availability_sec,
    .section-3.stepsSec,
    .secureServiceSec {
        padding: 30px 0;
    }
    #footer {
        margin-top: 80px;
    }
    footer .second_class_bdr {
        padding-top: 0px;
    }
    #footer .standard_social_links ol {
        display: flex;
        gap: 4px;
        margin-bottom: 0px;
    }
    .footer-links li a {
        font-size: 14px;
        line-height: 24px;
    }
    footer .second_class {
        padding-bottom: 0;
    }
    #footer .copyright {
        padding: 10px 0;
        margin-top: 0px;
    }
    #bg-css .from-css img.payImg {
        margin: 20px 0 0;
    }
    .whyChooseSec svg{
        margin: 0 auto 13px!important;
        text-align: center;
        display: block;
    }
    .p-t-67px{
        padding-top: 20px;
    }
    #bg-css h1.h3banner { 
        font-size: 15px!important;
    }  
    #bg-css h1.h3banner {   
        font-size: 23px!important;
    }
    #section .inner-content.px-4 {
        margin-top: 0px!important;
    }
    #section .col-lg-12.col-md-12.col-sm-12.col-xs-12{
        padding-top: 0!important;
    }
    #section {
        margin: 20px 0px!important;
    }
    #section .inner-content.px-4{
        font-size: 18px!important;
    }
    #section .inner-content p, 
    #section .inner-content p span, 
    #section .inner-content li span, 
    #section .inner-content li{
        font-size: 14px !important;
        line-height: 25px;
    }
    #section .inner-content .img-thumbnail{
        height: 200px;
    } 
    #section .inner-content h1 span, 
    #section .inner-content h1 {
        font-size: 25px !important;
    }
    #section .inner-content h1{
        line-height: 45px ;
    }
    .section-b2 .section-heading span {
        font-size: 22px!important;
    }
    .happyClients .carousel-item .content p {
        width: 98%;
    }
    .section-b2.happyClients .section-heading .ratingList li span {
        font-size: 16px !important;
    }
    .rewardSec  .section-3-h2.text-center.my-3.mt-5{
        margin-top: 10px!important;
    }
    .rewardCont p,
    .rewardCont .section-3-p{
        text-align: center!important;
    }
}
@media only screen and (max-width: 576px)  {
    .loyaltySec .card-title {
        margin-top: 2px;
        margin-bottom: 7px;
        font-size: 17px;
    }
    .loyaltySec ul.card-text li {
        font-size: 15px;
    }
    .loyaltySec {
        padding: 10px 0;
    }
    .rewardCont .rewardTitle {
        font-size: 18px;
        margin: 10px 0 0;
    }
    .rewardSec.section-3 {
        margin-top: 10px;
    }
    .rewardSec  .img-h1 {
        height: 200px;
        width: auto;
        margin: 10px auto;
    }
    .blog-details-banner p {
        color: white;
        font-size: 15px;
    }
    .h3banner {
        font-size: 18px;
    }
    .blogDetaiSec .list-single-main-item ul li,
    .blogDetaiSec .list-single-main-item p{
        font-size: 15px;
    }
    .blogDetaiSec .list-single-main-item h3{
        font-size: 17px;
    }
    #bg-css input {
        font-size: 15px;
        height: 45px;
    }
    .blogSec .blog-image {
        height: 200px !important;
    }
    #bg-css p {
        font-size: 16px!important;
        margin-bottom: 0;
    }
    .faqSec .accordion-body{
        padding: 1px 10px;
    }
    .faqSec .accordion-header .accordion-button {
        padding: .5rem 0.5rem !important;
        font-size: 14px;
        margin: 0px 0 7px 0;
    }
    .filter-sect .filter-btn.active,
    .filter-sect .filter-btn {
        font-size: 16px!important;
        padding: 6px 10px!important;
        width: auto !important;
    }
    .inner-content.px-4 h2 {
        font-size: 18px!important;
    }
    #section .inner-content .img-thumbnail {
         margin-top: 10px ! Important; 
    }
    section.happyClients  .section-heading .section-3-h2 span {
        font-size: 19px !important;
    }
    .login-layout .login-container .widget-box {
        border-width: 4px;
        border: 4px solid #c34d83;
    }
    .topheader a{
        width: 49%;
    }
    .topheader .btn.dtbtn.loyalty-reward-btn, 
    .topheader .bg-white.btn.create-ticket-btn.dtbtn.py-1.text-black {
        color: #fff !important;
        width: 100%;
    }
    .topheader .btn.dtbtn.loyalty-reward-btn {
        margin-left: 0px !important;
    }
    .support-ticket {
        padding: 30px 0 0px;
    }
    .support-ticket button.other-page-button {
        width: 100%;
        margin-top: 10px;
    }
    .support-bg {        
        padding: 15px;
    }
    .support-ticket label {
        padding-bottom: 0;
        margin-bottom: 0px;
    }
    .support-ticket .sup-p {
        margin-bottom: 7px;
        font-size: 15px;
        line-height: 25px;
    }
    .support-ticket h2.customers {
        font-size: 18px;
        margin: 0 0 2px;
    }
    #footer .standard_social_links{
        margin-top: 0!important;
    }
    #footer .footer-links li {
        margin-bottom: 2px;
    }
    footer#footer .footer-wrap h3 {
        height: auto;
        margin-bottom: 0;
        font-size: 20px;
    }
    .section-b2.happyClients .section-heading h2 {
        margin-bottom: 11px;
    }
    .reviewSec {
        padding: 30px 0;
        margin-top: 0;
    }
    .topheader button.dtbtn{
        font-size: 15px;
    }
    .about-imgs, .aboutSec .aboutRow .about-imgs {
        height: 200px !important;
    }
    .aboutSec ul.parkSerList li,
    .aboutSec p, .parkMarkSec p.section-3-p, .parkMarkSec h5, .parkMarkSec .section-3-h2, .aboutSec .section-3-h2 {
        font-size: 15px;
    }
    .static_page_banner #slideInRight p{
        margin-bottom: 4px;
        font-size: 16px!important;
    }
    #section-b.happyClients .content p, 
    #section-b.happyClients .content p.reviewCont{
        width: 96%;
    }
    #section-b.happyClients #ratingList #div-hidden {
        visibility: visible;
        clear: both;
        float: none;
        margin: 6px auto 6px 0px;
        width: 28%;
        display: flex;
    }
    .happyClients .ratingList { 
        margin-bottom: 3px;
    }
    .section-b2.happyClients #client-name {
        font-size: 18px !important;
    }
    .top_feature .techno_flipbox .flipbox_title p, 
    .stepsSec .techno_flipbox .flipbox_title p {
        font-size: 15px;
        line-height: 25px;
    }
    .top_feature .techno_flipbox .flipbox_title h3,
    .stepsSec .techno_flipbox .flipbox_title h3 {
            font-size: 18px;
        }
    .section-3-h2 {
        font-size: 19px !important;
    }
    .park_and_ride_sec,
    .whyChooseSec,
    .top_feature,
    .parking_availability_sec, 
    .section-3.stepsSec, 
    .secureServiceSec {
        padding: 20px 0;
    }
    .whyChooseSec .single_about_thumb_inner img {
        height: 250px;
    }
    .whyChooseSec .custFocusQuality {
        margin-top: 6px;
    }
    .section-3-h3 {
        font-size: 17px;
        margin-top: 4px;
    }
    .section-3-p{
        font-size: 17px;
    }
    #bg-css .quotae-h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    #bg-css h6 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    #bg-css #search_form_1 {
        margin-right: 0;
        margin-left: 0;
    }
    #bg-css .h3banner {
        font-size: 20px !important;
    }
    #bg-css .h3banner-p-sec {
        font-size: 14px;
        line-height: 26px;
    }
    .top-bar-section .topheader {
        justify-content: space-between;
    }
    .top-bar-section .logoCont{
        display: flex;
        justify-content: center;
        margin-bottom: 11px;
    }
    #bg-css .from-css {
        margin-top: 10px;
    }
    .whyChooseSec{
        padding: 20px 15px;
    }
    .secureServiceSec{
        margin-top: 0!important;
    }
    .secureServiceSec .mt-5 {
        margin-top: 1rem !important;
    }
    
}


