.elementor-520 .elementor-element.elementor-element-18b4f4a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-520 .elementor-element.elementor-element-c9baaed{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-520 .elementor-element.elementor-element-18b4f4a{--grid-auto-flow:row;}.elementor-520 .elementor-element.elementor-element-c9baaed{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-520 .elementor-element.elementor-element-18b4f4a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-520 .elementor-element.elementor-element-c9baaed{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-d08e1ad *//* =====================================================
   MAKE ALL TOUR BLOCKS SAME HEIGHT
===================================================== */

.edu-tour-card{

  height:100%;

  align-items:stretch;

}

.edu-tour-image{

  height:100%;

  min-height:180px;

}

.edu-tour-content{

  height:100%;

  display:flex;

  flex-direction:column;

}

.edu-tour-details{

  flex-grow:1;

}

.edu-tour-buttons{

  margin-top:auto;

}

/* =====================================================
   GRID LAYOUT FOR ALL BLOCKS
===================================================== */

.edu-tour-grid{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(350px,1fr));

  gap:20px;

  align-items:stretch;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a3965 *//* =====================================================
   MAKE ALL TOUR BLOCKS SAME HEIGHT
===================================================== */

.edu-tour-card{

  height:100%;

  align-items:stretch;

}

.edu-tour-image{

  height:100%;

  min-height:180px;

}

.edu-tour-content{

  height:100%;

  display:flex;

  flex-direction:column;

}

.edu-tour-details{

  flex-grow:1;

}

.edu-tour-buttons{

  margin-top:auto;

}

/* =====================================================
   GRID LAYOUT FOR ALL BLOCKS
===================================================== */

.edu-tour-grid{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(350px,1fr));

  gap:20px;

  align-items:stretch;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a589968 *//* =====================================================
   MAKE ALL TOUR BLOCKS SAME HEIGHT
===================================================== */

.edu-tour-card{

  height:100%;

  align-items:stretch;

}

.edu-tour-image{

  height:100%;

  min-height:180px;

}

.edu-tour-content{

  height:100%;

  display:flex;

  flex-direction:column;

}

.edu-tour-details{

  flex-grow:1;

}

.edu-tour-buttons{

  margin-top:auto;

}

/* =====================================================
   GRID LAYOUT FOR ALL BLOCKS
===================================================== */

.edu-tour-grid{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(350px,1fr));

  gap:20px;

  align-items:stretch;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9baaed *//* =====================================================
   FULLY ADAPTABLE RESPONSIVE TOUR CARD
===================================================== */

.tour-card{

  width:100%;

  display:grid;

  grid-template-columns:minmax(280px,340px) 1fr;

  gap:26px;

  background:#ffffff;

  border:1px solid #cfe8e4;

  border-radius:20px;

  padding:20px;

  position:relative;

  overflow:hidden;

  box-shadow:
  0 8px 24px rgba(15,118,110,0.08);

  transition:0.35s;

  font-family:Arial,sans-serif;

}

/* =====================================================
   HOVER
===================================================== */

.tour-card:hover{

  transform:translateY(-5px);

  box-shadow:
  0 18px 40px rgba(15,118,110,0.16);

}

/* =====================================================
   IMAGE
===================================================== */

.tour-image{

  width:100%;

  height:100%;

  min-height:240px;

  border-radius:16px;

  overflow:hidden;

  background:#e5e7eb;

}

.tour-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  transition:0.5s;

  display:block;

}

.tour-card:hover img{

  transform:scale(1.05);

}

/* =====================================================
   CONTENT
===================================================== */

.tour-content{

  display:flex;

  flex-direction:column;

  justify-content:center;

}

/* =====================================================
   TITLE
===================================================== */

.tour-title{

  font-size:clamp(24px,3vw,34px);

  font-weight:800;

  color:#1f2937;

  margin-bottom:18px;

  line-height:1.3;

}

/* =====================================================
   DETAILS
===================================================== */

.tour-details{

  display:flex;

  flex-direction:column;

  gap:10px;

}

.tour-details p{

  font-size:clamp(14px,1.3vw,18px);

  line-height:1.7;

  color:#4b5563;

}

.tour-details strong{

  color:#111827;

  font-weight:800;

}

/* =====================================================
   ICONS
===================================================== */

.tour-icons{

  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:18px;

  margin-bottom:20px;

  color:#0f766e;

  font-size:18px;

}

/* =====================================================
   BUTTONS
===================================================== */

.tour-buttons{

  display:flex;

  flex-wrap:wrap;

  gap:14px;

}

/* =====================================================
   BUTTON STYLE
===================================================== */

.tour-btn-yellow,
.tour-btn-green{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  min-height:48px;

  padding:12px 24px;

  border-radius:10px;

  font-size:15px;

  font-weight:700;

  transition:0.3s;

  flex-wrap:wrap;

}

.tour-btn-yellow{

  background:#facc15;

  color:#111827;

}

.tour-btn-yellow:hover{

  background:#eab308;

}

.tour-btn-green{

  background:#0f766e;

  color:#ffffff;

}

.tour-btn-green:hover{

  background:#14b8a6;

}

/* =====================================================
   LARGE SCREEN
===================================================== */

@media(max-width:1200px){

  .tour-card{

    grid-template-columns:300px 1fr;

  }

}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:992px){

  .tour-card{

    grid-template-columns:1fr;

    gap:20px;

  }

  .tour-image{

    min-height:280px;

  }

}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

  .tour-card{

    gap:16px;

    padding:14px;

    border-radius:16px;

  }

  .tour-image{

    min-height:220px;

    border-radius:12px;

  }

  .tour-title{

    margin-bottom:14px;

  }

  .tour-details{

    gap:8px;

  }

  .tour-details p{

    line-height:1.6;

  }

  .tour-icons{

    font-size:16px;

    gap:10px;

    margin-top:14px;

    margin-bottom:16px;

  }

  .tour-buttons{

    flex-direction:column;

    gap:10px;

  }

  .tour-btn-yellow,
  .tour-btn-green{

    width:100%;

    min-height:44px;

    font-size:14px;

  }

}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:480px){

  .tour-card{

    padding:12px;

  }

  .tour-image{

    min-height:200px;

  }

  .tour-title{

    font-size:22px;

  }

  .tour-details p{

    font-size:13px;

  }

}/* End custom CSS */