html {
  scroll-behavior: smooth;
}

/* MAIN MENU NAVIGATION */
/* logo */
.navbar-brand, .navbar-brand > img {
  width: 8rem!important;
}

/* USER LOGIN ICON */
#user-login-menu-icon {
  font-size: 16px;
  color: #fff;
}

#custom-header-nav-bar {
  background: #213c7b;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

/* ##### HOME PAGE ##### */
/* landing bg image */

@media (min-width: 768px) {
  #home-entrance-bg {
    background-image: url('https://aerre-transfer.com/images/home-page/home-aerre-transfers.jpg');
    background-size:cover;
    height: 100%;
  }

  #trip-booking-entrance-bg {
    /* background-image: url('https://aerre-transfer.com/images/book-a-trip/book-a-trip-aerre-transfer-main-header.jpg'); */
    background-image: url('https://aerre-transfer.com/images/home-page/home-aerre-transfers.jpg');
    background-size:cover;
    height: 100%;
    width: 100%;
    max-width: 100%; 
  }
}

@media (max-width: 768px) {
  #home-entrance-bg {
    background-image: url('https://aerre-transfer.com/images/home-page/home-aerre-transfers-opacity-black.jpg');
    background-size:cover;
    height: 100%;
  }

  #trip-booking-entrance-bg {
    /* background-image: url('https://aerre-transfer.com/images/book-a-trip/book-a-trip-aerre-transfer-main-header.jpg'); */
    background-image: url('https://aerre-transfer.com/images/home-page/home-aerre-transfers.jpg');
    background-size:cover;
    height: 100%;
    width: 100%;
    max-width: 100%;      
  }
}

/* .custom-home-header-bg {
  background-image: url(https:/www.debakkesantos.co.za/wp-content/uploads/2019/11/Aerial-Viewwhite2-1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
} */

/* .custom-home-header-bg::before {
background-image: linear-gradient(to right, rgba(0, 154, 206, 0.4) 0%, rgba(0, 154, 206, 0.95) 100%);
    background-repeat: repeat-x;
} */

/* GENERAL */
/* .btn-success {
  background-color: #54AF5D!important;
  border-color: #54AF5D!important;
}

.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
}

.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
}

.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
}

.btn-soft-success {
  color: #54AF5D;
  background-color: rgba(84, 175, 93, 0.1)!important;
  border-color: transparent;
}

.btn-soft-success[href]:hover, .btn-soft-success[href]:focus, .btn-soft-success[href]:active, .btn-soft-success[type]:hover, .btn-soft-success[type]:focus, .btn-soft-success[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
  color: #fff;
}

.btn-soft-warning[href]:hover, .btn-soft-warning[href]:focus, .btn-soft-warning[href]:active, .btn-soft-warning[type]:hover, .btn-soft-warning[type]:focus, .btn-soft-warning[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
}

.btn-soft-primary[href]:hover, .btn-soft-primary[href]:focus, .btn-soft-primary[href]:active, .btn-soft-primary[type]:hover, .btn-soft-primary[type]:focus, .btn-soft-primary[type]:active {
  box-shadow: 0px 3px 6px -2px rgb(140 152 164 / 25%);
} */

/* LOGIN MAIN PAGE */
.login-main-container {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

/* FOOTER */
/* brand logo */
.brand {
  max-width: 10.5rem!important;
  width: 10.5rem!important;
}

/* Room Rates */
.custom-card-title {
  background-color: #377dff;
  color: #fff;
  padding: 0.75em;
}

/* Pricing Rates Table */
table {
  border: 1px solid #ffffff;
  border-collapse: collapse;
  color: #ffffff;
  margin: 0;
  padding: 0;
  width: 100%;
}

table thead th {
  /* font-size: 0.8rem!important;
  font-weight: bold!important;
  background-color: #377dff!important;
  color: #fff!important; */
}

table tr {
  /* background: #41878b; */
  border: 1px solid rgba(255,255,255,0.5);
  padding: .35em;
}

table th {
    padding: 1em 1em;
    text-align: left;
    background-color: #fff;
    width: 16.66%;
    /* color: #1d50bd;
    border-top: 2px solid #1d50bd;
    border-right: 1px solid #1d50bd;
    border-left: 1px solid #1d50bd; */
}

table th:last-child {
  border-right: none;
}

table td {
  padding: 1em;
  text-align: left;
  border-right: 1px solid rgba(255,255,255,0.5);
}

table td:last-child {
  border-right: none;
}

table th {
  letter-spacing: .1em;
	line-height: 1em;
  text-transform: uppercase;
}

tr:nth-child(even) {
	/* background: #1d50bd; */
}

tr:nth-child(odd) {
	/* background: #173f95; */
}

/* HOME PAGE */
.desktop-height-100 {
  height: 100vh!important;
}

/* FAQ PAGE */
.custom-text-right-desktop {
  text-align:right;
}

.desktop-d-none {
  display:none!important
}

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

/* HOME PAGE */
.mobile-d-none {
  display:none!important
}

.mobile-height-100 {
  height: 100%!important;
}

/* FAQ PAGE */
.custom-text-right-desktop {
  text-align:left;
}

table { border: 0; }

table thead { display: none; }

table tr {
  border-bottom: 3px solid #ffffff;
  display: block;
  margin-bottom: .625em;
}

table th {
	width: 100%;	
}
	
table td {
  border-bottom: 1px solid #ffffff;
  display: block;
  text-align: left;
}

table td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
	width: 100%;
  text-align:left;
  
  background-color: #377dff!important;
  color: #fff!important;
  padding: 5px;
}

table td:last-child { 
	border-bottom: 0; 
}
	
table th:last-child {
  border-right: none;
}

table td {
  border-right: none;
}

table td:last-child {
  border-right: none;
}
	
}

/* Custom Height Class Main Navigation Win A Trip Promo Section */
.h-16-25rem {
  height: 16.25rem;
}

/* Blog Page Navigation */
.page-link-custom {
  /* color: #ffffff!important;
  background-color: #377dff!important; */
}

/* ##### BACKEND ##### */
/* Badge Breathing */
.customBreathEffect {
  -webkit-animation: breathing 3s ease-out infinite normal;
  animation: breathing 3s ease-out infinite normal;
  -webkit-font-smoothing: antialiased;
  padding: 0.3rem 2.5em;
  font-size: 14px;
  /* float: right; */
}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  60% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

}

/* Progress Bar */
progress {
  width: 100%;
  border: 0.0625rem solid #e7eaf3;
}

progress::-webkit-progress-bar {
  color: #fff!important;
  background-color: #fff!important;
}
progress::-webkit-progress-value {
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  overflow: hidden!important;
  color: #fff!important;
  text-align: center!important;
  white-space: nowrap!important;
  background-color: #377dff!important;
  transition: width 0.6s ease!important;
}

.bg-aerre-primary-gr {
    background: #203a77;
    background: -moz-linear-gradient(top, #203a77 0%, #26438b 50%, #2b4d9f 100%);
    background: -webkit-linear-gradient(top, #203a77 0%,#26438b 50%,#2b4d9f 100%);
    background: linear-gradient(to bottom, #203a77 0%,#26438b 50%,#2b4d9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203a77', endColorstr='#2b4d9f',GradientType=0 );
}

.bg-aerre-primary {
  background-color: #203a77!important;
}

.bg-primary-gr {
  background: #203a77;
  background: -moz-linear-gradient(top, #203a77 0%, #26438b 50%, #2b4d9f 100%);
  background: -webkit-linear-gradient(top, #203a77 0%,#26438b 50%,#2b4d9f 100%);
  background: linear-gradient(to bottom, #203a77 0%,#26438b 50%,#2b4d9f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203a77', endColorstr='#2b4d9f',GradientType=0 );
}

.btn-aerre-primary:not(label.btn), .btn-aerre-primary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-aerre-primary:not([href]), .btn-aerre-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
  background: #203a77;
  border-color: #203a77;
  color: #fff;
}

.btn-aerre-primary:hover, .btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
  box-shadow: 0 4px 11px rgb(55 125 255 / 35%);
}

.step-icon-aerre-primary {
  background: #203a77;
  color: #fff;
}

.step-icon-soft-aerre-primary {
  color: #203a77;
  background-color: rgba(32, 58, 119, 0.1);
}

/* WhatsApp Float Icon */
.whatsAppChatIcon{
	position:fixed;
	width:55px;
	height:55px;
	bottom:15px;
	left:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:25px;
	/* box-shadow: 1px 1px 4px #616161; */
  box-shadow: 0px 12px 15px rgb(140 152 164 / 10%);
  z-index:10000;
}
.whatsAppChatIcon:hover {
  background-color:#fff;
  color:#25d366;
  transition: 0.3s;
}

.my-whatsAppChatIcon{
	margin-top:16px;
}

.gradient-x-overlay-lg-navy::before {
  /* linear-gradient(to right, rgba(33, 50, 91, 0.9) 0%, rgba(33, 50, 91, 0.9) 100%); */
  /* background: linear-gradient(rgb(33 50 91 / 0%) 0%, rgb(0 0 0 / 90%) 100%)!important; */
  background: linear-gradient(rgb(0 0 0 / 0%) 0%, rgb(32 59 120 / 90%) 100%)!important;
}

.gradient-x-overlay-lg-navy-custom:before {
  /* background: linear-gradient(rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%)!important; */
}

/* .image-gradient-vertical {
  background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 90%) 100%)!important;
} */


    /* Livewire Wizard Multistep Form */
    /* .vehicle_class{
        padding: 0px;
        display: none;
    }
    .V-Class{ display:none; }
    .E-Class{ display:none; }
    .S-Class{ display:none; } */
    
    #V-Class, #E-Class, #S-Class {
      display: none;
    }

    /* Always set the map height explicitly to define the size of the div
    * element that contains the map. */
    #map {
      height: 100%;
    }

/* EU COOKIE CONSENT POPUP */
.eu-popup {
  position: fixed!important;
  font-size: 80%;
  padding: 10px;
  background-color: #1e2022 !important;
  color: #fff!important;
  box-shadow: none!important;
  z-index: 4200;
  margin: 0 0.6em;
  border-radius: 0px!important;
  right: 0;
  bottom: 0;
  left: 0;
}

#cookie-consent-container {

}

.invalid-feedback {
  display: none;
}