/* Style for the banner section */
.subPage-Banner {
  /* background-image: url("../images/main-banner.jpg"); Replace with your banner image URL */
  background-color: var(--blue-color);
  background-size: cover; /* Adjust the background image size */
  background-position: center center; /* Center the background image */
  min-height: 300px; /* Adjust the minimum height to control the banner's height */
  color: #fff; /* Text color for breadcrumbs */
  display: flex;
  align-items: center;
}

/* Style for the breadcrumb navigation */
.breadcrumb {
  background-color: transparent; /* Make the breadcrumbs background transparent */
  font-size: 18px; /* Adjust the font size */
}

.breadcrumb-item a {
  color: var(--white-color);
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›"; /* Breadcrumb separator character */
  padding: 0 8px; /* Adjust the spacing between breadcrumbs */
}

/* Style for the active (last) breadcrumb item */
.breadcrumb-item.active {
  color: #fff; /* Text color for the active breadcrumb */
}

/* Umrah Packages Usa Banner Started */
.umrah-packages-pakistan-banner .carousel-caption {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  color: var(--blue-color);
  height: max-content;
  margin: 0 auto;
  padding: 20px 30px 20px 30px;
  top: 7rem;
  width: fit-content;
}

.umrah-packages-pakistan-banner .carousel-inner img {
  height: 300px;
  width: 100%;
}

.umrah-packages-pakistan-banner .carousel-caption h3 {
  margin-bottom: unset;
}

.umrah-packages-pakistan-banner .slide a.carousel-control-prev,
.umrah-packages-pakistan-banner .slide a.carousel-control-next {
  opacity: 1;
  text-decoration: none;
}

.umrah-packages-pakistan-banner .slide a.carousel-control-prev i,
.umrah-packages-pakistan-banner .slide a.carousel-control-next i {
  background-color: var(--purple);
  border-radius: 7px;
  color: var(--white-color);
  padding: 20px 15px 20px 15px;
}

.umrah-packages-pakistan-banner .banner-carousel-indicators {
  position: absolute;
  bottom: 40px; /* Adjust this value as needed */
  left: 50%;
  transform: translateX(-50%);
}

.banner-carousel-indicators .banner-indicator-active {
  background-color: var(--purple);
  transform: rotate(45deg);
}

.banner-carousel-indicators {
  display: flex;
  z-index: 99;
}

.banner-carousel-indicators li {
  background-color: #bbb;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  height: 10px;
  list-style: none;
  margin: 0 5px;
  width: 10px;
}

@keyframes slideOutAnimation {
  0% {
    opacity: 0;
    transform: scale(1.5) translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.umrah-packages-pakistan-banner .slide {
  animation: slideOutAnimation 2s ease-in-out forwards;
}
/* Umrah Packages Usa Banner Ended */

/* Popular Umrah Packages Usa Started */
.umrahPackages-pakistan-section {
  padding: 80px 0px 80px 0px;
}

select[type="text"] {
  border-radius: 7px;
  padding: 8px 15px 8px 15px;
}

.umrahPackages-pakistan-section .installmentPackage-Card {
  border-radius: 15px;
}

.umrahPackages-pakistan-section .umrahPackage-Usa .umrahPackage-Image {
  display: none;
  position: relative;
}

.umrahPackages-pakistan-section .bottom-overlay {
  position: absolute;
  top: 15px;
  left: 15px;
  width: fit-content;
  display: flex;
  align-items: flex-end;
}

.umrahPackages-pakistan-section .bottom-text {
  background-color: var(--blue-color);
  border-radius: 7px;
  color: var(--white-color);
  font-size: 13px;
  padding: 5px 13px 5px 13px;
  width: 100%;
}

.umrahPackages-pakistan-section .umrahPackage-Heading .package-mainHeading {
  color: var(--black-color);
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.umrahPackages-pakistan-section .installment-package-type .package-subHeading {
  color: var(--blue-color);
  margin-bottom: unset;
}

.umrahPackages-pakistan-section .installment-package-type {
  align-items: center;
  display: flex;
}

.umrahPackages-pakistan-section .package-body .installment-package-type i {
  color: var(--blue-color);
  font-size: 12px;
}

.umrahPackages-pakistan-section .package-body .package-nights-distribute {
  display: flex;
  /* justify-content: space-between; */
}

.umrahPackages-pakistan-section .package-body .packageInclusion-Icon {
  align-items: center;
  display: flex;
}

.umrahPackages-pakistan-section .package-body .packageInclusion-Icon i {
  align-items: center;
  /* background-color: var(--green-color); */
  border-radius: 7px;
  color: var(--blue-color);
  display: flex;
  font-size: 13px;
  /* height: 28px; */
  justify-content: center;
  width: 28px;
}

.umrahPackages-pakistan-section .packagePrice-Start p.starting-from {
  color: var(--dark-text);
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0px;
}

.umrahPackages-pakistan-section .packagePrice-Start p.room-sharing {
  color: var(--dark-text);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
}

.umrahPackages-pakistan-section .installmentPackages-Left .progress_bar h6 {
  color: var(--dark-text);
  font-size: 15px;
  font-weight: 500;
  margin-top: unset;
  margin-bottom: 7px;
}

.umrahPackages-pakistan-section .installmentPackages-Left .myProgress-Bar {
  width: 100%;
  background-color: var(--grey-text);
  /* border-radius: 10px; */
}

.umrahPackages-pakistan-section .installmentPackages-Left .myBar {
  width: 50%;
  height: 10px;
  background-color: var(--dark-ocean);
  text-align: center;
  line-height: 30px;
  color: white;
  /* border-radius: 10px; */
}

.umrahPackages-pakistan-section .umrahBuy-Btn button.buy-now-btn {
  background-color: var(--blue-color);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  padding: 7px 20px 7px 20px;
  width: 100%;
}

.umrahPackages-pakistan-section .umrahBuy-Btn button.buy-now-btn:hover {
  background-color: var(--dark-ocean);
}
/* Popular Umrah Packages Usa Ended */

/* Umrah Usa Plan Process Started */
.umrah-pakistan-plan-section {
  background-color: #f1f1f1;
  padding: 80px 0px 80px 0px;
}
/* Umrah Usa Plan Process Ended */

/* Umrah Package Usa Gallery Section Started */
section.ourGallery-Section {
  padding: 80px 0px 80px 0px;
  background-color: #f5f5f5;
}
/* Umrah Package Usa Gallery Section Ended */

/* Umrah Usa Who We Are Started */
.umrah-pakistan-who-we-are-section {
  background-color: var(--purple);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px 80px 0px;
}

.umrah-pakistan-who-we-are-section h1,
.umrah-pakistan-who-we-are-section .who-we-content p {
  color: var(--white-color);
}

.umrah-pakistan-who-we-are-section .who-we-content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.umrah-pakistan-who-we-are-section button.whoWe-Button {
  background-color: var(--purple);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  padding: 7px 20px 7px 20px;
  width: 100%;
}

.umrah-pakistan-who-we-are-section button.whoWe-Button:hover {
  background-color: var(--gold);
}

.moreInformation-Card {
  border-radius: 15px;
}

.moreInformation-Card .moreInformation-Body {
  padding: 30px 30px 30px 30px;
}

.moreInformation-Card p {
  line-height: 1.9;
}

.customContent-Container {
  overflow: hidden;
  position: relative;
}

.customContent-row {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
/* Umrah Usa Who We Are Ended */

/* Umrah We Usa Section Started */
.umrah-we-pakistan-section {
  padding: 80px 0px 80px 0px;
}

.umrah-we-pakistan-section .umrah-we-content p {
  line-height: 1.9;
}

.umrah-we-pakistan-section button.whoWe-Button {
  background-color: var(--purple);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  padding: 7px 20px 7px 20px;
  width: 100%;
}

.umrah-we-pakistan-section button.whoWe-Button:hover {
  background-color: var(--gold);
}
/* Umrah We Usa Section Ended */

/* Why Choose Us Started */
.why-choose-us-section {
  background-color: var(--purple);
  padding: 80px 0px 80px 0px;
}

.why-choose-us-section h1 {
  color: var(--white-color);
}

.why-choose-us-section .whyChoose-Card {
  border-radius: 15px;
}

/* .why-choose-us-section .whyChoose-Card .wrapCircle-BG i {
  color: var(--blue-color);
  font-size: 24px;
} */

.why-choose-us-section .whyChoose-Card h5.wrapService-Heading {
  color: var(--black-color);
  font-size: 20px;
  /* font-weight: 600; */
  margin-top: unset;
}

.why-choose-us-section .whyChoose-Card p {
  color: var(--text-color);
  line-height: 1.8;
  margin-bottom: 0px;
}

.why-choose-us-section .col-lg-4.feature-choose-services:nth-child(3),
.why-choose-us-section .col-lg-4.feature-choose-services:nth-child(4) {
  margin-top: 1.5rem;
}
/* Why Choose Us Ended */

/* Why We Section Started */
.umrah-pakistan-why-we-section {
  padding: 80px 0px 80px 0px;
}

.umrah-pakistan-why-we-section .why-we-content p {
  line-height: 1.9;
}

.umrah-pakistan-why-we-section button.whoWe-Button {
  background-color: var(--purple);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  padding: 7px 20px 7px 20px;
  width: 100%;
}

.umrah-pakistan-why-we-section button.whoWe-Button:hover {
  background-color: var(--gold);
}
/* Why We Section Ended */

/* Blog Section Started */
section.blogs-Section {
  padding: 80px 0px 80px 0px;
}

.blogs-Section .blog-Text p {
  line-height: 1.9;
}
/* Blog Section Ended */

/* Testimonial Section Started */
.umrahUsa-testimonial-section {
  background-color: var(--blue-color);
  padding: 80px 0px 80px 0px;
}

.umrahUsa-testimonial-section h1.main-heading {
  color: var(--white-color);
}

.umrahUsa-testimonial-section button.viewButton {
  background-color: var(--white-color);
  color: var(--blue-color);
}

.umrahUsa-testimonial-section .prev-btn,
.umrahUsa-testimonial-section .next-btn,
.umrahUsa-testimonial-section .prev-btn:active,
.umrahUsa-testimonial-section .next-btn:active {
  background-color: var(--white-color);
}

.umrahUsa-testimonial-section .prev-btn i,
.umrahUsa-testimonial-section .next-btn i {
  color: var(--blue-color);
}

.umrahUsa-testimonial-section .testimonial {
  background-color: var(--white-color);
}

.umrahUsa-testimonial-section .testimonial .icon {
  color: var(--blue-color);
}

.umrahUsa-testimonial-section .testimonial .description {
  color: var(--dark-text);
}

.umrahUsa-testimonial-section .testimonial:before,
.testimonial:after {
  
}

.umrahUsa-testimonial-section .testimonial .title,
.umrahUsa-testimonial-section .testimonial .post {
  color: var(--white-color);
}

.testimonial-section .prev-btn {
  margin-right: unset;
}
/* Testimonial Section Ended */

/* Company Partners Logo Section Started */
.company-partners-section {
  background-color: var(--white-color);
  padding: 80px 0px 80px 0px;
}

.company-partners-section .companyPartners-Container {
  overflow: hidden;
  position: relative;
}

.company-partners-section .companyPartners-row {
  display: flex;
  transition: transform 0.3s ease-in-out;
}

.company-partners-section .companyPartners-Card {
  border-radius: 15px;
}

.company-partners-section .companyPartners-Image img {
  height: 42px;
}

.company-partners-section .companyPartners-Container {
  position: relative;
}

.company-partners-section button.prev-btn {
  color: var(--blue-color);
  position: absolute;
  top: 62%;
  left: -10px;
  z-index: 99;
}

.company-partners-section button.next-btn {
  color: var(--blue-color);
  position: absolute;
  top: 62%;
  right: -10px;
  z-index: 99;
}

.installmentBuy-Btn button.buy-now-btn {
  background-color: var(--blue-color);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  padding: 7px 20px 7px 20px;
  width: 100%;
}

.installmentBuy-Btn button.buy-now-btn:hover {
  background-color: var(--dark-ocean);
}
/* Company Partners Logo Section Ended */

/* Faq Section Started */
.faq-section {
  background-color: #f7f7f7;
  padding: 80px 0px 80px 0px;
  position: relative;
}

.faq-section .faq-image img {
  border-radius: 20px;
}

.faq-section .faq-bottom-overlay {
  background-color: var(--purple);
  border-radius: 0px 20px 20px 0px;
  left: 0px; /* Adjust the left position as needed */
  bottom: 20%; /* Adjust the bottom position as needed */
  display: none;
  position: absolute;
  padding: 25px 25px 25px 25px;
  width: 100%;
}

.faq-section .content-left-side {
  display: flex;
  flex-direction: column;
}

.faq-section .content-left-side strong {
  color: var(--white-color);
  font-size: 40px;
  font-family: "Cinzel";
  text-align: center;
}

/* .faq-section .content-left-side sup.superScript {
 font-family: "Cinzel";
} */

.faq-section .content-left-side span {
  color: var(--white-color);
  font-size: 14px;
  font-family: "Cinzel";
  text-align: center;
  text-transform: uppercase;
}

.faq-section .faq-seperator {
  border-left: 1px dashed var(--green-color);
  height: 40px;
  padding-left: 10px;
  padding-right: unset;
  width: fit-content;
}

.faq-section .col-lg-7.faq-content {
  padding-top: 30px;
}

.faq-section .content-right-side {
  border-left: 1px solid var(--green-color);
}

.faq-section .content-right-side p {
  color: var(--white-color);
  font-weight: 300;
  padding-left: 10px;
  margin-bottom: unset;
}

.faq-section h4.faqSub-heading {
  color: var(--purple);
  font-family: "Cinzel";
  font-weight: bold;
}

.faq-section p.faq-text {
  color: var(--dark-text);
  line-height: 1.8;
}

.faq-section .accordion-item:first-of-type,
.faq-section .accordion-item:not(:first-of-type),
.faq-section .accordion-item:last-of-type {
  border-radius: 10px;
  /* padding: 0px 20px 0px 20px; */
}

.faq-section .accordion-item .card-header {
  background-color: var(--white-color);
  border-bottom: unset;
  border-radius: 10px;
  padding: 15px 20px 15px 20px;
}

.faq-section .accordion-item button.btnDisplay-Flex {
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 0px 0px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.umrah-faq-active .card-header button.btnDisplay-Flex {
  color: var(--blue-color);
  font-weight: 500;
}

.faq-section .umrah-faq-active .card-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  border-radius: 10px;
}

.faq-section .umrah-faq-active .card-header i {
  transform: rotate(180deg);
}

.faq-section .accordion-item button.btnDisplay-Flex:focus {
  box-shadow: none;
}

.faq-section .accordion-collapse .accordion-body p {
  line-height: 2;
}
/* Faq Section Ended */

@media (min-width: 768px) {
  .umrah-packages-pakistan-banner .carousel-caption {
    top: 5rem;
  }

  .umrah-packages-pakistan-banner .carousel-inner img {
    height: 400px;
  }

  .umrahPackages-pakistan-section .umrahPackage-Usa .umrahPackage-Image {
    display: block;
  }

  .why-choose-us-section .col-lg-4.feature-choose-services:nth-child(3) {
    margin-top: unset;
  }

  .faq-section .faq-bottom-overlay {
    display: flex;
    bottom: 48%;
    width: 80%;
  }
}

@media (min-width: 992px) {
  .umrah-packages-pakistan-banner .carousel-caption {
    top: 6rem;
  }

  .umrah-packages-pakistan-banner .carousel-inner img {
    height: 450px;
  }

  .umrahPackages-pakistan-section .carousel-controls {
    justify-content: right !important;
  }

  .why-choose-us-section .col-lg-4.feature-choose-services:nth-child(3) {
    margin-top: unset;
  }

  .umrahPackages-pakistan-section .col-lg-4.umrahPackage-Usa,
  .why-choose-us-section .col-lg-4.feature-choose-services {
    width: 50%;
  }

  .umrah-pakistan-who-we-are-section .who-we-content,
  .umrah-pakistan-why-we-section .why-we-content {
    padding-left: 40px;
  }

  .umrah-we-pakistan-section .umrah-we-content {
    padding-right: 40px;
  }

  .company-partners-section
    .companyPartners-row
    .col-lg-3.companyPartners-Logo {
    flex: 0 0 20%;
    width: 20%;
  }

  .faq-section .col-lg-5.faq-image,
  .faq-section .col-lg-7.faq-content {
    width: 100%;
  }

  .faq-section .faq-bottom-overlay {
    width: 60%;
  }

  .umrahPackages-pakistan-section .package-inclusion .packageInclusion-Icon {
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  .umrah-packages-pakistan-banner .carousel-caption {
    top: 7rem;
  }

  .umrah-packages-pakistan-banner .carousel-inner img {
    height: 620px;
  }

  .umrahPackages-pakistan-section .carousel-controls .col-md-6.packages-button {
    width: 30%;
  }

  .umrahPackages-pakistan-section .umrahPackage-Image img {
    height: 221px;
  }

  .umrahPackages-pakistan-section .col-lg-4.umrahPackage-Usa,
  .why-choose-us-section .col-lg-4.feature-choose-services {
    width: 33.33333333%;
  }

  .why-choose-us-section .col-lg-4.feature-choose-services:nth-child(4) {
    margin-top: unset;
  }

  .faq-section .col-lg-5.faq-image {
    width: 41.66666667%;
  }

  .faq-section .col-lg-7.faq-content {
    padding-top: unset;
    width: 58.33333333%;
  }

  .faq-section .faq-bottom-overlay {
    bottom: 20%;
    width: 40%;
  }
}