/* css files */
@import url("font.css");

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

html,
body {
  scroll-behavior: smooth;
}

body {
  background-color: #ffffff;
}

:root {
  --white: #ffffff;
  --black: #000000;
  --primary:#139F1C;
  --secondery:#FFBF00;
  --orange-opacity: rgba(0, 0, 0, 0.56);
  --color: #010101;
  --light-bg-brown: #f8f5f1;
  --gray: #636363;
  --light-gray: #e7e7e7;
  --light-bg: rgba(237, 123, 14, 0.18);
  --light-ccc: #cccccc;
  --light-bg--gray: #EFEFEF;
  --heading-font: "Poppins", sans-serif;
  --para-font: "Poppins", sans-serif;
  --serif-font: 'Times New Roman', Times, serif;
  /* bottom to top */
  --animationStartsAfter: 10vh;
  --animationDistance: 150px;
}

h1,
h2, .h2-title,
h3, .h3-title,
h4, .h4-title,
h5, .h5-title,
h6, .h6-title {
  line-height: 1.3em;
  font-weight: 600;
  text-transform: capitalize;
  font-family: var(--heading-font);
  color: var(--color);
  margin-bottom: 1rem;
}

p {
  line-height: 1.6em;
}

h1 {
  font-size: 3.1rem;
}

h2, .h2-title {
  font-size: 2.3rem;
}

h3, .h3-title {
  font-size: 2rem;
}

h4, .h4-title {
  font-size: 1.3rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.2rem;
}

p,
li,
a {
  font-family: var(--para-font);
  font-size: 1rem;
}

p {
  color: var(--color);
}

.container {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 15px;
}

.uni-padding {
  padding: 100px 0;
}

.mt-20 {
  margin-top: 20px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.card-sec-padding {
  padding: 60px 0;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.pt-6 {
  padding-top: 6rem;
}
.mt-4{margin-top: 4rem;}
.mb-2 {
  margin-bottom: 2rem;
}

.font-1 {
  font-size: 1rem !important;
}
.pb-0{
  padding-bottom: 0;
}
.pb-6{padding-bottom: 60px;}
/* btn global */
.btn,
.btn-brown,
.outline-btn {
  background-color: var(--primary);
  text-transform: capitalize;
  font-size: 1rem;
  transition: all 0.5s ease;
  text-decoration: none;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  border: none;
  padding: 10px 15px;
  border-radius: 10px;
  color: var(--white);
  font-family: var(--para-font);
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
}

.outline-btn {
  background-color: var(--white);
  border: 2px solid var(--primary);
  color: var(--primary);
}

.btn:hover {
  background-color: var(--color);
}

.btn-brown {
  background-color: var(--secondery);
  color: var(--color);
  font-weight: 500;
}

.btn-brown:hover {
  background-color: var(--white);
}

.outline-btn:hover {
  background-color: var(--secondery);
  border: 2px solid var(--secondery);
  color: var(--white);
}

.alpha-list {
  list-style-type: lower-alpha;
}
.arrow-list{
  list-style: none;
  margin-inline-start: 20px;
}
.bold-text {
  font-weight: 700;
}

.normal-text {
  font-weight: 400;
}
.mt-0{
  margin-top: 0 !important;
}
#terms-content ol.sub-list,
#transport-solutions ol.sub-list {
  list-style-type: none;
  padding-left: 20px;
}

#terms-content ol.sub-list>li,
#transport-solutions ol.sub-list>li, .phone-booking-col .sub-list>li {
  position: relative;
}

#terms-content ol.sub-list>li:before,
#transport-solutions ol.sub-list>li:before, .arrow-list li:before, .phone-booking-col .sub-list>li::before {
  content: "\00BB  ";
  /* Unicode character for >> */
  font-weight: bold;
}

/********************** pages classes *************************/
.content-div,
#partners .partners-row p, .services-light-row>p{
  text-align: center;
  width: 78%;
  margin: 0 auto;
}

.sub-title {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.diff-span {
  color: var(--primary);
}

.golden-hr,
.red-hr {
  width: 50px;
  margin: 0 auto;
  border: 3px solid var(--secondery);
  margin-bottom: 10px;
  border-radius: 2px;
}

.red-hr {
  border: 3px solid var(--primary);
}
.img-div img{
  width:100%;
}
/********************** pages classes *************************/

/************** global *****************/

/************ Header *************/
#header {
  width: 100%;
  position: relative;
  transition: all 0.3s;
  z-index: 99999;
}

.header-row {
  justify-content: space-between;
  align-items: center;
  background-color: var(--primary);
  min-height: 100px;
  border-radius: 10px;
  margin-top: 10px;
}
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.menu .navbar ul,
.policy-content-row ul,
.terms-content-row .num-list, .phone-booking-col .sub-list>li {
  list-style: none;
}

#header .menu .navbar ul li a:not(.submenu li a) {
  text-decoration: none;
  color: var(--white);
}

#header .menu .navbar ul li:not(.submenu li) {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  text-decoration: none;
}
.header .fa-bars,
.header .fa-times,
.mobile-btn {
  display: none;
}

#header .menu .navbar ul li:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  background-color: var(--secondery);
  width: 0;
  /* Initially set width to 0 */
  height: 2px;
  transition: width 0.3s ease;
}
#header .menu .navbar ul li:hover:after,
#header .menu .navbar ul li.active:after,
#header .menu .navbar ul li:active:after {
  width: 100%;
}

.menu {
  flex-direction: column;
  align-items: flex-end;
  gap: 2rem;
}

.top-header {
  background-color: var(--black);
  padding: 10px;
}

.top-header a,
.top-header p {
  color: var(--white);
}

.top-header a {
  color: var(--white);
  text-decoration: none;
  vertical-align: 7px;
  margin-left: 6px;
}

.top-header a:hover {
  color: var(--secondery);
}

.top-header-wrapper {
  justify-content: space-between;
  align-items: center;
}

.left-top-header,
.right-top-header {
  align-items: center;
  gap: 1rem;
}

.icon-bar {
  vertical-align: middle;
}

.header-row .btn {
  background-color: var(--color);
}

.header-row .btn:hover {
  background-color: var(--white);
  color: var(--color);
}
.golden-text{
  text-transform: uppercase;
  color: var(--secondery);
  letter-spacing: 0.2em;
font-weight: 500;
}
/************ Header *************/
/* banner */
#home-banner {
  position: relative;
  width: 100%;
  margin-top: -160px;
  min-height: 800px;
  background-color: rgb(0 0 0 / 35%);
}

#home-banner h1 {
  font-size: 4.5rem;
}

#videoWrapper {
  overflow: hidden;
  position: relative;
  min-height: 800px;
}

#videoWrapper video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  z-index: -100;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#videoWrapper .caption {
  background-color: rgba(0, 0, 0, 0.3);
}

.banner-row {
  position: relative;
  z-index: 999;
}

.banner-row .content-div {
  margin-top: 10%;
}

.banner-row .content-div h1,
.banner-row .content-div p {
  color: var(--white);
}

/* booking-charter */
.clip-div {
  position: absolute;
  bottom: -10px;
  left: 0;
  object-fit: cover;
  text-align: center;
  width: 100%;
}

.clip-div img {
  width: 100%;
}

#booking-charter {
  background-color: var(--light-bg-brown);
}

.clip-div img {
  margin-bottom: -8px;
}

#booking-charter .booking-wrapper {
  align-items: center;
}

#booking-charter .booking-wrapper>div {
  flex-basis: 50%;
}

#booking-charter .booking-wrapper .booking-content h2 {
  font-size: 2.5rem;
}

#booking-charter .card-box {
  gap: 2rem;
}

#booking-charter .card {
  border-radius: 10px;
  background: var(--CCC-White, #fff);
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.07);
  flex-basis: 32%;
  padding: 1.5rem;
  text-align: center;
  max-height: fit-content;
  position: relative;
  max-height: 210px;
  transition: all 8ms;
}

#booking-charter .card:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  background-color: var(--light-bg-brown);
  border-radius: 50%;
}

#booking-charter .card svg {
  position: relative;
  z-index: 1;
}

#booking-charter .card h4 {
  margin-top: 1.2rem;
  font-weight: 500;
}
#cooee-content .badge-div,
.services-card-wrapper {
  margin-top: 2rem;
}

#cooee-content .badge-div,
#cooee-content .badge-div .badge {
  gap: 4%;
  /* align-items: center; */
}

#cooee-content .badge-div .badge {
  flex-basis: 32%;
}

#cooee-content .badge-div .badge svg {
  min-width: 50px;
  min-height: 50px;
}

#cooee-content .badge-div .badge {
  align-items: flex-start;
}

#cooee-content .cooee-content-col .btn-brown {
  margin-top: 2rem;
  color: var(--white);
}

#cooee-content .cooee-content-col .btn-brown:hover {
  background-color: var(--primary);
}

#cooee-content .cooee-content-col p span {
  margin-right: 10px;
  padding-top: 4px;
  min-width: 30px;
  display: inline-block;
  width: 2.6px;
  vertical-align: -4px;
}

#cooee-content .cooee-content-wrapper {
  gap: 2rem;
}

#cooee-content .cooee-content-col .content-div {
  text-align: left;
  width: 100%;
  padding-left: 10px;
}

#cooee-content .cooee-content-col p {
  font-size: 1.15rem;
}
#cooee-content .cooee-content-row h3{
  color: var(--primary);
  text-shadow: 1px 2px 4px var(--secondery);
}
.charter-buttons-row {
  width: 100%;
  text-align: center;
  /* display: flex;
  justify-content: center; */
}

.charter-buttons-wrapper,
#features .features-wrapper {
  display: flex;
  flex-wrap: wrap;
  /* Ensures the buttons wrap if the container is too small */
  width: 100%;
}

.charter-buttons-wrapper a,
.features-wrapper .feature-col {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  background-color: var(--light-gray);
  /* Adjust the background color as needed */
  color: var(--color);
  text-decoration: none;
  flex-grow: 1;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.charter-buttons-wrapper a{
  background-color: transparent;
}
.charter-buttons-wrapper a:hover {
  background-color: var(--primary);
  color: var(--white);
  /* Adjust the hover color as needed */
}

/* services */
#services,
#customers {
  background-color: var(--color);
  color: var(--white);
  width: 95%;
  margin: 0 auto;
  border-radius: 20px;
}

#services .services-row h2,
#customers .customers-row h3 {
  color: var(--white);
}

#customers .golden-hr,
#services-des2 .golden-hr {
  margin-left: 0;
}
#services-des2 h2, #services-des2 .h2-title{
  color: var(--white);
}
.des2-service-col .btn-brown:hover, .light-service-col .btn-brown:hover {
  background-color: var(--primary);
}

#services .services-row .services-content-col {
  flex-basis: 49%;
}
#services .pl-3 {
  padding-left: 3rem;
}

#services .golden-hr {
  margin-left: 0;
}

.small-text {
  font-size: 0.9rem;
  color: var(--light-ccc);
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.para {
  font-size: 1.2rem;
  color: var(--light-ccc);
}

/* services-cards */
.services-card-wrapper h3,
.services-card-wrapper p {
  color: var(--white);
}

.services-card-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2rem;
}

.services-card-wrapper>a {
  flex-basis: 23%;
  text-align: center;
  text-decoration: none;
}

.services-card-wrapper .services-card {
    min-height:348px;
  padding: 2rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #161616;
  border-bottom: 5px solid transparent;
  transition: all 0.3s;
}

.services-card-wrapper .services-card h3 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 1rem;
}

#charter-buttons {
  padding-top: 0;
}

.services-card-wrapper .services-card:hover {
  background-color: var(--white);
  border-bottom: 5px solid var(--secondery);
}

.services-card-wrapper .services-card:hover svg path {
  fill: var(--secondery);
  color: var(--secondery);
}

.services-card-wrapper .services-card:hover h3,
.services-card-wrapper .services-card:hover p {
  color: var(--color);
}

.services-card svg {
  max-width: 100px;
}
#serivces-slider .owl-carousel .owl-item img{
  max-height: 180px;
}
/* features */
#features .features-wrapper {
  width: 80%;
  margin: 0 auto;
  flex-wrap: nowrap;
  margin-top: 3rem;
}

#features .features-wrapper .feature-col {
  background-color: transparent;
  min-width: 14%;
}

#features .features-wrapper .feature-col img {
  max-width: 100%;
  max-height: 58px;
}

#features {
  text-align: center;
}

/* luxury */
#luxury .luxury-wrapper,#luxury-gray .luxury-wrapper,
#priority .priority-wrapper {
  padding: 2rem;
  border: 1px solid var(--primary);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  gap: 4%;
}

#luxury .luxury-wrapper .img-div img,#luxury-gray .luxury-wrapper .img-div img,
#priority .priority-wrapper .img-div img {
  width: 100%;
}

#luxury .luxury-wrapper>div,#luxury-gray .luxury-wrapper>div,
#priority .priority-wrapper>div {
  flex-basis: 48%;
}

#luxury .luxury-wrapper .luxury-col .btn,
#priority .priority-wrapper .priority-col .btn {
  margin-top: 1.2rem;
}

.luxury,
.priority {
  padding-top: 0;
}

/* partners */
#partners {
  text-align: center;
}

#partners .partners-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3rem;
}

#partners .partners-wrapper .partner-col {
  flex-basis: 15%;
  min-width: 15%;
}

#partners .partners-wrapper .partner-col img {
  width: fit-content;
  filter: grayscale(1);
}

#partners .partners-wrapper .partner-col img:hover {
  filter: none;
}

.partners-row>p {
  color: var(--color);
}

/* customers */
#customers {
  background-color: var(--primary);
  background-image: url("/assets/images/why-choose-us.png");
}

#customers .customers-content-row {
  justify-content: space-between;
}

#customers .customers-content-row ol li p,
#customers .customers-content-row ol li h4 {
  color: var(--white);
}

#customers .customers-content-row ol li p {
  font-weight: 300;
}

#customers .customers-content-row ol li {
  margin-bottom: 1rem;
  margin-inline-start: 20px;
}

#customers .customers-row {
  margin-right: 0;
  padding-right: 0;
}

#customers .customers-row .img-div {
  text-align: right;
}

#customers .customers-content-row .customers-content {
  flex-basis: 60%;
}

#customers .customers-content-row .img-div {
  flex-basis: 40%;
}

#customers .btn-div {
  max-width: 200px;
  text-align: left;
  margin-left: 20%;
}

#customers .btn-div .btn-brown {
  color: var(--white);
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  gap: 10px;
  padding: 1.2rem;
  margin-top: -60px;
}

#customers .btn-div .btn-brown svg {
  min-width: 32px;
  min-height: 32px;
}

#customers .img-div img {
  width: 100%;
}

#feedback {
  text-align: center;
  background-image: url("/assets/images/Testimonial\ Sec.png");
}

#feedback .testimonials-row>p:not(.h3-title) {
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  font-weight: 500;
}

.testimonials-wrapper>div {
  flex-basis: 31%;
}

.testimonials-wrapper {
  gap: 4%;
  margin-top: 3rem;
}

#feedback .stars {
  background-color: var(--primary);
  padding: 10px 5px;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 2rem;
}

#feedback .testimonial-author {
  margin-top: 3rem;
}

#feedback .testimonial-author .author-name {
  color: var(--primary);
  font-size: 1.4rem;
  font-weight: 700;
}

#feedback .stars img {
  height: 20px;
  object-fit: cover;
  width: 80px;
}

/* blog */
#blog-section {
  background-image: url("/assets/images/news-bg.png");
  border-top: 1px solid var(--light-ccc);
  background-position: bottom;
  background-repeat: no-repeat;
}

.blog-header {
  text-align: left;
  margin-bottom: 30px;
}

.blog-section-row .blog-header {
  flex-basis: 35%;
}

.blog-section-row .blog-wrapper {
  flex-basis: 65%;
}

.blog-header .pre-text {
  color: var(--primary);
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 700;
}

.blog-header h2 {
  text-transform: normal;
}

.blog-header .red-hr {
  margin-left: 0;
}

.arrows {
  display: flex;
  gap: 10px;
}

.arrow-btn {
  background-color: var(--secondary);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.blog-wrapper {
  display: flex;
  gap: 20px;
}

/* blog-slider */
.blog-section-row {
  display: flex;
  flex-wrap: wrap;
}

#blog-section .content {
  width: 40%;
  box-sizing: border-box;
}

#blog-section .news-slider {
  width: 60%;
  box-sizing: border-box;
}

.content {
  padding: 20px;
}

#blog-section .owl-carousel .item {
  height: 360px;
  /* Set the height */
  background: transparent;
  /* Background color */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  overflow: hidden;
}

#blog-section .owl-prev, #blog-section .owl-next {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-weight: 400;
  font-size: 20px;
}


#blog-section .owl-prev {
  right: 0;
  background-color: var(--secondery);
  color: var(--white);
}

#blog-section .owl-next {
  left: 20px;
  background-color: var(--primary);
  color: var(--white);

  /* Adjust as needed */
}

#blog-section .owl-dots {
  display: none;
}

#blog-section .owl-nav {
  position: absolute;
  bottom: 10%;
  left: -60%;
}

/* blog-slider */

.blog-card {
  background: var(--white);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
  flex: 1;

}

.blog-card img {
  width: 100%;
  height: auto;
}

.blog-info {
  padding: 15px;
}
.blog-info h4{font-size:1rem;
}
.blog-date {
  background-color: var(--secondery);
  color: #fff;
  font-family: var(--para-font);
  padding: 5px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 0;
  bottom: 22%;
  position: absolute;
  width: 70px;
  right: 40px;
  text-align: center;
  font-weight: 300;
}

.blog-date span {
  font-size: 18px;
  font-weight: bold;
}

.blog-info h4 a {
  font-size: 17px;
  font-weight: 600;
  margin: 10px 0;
color:var(--color);
text-decoration:none;
}

.blog-meta {
  color: var(--color);
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  /* margin-bottom: 1rem; */
}

.blog-meta span {
  padding-right: 15px;
  font-family: var(--para-font);
}

.blog-meta span i {
  color: var(--primary);
}

/* subscribe */
#newsletter {
  margin-bottom: 100px;
      padding: 0 15px;
}

.newsletter-row{
  background-color: var(--primary);
  background-image: url("/assets/images/why-choose-us.png");
  /* Optional: You can use a background image */
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  padding-right: 10px;
  padding-left: 10px;
}
.newsletter-row p:not(p.h2-title) {
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  color: var(--light-gray);
  font-weight: 300;
}

.newsletter-row h2, .newsletter-row h3, .newsletter-row h4.h2-title {
  color: var(--white);
  margin-bottom: 20px;
  text-transform: none;
}

.newsletter-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;

  width: 70%;
  margin: 0 auto;
  margin-top: 3rem;
}

.form-group {
  flex: 1 1 40%;
  max-width: 30%;
  position: relative;
}

.form-group label {
  display: block;
  font-family: var(--para-font);

  position: absolute;
  background-color: var(--primary);
  padding: 0 5px;
  top: -20px;
  left: 20px;
}

.form-group input, .form-group textarea {
  width: 100%;
  padding: 10px;
  min-height: 45px;
  border: 2px solid rgb(255 255 255 / 47%);
  border-radius: 10px;
  background-color: transparent;
  outline: none;
  color: var(--white);
}

.form-group input::placeholder, .contact-msg::placeholder {
  color: var(--light-gray);
  font-weight: 300;
  opacity: 0.8;
  font-size: 0.8rem;
}

.newsletter-row .btn {
  background-color: var(--white);
  /* Adjust color as needed */
  color: var(--secondery);
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}

.newsletter-row .btn:hover {
  background-color: var(--color);
  color: var(--white);
}

/* footer */
#footer {
  background-color: var(--color);
  border-top: 4px solid var(--primary);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  color: var(--white);
  padding-bottom: 0;
}

#footer .footer-head p,
.footer-wrapper-col .wrapper-col .footer-list li,
.footer-bottom p,
.branded-footer p {
  color: var(--white);
  font-weight: 300;
}
#footer ul li a:hover, #footer a:hover, #footer .footer-head a:hover, .share-box a{
color: var(--secondery);
font-weight: 400;
}

#footer .footer-head a, .footer-list li a {
  color: var(--white);
  font-weight: 300;
  text-decoration: none;
}

#footer .footer-head {
  gap: 2%;
}

#footer .footer-head>div:not(:nth-child(3n+0)) {
  flex-basis: 23%;
}

#footer .footer-head>div:nth-child(3n+0) {
  flex-basis: 31%;
}

#footer .footer-head h3, #footer .footer-head .h3-title {
  color: var(--primary);
  font-size: 1.7rem;
  font-weight: 600;
}

#footer .footer-head .social-icons img {
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: 50%;
}

#footer .footer-head .social-icons {
  flex-wrap: wrap;
}

#footer .footer-head .social-icons>a {
  flex-basis: 25%;
}

.footer-head-col .icon-div {
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.footer-wrapper-col>div,
.wrapper-div>div {
  flex-basis: 46%;
}

.footer-wrapper-col {
  gap: 8%;
}

.footer-wrapper-col h4, .footer-wrapper-col p.h4-title {
  color: var(--secondery);
  font-size: 1.4rem;
}

.footer-wrapper .wrapper-right>h4 {
  text-align: center;
}
.footer-wrapper .wrapper-right>h4.h4-title {
  text-align: left;
}
.footer-wrapper-col .wrapper-col {
  flex-grow: 1;
}

.footer-wrapper-col .wrapper-col .footer-list{
  list-style: none;
  margin-inline-start: 0;
}

.footer-wrapper-col .wrapper-col .footer-list li {
  margin-bottom: 8px;
}

.footer-bottom h3, .footer-bottom .h3-title {
  color: var(--primary);
  font-weight: 600;
}

.footer-bottom-wrapper .bottom-col {
  min-width: 30%;
  padding-right: 3%;
}
#footer .white-sec{
  padding: 2rem;
  background-color: var(--white);
  align-items: center;
  border-radius: 10px;
  margin-bottom: 1rem;
}
#footer .white-sec img{
  width: 100%;
}
#footer .white-sec p{
  color: var(--color);
  font-size: 1.2rem;
}
.footer-content-wrapper {
  padding-bottom: 0;
}

.branded-footer p {
  text-align: center;
  padding: 10px 0;
}

/* bottom to top button */

#top {
  display: hidden;
}

#scroll-to-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 20px;
  text-decoration: none;
  display: grid;
  place-items: center;
  width: 2.5rem;
  aspect-ratio: 1;
  border-radius: 5px;
  opacity: 0;
  z-index: 1;
  animation: showButton linear forwards;
  animation-timeline: view();
  animation-range-start: calc(100vh + var(--animationStartsAfter));
  animation-range-end: calc(100vh + var(--animationStartsAfter) + var(--animationDistance));

  &>span {
    font-weight: bold;
    font-size: 2rem;
  }
}

@keyframes showButton {
  from {
    transform: translateY(1rem);
  }

  to {
    opacity: 1;
  }
}

/*****************Home******************/

/************************** policy ****************************/
#privacy-banner,
#terms-banner,
#contact-banner, #about-banner, #private-banner, #blog-banner {
  background-color: rgba(0, 0, 0, 0.95);
  background-image: url("/assets/images/privacy-banner.png");
  /* Optional: You can use a background image */
  background-position: center;
  margin-top: -162px;
  padding: 200px 0 100px;
}

/* breadcrumb */
.breadcrumb ul {
  border: 1px solid var(--light-ccc);
  border-radius: 10px;
  padding: 4px 20px;
}

.breadcrumb ul li {
  list-style: none;
  color: var(--white);
  display: inline-block;

}

.breadcrumb ul li a {
  text-decoration: none;
  color: var(--white);
  font-size: 1.2rem;
}

.breadcrumb ul li a:hover {
  color: var(--primary);
}

.breadcrumb ul li svg {
  vertical-align: -5px;
}

.breadcrumb ul li a svg path:hover {
  fill: var(--primary);
}

.content-div h1 {
  color: var(--white);
}

/* quick-quote */
.quick-quote-row, .quick-location-row {
  width: 80%;
  margin: 0 auto;
  background-color: var(--white);
  padding: 2rem;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.20);
  background: var(--white);
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

.quick-quote-row .content-bar .heading-div h2, .quick-quote-row .content-bar .heading-div p.h2-title, .quick-location-row .content-bar .heading-div h2, .quick-location-row .content-bar .heading-div p.h2-title{
  color: var(--secondery);
  font-family: var(--serif-font);
  font-weight: 700;
}

.quick-quote-row .content-bar .heading-div {
  min-width: 29.5%;
}
.quick-location-row .content-bar .heading-div {
  min-width: 22%;
}
.quick-quote-row .content-bar .para-div, .quick-location-row .content-bar .para-div {
  min-width: 55%;
}

.quick-quote-row .content-bar .btn-div{
  min-width: 15.5%;
  text-align: right;
}
.quick-location-row .content-bar .btn-div {
  min-width: 18%; text-align: center;}
.quick-quote-row .content-bar, .quick-location-row .content-bar,
.services-content-row {
  align-items: center;
}

.quick-quote-row .content-bar .para-div, .quick-location-row .content-bar .para-div {
  border-left: 1px solid var(--light-ccc);
  border-right: 1px solid var(--light-ccc);
}

.quick-quote-row .content-bar .para-div, .quick-location-row .content-bar .para-div {
  padding-left: 4.5%;
  padding-right: 4.5%;
}

.quick-quote-row .content-bar .heading-div {
  padding-right: 5%;
}

.quick-quote-row .content-bar .para-div p, .quick-location-row .content-bar .para-div p {
  font-size: 1.3rem;
}

/****************** contact ****************/
#contact-banner {
  background-image: url("/assets/images/contact-banner.png");
  background-size: cover;
}

.contact-content-wrapper>div {
  flex-basis: 50%;
}

.contact-content-wrapper .form-div {
  background-color: var(--primary);
  padding: 3rem;
  background-image: url("/assets/images/why-choose-us.png");
  border-radius: 10px 10px 200px 10px;
  display: flex;
  align-items: center;
}

.contact-form .form-group:not(:last-child) {
  max-width: 48%;
  margin-bottom: 2rem;
  width: 48%;
}

.contact-form .form-group label {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
}

.contact-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.contact-form .btn {
  background-color: var(--white);
  color: var(--primary);
  margin-top: 2rem;
}

.contact-form .btn:hover {
  background-color: var(--color);
  color: var(--white);
}

.contact-form .checkbox-box p,
.contact-form .checkbox-box a,
.contact-form .checkbox-box label {
  font-family: var(--para-font);
  color: var(--light-gray);
}

.contact-content-col .icon-div {
  margin-top: 2rem;
  gap: 1rem;
  width: 70%;
}

.contact-content-col .icon-div a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: none;
}

#contact-content .pre-text {
  color: var(--secondery);
  font-size: 0.9rem;
  font-weight: 600;
}

.contact-content-wrapper>div:first-child {
  padding-right: 3rem;
}

/******************fleets**********************/
#fleets-banner,
#mining-banner, #corporate-banner, #sporting-banner, #wedding-banner, #school-banner, #medical-banner, #concert-banner, #gold-cost-banner, #brisbane-banner, #sunshine-banner, #carins-banner, #sydney-banner, #melbourne-banner, #adelaide-banner, #career-banner {
  background-color: rgba(0, 0, 0, 0.95);
  background-image: url("/assets/images/fleets-bg.png");
  /* Optional: You can use a background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -162px;
  padding: 200px 0 100px;
}

.fleets-content-wrapper>div,
.inner-about-wrapper>div{
  min-width: 25%;
}

.fleets-content-wrapper,
.inner-about-wrapper{
  gap: 2%;
}

.fleet-col .side-list ul {
  list-style: none;
  border: 1px solid var(--light-gray);
  border-bottom-left-radius: 40px;
  border-top-right-radius: 40px;
  background-color: var(--light-bg--gray);
}

.fleet-col .side-list ul li:first-child {
  border-top-right-radius: 40px;
}

.fleet-col .side-list ul li:last-child {
  border-bottom-left-radius: 40px;
}

.fleet-col .side-list ul li {
  padding: 15px;
  text-align: center;
}

.fleet-col .side-list ul li:not(:last-child) {
  border-bottom: 1px solid var(--light-gray);
}

.fleet-col .side-list ul li a {
  text-decoration: none;
  color: var(--color);
}

.fleet-col .side-list ul li:hover, .fleet-col .side-list ul li.active {
  background-color: var(--primary);
  color: var(--white);
}

.fleet-col .side-list ul li:hover a, .fleet-col .side-list ul li.active a  {
  color: var(--white);
}

/****************** contact ****************/

/* policy-content */
.policy-content-row ol li,
.terms-content-row ol li {
  margin-inline-start: 20px;
  margin: 5px 0;
}

.policy-content-row ol,
.terms-content-row ol {
  margin-inline-start: 20px;
}

.policy-content-row h4,
.terms-content-row h4 {
  margin: 1rem 0;
}

.policy-content-row a,
.terms-content-row a {
  text-decoration: none;
  color: var(--color);
  font-weight: 700;
}

.policy-content-row a:hover,
.terms-content-row a:hover {
  color: var(--primary)
}

.policy-content-row,
.terms-content-row {
  border-bottom: 1px solid var(--light-ccc);
  padding-bottom: 3rem;
}

#policy-content,
#terms-content {
  padding-bottom: 0;
}

.head-div {
  justify-content: space-between;
}

/* services-slider */
.serivces-testimonials {

  padding-top: 60px;
}

#customers-testimonials .item-details {
  text-align: left;
}

#customers-testimonials .item-details h4,
#customers-testimonials .item-details p,
#customers-testimonials .item-details a {
  margin-top: 1.2rem;
}

#customers-testimonials .item {
  text-align: center;
  margin-bottom: 80px;
}

.owl-carousel .owl-nav [class*='owl-'] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 30px;
  height: 30px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 30%;
  font-size: 20px;
  color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: -30px;
  background-color: var(--primary);
}

.shadow-effect {
  border-radius: 12px;
  border-bottom: 5px solid var(--primary);
  background: var(--CCC-White, #FFF);
  box-shadow: -4px 0px 4px 0px rgba(0, 0, 0, 0.05), 4px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px -4px 4px 0px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin: 5px;
}

.owl-carousel .owl-next {
  right: -30px;
}

#serivces-slider {
  padding-bottom: 0;
}

#serivces-slider .owl-nav .owl-prev,
#serivces-slider .owl-nav .owl-next,
#fleets-slider .owl-nav .owl-prev,
#fleets-slider .owl-nav .owl-next {
  background-color: var(--primary);
  border-radius: 4px;
  font-size: 1.5rem;
  color: var(--white);
}

/* *************fleets page************** */
#features .feature-inner-pages {
  background-color: var(--primary);
  border-radius: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

#features .feature-inner-pages p,
#features .feature-inner-pages h2, #features .feature-inner-pages .h2-title {
  color: var(--white);
}

#our-fleets {
  text-align: center;
  padding-right: 40px;
  padding-left: 40px;
}

#our-fleets .our-fleets-row .sub-title {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 3rem;
}

#our-fleets .our-fleets-row .fleet-card {
  text-align: left;
  margin-top: 2rem;
}

#our-fleets .our-fleets-row .fleet-card {
  background-color: var(--light-bg--gray);
  padding: 3rem;
  justify-content: space-between;
  align-items: flex-start;
}

#our-fleets .our-fleets-row .fleet-card .fleet-card-right {
  text-align: right;
}

#our-fleets .our-fleets-row .fleet-card .fleet-card-right img {
  width: 100%;
  margin-top:10%;
}

#our-fleets .our-fleets-row .fleet-card .fleet-card-left h3,
#fleets-slider h3, #fleets-slider p.h3-title {
  color: var(--primary);
  font-size: 1.8rem;
}

#our-fleets .our-fleets-row .fleet-card .fleet-card-left h4 {
  margin-top: 2rem;
}
#our-fleets .owl-prev, #our-fleets .owl-next{
  position: absolute;
    top: 50%;
}
#our-fleets .owl-theme .owl-nav{
  margin-top: 20px !important;
}
.list {
  margin-inline-start: 20px;

}

#our-fleets .our-fleets-row .fleet-card .fleet-card-left .list, .col-cunt-2 {
  column-count: 2;
}
.fleet-card ul.feature-list {
    margin-inline-start: 20px;
}
.list li, .arrow-list li {
  margin-bottom: 5px;
}

/* *************Mining Transport page************** */
#mining-banner {
  background-image: url("/assets/images/mining-transport-banner.png");
  /* Optional: You can use a background image */
}

#services-des2 {
  background-color: var(--color);
  color: var(--white);
}

.services-des2-content-row {
  align-items: center;
 /* gap: 2rem;*/
    justify-content: space-between;
}

.services-des2-content-row>div, #our-fleets .our-fleets-row .fleet-card>div {
  flex-basis: 49%;
}

.services-des2-card-wrapper {
  justify-content: space-between;
  margin-top: 2rem;
}

.services-des2-card-wrapper .des2-service-col {
  flex-basis: 32%;
}

#services-des2 .des2-service-col, .des2-50-col {
  background-color: var(--white);
  padding: 1.9rem;
  border-radius: 10px;
}
#services-des2 .card-col-ser{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    gap: 1rem;}
 #services-des2 .card-col-ser .btn, #services-des2 .card-col-ser .btn-brown{align-self: flex-start;
  margin-top: auto;}
#services-des2 .des2-service-col img {
  width: 100%;
  margin-bottom: 1rem;
}

#services-des2 .des2-service-col .btn-brown,
#services-des2 .des2-service-col .btn,
#transport-solutions .btn-brown , #services-light .services-light-row .btn-brown {
  color: var(--white);
  margin-top: 1rem;
}

/* fleet-slider */
#fleets-slider .owl-carousel .item {
  min-height: 580px;
  height: auto;
  display: flex;
  justify-content: center;
  background-color: var(--light-bg--gray);
  align-items: center;
  color: #fff;
  font-size: 20px;
  padding: 2rem;
  overflow: hidden;
}

#fleets-slider .fleet-slide-card {
  text-align: center;
}

#fleets-slider .fleet-slide-card img {
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
}

#fleets-slider .fleet-slide-card .outline-btn {
  margin-top: 1rem;
}

#fleets-slider .owl-theme .owl-dots .owl-dot.active span,
#fleets-slider .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--primary);
}

#fleets-slider .owl-theme .owl-dots .owl-dot span {
  background: rgba(138, 0, 0, 0.386);
}

/* fleet-slider */
/* corporate-events */
#corporate-banner{
  background-image: url("/assets/images/corporate-banner.png");
}
#transport-solutions .solutions-wrapper .solutions-col {
  flex-basis: 50%;
}
.white-box .solutions-col .btn-brown:hover{
  background-color: var(--primary) !important;
}
#transport-solutions .solutions-wrapper .img-div {
  text-align: center;
  position: relative;
}

#transport-solutions .solutions-wrapper .solutions-col img {
  width: 60%;
  box-shadow: -60px 60px 0px -40px var(--primary);
  position: relative;
}
.inner-about-wrapper .fleet-col h2, .bus-buck-dark-wrapper .content-box p{
  width: 80%;
}
#transport-solutions .solutions-wrapper .img-div::before {
  content: " ";
  position: absolute;
  top: 50px;
  right: 50px;
  background-color: var(--secondery);
  width: 200px;
  /* Initially set width to 0 */
  height: 200px;
  transition: width 0.3s ease;
  border-radius: 50%;
  border: 10px solid var(--light-gray);
}
#transport-solutions{
border-bottom: 1px solid var(--light-bg--gray);
 }
 /* sporting */
 #sporting-banner{
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url("/assets/images/sporting-banner.png");
  background-blend-mode: overlay;
 }
 .des2-service-col, .light-service-col{
  gap: 2rem;
  align-items: center;
 }
 .des2-service-col .img-div img{
  width: 100%;
 }
 #services-des2 .des2-service-col>div, #services-light .light-service-col>div, .bus-buck-dark-wrapper>div{
  flex-basis: 49%;
 }
 #services-light .services-light-row> h2,  #services-light .services-light-row> p{
  text-align: center;
 }
 #services-light .service-box-wrapper .light-service-col:first-child .content-box{
  padding: 2rem 0rem 2rem 2rem;
 }
 #services-light .service-box-wrapper .light-service-col:nth-child(2) .content-box{
  padding: 2rem 2rem 2rem 0;
 }
 #services-light .service-box-wrapper{
  margin-top: 3rem;
 }
 #services-light{
  padding-bottom: 0;
 }
/* wedding */
#wedding-banner{
background-image: url("/assets/images/wedding-charters-banner.png");
}
.col-2-count{
  margin-top: 0rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.col-2-count .des2-50-col{
  flex-basis: 49%;
  align-items: center;
  gap: 2rem;
}
.des2-service-col .des2-content{
  flex-basis: 80%;
}
.des2-service-col .des2-img-box{
  flex-basis: 20%;
}
/* about */
#about-banner {
  background-image: url(/assets/images/about-banner.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 100% 30%;
  padding: 0;
}
#about-banner .about-content-div{
  padding: 200px 50px 100px;
  background-image: url(/assets/images/about-bg-img.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 110% 90%;
  flex-basis: 55%;

}
#about-banner .about-content-div h1{
  color: var(--white);
}
#about-banner .btn:hover{
background-color: var(--white);
color: var(--color);
}
#covid-announcement{
  margin-top: 4rem;
}
.covid-wrapper{gap: 2%;
align-items: center;}
.covid-wrapper>div, .phone-booking-wrapper>div {
  flex-basis: 49%;
}
.covid-wrapper .img-div{
  background-image: url("/assets/images/covid-col-img.png");
  min-height: 400px;
  background-size: cover;
  border: 4px solid var(--primary);
  border-radius: 10px;
background-position: center;
width: 100%;
}

/* Basic styles for the menu */
#navbar ul li {
  position: relative;
}
/* Styles for the submenu */
.submenu{
  background-color: var(--white);
    min-width: 150px;
    position: absolute;
    top: 25px !important;
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.7s ease-in-out;
    border-bottom: 3px solid var(--primary);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.submenu li{
  padding: 12px 10px;
  margin-left: 0;
}
.submenu li:not(:last-child){
  border-bottom: 1px solid var(--light-bg--gray);
}
.submenu li a{
  color: var(--color);
  text-decoration: none;
  font-size: 12px !important;
}
#header .menu .navbar .submenu li:after{
  display: none !important;
}
.submenu li:hover, .submenu li:active{
  background-color: var(--secondery);
}
.submenu li:hover a, .submenu li:active a{ color: var(--white);}
#navbar ul li:hover > .submenu {
  display: block;
  top: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
#navbar ul li:hover .fa-solid{
  transform: rotate(180deg);
}
.block-submenu{
  column-count: 2;
  min-width: 300px;
}

/* keyframe */
@keyframes horizontalScroll {
  0% {
      transform: translateX(0%);
  }
  100% {
      transform: translateX(-100%);
  }
}

/* Apply the animation to the charter-buttons-wrapper div */
.charter-buttons-wrapper {
  display: flex;
  overflow: hidden; /* Ensure that the overflowing content is not visible */
  white-space: nowrap; /* Prevent line breaks */
  animation: horizontalScroll 10s linear infinite; /* Adjust duration and timing as needed */
}
.charter-buttons .slider-div{
  background-color: var(--light-gray);
}
.charter-buttons-wrapper > * {
  flex: 0 0 auto; /* Prevent children from shrinking or growing */
}

#header .fa-solid {
  font-weight: 900;
  font-size: 10px;
  margin-left: 10px;
}
/* private page */
#private-banner {
  background-image: url("/assets/images/private-banner.png");}
  .full-content .list li{
    color: var(--color);
  }
  /* school-bus */
  #school-banner {
    background-image: url("/assets/images/school-banner.png");}
    /* madical */
    #medical-banner {
      background-image: url("/assets/images/madical-banner.png");}
      /* concert */
      #concert-banner {
        background-image: url("/assets/images/concert-events-banner.png");}
        /* black cta */
        #black-cta{
          padding-top: 80px;
        }
        .black-cta-row {
          background-image: url(/assets/images/black-cta-bg.png);
    background-color: black;
    background-size: 60%;
    background-position: right center;
    background-repeat: no-repeat;
        }
        #black-cta .black-cta-wrapper{
          width: 40%;
          margin: 0 auto;
          margin-left: 10%;
        }
        #black-cta h2, #black-cta p{
          color: var(--white);
        }
        #black-cta p{font-size: 1.2rem; margin-bottom: 2rem;}
        #black-cta .btn-brown, #locations-dark .btn-brown, #bus-buck-dark .btn-brown{
          background-color: var(--gray);
          color: var(--white);
        }
        #black-cta .btn-brown:hover, #locations-dark .btn-brown:hover, #bus-buck-dark .btn-brown:hover{   background-color: var(--secondery);
          color: var(--white);}
          /* about */
          .professional-wrapper {gap:3rem}
.professional-wrapper>div:first-child{flex-basis:40%}
.professional-wrapper .rank-div{flex-basis:60%}
.professional-wrapper .professional-col img {width:100%; max-width:120px;}
.professional-wrapper .professional-col .badge-box {gap:2rem; align-items:center; margin-top: 2rem;}
.professional-wrapper .professional-col .badge-box p{font-weight:600;  font-size: 1.3rem;} 
.professional-wrapper .professional-col .video-div{background-color:var(--secondery);margin-right: 50px; padding:1rem 2rem; margin-top:2rem; border-radius:10px; align-items:center }
.professional-wrapper .ranks {justify-content:space-between;text-align:center}
.professional-wrapper .ranks .rank-text span{font-size:5rem; text-fill-color: transparent;
  text-stroke: 2px var(--primary);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px var(--primary);
  -moz-text-fill-color: transparent;}
  .professional-wrapper .professional-col .video-div p{
    color: var(--white);
    font-size: 1.2rem;
  }
  .professional-wrapper .ranks .rank-text{
    font-size: 5rem;
    color: var(--primary);
    font-weight: 700;
    line-height: 1em;
  }
  #professional h2{
    font-size: 2.8rem;
  }
  #professional {
    padding-bottom: 0;
}
  .video-btn svg{
    margin-right: -80px;
  }
  #transport-solutions .golden-hr{margin-left: 0;}
  #transport-solutions .small-text{color: var(--color);}
  #transport-solutions .para-bg{
    background-image: url("/assets/images/about-para-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    opacity: 0.8;

  }
  .solutions-wrapper .flex-60{
    flex-basis: 59%;
  }
  .solutions-wrapper .flex-40{
    flex-basis: 39%;
    text-align: right;
  }
  .solutions-wrapper{gap: 2%;}
  .solutions-wrapper .flex-40 img, .solutions-wrapper .flex-45 img{
    width: 90%;
  }
  .phone-booking-wrapper {
    background-color: var(--primary);
gap:2%;
align-items: center;
}
 .phone-booking-wrapper .img-div img{   width: 100%;
}
.phone-booking-col{padding: 2.2rem;
}
.phone-booking-col h2, .phone-booking-col p {
    color: var(--white);
}
.phone-booking-col .outline-btn {
    background-color: transparent;
    border: 2px solid var(--white);
    color: var(--white);
    margin-top: 2rem;
}
.phone-booking-col .outline-btn:hover {
  background-color: var(--secondery);
}
/* blog */
#blog-about .button:hover,
#blog-about .button.active {
  opacity: 1;
}

#blog-about .grid {
  grid-gap: 20px;
  display: grid;
}

#blog-about, .bg-gray{
  background-color: #F7F8F9 ;
}
#blog-about .item {
  border-radius: 4px;
  min-height: 150px;
  width: 100%;
  margin-top: 2rem;
}
.blog-card-wrapper.flex {
  gap: 2rem;
  height: 350px;
}
#blog-about .blog-card-content{border-radius: 0px 10px 10px 0px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: var(--CCC-White, #FFF);
padding: 1rem;}
#blog-about .blog-card-img{min-width: 42%;}
  #blog-about .blog-card-img img{
    width: 100%;
        border-radius: 10px;
  }
  #blog-about .blog-des a, #blog-about .text-div a{
color: var(--primary);
text-decoration: none;
  }
  #blog-about .blog-des a:hover, #blog-about .text-div a span:hover{
    color: var(--secondery);}
    #blog-about .tag-div {
      margin-top: 1rem;
      gap: 0.5rem;
      align-items: center;
    }
    #blog-about .tag-div p {color: var(--secondery);}
    #blog-about .blog-card-content h3{
      font-size: 1.8rem;
    }
    #blog-about .blog-card-content a{
      text-decoration: none;
    }
    #blog-about .blog-card-content a h3:hover{
     color: var(--primary);
    }
    #blog-about .buttons-container .btn{
      background-color: var(--white);
      color: var(--color);
      margin: 5px;
    }
    #blog-about .buttons-container .btn:hover,  #blog-about .buttons-container .btn:active,  #blog-about .buttons-container .btn.active{
      background-color: var(--secondery);
      color: var(--white);
    }
    #blog-about .filter-col, .content-container-col{
      min-width: 75%;
    }
    #blog-about .recent-post-bar{
      border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
background: var(--CCC-White, #FFF);
padding: 1rem;
    }
.hide { display: none; }
#blog-about .social-div h4,#blog-about .text-div h4 {
  margin-top: 2rem;
}
#blog-about .icon-div{
  gap: 9%;
  flex-wrap: wrap;
}.blog-about-wrapper{
  gap: 3%;
}
#blog-about .corporate .blog-card-img, #blog-about .wedding .blog-card-img, #blog-about .mining .blog-card-img, #blog-about .sporting .blog-card-img, #blog-about .private .blog-card-img,
#blog-about .best-bus .blog-card-img, #blog-about .charter-bus .blog-card-img, #blog-about .choose-bus .blog-card-img, #blog-about .effective-solution .blog-card-img, #blog-about .mini-bus .blog-card-img, #blog-about .wedding-bus .blog-card-img{
  background-image: url("/assets/images/blog-card-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
      min-height: 200px;
}

#blog-about .wedding .blog-card-img{
  background-image: url("/assets/images/blog-card-1.png");
}
#blog-about .corporate .blog-card-img{
  background-image: url("/assets/images/blog-card-2.png");
}
#blog-about .mining .blog-card-img{
  background-image: url("/assets/images/blog-card-3.png");
}
#blog-about .sporting .blog-card-img{
  background-image: url("/assets/images/blog-card-4.png");
}
#blog-about .private .blog-card-img{
  background-image: url("/assets/images/blog-5-img.png");
}

/* list */
.recent-post-bar ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
       margin-inline-start: 0;
}

.recent-post-bar ul li {
  padding-left: var(--icon-space);
  margin-top: 5px;
}

.recent-post-bar ul li:before {
  content: "\f044"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: 20px;
  color: var(--primary);
  font-weight: bold;
  font-size: 15px;
}
/* blog details */
#blog-inner-banner{
  padding: 200px 0 0px;
  margin-top: -162px;
}
#blog-inner-banner .breadcrumb ul li a,#blog-inner-banner .breadcrumb ul li{
  color: var(--color);
}
.blog-content{
  padding-top: 2rem;
}
.blog-content .date-details{
  justify-content: space-between;
  align-items: center;
}
.blog-content .date-details .share-box{
  gap: 0.5rem;
  align-items: center;
  color: var(--secondery);
}
#blog-about .blog-content h1, #blog-about .blog-content h2{
  margin-top: 1rem;}
  #blog-inner-banner .breadcrumb ul{
    display: flex;
    gap: 0.5rem;
  }
  .share-box a{
    text-decoration: none;
  }
  /* gold cost */
#gold-cost-banner{
  background-image: url("/assets/images/gold-coast-banner.png");
}
.services-des2-col-3>div{
  flex-basis: 32%;
}
.services-des2-col-3{
  gap: 3%;
}
.services-des2-col-3 .services-content-col:not(:first-child){
  background-color: var(--white);
  padding: 2rem 1.2rem;
  border-radius: 10px;
  text-align: center;
}
.services-des2-col-3 .services-des2-content-col p{color: var(--white);}
.services-des2-col-3 .services-content-col svg, .services-des2-col-3 .services-content-col p{
  margin-bottom: 1rem;
}
.services-des2-col-3 .services-content-col .btn-brown{
  color: var(--white);
}
.services-des2-col-3 .services-content-col .btn-brown:hover{
  background-color: var(--primary);
}
.border-red{
  border: 4px solid var(--primary);
  border-radius: 15px;
}
.border-golden{
  border: 4px solid var(--secondery);
  border-radius: 15px;
}
#luxury-gray .luxury-wrapper {
  background-color: var(--light-bg--gray);
  border: none;
}
#locations-dark .locations-dark-row, .bus-buck-dark-row {
  background-color: var(--color);
  background-image: url("/assets/images/location-bg-black.png");
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
#locations-dark .locations-dark-row .location-col p:not(.h2-title){
  color: var(--white);
}
#locations-dark .locations-dark-wrapper{
  padding-right: 3%;
  padding-left: 3%;
  align-items: center;
  gap: 5%;
}
.location-col img{width: 100%;}
.location-col h2, .location-col h3.h2-title, .location-col h4.h2-title{
  color: var(--secondery);
  margin-top: 1rem;
  font-size: 2.8rem;
}
.card-loc-wrapper .card-loc-col:first-child{
  flex-basis: 69%;
  row-gap: 1rem;
  column-gap: 1rem;
flex-wrap: wrap;
}
.card-loc-wrapper .content-column{
  flex-basis: 28%;
}
.card-loc-wrapper, .locations-dark-wrapper{
  gap: 3%;
  align-items: center;
}
.card-loc{
  min-width: 100px;
  min-height: 100px;
  text-align: center;

  position: relative;
}
.card-loc-wrapper .card-loc-col:first-child .card-loc{
min-width: 22%;
flex-basis: 23%;
}
.card-loc img{
  width: 100%;
  background-color: var(--black);
  opacity: 0.9;
border-radius: 10px;
}
.card-loc p{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    width: 100%;
    z-index: 1;
}
.card-loc:hover img{
  opacity:1;
}
.card-loc:hover p{display: none;}
.locations-dark-wrapper .location-col{min-width: 40%;}
#luxury-gray .btn-brown{
color: var(--white);
}
#luxury-gray .btn-brown:hover{color: var(--black);}
#brisbane-banner{
  background-image: url("/assets/images/brisbane-banner.png");
}
#sunshine-banner{
  background-image: url("/assets/images/sunshine-banner.png");
}
#carins-banner{
  background-image: url("/assets/images/carins-banner.png");
}
#sydney-banner{
  background-image: url("/assets/images/sydney-banner.png");
}
#melbourne-banner{
  background-image: url("/assets/images/melbourne-banner.png");
}
#adelaide-banner{
  background-image: url("/assets/images/adelaide-banner.png");
}
.red-cta-row{
  background-color: var(--primary);
}
#red-cta .btn-brown{
  border: 2px solid var(--white);
  background-color: var(--white);
}
#red-cta h3{
  color: var(--white);
}
.red-cta-wrapper {
  align-items: center;
}
#red-cta .img-div img{width: 100%;}
#red-cta .btn-brown:hover{background-color: var(--secondery); border-color: var(--secondery);}
.blog-content .img-div{
  gap: 2%;
  margin-bottom: 2rem;
}
#fun-tours-banner .content-col{
text-align: left;
flex-basis: 65%;
}
#fun-tours-banner .content-div{
  gap: 2%;
}
#fun-tours-banner .img-div{flex-basis: 35%;}
#fun-tours-banner .content-col h1, #fun-tours-banner .breadcrumb ul li a{
  color: var(--color);
}
#fun-tours-banner .content-div, .values-card img, #fun-tours-banner .img-div img {
  width: 100%;
}
.values-row .values-card:nth-child(1), .values-row .values-card:nth-child(4), .phone-booking-wrapper .flex-69{
  flex-basis: 69%;
}
.color-red{
  color: var(--primary);
}
.values-row{
  flex-wrap: wrap;
  gap: 1%;
  margin-top: 2rem;
}
.values-row .values-card:nth-child(2), .values-row .values-card:nth-child(3) {
  flex-basis: 30%;
}
.values-row .values-card{
  background-color: rgba(0, 0, 0, 0.80);
  position: relative;
  margin-bottom: 12px;
  max-height: 200px;
}
#fun-tours-banner .breadcrumb ul li{
  color: var(--color);
}
.values-row .values-card:hover{  background-color: rgba(0, 0, 0, 0.80);
}
.values-row .values-card img{
  width: 100%;
  max-height: 200px;
  position: relative;
  mix-blend-mode: overlay;
}
.values-row .values-card p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 500;
  width: max-content;
}
.values-wrapper, .phone-booking-wrapper .img-div {
  text-align: center;
}
.values-wrapper>h2, .values-wrapper>p{
  width: 70%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.phone-booking-wrapper .img-div .width-80{width: 100%; min-width: 280px;
max-width: 300px;}
.red-sydney>div {
    flex-basis: 48%;
}
/* career */
#career-banner{
  background-image: url("/assets/images/career-banner.png");
}
#career-banner .outline-btn {
background-color: transparent;
color: var(--white);
border: 2px solid;
}
#career-banner .outline-btn:hover {
  background-color: transparent;
  color: var(--secondery);
  border: 2px solid;
  }
  #transport-solutions .img-box-container{
    gap: 2rem;
    border-radius: 10px;
background:var(--white);
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10), -2px -2px 4px 0px rgba(0, 0, 0, 0.10);
padding: 1rem;
align-items: center;
margin-top: 1.2rem;
width: 85%;
  }
#transport-solutions .img-box-container .img-box img{max-width: 120px;}
 .flex-55{
  flex-basis: 55%;
}
 .flex-45{
  flex-basis: 43%;
}
.phone-booking-col .sub-list>li{color: var(--white);
margin-bottom: 5px;}
#vacancies .vacancies-wrapper>h2, #vacancies .vacancies-wrapper>p, #job .job-wrapper>h2, #job .job-wrapper>p{
text-align: center;
}
#vacancies .vacancies-card{
  border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #F0F0F0;
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05), -2px -2px 4px 0px rgba(0, 0, 0, 0.05);
padding: 1rem;
margin-top: 2rem;
gap: 2rem;
align-items: center;
}
#vacancies .vacancies-card>div{min-width: 15%;
}
#vacancies .vacancies-card .svg-div {
  text-align: center;
}
.job-form-container {
  padding: 2rem 0;
}
.job-form-container .form-group input{
  border: 2px solid var(--black);
}
.job-form-container .form-group label{
  background-color: var(--white);
}
#job .form-group label{
  color: var(--color);
}

#job .form-group input, #job .form-group input::placeholder, textarea{
  color: var(--color);
  font-family: var(--para-font);
}
#job .checkbox-box p, #job .checkbox-box a, #job .checkbox-box label {
  font-family: var(--para-font);
  color: var(--color);
}
#job .btn{
  background-color: var(--primary);
  color: var(--white);
  margin-top: 0;
}
#job .btn:hover{
  background-color: var(--black);
}
#job .width-100{
width: 100% !important;
max-width: 100% !important;
flex: 0 0 98.5%;
}
#job .form-group:not(:last-child) {
  max-width: 32%;
  margin-bottom: 2rem;
  width: 32%;
}
#job .width-65{
  width: 65.5% !important;
  max-width: 65.5% !important;
  flex: 0 0 98.5%;
  }
  #job .mt-subsc{
    margin-top: -140px;
  }

#job .job-form-container .form-group textarea {
    border: 2px solid var(--black);
width:100%;
    padding: 10px;
    min-height: 45px;
    border-radius: 10px;
    background-color: transparent;
    outline: none;
}
.footer-wrapper .social-icons a:hover svg path{
    fill: var(--secondery);
}
.footer-wrapper .social-icons a:first-child:hover svg path{
        stroke: black;
}
#customers .btn-div .btn-brown:hover{background-color: var(--black);
}
.blog-content .img-div img{
  object-fit: cover;
}
/* bus-bucks */
.bus-buck-dark-wrapper{
  padding: 2rem;
  align-items: center;
}
.bus-buck-dark-row{background-position: 100%;}
.bus-buck-dark-wrapper h3, .bus-buck-dark-wrapper p, .bus-buck-dark-wrapper h4.h3-title{  color: #ffffff;}
#bus-buck-dark{
  padding: 0 15px;
}


/* sticky */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 102px;
} 
/* Styles for invalid inputs */
#job-form .job-form-container .form-group input.invalid {
  border-color: red !important;
}
/* iframe */
.iframe-container {
  position: relative;
  width: 100%;
  height: 100vh;
  border: none;
  overflow: hidden;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
iframe body{
  background-color: #8a0000;
}
/* fixes */
.maxWidth-100{
  max-width: 100% !important;
  width: 100% !important;
}
.contact-msg{
  border: 2px solid rgb(255 255 255 / 47%);
  width: 100%;
  padding: 10px;
  min-height: 45px;
  border-radius: 10px;
  background-color: transparent;
  outline: none;
}
#contact-content .contact-content-wrapper {
  align-items: center;
}
.get-quote-sec{
  background-color: #ac1212;
  text-align: center;
  padding-top: 60px;
  color: var(--white);
}
.get-quote-sec h2{
  color: #fff;
}
.top-info.flex {
    padding: 5px 0;
}
.blog-quote{
  padding: 10px 9px;
  font-size: 1rem;
}

/* new classes added */
p.h2-title, p.h3-title, p.h4-title{margin-bottom: 1rem !important;}
.newsletter-row p.h2-title{color: var(--white)}
#blog-about .blog-content h3, #blog-about .blog-content h4 {
  margin-top: 1rem;
}
#blog-about .blog-content h4 {
  margin-bottom: 0.5rem;
}
#blog-about .blog-content a{color: var(--primary); text-decoration: none;}
#blog-about .blog-content a:hover{color: var(--secondery);}


#blog-about .blog-card-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

/* new */
#blog-about .best-bus .blog-card-img {
  background-image: url("/assets/images/Discover\ the\ Best\ Bus\ Charter\ Services\ in\ Brisbane\ for\ Any\ Occasion.png");

}
#blog-about .charter-bus .blog-card-img {
  background-image: url("/assets/images/Why\ Charter\ Bus\ Hire\ on\ the\ Gold\ Coast\ is\ Perfect\ for\ Your\ Next\ Group\ Outing.png");
}
#blog-about .choose-bus .blog-card-img {
  background-image: url("/assets/images/Top\ Reasons\ to\ Choose\ Bus\ Charters\ in\ Brisbane\ for\ Your\ Group\ Travel\ Needs.png");

}
#blog-about .effective-solution .blog-card-img {
  background-image: url("/assets/images/efficient-solutions-for-mining-transport-charter-services-banner.png");

}
#blog-about .mini-bus .blog-card-img {
  background-image: url("/assets/images/Explore\ the\ Sunshine\ Coast\ with\ Convenient\ and\ Affordable\ Mini\ Bus\ Hire.png");
}
#blog-about .wedding-bus .blog-card-img {
  background-image: url("/assets/images/Making\ Your\ Special\ Day\ Memorable_\ Wedding\ Bus\ Charter\ Services\ on\ the\ Gold\ Coast.png");
}
#blog-about .gold-coast .blog-card-img {
  background-image: url("/assets/images/How\ to\ Make\ the\ Most\ of\ Your\ Gold\ Coast\ Bus\ Hire\ Experience_.png");
}
/* 3-10 */
.blog-content .img-div img {
  max-height: 500px;
}
#blog-about .charter-brisbane .blog-card-img {
  background-image: url("/assets/images/10\ Reasons\ to\ Book\ a\ bus\ charter\ in\ Brisbane.png");
}
#blog-about .hire-brisbane .blog-card-img {
  background-image: url("/assets/images/The\ Ultimate\ Guide\ to\ Finding\ the\ Perfect\ Coach\ Hire-new.png");
}
#blog-about .travel-event .blog-card-img {
  background-image: url("/assets/images/Why\ Charter\ Coaches\ in\ Melbourne\ Are\ Perfect\ for\ Group\ Travel\ and\ Events_.png");
}
#blog-about .your-group .blog-card-img {
  background-image: url("/assets/images/How\ Sydney\ Bus\ Charters\ Can\ Make\ Your\ Group\ Travel\ More\ Efficient\ and\ Comfortable.png");
}

#blog-about .hire-sydney .blog-card-img {
  background-image: url("/assets/images/How\ to\ Select\ the\ Best\ Mini\ Bus\ Hire\ Service\ in\ Sydney\ for\ Your\ Next\ Trip_.png");
}




.py-50{
    padding: 75px 0;
}
/* partners */
#partners {
  text-align: center;
}

#partners .partners-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3rem;
}

#partners .partners-wrapper .partner-col {
  flex-basis: 15%;
  min-width: 15%;
}

#partners .partners-wrapper .partner-col img {
  width: fit-content;
  filter: grayscale(1);
}

#partners .partners-wrapper .partner-col img:hover {
  filter: none;
}
.flex {
    display: flex;
}
@media only screen and (max-width: 767px) {
    #partners .partners-wrapper .partner-col {
        flex-basis: 30%;
    }
}