.main-menu,
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-menu li {
position: relative;
}
.main-menu > li {
display: inline-block;
} .main-menu li .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 250px;
z-index: 999;
flex-direction: column;
align-items: start;
gap: 10px;
padding: 10px;
box-shadow: 0px 0px 9px 0px #00000073;
border-radius: 10px;
}
.main-menu li .sub-menu li{
margin-right: 0;
width: 100%;
} .main-menu li:hover > .sub-menu {
display: flex;
}
.main-menu li .sub-menu li a {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 10px;
} .main-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.menu-item-has-children > a::after {
content: "▼";
font-size: 10px;
}
.sub-menu .menu-item-has-children > a::after {
transform: rotate(-90deg);
}
.book-now-btn{
border: 1px solid #147DFE;
padding: 10px 20px;
font-size: 18px;
font-weight: 500;
color: #147DFE;
background-color: transparent;
border-radius: 12px;
}
.wte-title-duration .duration{
height: 41px;
width: 75px;
}
.wte-title-duration{
border: 1.09px solid #147DFE;
}
header.entry-header,.wte-trip-facts{
background: #FFFCF9;
border: 1px solid #EDEDED;
padding: 20px;
border-radius: 10px 10px 0 0 ;
border-bottom: 0;
}
.wte-trip-facts{
border-top: 0;
border-bottom: 1px solid #EDEDED;
border-radius: 0 0 10px 10px  ;
}
.wte-fsd__no-dates-found,.trip-post-content{
display: none;
}
.wpte-bf-price {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
}
.entry-header.has-night{
border-bottom: 1px solid #E5E5E5;
}
.wpte-bf-offer-amount{
text-decoration: none;
}
.wpte-booking-area.wpte-form-layout-1 {
display: none;
}
.single-trip{
display: flex;
gap: 20px;
}
.single-trip .site-main{
width: 60%;
}
div#wte_enquiry_form_scroll_wrapper {
width: 40%;
}
.single-trip .entry-header .wte-title-duration{
position: relative;
}
.single-trip .entry-header.has-night .wte-title-duration{
right: 0;
}
.wte_enquiry_contact_form{
background: #FFEAD8;
border-radius: 13px;
}
#secondary .secondary-trip-info{
display: none;
}
.single-trip + #secondary .wpte-booking-area-wrapper{
border: 0 !important;
}
.single-trip input, .single-trip select,.single-trip textarea {
border: 1px solid #FBC899 !important;
}
.footer-main{
margin-top: 0 !important;
}
.custom-trip-price {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.custom-trip-price .wpte-bf-price{
font-size: 25px;
font-weight: 700;
} .custom-card {
background: #F0F0F069;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
border: 0.88px solid #EDEDED;
}
.custom-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
} .custom-card img {
width: 100%;
height: 230px;
object-fit: cover;
display: block;
} .custom-card-body {
padding: 25px;
}
.custom-card-body h5 {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 10px;
}
.custom-card-body p {
font-size: 14px;
color: #464545;
line-height: 1.6;
margin-bottom: 20px;
} .custom-card-body hr {
border: none;
height: 1px;
background: #e5e5e5;
margin: 15px 0 20px;
} .custom-btn {
display: inline-block;
padding: 10px 26px;
font-size: 14px;
font-weight: 500;
color: #fff;
border-radius: 50px;
text-decoration: none;
background: linear-gradient(90deg, #2f80ed, #1c60d6);
transition: all 0.3s ease;
}
.custom-btn:hover {
background: linear-gradient(90deg, #1c60d6, #2f80ed);
transform: translateY(-1px);
}
.tour-list{
padding-top: 3rem;
}
.custom-btn1{
background: #147DFE;
display: inline-block;
padding: 10px 26px;
color: #fff !important;
border-radius: 30px;
}
.custom-card hr{
opacity: 1;
border-top: 1px solid #D3D3D3;
}
h2.section-title {
font-size: 22px;
font-weight: 700;
color: #111;
margin-bottom: 18px;
} .swiper-outer {
position: relative;
padding: 0 36px; }
.hotel-swiper {
width: 100%;
padding: 8px 4px 50px !important;
overflow: hidden;
}
.swiper-slide {
height: auto;
display: flex;
} .swiper-button-prev,
.swiper-button-next {
width: 36px !important;
height: 36px !important;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0,0,0,0.18);
top: calc(50% - 25px) !important;
color: #111 !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 13px !important;
font-weight: 900;
}
.swiper-button-prev { left: 0 !important; }
.swiper-button-next { right: 0 !important; }
.swiper-button-disabled { opacity: 0.35 !important; } .swiper-pagination { bottom: 10px !important; }
.swiper-pagination-bullet {
width: 8px; height: 8px;
background: #bbb; opacity: 1;
transition: width 0.3s, background 0.3s, border-radius 0.3s;
}
.swiper-pagination-bullet-active {
background: #111 !important;
width: 22px !important;
border-radius: 4px !important;
} .card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.10);
display: flex;
flex-direction: column;
cursor: pointer;
transition: box-shadow 0.2s, transform 0.2s;
height: 100%;
min-height: 100%;
}
.card:hover {
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
transform: translateY(-3px);
}
.card-image {
position: relative;
width: 100%;
height: 180px;
overflow: hidden;
flex-shrink: 0;
}
.card-image img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.card:hover .card-image img { transform: scale(1.05); }
.vip-badge {
position: absolute;
top: 10px; left: 10px;
background: rgba(0,0,0,0.78);
color: #fff;
font-size: 11.5px;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
letter-spacing: 0.3px;
}
.card-body {
padding: 14px 14px 16px;
display: flex;
flex-direction: column;
flex: 1;
}
.hotel-name ,.hotel-name a {
font-size: 20px;
font-weight: 700;
color: #111;
line-height: 1.35;
margin-bottom: 10px;
}
.swiper-slide:hover .hotel-name a,.card:hover .hotel-name h3 {
color: #796342 !important;
}
.card-foot{
display: flex;
flex-direction: column;
align-items: end;
margin-top: auto;
}
.hotel-location {
font-size: 16px;
color: #444;
margin-bottom: 8px;
}
.divider {
height: 1px;
background: #f0f0f0;
margin-bottom: 10px;
}
.rating-row, .flight-row {
display: flex;
align-items: center;
gap: 6px;
font-size: 16px;
color: #444;
margin-bottom: 6px;
}
.flight-row { margin-bottom: 12px; }
.rating-row svg, .flight-row svg {
width: 14px; height: 14px;
fill: #555; flex-shrink: 0;
}
.flights-off-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #FBDC00;
border-radius: 5px;
padding: 5px 10px 5px 8px;
font-size: 13px;
font-weight: 700;
color: #111;
margin-bottom: 10px;
width: fit-content;
}
.flights-off-badge svg { width: 15px; height: 15px; fill: #111; flex-shrink: 0; }
.price-row {
display: flex;
align-items: baseline;
gap: 6px;
margin-bottom: 2px;
}
.price-current { font-size: 22px; font-weight: 700; color: #111; }
.price-info-icon svg { width: 14px; height: 14px; fill: #888; display: block; }
.price-original { font-size: 14px; color: #888; text-decoration: line-through; }
.per-traveler,.dates-row,.found-ago { font-size: 16px; color: #000; margin-bottom: 2px; }
.footer-col h5{
font-size: 18px;
font-weight: 700;
color: #000;
position: relative;
}
.footer-col h5::after{
width: 50px;
height: 2px;
bottom: -7px;
background-color: #000;
left: 0;
position: absolute;
content: "";
}
.footer-col ul li a{
color: #000;
font-size: 16px;
}
.footer-col ul{
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-bottom p{
margin-bottom: 0;
color: #000;
}
.footer-bottom{
margin-bottom: 15px;
} 
@media(max-width:1199px){
.main-menu li .sub-menu{
width: 100%;
}
.main-menu .sub-menu .sub-menu{
left: 10%;
position: relative;
background: transparent;
box-shadow: none;
gap: 0;
padding: 0;
}
}
@media (max-width: 1024px) {
.trip-content-area {
max-width: 900px;
}
.wrapper--style, .wte_enquiry_contact_form, .comment-respond{
padding: 15px 15px;
}
.single-trip .site-main {
width: 53%;
}
div#wte_enquiry_form_scroll_wrapper {
width: 45%;
}
.wte_enquiry_contact_form .row-repeater.country-holder, .wte_enquiry_contact_form .row-repeater.contact, .wte_enquiry_contact_form .row-repeater.adult, .wte_enquiry_contact_form .row-repeater.children{
max-width:100% ;
width: 100%;
}
.custom-trip-price .wpte-bf-price {
font-size: 18px;
font-weight: 700;
}
.single-trip .entry-header .entry-title {
font-size: 25px;
}
.nav-tab-wrapper .tab-inner-wrapper {
gap: 10px;
}
}
@media(max-width:768px){
.single-trip .site-main,div#wte_enquiry_form_scroll_wrapper {
width: 100%;
}
.single-trip{
flex-wrap: wrap;
flex-direction: column;
}
.wte-related-trips-wrapper{
margin-top: 20px;
}
.price-block{
flex-direction: row;
gap: 10px !important;
}
.wpte-bf-price{
font-size: 12px;
}
}