.elementor-456 .elementor-element.elementor-element-12d5da4{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;}.elementor-456 .elementor-element.elementor-element-12d5da4:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-12d5da4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://professional-safari-africa.com/wp-content/uploads/2025/08/Safari-about-bg4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-456 .elementor-element.elementor-element-12d5da4::before, .elementor-456 .elementor-element.elementor-element-12d5da4 > .elementor-background-video-container::before, .elementor-456 .elementor-element.elementor-element-12d5da4 > .e-con-inner > .elementor-background-video-container::before, .elementor-456 .elementor-element.elementor-element-12d5da4 > .elementor-background-slideshow::before, .elementor-456 .elementor-element.elementor-element-12d5da4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-456 .elementor-element.elementor-element-12d5da4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-456 .elementor-element.elementor-element-1d47cc1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-456 .elementor-element.elementor-element-a5af468{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-c28d2e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-456 .elementor-element.elementor-element-c28d2e2 .elementor-heading-title{font-family:"PT Serif", Sans-serif;font-size:28px;font-weight:600;line-height:34px;color:#624334;}.elementor-456 .elementor-element.elementor-element-01deb16{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-7a9bd64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-42a988c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-0cdac66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-e5aff55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-c3798e5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-777cdaa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-777cdaa .elementor-heading-title{font-family:"PT Serif", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;font-style:normal;line-height:34px;color:#624334;}.elementor-456 .elementor-element.elementor-element-e1ff94a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-456 .elementor-element.elementor-element-134c430 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__label{font-family:"Manrope", Sans-serif;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__button{color:#000000B3;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#624334;}.rtl .elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-checkboxes-list__checked-icon{font-size:12px;color:#624334;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-collapse-icon{width:20px;height:20px;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-collapse-none{width:20px;height:20px;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-filter+.jet-filter{margin-top:10px;}.elementor-456 .elementor-element.elementor-element-134c430 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-456 .elementor-element.elementor-element-12d6098{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-456 .elementor-element.elementor-element-f035819{--grid-columns:1;}@media(min-width:768px){.elementor-456 .elementor-element.elementor-element-42a988c{--width:30%;}.elementor-456 .elementor-element.elementor-element-e5aff55{--width:100%;}}@media(max-width:1024px){.elementor-456 .elementor-element.elementor-element-a5af468{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-f035819{--grid-columns:2;}}@media(max-width:767px){.elementor-456 .elementor-element.elementor-element-12d5da4{--min-height:250px;}.elementor-456 .elementor-element.elementor-element-a5af468{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-c28d2e2 .elementor-heading-title{font-size:25px;}.elementor-456 .elementor-element.elementor-element-01deb16{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-777cdaa .elementor-heading-title{font-size:25px;}.elementor-456 .elementor-element.elementor-element-f035819{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-a5af468 */.hotel-card {
  position: relative;
  width: 100%;
  height: 350px; /* default height for desktop */
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

/* Content overlay */
.content-col {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;       /* initially cover 60% */
  height: 100%;
  background: #fff;
  padding: 20px;
  z-index: 2;
  transition: transform 0.6s ease, opacity 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

/* Image column */
.image-col {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.image-col img {
  width: 100%;
  height: 100%;
  object-fit: fill !importan;
  transition: transform 0.6s ease;
}

/* Hover effect */
.hotel-card:hover .content-col {
  transform: translateX(-100%); /* slide out completely */
  opacity: 0;
}

.hotel-card:hover .image-col img {
  transform: scale(1.05); /* slight zoom */
}

/* ---------------- RESPONSIVE ---------------- */

/* Large tablets (max-width 1024px) */
@media (max-width: 1024px) {
  .hotel-card {
    height: 300px; /* reduce height */
  }
  .content-col {
    width: 60%; /* cover more area so text is readable */
    padding: 15px;
  }
}

/* Tablets (max-width 768px) */
@media (max-width: 768px) {
  .hotel-card {
    height: 350px;

  }
  .content-col {
    width: 60%;
    font-size: 14px;
    padding: 12px;
    display:flex !important;
    flex-direction:column !important;
  }
}

/* Mobile (max-width 480px) */
@media (max-width: 480px) {
  .hotel-card {
    height: 300px; /* let height adjust with content */
    min-height: 250px;
  }
  .content-col {
    width: 100%;  /* full width on mobile */
    clip-path: none; /* remove angled edge for better readability */
    padding: 15px;
  }
  .hotel-card:hover .content-col {
    transform: none; /* disable slide effect */
    opacity: 1;      /* always visible on mobile */
  }
  .hotel-card:hover .image-col img {
    transform: none; /* disable zoom on mobile */
  }
}/* End custom CSS */