.education-hero-section {
  background: url("../images/education-tours.png");
  background-size: cover;
  background-repeat: no-repeat;
  /* transform: scaleX(-1); */
}
.hero-section.cultural-tours {
  background:
    linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
    url("../images/Website_Cultural_Tours_Picture.jpg") center / cover no-repeat !important;
}

/* ================================
    Education tours
    ================================  */

/* .tours {
} */

.exibitions-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.tours {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-block: clamp(41px, 5vw, 82px);
  gap: 28px;
}
.tours-content {
  width: 100%;
  max-width: clamp(100%, 5vw, 605px);
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}
.tours-banner {
  width: 100%;
  max-width: clamp(100%, 5vw, 612px);
  min-height: 300px;
  height: 467px;
  opacity: 1;
  border-radius: 4px;
  flex: 1 1 400px;
  overflow: hidden;
}

.tours-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* common */
.margin-top{
  margin-top: 60px;
}
.w-full{
  max-width: 100% !important;
}
.tx-black{
  color:#000 !important;
}
/* for cultural tours page */
.cta-image{
  background-image:
    linear-gradient(90deg, rgba(34, 63, 112, 0.356) 0%, #0b142480 36.22%),
    url("../images/cta-2.png") !important;
}
.image2{
  width: 100% !important;
  height: 520px !important;
}
/* common end */


/* ================================
    Education tours
    ================================  */

/* ================================
    Benefits section
    ================================ */

.benefits-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 29px;
  padding-block: clamp(45px, 5vw, 90px);
}

.benefits-banner {
  width: 100%;
  max-width: clamp(100%, 5vw, 612px);
  /* min-width: 306px; */
  height: 678px;
  opacity: 1;
  border-radius: 4px;
  overflow: hidden;
  flex: 1 1 306px;
}

.benefits-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 59.5% 100%;
  transform: scale(1.2);
  transform-origin: top right;
}

.benefits-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 605px;
  /* min-width: 306px; */
  gap: 10px;
  flex: 1 1 306px;
}

.benefits-list {
  padding-left: 27.5px;
}

/* ================================
    Benefits section
    ================================ */

/* ================================
    Services included section
    ================================ */

.services-included-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  margin-inline: auto;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 5vw, 59px);
  width: 100%;
  /* grid-template-columns: repeat(4, 1fr); */
}

.services-grid-features {
  width: 100%;
  max-width: 266px;
}
.services-grid-features h3 {
  font-family: "Marcellus", sans-serif;
  font-weight: 400;
  font-size: clamp(20px, 5vw, 24px);
  line-height: 32px;
  letter-spacing: 0%;
}
.services-grid-features p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: clamp(11px, 5vw, 16px);
  line-height: clamp(15px, 5vw, 26px);
  letter-spacing: 0%;
}
/* ================================
    Services included section
    ================================ */

/* ================================
    Paragraph section
    ================================ */

.para-section-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: clamp(20px, 5vw, 43px);
  gap: clamp(15px, 5vw, 30px);
}

/* ================================
    Paragraph section
    ================================ */
/* ================================
    Study Tours section
    ================================ */

.study-tour-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
}

.study-image-card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 25px;
}

.study-image-card {
  width: 100%;
  height: 467px;
  border-radius: 4px;
  opacity: 1;
  overflow: hidden;
  position: relative;
}

.study-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.4) 30%,
    rgba(0, 0, 0, 0) 70%
  );
  z-index: 1;
  pointer-events: none;
}

.study-image-card img {
  width: 100%;
  height: 100%;
  /* padding: 10px; */
  object-fit: cover;
}

.image-card-para {
  position: absolute;
  color: #ffffff;
  font-family: "Marcellus", sans-serif;
  font-weight: 400;
  font-size: clamp(18px, 2vw, 24px);
  line-height: clamp(22px, 3vw, 32px);
  letter-spacing: 0%;
  color: #ffffff;
  bottom: clamp(10px, 2vw, 30px);
  right: clamp(10px, 2vw, 25px);
  left: clamp(10px, 2vw, 21px);
  padding: 10px;
  z-index: 2;
}

/* ================================
        Frequently Asked Questions section
    ================================ */

@media (max-width: 1251px) {
  .mobile-none {
    display: none;
  }
}
@media (max-width: 820px) {
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .services-grid-features {
    max-width: 200px;
  }

  .services-grid-features h3 {
    font-size: 22px;
  }
  .services-grid-features p {
    font-size: 12px;
    line-height: 17px;
  }
}

@media (max-width: 540px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-grid-features h3 {
    font-size: 20px;
  }

  .services-grid-features {
    max-width: 170px;
  }
  .study-image-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* education-roadshows */
.hero-section {
  background:
    linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
    url("../images/card1.png") center / cover no-repeat !important;
}

/* services-detail-section starts */
.services-detail-section {
  margin-top: 82px;
}
.services-detail-section .para1 {
  margin-top: 20px;
  margin-bottom: 25px;
}
.services-detail-section .para2 {
  margin-bottom: 20px;
}
.sub-wrap {
  display: flex;
  gap: 27px;
}
.detail-wrapper1 .content,
.detail-wrapper2 .content {
  max-width: 605px;
}
.detail-wrapper1 .sub-wrap .image {
  height: 476px;
  border-radius: 4px;
  overflow: hidden;
  min-width: 430px;
}
.detail-wrapper1 .sub-wrap img,
.detail-wrapper2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-wrapper2 {
  margin-top: 94px;
  display: flex;
  gap: 27px;
}
.detail-wrapper2 .image {
  height: 658px;
  border-radius: 4px;
  overflow: hidden;
  min-width: 400px;
}
.detail-wrapper2 ul {
  margin-top: 50px;
  padding-left: 40px;
}
/* services-detail-section ends */

/* FAQ section starts */
.faq-section {
  margin-top: 120px;
}
.faq-wrapper {
  display: flex;
  gap: 102px;
}
.faq-heading {
  max-width: 351px;
}
.faq-heading .para20 {
  max-width: 313px;
  margin-top: 25px;
}
.faqs {
  width: 100%;
}
.faq1 {
  cursor: pointer;
  border-bottom: 1px solid #c9c9c9;
  padding-top: 0 !important;
}
 .faq {
  padding-top: 26px;
  border-bottom: 1px solid #c9c9c9;
  cursor: pointer;
 }
.faqs .para20 {
  font-size: 24px;
  line-height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 26px;
  gap: 20px;
}
.answer {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition: max-height 0.3s ease;
}
.dropdown-icon {
  transition: all 0.3s ease-in-out;
}
.faq.active .dropdown-icon {
  transform: rotate(180deg);
}
.dropdown-icon svg path {
  fill: #000;
}
.faq.active .dropdown-icon svg path {
  fill: #aaa92b;
}
/* FAQ section ends */

/* cta sections starts */
.cta-section {
  margin-top: 123px;
}
.cta-section .cta-wrapper {
  background-image:
    linear-gradient(90deg, rgba(34, 63, 112, 0.356) 0%, #0b142480 36.22%),
    url("../images/cta-image.jpg");
  height: 476px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.cta-section .heading2 {
  max-width: 590px;
}
.cta-section .para20 {
  max-width: 545px;
  color: #fff;
}
.connect-btn {
  color: #000;
  background: #fff;
  display: flex;
  gap: 43px;
  align-items: center;
  padding: 9px 16px;
  border: 1px solid #000;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.connect-btn img {
  transition: transform 0.2s ease-in-out;
}
.cta-content {
  display: flex;
  justify-content: space-between;
  padding: 0 93px;
  width: 100%;
  align-items: center;
  gap: 20px;
}
.connect-btn:hover {
  transform: translateY(-2px);
}
.connect-btn:hover img {
  transform: translateX(5px);
}
/* cta sections ends */
.newsletter-section {
  margin-top: 132px !important;
}

/* responsive */
@media (max-width: 1023px) {
  .sub-wrap {
    flex-wrap: wrap;
  }
  .detail-wrapper1 .content,
  .detail-wrapper2 .content {
    max-width: 100%;
  }
  .detail-wrapper2 {
    flex-wrap: wrap;
  }
  .faq-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
  .faq-heading {
    max-width: 100%;
  }
  .faq-heading .para20 {
    max-width: 100%;
    margin-top: 15px;
  }
  .detail-wrapper2 ul {
    margin-top: 25px;
  }
  .cta-content {
    flex-wrap: wrap;
  }
  .detail-wrapper1 .sub-wrap .image{
    min-width: 0;
  }
  .detail-wrapper2 .image{
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-wrapper {
    max-height: 350px;
  }
  .cta-section {
    margin-top: 70px;
  }
  .newsletter-section {
    margin-top: 70px !important;
  }
  .faq-section {
    margin-top: 80px;
  }
  .detail-wrapper1 .sub-wrap .image {
    max-height: 380px;
    height: auto;
  }
  .detail-wrapper2 .image {
    max-height: 380px;
    margin: 0 auto;
    height: auto;

  }
  .detail-wrapper2{
    margin-top: 65px;
  }
  .cta-content {
  padding: 0 20px;
}
}


/* events and exhibitions */
.exibitions-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.events-exhibitions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-block: clamp(41px, 5vw, 82px);
  gap: 28px;
}
.exhibitions-content {
  width: 100%;
  max-width: clamp(100%, 5vw, 605px);
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}
.exhibitions-banner {
  width: 100%;
  max-width: clamp(100%, 5vw, 612px);
  min-height: 300px;
  height: 467px;
  opacity: 1;
  border-radius: 4px;
  flex: 1 1 400px;
  overflow: hidden;
}

.exhibitions-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* workshops */
.workshops {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(25px, 5vw, 51px);
}
.workshop-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  justify-content: flex-start;
  gap: 25px;
}
.workshop-card-image {
  width: 100%;
  max-width: clamp(100%, 5vw, 400px);
  min-width: 320px;
  height: 256px;
  opacity: 1;
  border-radius: 5.44px;
  position: relative;
  flex: 1 1 200px;
  overflow: hidden;
}
.workshop-card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.4) 35%,
    transparent 70%
  );
}
.workshop-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workshop-card-title {
  font-family: "Marcellus", sans-serif;
  z-index: 2;
  font-weight: 400;
  font-size: clamp(20px, 5vw, 36px);
  line-height: clamp(29px, 5vw, 42px);
  letter-spacing: 0%;
  position: absolute;
  bottom: clamp(26px, 5vw, 35px);
  left: clamp(35px, 5vw, 31px);
  color: #ffffff;
}

.workshop-card-content {
  width: 100%;
  max-width: clamp(100%, 5vw, 824px);
  flex: 1 1 610px;
}
.hr-line {
  border-top: 1px solid #000000;
  opacity: 0.2;
  width: 100%;
}

.workshop-text {
  margin-top: clamp(25px, 5vw, 40px);
  text-align: start;
}

/* services section */
.services-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 29px;
  padding-block: clamp(45px, 5vw, 90px);
}

.services-banner {
  width: 100%;
  max-width: clamp(100%, 5vw, 612px);
  min-width: 306px;
  height: 580px;
  opacity: 1;
  border-radius: 4px;
  overflow: hidden;
  flex: 1;
}

.services-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 605px;
  min-width: 400px;
  gap: 10px;
  flex: 1;
}

.services-list{
    padding-left: 27.5px;
}

@media (max-width: 767px) {
  .workshop-card-image img {
    object-position: top;
  }
  .benefits-banner{
    height: auto;
  }
  .tours-banner{
    height: auto;
  }
  .tours-banner{
    min-height: auto;
    flex: 1 1;
  }
  .tours {
    flex-direction: column-reverse;
  }
  .study-image-card {
    height: auto;
  }
  .exhibitions-banner {
    min-height: auto;
        flex: 1 1;
  }
  .events-exhibitions {    flex-direction: column-reverse;}
/* ================================
    Events, Conferences & Exhibitions section
    ================================  */

/* ================================
    services section
    ================================ */

.services-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 29px;
  padding-block: clamp(45px, 5vw, 90px);
}

.services-banner {
  width: 100%;
  max-width: clamp(100%, 5vw, 612px);
  min-width: 306px;
  height: 580px;
  opacity: 1;
  border-radius: 4px;
  overflow: hidden;
  flex: 1;
  height: auto;
}
.exhibitions-banner {
  height: auto;
}
.services-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 605px;
  min-width: 400px;
  gap: 10px;
  flex: 1;
}

.services-list{
    padding-left: 27.5px;
}
.answer {
   font-size: 18px;
   line-height: 25px;
}
.faq.active .answer{
  padding-bottom: 20px;
}
}
/* ================================
    services section
    ================================ */

    @media (max-width: 500px) {
      .faqs .para20{
        font-size: 18px;
        line-height: 28px;
      }
    }