/* Developer Css*/

.page-template-holidays .carousel-header .carousel-inner .carousel-item img, .page-template-default .carousel-header .carousel-inner .carousel-item img{
	object-position: center center;
}

/*Header css*/
.cstm-nav-bar{max-width:650px;}


/*Woocommerce Page*/

.login label {
    color: #000;
}

.login .woocommerce .woocommerce-form.login input.woocommerce-Input{
	background-color: transparent;
    border: 1px solid;	
}

.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after{
	color:#000;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
	height: 50px;
    border: 1px solid #13357b;
    background: #13357b;
    color: #ffff;
    padding: 11px 33px;
    border-radius: 25px;
    width: auto;
}

.cstm-content h2.wow {
    display: none;
}

.woocommerce-account .cstm-content .woocommerce h2 {
    text-align: left;
}

.woocommerce-shop .site-main,.single-product .site-main {
	padding: 2.3333% 0;
}

/*end Login Page*/

p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input {
    padding: 16px;
    border-radius: 8px;
}

/* Woocommerce Cart*/

.woocommerce-cart input#coupon_code {
    padding: 16px;
    width: 150px;
    margin-right: 10px;
}

.woocommerce-cart table tbody tr .coupon .button {
    font-size: 17px !important;
    padding: 7px 25px !important;
    background: #13357b;
    color: #fff;
    border-radius: 23px;
    border: 1px solid #13357b;
    /* line-height: 37px; */
    height: 42px;
}

.woocommerce-cart table tbody tr td a img {
    width: 32px !important;
}

.woocommerce-cart table thead tr th {
    color: #000;
}

a.checkout-button {
    background: #13357b;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #13357b;
}

a.checkout-button:hover {
    background: transparent;
    color: #000;
}

 .woocommerce-cart .cstm-cart-wrapper {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 60% auto;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    margin-bottom: 35px;
}

.woocommerce-cart .woocommerce .cstm-cart-wrapper .cart_totals{width:100%;}
.woocommerce-cart .woocommerce .woocommerce-cart-form table thead tr th {
    color: #fff;
    background: #13357b;
}

@media (max-width: 767px) {
    .cstm-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon {
        display: flex
;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 60px;
    }
}

@media (max-width: 980px) {
    .cstm-content .woocommerce .cstm-cart-wrapper {
        grid-template-columns: auto;
		border-left:none;
    }
	.woocommerce .cstm-cart-wrapper .cart-collaterals{
		border-left:none !important;
		padding:0px !important;
	}
	.woocommerce-cart .cstm-cart-wrapper {grid-row-gap: 10px;}
}

/*Single Product */

.single-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
	padding: 15px;
    background: #13357b;
    color: #fff;
    border-radius: 13px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.woocommerce-product ul.products li.product .price ins bdi {
    font-weight: 500;
}



/* shop */

.woocommerce-shop ul.products li.product .price ins bdi {
    font-weight: 500;
}

.woocommerce ul.products li.product .price ins bdi {
    background: 0 0;
    font-weight: 500;
    display: inline-block;
}

.woocommerce ul.products li.product .price ins bdi {
    background: 0 0;
    font-weight: 500;
    display: inline-block;
}

del span.woocommerce-Price-amount.amount {
    display: none;
}

del span.woocommerce-Price-amount.amount {
    display: none;
}

.woocommerce ul.products li.product .onsale{
	background: #13357b;
	display:none;
}

.woocommerce-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    padding: 15px;
    background: #13357b;
    color: #fff;
    border-radius: 13px;
    margin-bottom: 15px;
	margin-top:0px;
}

/* .woocommerce .woocommerce-ordering {
    border: 1px solid #ddd;
    height: 36px;
    background: transparent; 
} */

.woocommerce-ordering select {
    height: 36px;
    border: 1px solid #4a4a4a !important;
    color: #000;
    background-color: transparent;
    font-size: 14px;
    border-radius: 0; 
}
ul.products{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.8%;
    row-gap: 15px;
/* 	margin-bottom: 58px !important; */
}
ul.products>li {
	margin: 0 !important;
    width: 100% !important;
	text-align:center;
	border: 1px solid #ddd;
    border-radius: 10px;
}
ul.products li.product a {
    padding: 15px 15px 15px 15px;
    display: block;
    transition: 0.4s all; 
}
ul.products::before{
	display:none !important;
}
ul.products>li.woocommerce-loop-product__title{
 	font-size:16px;
}
.summary .variations tbody tr{
	display: flex;
    flex-wrap: wrap;
	padding: 0px !important;
}
.summary .variations tbody tr th{
	width: 100%;
    display: flex;
    justify-content: left;
	padding: 0px !important;
}
.summary form.cart .variations td select{
	height: 36px;
    border: 1px solid #4a4a4a !important;
    background-color: transparent !important;
    font-size: 14px !important;
    border-radius: 0;
	padding-bottom: 5px !important;
	padding-right: 37px !important;
}
.summary .price{
	color: #ff5733 !important;
	margin-bottom: 10px;
}
.summary .woocommerce-product-details__short-description{
	font-size: 16px !important;
}
.summary .product_title{
	font-size: 30px;
    font-weight: 700;

}
.summary .single_add_to_cart_button{
	background-color: transparent !important;
    color: #ff5733 !important;
	opacity:1 !important;
	width: 160px;
    height: 50px;
}
.woocommerce-tabs .woocommerce-Tabs-panel.entry-content h2{
	font-size:30px;
}
.woocommerce-tabs .woocommerce-Tabs-panel.entry-content p{
	font-size:16px;
}
.related ul.products li.product .woocommerce-loop-product__title{
	font-size: 20px !important;
    font-weight: 500;
}
.related ul.products li.product .price{
	font-size:16px;
}
.woocommerce-variation-add-to-cart{
	display:flex;
	align-items:center;
}
.woocommerce-variation-add-to-cart .quantity input.qty{
	background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
	width: 50px;
	padding:10px;    
	line-height: 1.2em;
}
.summary .posted_in a{
	color:#000 !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs{
	background-color:transparent;
}
.woocommerce-tabs .wc-tabs .description_tab{
	background-color:transparent;
}
.woocommerce-tabs .wc-tabs{
	background-color:transparent;
	display:flex;
	justify-content:center;
}
.woocommerce-tabs ul.tabs li{
	background-color:transparent!important;
}
.woocommerce .woocommerce-tabs {
	border: none !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active  {
    background:transparent !important;
	border-right:0px;
	border-bottom: 2px solid #ff5733;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li{
	border-right:0px;
}
.woocommerce-tabs ul.tabs li a {
	font-size: 16px;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
  color: #ff5733 !important;
}
.entry-summary p.price span {
    font-size: 22px !important;
}
.woocommerce-page div.product div.summary {
    width: 56%; 
}
.woocommerce-page div.product div.images {
    width: 40%; 
}

.entry-content .woocommerce .cstm-cart-wrapper{
	display: grid;
    flex-wrap: wrap;
    grid-template-columns: 60% auto;
	grid-column-gap:40px;
	grid-row-gap:60px;
	margin-bottom: 35px;
}

.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%; 
}
.entry-content .woocommerce .cstm-cart-wrapper table thead tr{
	background-color:#000;
}
.entry-content .woocommerce .cstm-cart-wrapper table thead tr th{
 	color:#fff;   
	border-right: 1px solid #ddd;
	font-size: 18px;
    font-weight: 400;

}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td{
	border-right: 1px solid #ddd;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td.product-name a{
	color:#000 !important;
}

.entry-content .woocommerce .cstm-cart-wrapper .quantity input.qty{
	width: 100%;
    text-align: left;
	padding:10px;
	background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon{
	display:flex;
	align-items:center;
}
.entry-content .woocommerce .cstm-cart-wrapper .coupon .input-text {
    background-color: transparent !important;
    border: 1px solid #ddd !important;
}
.woocommerce .cstm-cart-wrapper button.button:disabled[disabled] {
	border-radius:100px;
	padding: 7px 25px !important;
    font-size: 17px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals h2{
	font-size:32px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals td{
	border-right:0px;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td:last-child{
	border-right:0px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals{
	border-left: 1px solid #ddd;
    padding-left: 30px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals table.shop_table{
	border:0px;
}
.wc-proceed-to-checkout .checkout-button{
	margin:0px !important;
}
 .woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .cart-subtotal th{
	 font-size:18px;
}
 .woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .cart-subtotal td{
 	text-align:right;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .order-total th{
	 font-size:18px;
	 line-height: normal;

} 
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .order-total td{
 	text-align:right;
}
.wc-proceed-to-checkout .checkout-button{
	height:50px;
	display:flex !important;
	align-items:center;
	justify-content:center;
	font-size:17px !important;
}
.entry-content .woocommerce .cstm-cart-wrapper .coupon .button{
	font-size:17px !important;
	padding: 7px 25px !important;
}
.entry-content .woocommerce .cstm-cart-wrapper .cart_totals .woocommerce-Price-amount {
	font-size:16px;
	font-weight:400;
}
ul.products li.product  .woocommerce-loop-product__title{
	font-size: 21px !important;
    line-height: 30px;

}
body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel {
    padding: 30px 0px !important; 
}
.summary .variations .reset_variations{
	color:#000 !important;
	
}
.woocommerce p.stars a{
	color:#ff5733 !important;
}
#left-area .product{
	padding-bottom:58px !important;
}
.woocommerce .woocommerce-form.login{
	
}
.woocommerce .woocommerce-form.login input.woocommerce-Input{
	background-color: transparent;
    border: 1px solid;	
}
.woocommerce .checkout .col2-set .col-1{
	border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
	background-color: #f5f5f5;
}
.woocommerce .checkout .col2-set .woocommerce-billing-fields .input-text {
	background-color:#fff;
	border:1px solid #ddd;
}
.woocommerce form .woocommerce-additional-fields textarea{
	border:1px solid #ddd !important;
}
.woocommerce form .woocommerce-additional-fields h3{
	font-size:27px;
	font-weight:700;
}
.woocommerce form .woocommerce-additional-fields label{
	font-size: 16px;
    font-weight: 500;
}

.woocommerce .checkout .col2-set .woocommerce-billing-fields label{
	font-size:16px;
	font-weight:500;
}


* .woocommerce .woocommerce-ordering {
    border: 1px solid #ddd;
    height: 36px;
    background: transparent; 
} */

.woocommerce-ordering select {
    height: 36px;
    border: 1px solid #4a4a4a !important;
    color: #000;
    background-color: transparent;
    font-size: 14px;
    border-radius: 0; 
}
ul.products{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.8%;
    row-gap: 15px;
/* 	margin-bottom: 58px !important; */
}
ul.products>li {
	margin: 0 !important;
    width: 100% !important;
	text-align:center;
	border: 1px solid #ddd;
    /*border-radius: 10px;*/
	border-radius: 0px 0px 10px 10px;
}
ul.products li.product a {
    /*padding: 15px 15px 15px 15px;*/
	padding:0px 0px 15px 0px;
    display: block;
    transition: 0.4s all; 
}
ul.products::before{
	display:none !important;
}
ul.products>li.woocommerce-loop-product__title{
 	font-size:16px;
}
.summary .variations tbody tr{
	display: flex;
    flex-wrap: wrap;
	padding: 0px !important;
}
.summary .variations tbody tr th{
	width: 100%;
    display: flex;
    justify-content: left;
	padding: 0px !important;
}
.summary form.cart .variations td select{
	height: 36px;
    border: 1px solid #4a4a4a !important;
    background-color: transparent !important;
    font-size: 14px !important;
    border-radius: 0;
	padding-bottom: 5px !important;
	padding-right: 37px !important;
}
.summary .price{
	color: #ff5733 !important;
	margin-bottom: 10px;
}
.summary .woocommerce-product-details__short-description{
	font-size: 16px !important;
}
.summary .product_title{
	font-size: 30px;
    font-weight: 700;

}
.summary .single_add_to_cart_button{
	background-color: transparent !important;
    color: #ff5733 !important;
	opacity:1 !important;
	width: 160px;
    height: 50px;
}
.woocommerce-tabs .woocommerce-Tabs-panel.entry-content h2{
	font-size:30px;
}
.woocommerce-tabs .woocommerce-Tabs-panel.entry-content p{
	font-size:16px;
}
.related ul.products li.product .woocommerce-loop-product__title{
	font-size: 20px !important;
    font-weight: 500;
}
.related ul.products li.product .price{
	font-size:16px;
}
.woocommerce-variation-add-to-cart{
	display:flex;
	align-items:center;
}
.woocommerce-variation-add-to-cart .quantity input.qty{
	background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
	width: 50px;
	padding:10px;    
	line-height: 1.2em;
}
.summary .posted_in a{
	color:#000 !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs{
	background-color:transparent;
}
.woocommerce-tabs .wc-tabs .description_tab{
	background-color:transparent;
}
.woocommerce-tabs .wc-tabs{
	background-color:transparent;
	display:flex;
	justify-content:center;
}
.woocommerce-tabs ul.tabs li{
	background-color:transparent!important;
}
.woocommerce .woocommerce-tabs {
	border: none !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active  {
    background:transparent !important;
	border-right:0px;
	border-bottom: 2px solid #ff5733;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li{
	border-right:0px;
}
.woocommerce-tabs ul.tabs li a {
	font-size: 16px;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
  color: #ff5733 !important;
}
.entry-summary p.price span {
    font-size: 22px !important;
}
.woocommerce-page div.product div.summary {
    width: 56%; 
}
.woocommerce-page div.product div.images {
    width: 40%; 
}

.entry-content .woocommerce .cstm-cart-wrapper{
	display: grid;
    flex-wrap: wrap;
    grid-template-columns: 60% auto;
	grid-column-gap:40px;
	grid-row-gap:60px;
	margin-bottom: 35px;
}

.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%; 
}
.entry-content .woocommerce .cstm-cart-wrapper table thead tr{
	background-color:#000;
}
.entry-content .woocommerce .cstm-cart-wrapper table thead tr th{
 	color:#fff;   
	border-right: 1px solid #ddd;
	font-size: 18px;
    font-weight: 400;

}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td{
	border-right: 1px solid #ddd;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td.product-name a{
	color:#000 !important;
}

.entry-content .woocommerce .cstm-cart-wrapper .quantity input.qty{
	width: 100%;
    text-align: left;
	padding:10px;
	background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon{
	display:flex;
	align-items:center;
}
.entry-content .woocommerce .cstm-cart-wrapper .coupon .input-text {
    background-color: transparent !important;
    border: 1px solid #ddd !important;
}
.woocommerce .cstm-cart-wrapper button.button:disabled[disabled] {
	border-radius:100px;
	padding: 7px 25px !important;
    font-size: 17px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals h2{
	font-size:32px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals td{
	border-right:0px;
}
.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td:last-child{
	border-right:0px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals{
	border-left: 1px solid #ddd;
    padding-left: 30px;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals table.shop_table{
	border:0px;
}
.wc-proceed-to-checkout .checkout-button{
	margin:0px !important;
}
 .woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .cart-subtotal th{
	 font-size:18px;
}
 .woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .cart-subtotal td{
 	text-align:right;
}
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .order-total th{
	 font-size:18px;
	 line-height: normal;

} 
.woocommerce .cstm-cart-wrapper .cart-collaterals .cart_totals .shop_table tbody .order-total td{
 	text-align:right;
}
.wc-proceed-to-checkout .checkout-button{
	height:50px;
	display:flex !important;
	align-items:center;
	justify-content:center;
	font-size:17px !important;
}
.entry-content .woocommerce .cstm-cart-wrapper .coupon .button{
	font-size:17px !important;
	padding: 7px 25px !important;
}
.entry-content .woocommerce .cstm-cart-wrapper .cart_totals .woocommerce-Price-amount {
	font-size:16px;
	font-weight:400;
}
ul.products li.product  .woocommerce-loop-product__title{
	font-size: 21px !important;
    line-height: 30px;

}
body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel {
    padding: 30px 0px !important; 
}
.summary .variations .reset_variations{
	color:#000 !important;
	
}
.woocommerce p.stars a{
	color:#ff5733 !important;
}
#left-area .product{
	padding-bottom:58px !important;
}
.woocommerce .woocommerce-form.login{
	
}
.woocommerce .woocommerce-form.login input.woocommerce-Input{
	background-color: transparent;
    border: 1px solid;	
}
.woocommerce .checkout .col2-set .col-1{
	border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
	background-color: #f5f5f5;
}
.woocommerce .checkout .col2-set .woocommerce-billing-fields .input-text {
	background-color:#fff;
	border:1px solid #ddd;
}
.woocommerce form .woocommerce-additional-fields textarea{
	border:1px solid #ddd !important;
}
.woocommerce form .woocommerce-additional-fields h3{
	font-size:27px;
	font-weight:700;
}
.woocommerce form .woocommerce-additional-fields label{
	font-size: 16px;
    font-weight: 500;
}

.woocommerce .checkout .col2-set .woocommerce-billing-fields label{
	font-size:16px;
	font-weight:500;
}



.entry-content .woocommerce .cstm-cart-wrapper .coupon .input-text {
    background-color: transparent !important;
    border: 1px solid #ddd !important;
}
.woocommerce .checkout .col2-set .woocommerce-billing-fields .input-text {
	background-color:#fff;
	border:1px solid #ddd;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p.form-row input.input-text {
    border: 1px solid #ddd;
	background-color: #fff;
    font-size: 16px;
}

.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon  .input-text {
        width: 100% !important;
        margin-bottom: 25px; 
	}
/* my-account */
.woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before{
	content: none !important;
    display: none !important;
}

 .woocommerce nav.woocommerce-MyAccount-navigation {
    background: #f5f5f5;
    padding: 15px;
    /*width: 20%; */
	min-width: 20%;
    z-index: 0;
    top: 6%;
	border: 1px solid #ddd;
	border-radius: 15px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
    list-style: none;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
    font-size: 16px;
    color: #000;
    text-decoration: none;
	width: 100%;
    height: 100%;
    display: flex;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
    margin: 0px;
    padding: 0px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    padding: 10px 0px 10px 38px;
    border-bottom: 1px solid #ddd;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:last-child {
    border-bottom: 0px;
	padding-bottom: 0px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    position: absolute;
	background-image:url(/wp-content/uploads/2025/04/dashboard-icon-1-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
	position: absolute;
	background-image:url(/wp-content/uploads/2025/04/order-icon-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
	position: absolute;
	background-image:url(/wp-content/uploads/2025/04/address-1-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{
	position: absolute;
	background-image:url(/wp-content/uploads/2025/04/account-details-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
	position: absolute;
	background-image:url(/wp-content/uploads/2025/04/logout-1-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}
 .woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads  a::before{
	position: absolute;
	background-image:url(/wp-content/uploads/2025/04/download-1.svg);
    content: '';
	width:20px;
	height:20px;
    margin-left: -27px;
    background-size: cover;
    background-position: center;
}



.woocommerce .woocommerce-MyAccount-content {
    background:#f5f5f5;
	border:0px;
	padding: 20px;
    width: 78%;
    border: 1px solid #ddd;
    border-radius: 15px;
} 
.woocommerce .woocommerce-MyAccount-content p a {
    color: #13357b;
}
.woocommerce .woocommerce-MyAccount-content p{
	font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
}
.woocommerce-MyAccount-content .woocommerce-info{
	margin-bottom: 0px;
    background-color: #f5f5f5;
/*     border: 1px solid #ddd; */
    border-radius: 15px;    color: #000 !important;
    font-weight: 600;
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-content .woocommerce-MyAccount-content .woocommerce-Button{
	padding: 10px 20px !important
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column1 {
    width: 100%; 
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column2 {
    width: 100%; 
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column1 .woocommerce-Address-title {
    background: transparent;
    border: 1px solid #ddd;
    padding: 15px 10px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column1 .woocommerce-Address-title h2 {
    font-size: 16px !important;
	padding: 0px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column1 .woocommerce-Address-title a.edit {
    color: #13357b;
	font-size:16px;

}
.woocommerce-account .addresses .title::before {
	display:none;
}
.woocommerce-account .addresses .title::after{
	display:none;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column1 address {
    text-transform: capitalize;
    margin-top: 5px;
    font-size: 14px 
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column2 .woocommerce-Address-title {
    background: transparent;
    border: 1px solid #ddd;
    padding: 15px 10px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center; 
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column2 .woocommerce-Address-title h2 {
    font-size: 16px !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column2 address{
	text-transform: capitalize;
    margin-top: 5px;
    font-size: 14px 
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .u-column2 .woocommerce-Address-title a.edit {
    color: #13357b;
	font-size:16px;
	padding: 0px;
} 
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p.form-row input.input-text {
    border: 1px solid #ddd;
	background-color: #fff;
    font-size: 16px;
	padding: 10px;
    border-radius: 5px;
}
.woocommerce-address-fields__field-wrapper p.form-row .woocommerce-input-wrapper .select2 .selection  .select2-selection--single{
	  border:1px solid #ddd !important;
}
 .woocommerce-address-fields__field-wrapper p.form-row .woocommerce-input-wrapper .select2 .selection .select2-selection .select2-selection__rendered {
    margin-top: 0px;
    padding: 10px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row input.woocommerce-Input {
    background: #fff;
    border: 1px solid #ddd;
    padding: 16px;
    font-size: 16px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm p button.woocommerce-Button { 
	height: 50px;
    margin-top: 20px;
	height: 50px;
    margin-top: 20px;
    border: 1px solid #13357b;
    background: #13357b;
    color: #ffff;
    padding: 10px 20px;
    border-radius: 25px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm p button.woocommerce-Button:hover {
	color:#000;
	background:transparent;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields p button.wp-element-button {
   	height: 50px;
    margin-top: 20px;
} 
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button{
	height: 50px;
    margin-top: 20px;
    border: 1px solid #13357b;
    background: #13357b;
    color: #ffff;
    border-radius: 23px;
    padding: 0px 15px;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button:hover{
	color:#000;
	background:transparent;
}

.woocommerce .woocommerce-form.login {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.woocommerce .checkout .col2-set .woocommerce-billing-fields .select2-selection.select2-selection--single{
	border:1px solid #ddd;
}
.woocommerce .woocommerce-MyAccount-content table.account-orders-table tbody tr td a {
    color: #000; 
}
.woocommerce-order-details .woocommerce-order-details__title{
	margin-top: 0;
   	font-size: 27px;
   	margin-bottom: 10px;
    color: #000;
    font-weight: 700;
}
.woocommerce-order-details{
	margin-top:10px;
}


.woocommerce-order-details .woocommerce-table {
	border: 1px solid #ddd !important;
}
.woocommerce-order-details table thead tr th {
    color: #000;
    font-weight: 600 !important;
    font-size: 20px;
}
.woocommerce-table__product-name a {
	color:#000;
	font-size: 16px;
}
.woocommerce-table__product-name strong{
	font-weight:700;
} 
.woocommerce .woocommerce-customer-details .woocommerce-column__title{
	margin-top: 0;
   	font-size: 27px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700;
}
.woocommerce .woocommerce-customer-details address{
	border: 1px solid #ddd !important;   
	font-size: 16px;
    color: #000;
}
.woocommerce-table thead tr th:last-child{
	border-left: 1px solid #ddd;
}
.woocommerce-table tbody tr td:last-child{
	border-left: 1px solid #ddd;
}
.woocommerce-table tfoot tr td:last-child{
	border-left: 1px solid #ddd; 
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{
	padding-bottom: 5px;
    margin-top: 20px;
}
.woocommerce-table__line-item .woocommerce-table__product-name .wc-item-meta li{
	font-size:16px ;
	color:#000;
}
.woocommerce-table__line-item .woocommerce-table__product-name{
	font-size:16px ;
	color:#000;
}
.woocommerce-table tfoot th{
	font-size:16px ;
	color:#000;
}
.woocommerce-checkout .col2-set{
	display: flex;
    flex-wrap: wrap;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none;
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
	padding-bottom: 58px;
}
form.woocommerce-checkout{
	display:flex;
	gap: 50px;
/* 	display: grid;
    flex-wrap: wrap;
    grid-template-columns: 50% auto;
    grid-column-gap: 60px; */
}
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row {
	border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    background-color: #f5f5f5;
}
.checkout.woocommerce-checkout .woocommerce-additional-fields{
	margin-top:40px;
}
.woocommerce-billing-fields h3{
	font-size: 27px;
    font-weight: 700;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
	background: #000;
	border-radius: 10px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
 	color:#fff;
}
.woocommerce-checkout .woocommerce-checkout-review-order table thead tr{
	background-color:#000;
}
.woocommerce-checkout .woocommerce-checkout-review-order table thead tr th{
 	color:#fff;
	padding:18px 15px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order table thead tr th:last-child{
 	border-left:1px solid #ddd;
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info{
    background-color: #cfe2ff;
    border: 1px solid #9ec5fe;
    color: #000 !important;
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a{
 	color: #000 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tbody tr  td:last-child{
 	border-left:1px solid #ddd;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot td:last-child{
 	border-left:1px solid #ddd;
}
.woocommerce-checkout-payment .wc_payment_methods .woocommerce-info {
	background-color: #fff3cd;
    border: 1px solid #ffe69c;
    color: #000 !important;
}
 .checkout #payment, .checkout #payment{
	background-color:transparent;
}
.woocommerce-info::after{
	display:none;
}
#main-content .woocommerce .woocommerce-page .woocommerce-info a.button {
	padding:10px 20px !important;
}
.woocommerce-input-wrapper .textarea{
	border:1px solid #ddd;
}
.woocommerce-notices-wrapper .woocommerce-message{
	background-color: #cfe2ff;
    border: 1px solid #9ec5fe;
    color: #000 !important;
	display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}
.woocommerce-message::after {
	display:none;
	}
.woocommerce .woocommerce-error{
	background-color: #f8d7da;
    border: 1px solid #f1aeb5;
   	color: #000 !important;
}
.woocommerce-page #payment #place_order {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
} 
.woocommerce-checkout-review-order h3#order_review_heading{
	font-size: 27px;
    font-weight: 700;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{
	color:#000 !important;
}
ul.products>li:hover{
	border:1px solid #13357b;
	transition: all .4s ease-in-out;
}
ul.products>li:hover .woocommerce-loop-product__title{
	color:#13357b !important;
}
/* .woocommerce-page ul.products li.product:hover .price{
	color:#13357b !important;
} */
.woocommerce-checkout-review-order table thead tr th {
	font-size: 16px;
    font-weight: 600 !important;
}
.woocommerce-checkout-review-order table tbody tr td {
 	font-size: 15px;
}
.woocommerce-checkout-review-order table tfoot  tr th{
	font-size: 16px;
    font-weight: 600 !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a{
	color:#13357b;
}
.woocommerce table.woocommerce-orders-table {
	border: 1px solid #ddd;
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 15px;
}
.woocommerce .woocommerce-MyAccount-content  table.shop_table thead tr th span{
 	font-size: 16px;
    font-weight: 600 !important;
}
.woocommerce .woocommerce-MyAccount-content  table.shop_table tbody tr th a{
	 font-size: 15px;
	 color:#000;
}
.woocommerce-MyAccount-content:has(.woocommerce-orders-table){  
	background-color:transparent;
	border:0px;
	padding:0px;
}
.woocommerce .woocommerce-MyAccount-content table.account-orders-table tbody tr td a.button {
    color: #fff;
	padding: 6px 25px !important;
} 
.woocommerce .woocommerce-MyAccount-content  table.shop_table tbody tr td{
	 font-size: 15px;
}
.woocommerce-MyAccount-content:has(.woocommerce-order-details){   
	border:0px;
}

@media(max-width:767px){
	.woocommerce-page ul.products li.product:nth-child(n) {
        width: 100% !important;
		margin-bottom: 0px !important;
    }
	ul.products {
    	display: grid;
    	grid-template-columns: repeat(2, 1fr); 
	}
	.summary .product_title {
    	font-size: 24px;
	}
	.summary .price {
    	font-size: 20px !important; 
	}
	.summary .price .woocommerce-Price-amount{
    	font-size: 20px !important; 	
	}
	.entry-summary p.price span {
    	font-size: 20px !important; 
	}
	.woocommerce-tabs .woocommerce-Tabs-panel.entry-content h2 {
    	font-size: 20px;
	}
	.entry-content .woocommerce .cstm-cart-wrapper .quantity input.qty {
    	width: 70px; 
	}
	.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon {
    	display: flex;
    	align-items: center;
    	flex-wrap: wrap; 
		margin-top: 60px;
	}
	.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td .coupon  .input-text {
        width: 100% !important;
        margin-bottom: 25px; 
	}
	.entry-content .woocommerce .cstm-cart-wrapper .coupon .button {
    	width: 100% !important; 
	}
	.cstm-cart-wrapper .shop_table .actions{
		display: flex;
    	flex-direction: column-reverse;
	}
	.woocommerce .cstm-cart-wrapper table.shop_table td{
		border-top:0px;
		border-right: 0px;
	}.woocommerce .cstm-cart-wrapper .cart-collaterals {
    	border-left:0px; 
    	padding-left: 0px; 
	}
	.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td {
    	 border-right: 0px;
	} 
	.woocommerce .cstm-cart-wrapper .woocommerce-cart-form {
        flex-wrap: nowrap;
        white-space: inherit; 
	}
	.entry-content .woocommerce .cstm-cart-wrapper table tbody tr td.product-name a {
    	color: #000 !important;
    	padding-left: 30px; 
	}
	.woocommerce nav.woocommerce-MyAccount-navigation {
    	width: 100%;
	}
	.woocommerce .woocommerce-MyAccount-content {
    	width: 100%;
   		margin-top: 30px; 
	}
	.woocommerce-notices-wrapper .woocommerce-message a{
	     margin-top: 10px;
	}
	.woocommerce table.shop_table td{
		border-top:0px !important;
	}
	
}


/*Select 2 css*/
.select2-container .select2-selection--single{height:45px;}
.select2-container--classic .select2-selection--single .select2-selection__arrow{height:44px;/*width:44px;*/}
.select2-container .select2-selection--single .select2-selection__rendered{padding:8px;}
.select2-container--classic .select2-selection--single .select2-selection__rendered{line-height:28px;}
/*.select2-results__option{height:44px;line-height:35px;} */
.select2-search--dropdown .select2-search__field{height:44px;}
.select2-container--classic .select2-results__group,.select2-results__option{padding: 10px 6px;}
.select2-results__option--group {border-bottom: 1px solid #00000045;}
.select2-container--classic .select2-selection--single .select2-selection__arrow{background-image:none;border-left:none;background-color:unset !important;}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* ==========================================================================
   Travlofy Elite Premium Overhaul (MakeMyTrip, Airbnb, RaynaTours)
   ========================================================================== */

/* 1. Global Font and Typography Polish */
body, 
p, 
span, 
a, 
li, 
input, 
textarea, 
select, 
button,
div {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.section-title, 
.categories-section-title, 
.heading-font {
    font-family: 'Manrope', sans-serif !important;
}

/* 2. Top Header & Navbar */
.container-fluid.bg-white.py-2.d-lg-block,
div[class*="container-fluid bg-white py-2"] {
    border-bottom: 1px solid #f1f5f9 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
.top-menu a {
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 100px !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.top-menu a,
.top-menu a small,
.top-menu .text-link {
    color: #475569 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.top-menu a:hover,
.top-menu a:hover small,
.top-menu a:hover .text-link {
    color: #13357b !important;
}
.top-menu a i {
    color: #475569 !important;
    font-size: 14px !important;
}
.top-menu a:hover i {
    color: #13357b !important;
}
/* Style Login as premium primary button */
.top-menu a:last-child {
    background: #13357b !important;
    padding: 6px 18px !important;
    border-radius: 100px !important;
    box-shadow: 0 2px 6px rgba(19, 53, 123, 0.1) !important;
}
.top-menu a:last-child small,
.top-menu a:last-child .text-link {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.top-menu a:last-child:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(19, 53, 123, 0.16) !important;
}
.top-menu a:last-child:hover small,
.top-menu a:last-child:hover .text-link {
    color: #ffffff !important;
}
/* Redesign Travlofy logo brand identity */
.navbar-brand h1 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    color: #0f172a !important; /* Elegant dark slate black */
    letter-spacing: -0.6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.navbar-brand h1 i {
    color: #f97316 !important; /* Premium vibrant orange map marker */
    font-size: 24px !important;
    margin-right: 0 !important;
    text-shadow: 0 2px 8px rgba(249, 115, 22, 0.25) !important;
}


/* 4. Airbnb-Style Unified Search Console */
.carousel_content {
    max-width: 650px !important;
    width: 90% !important;
}
.carousel_content .main-content {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Centering and sizing column elements to span full pill width */
.carousel_content .col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 0% !important;
    padding: 0 !important;
}
.carousel_content .icon {
    position: relative !important;
    width: 100% !important;
}
.carousel_content .main-content .d-flex {
    background: #ffffff !important;
    border-radius: 100px !important;
    padding: 0 !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}
.carousel_content .main-content .d-flex:hover {
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.2) !important;
}
/* Premium Pseudo location pin and magnifying glass button on the .icon wrapper */
.carousel_content .icon::before {
    content: "\f3c5" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #13357b !important;
    font-size: 17px !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
.carousel_content .icon::after {
    content: "\f002" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    background: #13357b !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    z-index: 10 !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
}
.carousel_content .icon:hover::after {
    background: #0f275c !important;
    transform: translateY(-50%) scale(1.05) !important;
}
/* Target BOTH Select2 container and browser-default select element */
.carousel_content select.select2.browser-default,
.carousel_content .slider_btn.form-select,
.carousel_content .select2-container .select2-selection--single,
.carousel_content .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    height: 56px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    box-shadow: none !important;
    padding: 0 60px 0 48px !important; /* Spacing for search button and map-marker */
    width: 100% !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: none !important; /* Hide native dropdown arrow */
    outline: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
}
/* Style the select options container */
.carousel_content select.select2.browser-default option {
    background: #ffffff !important;
    color: #1e293b !important;
    padding: 12px !important;
    font-weight: 600 !important;
}
/* Hide static mockup map pin icon to prevent duplicates */
.carousel_content .location-icon {
    display: none !important;
}
/* Prevent styling collisions when Select2 actually runs */
.carousel_content .select2-container .select2-selection--single .select2-selection__rendered,
.carousel_content .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-left: 48px !important;
    padding-right: 60px !important;
    line-height: normal !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
}
.carousel_content .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important; /* Let our CSS ::after button handle it */
}

/* 5. Custom Select2 Dropdown List Styling */
.select2-dropdown {
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12) !important;
    overflow: hidden !important;
    background: #ffffff !important;
    margin-top: 8px !important;
    z-index: 99999 !important;
}
/* Styled Search Field inside Dropdown */
.select2-search--dropdown {
    padding: 12px 14px 8px 14px !important;
    background: #ffffff !important;
}
.select2-search--dropdown .select2-search__field {
    height: 40px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 8px 14px 8px 36px !important; /* Left space for search magnifying icon */
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
    outline: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.5 7A4.5 4.5 0 1 1 7 2.5 4.5 4.5 0 0 1 11.5 7zm-.17 3.58 3.5 3.5'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 14px !important;
    transition: all 0.2s ease !important;
}
.select2-search--dropdown .select2-search__field:focus {
    border-color: #13357b !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(19, 53, 123, 0.1) !important;
}
/* Option list formatting */
.select2-results__options {
    padding: 6px !important;
    max-height: 280px !important;
}
.select2-results__option {
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    transition: all 0.15s ease !important;
}
.select2-results__option--highlighted[aria-selected] {
    background-color: #13357b !important;
    color: #ffffff !important;
}
.select2-results__option[aria-selected="true"] {
    background-color: #f1f5f9 !important;
    color: #13357b !important;
    font-weight: 600 !important;
}
.select2-results__option--highlighted[aria-selected="true"] {
    background-color: #13357b !important;
    color: #ffffff !important;
}
/* Premium Group Headers styling */
.select2-results__group {
    font-weight: 700 !important;
    color: #64748b !important;
    background: transparent !important;
    padding: 10px 14px 4px 14px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* 6. Hero Slider Indicators and Controls */
#carouselId .carousel-control-prev,
#carouselId .carousel-control-next,
.carousel-header .carousel-control-prev,
.carousel-header .carousel-control-next {
    width: 44px !important;
    height: 44px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    opacity: 0.85 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    transition: all 0.25s ease !important;
}
#carouselId .carousel-control-prev:hover,
#carouselId .carousel-control-next:hover,
.carousel-header .carousel-control-prev:hover,
.carousel-header .carousel-control-next:hover {
    opacity: 1 !important;
}
#carouselId .carousel-control-prev,
.carousel-header .carousel-control-prev {
    left: 30px !important;
    right: auto !important;
}
#carouselId .carousel-control-next,
.carousel-header .carousel-control-next {
    right: 30px !important;
    left: auto !important;
}
#carouselId .carousel-control-prev-icon,
#carouselId .carousel-control-next-icon,
.carousel-header .carousel-control-prev-icon,
.carousel-header .carousel-control-next-icon {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #13357b !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
#carouselId .carousel-control-prev-icon::after,
.carousel-header .carousel-control-prev-icon::after {
    content: "\f053" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}
#carouselId .carousel-control-next-icon::after,
.carousel-header .carousel-control-next-icon::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}
#carouselId .carousel-control-prev-icon:hover,
#carouselId .carousel-control-next-icon:hover,
.carousel-header .carousel-control-prev-icon:hover,
.carousel-header .carousel-control-next-icon:hover {
    background-color: #13357b !important;
    color: #ffffff !important;
    border-color: #13357b !important;
    transform: scale(1.08) !important;
}

/* 7. Section Titles */
.main-heading {
    margin-bottom: 45px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
}
.section-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #13357b !important;
    letter-spacing: -0.6px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    display: inline-block !important;
}
.section-title::after {
    display: none !important;
}
.section_text {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    color: #f59e0b !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 8. Top Product Cards Overhaul */
.unique_section {
    padding: 80px 0 !important;
    background-color: #f8fafc !important;
}
.unique_box {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.unique_box:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.product_slider {
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
}
.product_block {
    height: 250px !important;
    min-height: 250px !important;
}
.product_block img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.unique_box:hover .product_block img {
    transform: scale(1.03) !important;
}
.heart-icon,
.wishlist_icon {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.heart-icon:hover,
.wishlist_icon:hover {
    transform: scale(1.15) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.heart-icon svg,
.wishlist_icon i {
    width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    fill: transparent !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    stroke-width: 30px !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)) !important;
    transition: all 0.2s ease !important;
}
.heart-icon:hover svg,
.wishlist_icon:hover i {
    fill: #ff385c !important;
    stroke: #ff385c !important;
    color: #ff385c !important;
}
.product_det {
    padding: 16px 0 0 0 !important; /* 0 side padding aligns text to image edge */
    background: transparent !important; /* Borderless, flat look */
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.product_content {
    display: flex !important;
    flex-direction: column !important; /* Stack vertically */
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
}
.product_name {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}
.product_name h3 {
    font-family: 'Manrope', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: auto !important; /* Let height flow naturally like target */
}
.product_name h3 a {
    color: #0f172a !important;
    text-decoration: none !important;
}
.product_name h3 a:hover {
    color: #13357b !important;
}
.product_name span {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important; /* Black bold price text */
    margin-top: 4px !important;
    display: block !important;
}
.product_name span::before {
    content: "from " !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 400 !important;
}
/* Strikethrough and Ins styling for sales */
.product_name span del {
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    margin-right: 6px !important;
    font-weight: 400 !important;
}
.product_name span ins {
    text-decoration: none !important;
    background: transparent !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.rating {
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #1e293b !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}
.rating small {
    color: #f59e0b !important;
    font-size: 13.5px !important;
}
.rating::after {
    content: " (243 Reviews)" !important; /* Authentic premium reviews label */
    color: #64748b !important;
    font-weight: 400 !important;
    margin-left: 4px !important;
    font-size: 12.5px !important;
}

/* 9. HTML Mockup Card Support overrides */
.product_details {
    padding: 16px 0 0 0 !important;
    background: transparent !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.product_title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
}
.product_title h5 {
    font-family: 'Manrope', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: auto !important;
}
.rating_box {
    flex-shrink: 0 !important;
    color: #1e293b !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 0 !important;
}
.rating_box i {
    color: #f59e0b !important;
    font-size: 13.5px !important;
}
.rating_box::after {
    content: " (243 Reviews)" !important;
    color: #64748b !important;
    font-weight: 400 !important;
    margin-left: 4px !important;
    font-size: 12.5px !important;
}
.product_price {
    margin-top: 4px !important;
    width: 100% !important;
}
.product_price h4 {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}
.product_price h4::before {
    content: "from " !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 400 !important;
}
.product_price h4 span {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 400 !important;
}
/* Save percentage badge support in mockup */
.product_price .badge,
.product_price span.onsale,
.product_price span[class*="save"] {
    background-color: #10b981 !important;
    color: #ffffff !important;
    padding: 3px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    margin-left: 8px !important;
    display: inline-block !important;
}

/* Card image sliders controls */
/* Card image sliders controls */
.product_slider .owl-prev,
.product_slider .owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    background-image: none !important; /* Hide native background SVG arrow */
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: transparent !important; /* Hide original uncentered text */
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    z-index: 10 !important;
}
.product_slider .owl-prev::before,
.product_slider .owl-next::before,
.product_slider .owl-prev:hover::before,
.product_slider .owl-next:hover::before,
.product_slider .owl-prev span,
.product_slider .owl-next span,
.product_slider .owl-prev i,
.product_slider .owl-next i,
.product_slider .owl-prev svg,
.product_slider .owl-next svg,
.product_slider .owl-prev:hover span,
.product_slider .owl-next:hover span,
.product_slider .owl-prev:hover i,
.product_slider .owl-next:hover i,
.product_slider .owl-prev:hover svg,
.product_slider .owl-next:hover svg {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    color: transparent !important;
}
.product_slider .owl-prev {
    left: 12px !important;
}
.product_slider .owl-next {
    right: 12px !important;
}
.product_slider .owl-prev::after,
.product_slider .owl-next::after {
    color: #1e293b !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-weight: 500 !important;
}
.product_slider .owl-prev::after {
    content: "‹" !important;
    font-size: 20px !important;
}
.product_slider .owl-next::after {
    content: "›" !important;
    font-size: 20px !important;
}
.product_slider .owl-prev:hover,
.product_slider .owl-next:hover {
    background-color: #13357b !important;
    border-color: #13357b !important;
    background-image: none !important;
}
.product_slider .owl-prev:hover::after,
.product_slider .owl-next:hover::after {
    color: #ffffff !important;
}

/* 9. Trending Activities Section */
.ExploreTour {
    padding: 80px 0 !important;
    background-color: #ffffff !important;
}
.ExploreTour .national-item {
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    position: relative !important;
    min-height: 220px !important;
}
.ExploreTour .national-item img {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    min-height: 220px !important;
}
.ExploreTour .national-item::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.85) 100%) !important;
    z-index: 1 !important;
    transition: opacity 0.4s ease !important;
}
.ExploreTour .national-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(19, 53, 123, 0.14) !important;
}
.ExploreTour .national-item:hover img {
    transform: scale(1.08) !important;
}
.ExploreTour .national-item .national-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 2 !important;
    padding: 24px !important;
    text-align: left !important;
}
.ExploreTour .national-item .national-info {
    position: static !important;
    padding: 0 !important;
}
.ExploreTour .national-item .city_text {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.3s ease !important;
}
.ExploreTour .national-item:hover .city_text {
    transform: translateY(-2px) !important;
}

/* 10. Why Book With Us Section */
.about_Section {
    background: #f8fafc !important;
    padding: 90px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.about_inner {
    display: flex !important;
    align-items: center !important;
    gap: 80px !important;
    margin-bottom: 60px !important;
}
.about_inner .main-heading {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex: 1 !important;
}
.about_inner .main-heading .section-title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.5px !important;
}
.about_inner .main-heading .section_text {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #f97316 !important; /* Curated luxury orange */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 20px !important;
}
.about_inner .main-heading p {
    color: #475569 !important;
    line-height: 1.85 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    max-width: 600px !important;
}
.about_img {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
}
@keyframes floatGraphics {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.about_img img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 28px !important;
    filter: drop-shadow(0 20px 40px rgba(15, 23, 42, 0.08)) !important;
    animation: floatGraphics 6s ease-in-out infinite !important;
}
.about_project {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 35px 20px !important;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.03) !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    margin-top: 50px !important;
}
.about_project .outer {
    border-right: 1px solid #f1f5f9 !important;
    border-bottom: none !important;
    padding: 10px 30px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    justify-content: flex-start !important;
    height: 100% !important;
    transition: all 0.3s ease !important;
}
.about_project .outer:hover {
    transform: translateY(-3px) !important;
}
.about_project .col-12:last-child .outer {
    border-right: none !important;
}
@media (max-width: 991px) {
    .about_inner {
        flex-direction: column !important;
        gap: 40px !important;
    }
    .about_project .outer {
        border-right: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        padding: 20px 10px !important;
    }
    .about_project .col-12:last-child .outer {
        border-bottom: none !important;
    }
}
.about_project .catgory_img {
    width: 56px !important;
    height: 56px !important;
    background: #f0f5ff !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
}
.about_project .catgory_img::after {
    content: none !important; /* Disable native cluttered background shapes */
    display: none !important;
}
.about_project .outer:hover .catgory_img {
    background: #dbeafe !important;
    box-shadow: 0 8px 24px rgba(19, 53, 123, 0.08) !important;
}
.about_project .outer:hover .catgory_img img {
    transform: scale(1.1) rotate(3deg) !important;
}
.about_project .catgory_img img {
    width: 28px !important;
    height: auto !important;
    position: static !important; /* Reset absolute centering to align inside flex container */
    margin: 0 !important;
    mix-blend-mode: multiply !important; /* Blend any white image canvas with the soft blue background */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.about_project .category-content p {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.about_project .category-content p span {
    display: block !important;
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 3px !important;
}

/* 11. Welcome to Travela Section */
.about {
    background: #ffffff !important;
    padding: 80px 0 !important;
}
.about .traveller-img img {
    border-radius: 28px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08) !important;
}
.about .section_text {
    color: #f59e0b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 12px !important;
}
.about .section-title {
    font-size: 36px !important;
    margin-bottom: 24px !important;
}
.about p {
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}
.about ul {
    padding-left: 0 !important;
    margin-top: 24px !important;
}
.about .col-sm-12 p {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    transition: all 0.2s ease !important;
}
.about .col-sm-12 p:hover {
    color: #13357b !important;
    transform: translateX(4px);
}
.about .col-sm-12 p i {
    color: #10b981 !important;
    background: #ecfdf5 !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    transition: all 0.3s ease !important;
}
.about .col-sm-12 p:hover i {
    background: #10b981 !important;
    color: #ffffff !important;
}
.about .fa-long-arrow-alt-right::before {
    content: "\f00c" !important;
}

/* 12. Main Brand Action Buttons */
.btn-primary.rounded-pill {
    background: #13357b !important;
    border: 1px solid #13357b !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 12px 32px !important;
    box-shadow: 0 4px 15px rgba(19, 53, 123, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border-radius: 100px !important;
}
.btn-primary.rounded-pill:hover {
    background: #0b1a3a !important;
    border-color: #0b1a3a !important;
    box-shadow: 0 8px 25px rgba(19, 53, 123, 0.3) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* 13. High-End Footer Overhaul */
.footer {
    background: #080E1E !important; /* Deep luxury navy blue */
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important; /* Elegant subtle top divider */
    padding: 90px 0 60px 0 !important;
    color: #cbd5e1 !important; /* Elegant light slate text */
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.footer h4 {
    font-family: 'Outfit', sans-serif !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 25px !important;
    position: relative !important;
}

.footer-desc {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    color: #cbd5e1 !important; /* High contrast text */
}

/* Neutralize global theme style overrides */
.footer .footer-item a {
    color: #cbd5e1 !important;
    line-height: inherit !important;
    transition: color 0.25s ease !important;
    letter-spacing: normal !important;
}

.footer .footer-item a:hover {
    color: #ffffff !important;
    letter-spacing: normal !important;
}

/* Menu links */
.footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-links li {
    margin-bottom: 12px !important;
}

.footer-links li a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    transition: color 0.25s ease !important;
    position: relative !important;
    letter-spacing: normal !important;
}

/* Elegant left border bar hover effect instead of text shifting */
.footer-links li a::after {
    content: '' !important;
    position: absolute !important;
    width: 0% !important;
    height: 1.5px !important;
    bottom: -2px !important;
    left: 0 !important;
    background-color: #f97316 !important; /* Brand orange underline */
    transition: width 0.25s ease !important;
}

.footer-links li a:hover {
    color: #ffffff !important;
    letter-spacing: normal !important;
}

.footer-links li a:hover::after {
    width: 100% !important;
}

/* Logo styling overrides to prevent header global styles from darkening the text */
.footer .travlofy-logo-text {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: -0.5px !important;
}

.footer .travlofy-logo-accent {
    color: #f97316 !important;
    background: none !important;
    -webkit-text-fill-color: #f97316 !important;
    -webkit-background-clip: initial !important;
    display: inline-block !important;
}

/* Contact Info Section */
.footer-contact-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.footer-contact-info-item {
    display: flex !important;
    align-items: flex-start !important;
    text-decoration: none !important;
    color: #cbd5e1 !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    transition: color 0.25s ease !important;
    letter-spacing: normal !important;
}

.footer-contact-info-item.linkable:hover {
    color: #ffffff !important;
    letter-spacing: normal !important;
}

.footer-contact-info-item .contact-icon {
    font-size: 15px !important;
    color: #f97316 !important; /* Brand orange for small icons */
    margin-right: 12px !important;
    margin-top: 3px !important;
    width: 16px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease !important;
}

.footer-contact-info-item.linkable:hover .contact-icon {
    transform: scale(1.15) !important;
}

/* Social Buttons */
.footer-socials {
    gap: 12px !important;
}

.social-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
}

.social-btn:hover {
    background: #f97316 !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(249, 115, 22, 0.3) !important;
}

.social-btn i {
    font-size: 14px !important;
}

/* Payment Icons Grid */
.footer-payments-section .payment-title {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.footer-bank-card {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.payment-icon-slot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 28px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 4px !important;
    color: #64748b !important;
    transition: all 0.25s ease !important;
}

.payment-icon-slot:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.payment-icon-slot i {
    font-size: 16px !important;
}

/* Copyright Section */
.copyright {
    background: #040811 !important; /* Even deeper contrast for bottom bar */
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 24px 0 !important;
    color: #475569 !important;
    font-size: 13px !important;
}

.copyright-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.copyright-text a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.25s ease !important;
}

.copyright-text a:hover {
    color: #f97316 !important;
}

/* Premium Back to Top Button */
.back-to-top {
    position: fixed !important;
    right: 30px !important;
    bottom: 30px !important;
    z-index: 9999 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: #f97316 !important;
    border: 1px solid #f97316 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.back-to-top:hover {
    background: #13357b !important;
    border-color: #13357b !important;
    color: #ffffff !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(19, 53, 123, 0.4) !important;
}

.back-to-top i {
    font-size: 16px !important;
    color: #ffffff !important;
}

/* 14. Custom About Us Page Styles */
.about-editorial {
    background: #f7f7f7 !important;
    padding: 110px 0 !important;
}

.brand-intro {
    margin-bottom: 35px !important;
}

.we-are-text {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    color: #475569 !important;
    line-height: 1.2 !important;
}

.brand-title-serif {
    font-family: 'Noto Serif', 'Georgia', serif !important;
    font-size: 72px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    letter-spacing: -1.5px !important;
    margin-top: -5px !important;
    margin-bottom: 0 !important;
    line-height: 1.05 !important;
}

.about-column-text p {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #475569 !important;
    line-height: 1.85 !important;
    margin-bottom: 28px !important;
}

/* Make font weights bold for highlight terms like "homestays & villas", "myBiz", etc. */
.about-column-text strong, 
.about-column-text b {
    font-weight: 700 !important;
    color: #1e293b !important;
}

/* Ensure right column flows perfectly alongside left heading */
@media (min-width: 992px) {
    .right-col-text {
        padding-top: 10px !important;
    }
}

/* Our Footprint Styling (Screenshot 1) */
.about-footprint {
    background-color: #13357b !important;
    position: relative !important;
    overflow: hidden !important;
}

.about-footprint-bg {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    pointer-events: none;
    z-index: 1;
}

.about-footprint-bg svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footprint-title {
    font-family: 'Noto Serif', 'Georgia', serif !important;
    color: #ffffff !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.footprint-subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.footprint-card {
    background: #ffffff !important;
    border-radius: 8px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.footprint-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.footprint-number {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    color: #0f172a !important;
    font-size: 32px !important;
    font-weight: 800 !important;
}

.footprint-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #475569 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

/* Our Culture Styling (Screenshot 2) */
.about-culture {
    background-color: #f7f7f7 !important;
    padding: 90px 0 !important;
}

.culture-title {
    font-family: 'Noto Serif', 'Georgia', serif !important;
    color: #0f172a !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.culture-subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #475569 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.culture-card {
    background: #ffffff !important;
    padding: 32px 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(15, 23, 42, 0.02) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.culture-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08) !important;
}

.culture-illustration {
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.culture-card-title {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
}

.culture-card-desc {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
}

/* Our Team Styling */
.about-team {
    background-color: #ffffff !important;
    padding: 90px 0 !important;
}

.team-title {
    font-family: 'Noto Serif', 'Georgia', serif !important;
    color: #0f172a !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.team-subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #475569 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.team-member-card {
    transition: all 0.3s ease !important;
}

.team-member-img-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

.team-img {
    transition: transform 0.4s ease !important;
}

.team-member-img-wrapper:hover .team-img {
    transform: scale(1.05) !important;
}

.team-social-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(19, 53, 123, 0.8) !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

.team-member-img-wrapper:hover .team-social-overlay {
    opacity: 1 !important;
}

.team-social-link {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #13357b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 6px !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.team-social-link:hover {
    background: #f97316 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

.team-member-name {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-top: 12px !important;
}

.team-member-role {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    color: #f97316 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 15. Custom Contact Us Page Styles */
.contact-hero-section {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.contact-hero-section a:hover {
    color: #f97316 !important;
}

.contact-hero-section .form-control,
.contact-hero-section .form-select {
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
}

.contact-hero-section .form-control:focus,
.contact-hero-section .form-select:focus {
    border-color: #13357b !important;
    box-shadow: 0 0 0 4px rgba(19, 53, 123, 0.08) !important;
    background-color: #ffffff !important;
}

.btn-contact-submit {
    background-color: #13357b !important;
    color: #ffffff !important;
    border: 1px solid #13357b !important;
    transition: all 0.25s ease-in-out !important;
}

.btn-contact-submit:hover {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.2) !important;
}

/* Location map custom overlays and marker */
.map-tooltip-overlay {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
    pointer-events: auto !important;
}

.map-tooltip-overlay::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 28px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
}

.map-marker-dot {
    width: 24px;
    height: 24px;
}

.marker-core {
    width: 10px;
    height: 10px;
    background-color: #13357b;
    border: 2px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 7px;
    box-shadow: 0 0 8px rgba(19, 53, 123, 0.5);
}

.marker-pulse {
    width: 24px;
    height: 24px;
    background-color: rgba(19, 53, 123, 0.25);
    border-radius: 50%;
    position: absolute;
    animation: mapPulse 2s infinite ease-out;
}

@keyframes mapPulse {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* FAQ Styles (Split section style) */
.faq-row-item {
    border-bottom: 1px solid #e2e8f0 !important;
}

.faq-row-item:last-child {
    border-bottom: none !important;
}

.faq-trigger {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: color 0.25s ease-in-out !important;
}

.faq-question {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    transition: color 0.2s ease-in-out !important;
}
.faq-icon-circle {
    color: #64748b !important;
    font-size: 14px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.25s ease-in-out, color 0.25s ease-in-out !important;
}

/* Active/Hover states */
.faq-trigger:hover .faq-question {
    color: #13357b !important;
}

.faq-trigger:hover .faq-icon-circle {
    color: #13357b !important;
}

.faq-trigger:not(.collapsed) .faq-question {
    color: #13357b !important;
    font-weight: 600 !important;
}

.faq-trigger:not(.collapsed) .faq-icon-circle {
    transform: rotate(180deg) !important;
    color: #13357b !important;
}

.faq-answer-content {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    transition: all 0.25s ease-in-out !important;
}

/* Rayna Tours Style Header Styling */
.rayna-header {
    background:transparent !important;
    padding: 14px 0 !important;
    font-family: 'Jost', 'Montserrat', 'Plus Jakarta Sans', sans-serif !important;
    position: relative !important;
    z-index: 9999 !important;
    width: 100% !important;
    overflow: visible !important;
}

.rayna-header-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 4px !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.rayna-logo-container {
    display: inline-block !important;
}

/* Logo */
.travlofy-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    height: 52px !important;
}

.travlofy-logo-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    display: block !important;
}

.travlofy-logo-text {
    font-family: 'Jost', 'Montserrat', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.5px !important;
    line-height: 1.1 !important;
}

.travlofy-logo-accent {
    background: linear-gradient(135deg, #0F4C81 0%, #3BA6F5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

/* Controls */
.rayna-header-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.rayna-btn-outline {
    box-sizing: border-box !important;
    border: 1px solid #E5E7EB !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #6B7280 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    height: 38px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.rayna-btn-outline i {
    font-size: 16px !important;
    color: #6B7280 !important;
}

.rayna-btn-outline:hover, .rayna-btn-outline:focus {
    border-color: #6B7280 !important;
    color: #111827 !important;
    background: #FAFBFC !important;
    outline: none !important;
}

.lang-curr-btn {
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 0 16px !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 38px !important;
    white-space: nowrap !important;
}

.rayna-profile-circle {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    background-color: #eaeaea !important;
    border: none !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.rayna-profile-circle i {
    font-size: 19px !important;
    color: #111827 !important;
    line-height: 1 !important;
}

.rayna-profile-circle:hover {
    background-color: #d1d5db !important;
    color: #111827 !important;
}

.rayna-cart-icon {
    font-size: 21px !important;
    color: #6B7280 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    box-sizing: border-box !important;
}

.rayna-cart-icon:hover {
    color: #0F4C81 !important;
}

.rayna-search-trigger-mobile {
    display: none !important;
}

/* Bottom Row */
.rayna-header-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-top: 4px !important;
    position: relative !important;
}

.rayna-nav-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.rayna-tab {
    background: #F3F4F6 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 8px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #6B7280 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.rayna-tab:hover {
    background: #FFFFFF !important;
    color: #0F4C81 !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

.rayna-tab.active {
    background: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    color: #0F4C81 !important;
    font-weight: 400 !important;
    border-color: transparent !important;
}

.rayna-tab-icon {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rayna-tab-img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
    display: inline-block !important;
}

.rayna-tab-icon i {
    font-size: 16px !important;
    color: #9ca3af;
    transition: color 0.2s ease !important;
}

/* Custom Tab Icon Colors */
.tab-icon-activities {
    color: #3BA6F5 !important;
}
.tab-icon-tours {
    color: #F4B942 !important;
}
.tab-icon-stays {
    color: #0F4C81 !important;
}
.tab-icon-treks {
    color: #1FA971 !important;
}
.tab-icon-cruise {
    color: #3BA6F5 !important;
}

/* Search bar styling */
.rayna-search-container {
    flex: 0 0 350px !important;
    max-width: 250px !important;
}

.rayna-search-form {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.rayna-search-input {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 30px !important;
    padding: 10px 20px 10px 42px !important;
    font-size: 14px !important;
    color: #111827 !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    height: 42px !important;
}

.rayna-search-input:focus {
    border-color: #3BA6F5 !important;
    box-shadow: 0 0 0 3px rgba(59, 166, 245, 0.12) !important;
}

.rayna-search-placeholder-overlay {
    position: absolute !important;
    left: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: #9ca3af !important;
    pointer-events: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    font-family: 'Jost', 'Montserrat', 'Plus Jakarta Sans', sans-serif !important;
}

.placeholder-bold {
    color: #111827 !important;
    font-weight: 600 !important;
}

.search-sparkle-icon {
    position: absolute !important;
    left: 16px !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #0F4C81 0%, #3BA6F5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Mobile responsive styles */
@media (max-width: 991px) {
    .rayna-header-top {
        justify-content: space-between !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    
    .rayna-header-controls {
        gap: 12px !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Hide Helpline, Country Selector, Profile Icon on mobile */
    .rayna-dropdown,
    .lang-curr-btn,
    .rayna-profile-circle {
        display: none !important;
    }
    
    /* Show mobile search button and style it */
    .rayna-search-trigger-mobile {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        width: 38px !important;
        height: 38px !important;
        color: #6B7280 !important;
        font-size: 23px !important;
        cursor: pointer !important;
        transition: color 0.25s ease !important;
    }
    
    .rayna-search-trigger-mobile:focus {
        outline: none !important;
    }
    
    .rayna-search-trigger-mobile .sparkle-badge {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
        font-size: 10px !important;
        background: linear-gradient(135deg, #0F4C81 0%, #3BA6F5 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        pointer-events: none !important;
    }
    
    .rayna-cart-icon {
        font-size: 23px !important;
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
    }
    
    .rayna-header-bottom {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin-top: 4px !important;
    }
    
    /* Search Bar is toggled on mobile */
    .rayna-search-container {
        display: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 4px !important;
    }
    
    .rayna-search-container.mobile-show {
        display: block !important;
        animation: slideDownSearch 0.25s ease-out !important;
    }
    
    @keyframes slideDownSearch {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Scrollable Tabs Styling to match Image 2 */
    .rayna-nav-tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding: 4px 2px 14px 2px !important; /* bottom padding allows box shadow overflow */
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    
    .rayna-nav-tabs::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Individual Tab Cards */
    .rayna-tab {
        flex: 0 0 auto !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 73px !important;
        height: 63px !important;
        padding: 12px 6px 10px 6px !important;
        border-radius: 18px !important;
        background: #f4f5f7 !important;
        border: 1px solid transparent !important;
        gap: 6px !important;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    
    /* Inactive Tab Text & Icon styling */
    .rayna-tab span:not(.rayna-tab-icon) {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #7c8087 !important;
        text-align: center !important;
        display: block !important;
        line-height: 1.2 !important;
    }
    
    .rayna-tab-icon {
        opacity: 0.65 !important;
        transition: opacity 0.25s ease !important;
    }
    
    .rayna-tab-img {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 2px !important;
    }
    
    /* Active Tab Card Styling */
    .rayna-tab.active {
        background: #ffffff !important;
        border-color: transparent !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    }
    
    .rayna-tab.active span:not(.rayna-tab-icon) {
        color: #1e293b !important;
        font-weight: 600 !important;
    }
    
    .rayna-tab.active .rayna-tab-icon {
        opacity: 1 !important;
    }
}

/* Helpline Dropdown Overlay */
.rayna-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(17, 24, 39, 0.4) !important;
    z-index: 9998 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.rayna-overlay.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Ensure header elements stack correctly when dropdown is active */
.dropdown.rayna-dropdown.show {
    position: relative;
    z-index: 9999 !important;
}

.dropdown.rayna-dropdown.show .rayna-btn-outline {
    position: relative;
    z-index: 10000 !important;
    background: #FFFFFF !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    color: #0F4C81 !important;
}

.dropdown.rayna-dropdown.show .rayna-btn-outline i {
    color: #0F4C81 !important;
}

/* Dropdown Menu Styling */
.rayna-dropdown .dropdown-menu {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    padding: 12px !important;
    min-width: 280px !important;
    margin-top: 8px !important;
    background: #FFFFFF !important;
    z-index: 10001 !important;
}

.rayna-dropdown .dropdown-item.helpline-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    color: #111827 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    margin-bottom: 4px;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    width: 100% !important;
}

.rayna-dropdown .dropdown-item.helpline-item:last-child {
    margin-bottom: 0;
}

.rayna-dropdown .dropdown-item.helpline-item:hover {
    background-color: #FAFBFC !important;
    color: #0F4C81 !important;
}

.helpline-item-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #111827 !important;
}

.helpline-item-left i {
    font-size: 16px !important;
    color: #6B7280 !important;
    transition: color 0.2s ease !important;
}

.rayna-dropdown .dropdown-item.helpline-item:hover .helpline-item-left i {
    color: #0F4C81 !important;
}

.rayna-dropdown .dropdown-item.helpline-item:hover .helpline-item-left {
    color: #0F4C81 !important;
}

.helpline-number {
    font-size: 14px !important;
    color: #6B7280 !important;
    font-weight: 400 !important;
}

.rayna-dropdown .dropdown-item.helpline-item:hover .helpline-number {
    color: #0F4C81 !important;
}

/* Popular Categories Section */
.popular-categories-section {
    background-color: #FAFBFC !important;
  
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin-top: 40px !important;
}

.categories-section-title {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

.view-all-link {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.view-all-link:hover {
    color: #0F4C81 !important;
}

.custom-carousel-nav {
    display: flex !important;
    gap: 8px !important;
}

.custom-carousel-nav .nav-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid #E5E7EB !important;
    background: #FFFFFF !important;
    color: #6B7280 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
}

.custom-carousel-nav .nav-btn:hover {
    background: #0F4C81 !important;
    color: #FFFFFF !important;
    border-color: #0F4C81 !important;
    box-shadow: 0 4px 12px rgba(15, 76, 129, 0.2) !important;
}

.category-card {
    display: block !important;
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #E5E7EB !important;
    text-decoration: none !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.category-card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
    border-color: #0F4C81 !important;
}

.category-image-wrapper {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1.1 / 1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}

.category-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.category-info {
    padding: 2px 4px !important;
}

.category-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin-bottom: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

.category-sub {
    font-size: 12px !important;
    color: #6B7280 !important;
    font-weight: 400 !important;
    display: block !important;
    text-align: left !important;
}

/* Discover Amazing Activities Section */
.amazing-activities-section {
    background-color: #FAFBFC !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.activity-card-new {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid #E5E7EB !important;
    transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.activity-card-new:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    border-color: #0F4C81 !important;
}

.activity-img-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* 1:1 Ratio */
    overflow: hidden !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.activity-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.activity-img-wrap .owl-carousel,
.activity-img-wrap .owl-stage-outer,
.activity-img-wrap .owl-stage,
.activity-img-wrap .owl-item,
.activity-img-wrap .item,
.activity-img-wrap .product_block {
    height: 100% !important;
}

.wishlist-btn-new {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.2s ease !important;
    z-index: 2 !important;
}

.wishlist-btn-new:hover {
    background: #FFFFFF !important;
    color: #EF4444 !important;
    transform: scale(1.05) !important;
}

.activity-info-new {
    padding: 16px !important;
}

.activity-title-new {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

.activity-meta-new {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

.rating-star {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

.rating-reviews {
    font-size: 12px !important;
    color: #6B7280 !important;
}

.activity-pricing-new {
    text-align: left !important;
}

.price-from-new {
    display: block !important;
    font-size: 11px !important;
    color: #6B7280 !important;
    margin-bottom: 2px !important;
}

.old-price-new {
    text-decoration: line-through !important;
}

.price-row-new {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.current-price-new {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}

.save-badge-new {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #16A34A !important;
    background: #DCFCE7 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
}

/* Popular Destinations Section */
.popular-destinations-section {
    background-color: #FAFBFC !important;

}


/* Dubai, Bali, Singapore Activities Sections */
.dubai-activities-section,
.bali-activities-section,
.singapore-activities-section,
.ladakh-activities-section {
    background-color: #FAFBFC !important;

}

/* Customer Reviews Section */
.customer-reviews-section {
    background-color: #F1F5F9 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.review-card {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #E5E7EB !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    transition: all 0.2s ease-in-out !important;
}

.customer-reviews-carousel .review-card {
    height: 280px !important;
}

.review-card:hover {
    border-color: #0F4C81 !important;
    box-shadow: 0 8px 24px rgba(15, 76, 129, 0.06) !important;
}

.review-quote-icon {
    position: absolute !important;
    top: 20px !important;
    right: 24px !important;
    font-size: 28px !important;
    color: rgba(15, 76, 129, 0.15) !important;
    line-height: 1 !important;
}

.review-badge-wrap {
    margin-bottom: 16px !important;
    text-align: left !important;
}

.review-badge {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #0F4C81 !important;
    background: #EBF4FA !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
}

.review-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #374151 !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 90px !important;
}

.review-stars {
    margin-bottom: 20px !important;
    text-align: left !important;
}

.review-stars i {
    font-size: 14px !important;
}

.review-user {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-top: 1px solid #F3F4F6 !important;
    padding-top: 16px !important;
    text-align: left !important;
}

.user-avatar-wrap {
    width: 40px !important;
    height: 40px !important;
    background: #EBF4FA !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.user-avatar-icon i {
    font-size: 20px !important;
    color: #0F4C81 !important;
}

.user-info-text {
    display: flex !important;
    flex-direction: column !important;
}

.user-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 2px !important;
}

.user-date {
    font-size: 11px !important;
    color: #6B7280 !important;
}

/* Your Journey, Our Commitment Section */
.journey-commitment-sec {
    background-color: #F1F5F9 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.section-subtitle-new {
    font-size: 14px !important;
    color: #6B7280 !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
}

.journey-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 32px 24px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    height: 100% !important;
    text-align: left !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.01) !important;
}

.journey-card:hover {
    border-color: #0F4C81 !important;
    box-shadow: 0 8px 24px rgba(15, 76, 129, 0.06) !important;
    transform: translateY(-4px) !important;
}

.journey-icon-box {
    width: 52px !important;
    height: 52px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    background: #EBF4FA !important;
}

.journey-icon-box i {
    font-size: 24px !important;
    color: #0F4C81 !important;
    line-height: 1 !important;
}

.journey-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 12px !important;
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
}

.journey-text {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #4B5563 !important;
    margin-bottom: 0 !important;
}

/* Redesigned Why Choose Us / Book With Us Section */
.about_Section {
    background-color: #FAFBFC !important;
    padding: 100px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.about_Section .section-title {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin-bottom: 8px !important;
    letter-spacing: -1px !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

.about_Section .section_text {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #FF5B00 !important; /* Theme Accent Orange */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 24px !important;
}

.about_Section p {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
    color: #4B5563 !important;
    line-height: 1.8 !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
}

.about_Section .about_img img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 28px !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08) !important;
    animation: floatGraphics 6s ease-in-out infinite !important;
}

.about-point-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 20px !important;
    padding: 28px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.01) !important;
    height: 100% !important;
}

.about-point-card:hover {
    transform: translateY(-5px) !important;
    border-color: #0F4C81 !important; /* Theme primary blue */
    box-shadow: 0 16px 36px rgba(15, 76, 129, 0.08) !important;
}

.about-point-card .icon-wrap {
    width: 52px !important;
    height: 52px !important;
    background: #EBF4FA !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

.about-point-card:hover .icon-wrap {
    background: #0F4C81 !important;
}

.about-point-card .icon-wrap img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}

.about-point-card:hover .icon-wrap img {
    filter: brightness(0) invert(1) !important;
}

.about-point-card .point-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.about-point-card .point-tag {
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    font-family: 'Outfit', sans-serif !important;
}

.about-point-card .point-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    font-family: 'Outfit', sans-serif !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

@keyframes floatGraphics {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}

.about-main-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Customer Reviews Section Global Overrides */
.customer-reviews-section .section_text {
    text-transform: none !important;
    color: #6B7280 !important;
    letter-spacing: normal !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
    display: block !important;
}

/* Mobile Home Slider aspect-ratio 3:4 */
@media (max-width: 767px) {
    .carousel-header {
        margin-top: 0px !important;
    }
    .carousel-header .carousel-inner {
        aspect-ratio: 3 / 4 !important;
    }
    .carousel-header .carousel-inner .carousel-item {
        height: 100% !important;
        min-height: 0 !important;
    }
    .carousel-header .carousel-inner .carousel-item img {
        height: 100% !important;
        object-fit: cover !important;
    }
    #carouselId .carousel-control-prev,
    #carouselId .carousel-control-next {
        display: none !important;
    }

    /* Popular Categories and Destinations Mobile font-sizes and nav arrows */
    .categories-section-title {
        font-size: 18px !important;
    }
    .view-all-link {
        font-size: 12px !important;
    }
    .custom-carousel-nav .nav-btn {
        width: 28px !important;
        height: 28px !important;
        font-size: 13px !important;
    }
    .category-name {
        font-size: 13px !important;
    }
    .category-sub {
        font-size: 10px !important;
    }
    .popular-categories-section {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .popular-destinations-section {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    /* Your Journey, Our Commitment Mobile typography and spacing */
    .journey-card {
        padding: 24px 18px !important;
    }
    .journey-icon-box {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 16px !important;
    }
    .journey-icon-box i {
        font-size: 20px !important;
    }
    .journey-title {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }
    .journey-text {
        font-size: 12px !important;
    }
    .section-subtitle-new {
        max-width: 260px !important;
        font-size: 10px !important;
    }
    .journey-commitment-sec {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .journey-commitment-sec .custom-carousel-nav {
        display: none !important;
    }

    /* Customer Reviews Mobile Style overrides */
    .customer-reviews-section .custom-carousel-nav {
        display: none !important;
    }
    .customer-reviews-section {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .customer-reviews-section .section_text {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
    .review-card {
        padding: 16px !important;
    }
    .customer-reviews-carousel .review-card {
        height: 220px !important;
    }
    .review-text {
        font-size: 12px !important;
        height: auto !important;
        min-height: 72px !important;
        max-height: 90px !important;
        margin-bottom: 12px !important;
    }
    .review-stars {
        margin-bottom: 12px !important;
    }
    .review-badge {
        font-size: 10px !important;
        padding: 2px 10px !important;
    }
    .review-user {
        padding-top: 12px !important;
        gap: 8px !important;
    }
    .user-avatar-wrap {
        width: 32px !important;
        height: 32px !important;
    }
    .user-avatar-icon i {
        font-size: 16px !important;
    }
}

/* ==========================================================================
   Airbnb & Thrillophilia Competitor-Beating Premium Slider Search Console
   ========================================================================== */
.slider-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(17, 24, 39, 0.4) !important;
    z-index: 99999;
    transition: all 0.25s ease;
}

#carouselId.active-search {
    position: relative;
    z-index: 100000 !important;
    overflow: visible !important;
}

@media (min-width: 992px) {
    #carouselId.active-search::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 24, 39, 0.4) !important;
        z-index: 99;
        pointer-events: auto;
        border-radius: 20px;
        transition: all 0.25s ease;
    }
}

#carouselId.active-search .carousel-indicators,
#carouselId.active-search .carousel-control-prev,
#carouselId.active-search .carousel-control-next,
#carouselId.active-search .carousel-inner {
    z-index: 1 !important;
}

#carouselId.active-search .carousel_content {
    z-index: 100 !important;
}

.slider-search-wrapper {
    position: relative;
    width: 100%;
    max-width: 550px;
    margin: 20px auto 0 auto;
    z-index: 100;
}

.slider-search-wrapper.active {
    z-index: 100001;
}

.slider-search-bar {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 100px;
    padding: 8px 8px 8px 24px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.slider-search-bar:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.35);
    border-color: rgba(19, 53, 123, 0.2);
}

.search-icon-wrap {
    color: #13357b;
    font-size: 20px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 2px 10px rgba(19, 53, 123, 0.15);
}

.search-input-col {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.search-label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #13357b;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.search-value {
    font-size: 15px;
    color: #475569;
    font-weight: 600;
}

.search-submit-btn {
    width: 46px;
    height: 46px;
    background: #f97316;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.slider-search-bar:hover .search-submit-btn {
    background: #ea580c;
    transform: rotate(15deg) scale(1.05);
}

/* Custom Popover Container */
.slider-location-popover {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    padding: 16px 20px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    animation: popoverFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes popoverFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, 10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
}

/* Popover Title Bar */
.popover-title-row {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 16px;
    width: 100%;
}

.popover-title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
}

.popover-title-row .popover-close-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 22px;
    cursor: pointer;
    transition: color 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.popover-title-row .popover-close-btn:hover {
    color: #1f2937;
}

/* Popover Header with Inner Search Input */
.popover-header {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f3f4f6;
    border-radius: 100px;
    padding: 10px 16px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    position: relative;
    transition: all 0.2s ease;
}

.popover-header:focus-within {
    background: #ffffff;
    border-color: #13357b;
    box-shadow: 0 0 0 3px rgba(19, 53, 123, 0.08);
}

.popover-search-icon {
    color: #9ca3af;
    font-size: 15px;
}

#popoverSearchInput {
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    padding: 0;
}

#popoverSearchInput::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

/* Scrollable popover body */
.popover-body {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

.popover-body::-webkit-scrollbar {
    width: 4px;
}

.popover-body::-webkit-scrollbar-track {
    background: transparent;
}

.popover-body::-webkit-scrollbar-thumb {
    background-color: #e5e7eb;
    border-radius: 10px;
}

.popover-body::-webkit-scrollbar-thumb:hover {
    background-color: #d1d5db;
}

/* Section Title styling */
.section-title-sm {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: #1f2937;
    letter-spacing: normal !important;
    margin-bottom: 8px;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid #f3f4f6;
}

/* Destinations Lists */
.popular-destinations-section {
    margin-bottom: 20px;
}

.destinations-list-section {
    padding-top: 4px;
}

.destinations-list {
    display: flex;
    flex-direction: column;
}

.dest-list-item {
    display: block;
    text-align: left;
    padding: 10px 4px;
    border-bottom: 1px solid #f3f4f6;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.dest-list-item:hover {
    background: #f9fafb;
    padding-left: 8px;
}

.dest-city {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937 !important;
}

.dest-country {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    color: #6b7280;
}

.no-results-found {
    padding: 20px;
    text-align: center;
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
}

/* Mobile Responsiveness for Slider Search */
@media (max-width: 991px) {
    #carouselId {
        display: flex !important;
        flex-direction: column !important;
    }
    #carouselId .carousel_content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        order: -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .slider-search-wrapper {
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }
    .slider-search-bar {
        box-shadow: none !important;
        border: 1px solid #e2e8f0 !important;
    }
    .slider-search-bar:hover {
        box-shadow: none !important;
        transform: none !important;
    }
    .popover-body {
        max-height: calc(100vh - 220px) !important;
        max-height: calc(100dvh - 220px) !important;
    }
    #carouselId .carousel-inner {
        order: 1 !important;
        position: relative !important;
    }
    #carouselId.active-search .carousel-inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 24, 39, 0.4) !important;
        z-index: 99;
        pointer-events: auto;
        border-radius: 20px;
        transition: all 0.25s ease;
    }
    #carouselId .carousel-indicators {
        order: 2 !important;
    }
}

@media(max-width: 575px) {
    .slider-search-wrapper {
        max-width: 100%;
        padding: 0 8px;
    }
    .slider-search-bar {
        padding: 8px 8px 8px 16px;
    }
    .search-icon-wrap {
        font-size: 16px;
        margin-right: 12px;
    }
    .search-value {
        font-size: 13px;
    }
    .slider-location-popover {
        width: calc(100vw - 32px);
        max-width: 100%;
        padding: 16px;
        border-radius: 12px;
    }
}

/* ==========================================================================
   Rayna Tours Premium Mega Menu styles
   ========================================================================== */
.rayna-mega-menu {
    /* Escape the container: anchor left to viewport, full viewport width */
    position: fixed !important;
    top: auto;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.10) !important;
    z-index: 99999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-6px) !important;
    transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.22s !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

.rayna-mega-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s !important;
}

.rayna-mega-menu-inner {
    display: flex !important;
    background: #ffffff !important;
    min-height: 600px !important;
    max-height: 700px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.rayna-mega-sidebar {
    width: 360px !important;
    background: #FAFBFC !important;
    border-right: 1px solid #E2E8F0 !important;
    overflow-y: auto !important;
    padding: 16px 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.mega-sidebar-item {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-align: right !important;
    white-space: nowrap !important;
    border-right: 2px solid transparent !important;
    margin-right: -1px;
    z-index: 1;
    box-sizing: border-box !important;
    font-family: 'Jost', 'Plus Jakarta Sans', sans-serif !important;
}

.mega-sidebar-item:hover {
    background: #F1F5F9 !important;
    color: #0F4C81 !important;
}

.mega-sidebar-item.active {
    background: #ffffff !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    border-right-color: #ffffff !important; /* blends into content background */
}

.mega-sidebar-item i {
    font-size: 11px !important;
    color: #9ca3af !important;
    transition: transform 0.2s ease !important;
}

.mega-sidebar-item:hover i,
.mega-sidebar-item.active i {
    color: #0F4C81 !important;
    transform: translateX(2px) !important;
}

.rayna-mega-content {
    flex-grow: 1 !important;
    padding: 24px 32px !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.mega-content-panel {
    display: none !important;
}

.mega-content-panel.active {
    display: block !important;
}

.mega-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, max-content)) !important;
    gap: 16px 24px !important;
    align-content: start !important;
    justify-content: start !important;
    box-sizing: border-box !important;
}

.mega-grid-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.mega-grid-item:hover {
    background: #F8FAFC !important;
    transform: translateX(3px) !important;
}

.mega-item-img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important; /* Rounded square instead of circle */
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 1px solid #E5E7EB !important;
}

.mega-item-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.mega-item-info {
    display: flex !important;
    flex-direction: column !important;
}

.mega-item-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
    font-family: 'Jost', 'Plus Jakarta Sans', sans-serif !important;
}

.mega-item-sub {
    font-size: 11px !important;
    color: #64748B !important;
    margin-top: 2px !important;
    font-weight: 400 !important;
    font-family: 'Jost', 'Plus Jakarta Sans', sans-serif !important;
}

/* Hide on mobile/tablet viewports to keep navigation clean and light */
@media (max-width: 991px) {
    .rayna-mega-menu {
        display: none !important;
    }
}

/* Blog Card Premium Styles */
.blog-card-new {
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.blog-card-new:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}
.blog-card-img-wrap {
    position: relative !important;
    padding-top: 56.25% !important; /* 16:9 Aspect Ratio */
    overflow: hidden !important;
}
.blog-card-img-wrap img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}
.blog-card-new:hover .blog-card-img-wrap img {
    transform: scale(1.05) !important;
}
.blog-tag-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: #13357b !important;
    color: #ffffff !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(19, 53, 123, 0.2) !important;
}
.blog-card-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.blog-title-new {
    transition: color 0.2s ease !important;
}
.blog-card-new:hover .blog-title-new {
    color: #13357b !important;
}

/* Guide Card Premium Styles */
/* Travel Guide Card Styles - Klook-style UI */
.guide-card-ui {
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
.guide-card-ui:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06) !important;
}
.guide-card-img-wrap {
    position: relative !important;
    padding-top: 58% !important;
    overflow: hidden !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}
.guide-card-img-wrap img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}
.guide-card-ui:hover .guide-card-img-wrap img {
    transform: scale(1.04) !important;
}
.guide-card-content {
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    text-align: left !important;
}
.guide-card-title {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #18181b !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 42px !important;
}
.guide-card-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
    margin-top: auto !important;
}
.guide-tag {
    background: #f4f4f5 !important;
    color: #71717a !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}
.guide-card-author {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-top: 1px solid #f4f4f5 !important;
    padding-top: 12px !important;
    margin-top: auto !important;
}
.author-avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
.author-name {
    font-size: 12px !important;
    color: #71717a !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   Redesigned Homepage Styles (Mockup Alignment)
   ========================================================================== */

/* 1. Hero Search & Tabs Styles */
.hero-slider-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 10;
    padding: 0 15px;
}
.hero-title-mockup {
    font-family: 'Outfit', sans-serif !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px !important;
    text-align: center;
}
.slider-search-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
    justify-content: center;
}
.slider-search-tab {
    background: rgba(15, 23, 42, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF !important;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s ease;
    backdrop-filter: blur(4px);
}
.slider-search-tab:hover {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.4);
}
.slider-search-tab.active {
    background: #FFFFFF;
    color: #0F172A !important;
    border-color: #FFFFFF;
}
.main-search-bar-wrap {
    width: 100%;
    max-width: 860px;
    background: #FFFFFF;
    border-radius: 100px;
    padding: 8px 8px 8px 32px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    position: relative;
}
.main-search-field {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: left;
}
.main-search-field label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748B;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
}
.main-search-field input {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #0F172A;
    width: 100%;
    outline: none;
}
.main-search-field input::placeholder {
    color: #94A3B8;
}
.search-divider {
    width: 1px;
    height: 36px;
    background: #E2E8F0;
    margin: 0 24px;
}
.main-search-submit {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FF5B00;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    cursor: pointer;
    transition: all 0.2s ease;
}
.main-search-submit:hover {
    background: #E04E00;
    transform: scale(1.05);
}

/* 2. Why Choose Travlofy Section */
.why-choose-section {
    background: #FFFFFF;
    padding: 80px 0;
    text-align: center;
}
.why-choose-grid {
    margin-top: 50px;
}
.why-choose-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.why-choose-icon-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #EBF5F5;
    color: #008080;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.why-choose-col:hover .why-choose-icon-circle {
    background: #008080;
    color: #FFFFFF;
    transform: translateY(-5px);
}
.why-choose-col-title {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 10px;
}
.why-choose-col-desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748B;
    max-width: 250px;
}

/* Underline decoration */
.title-underline-wrap {
    position: relative;
    display: inline-block;
}
.title-underline-wrap::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: #008080;
    border-radius: 2px;
}

/* 3. Popular Destinations Circular Card */
.dest-circle-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.dest-circle-img-wrap {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    padding: 6px;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-bottom: 12px;
}
.dest-circle-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.dest-circle-card:hover .dest-circle-img-wrap {
    border-color: #008080;
    box-shadow: 0 8px 20px rgba(0, 128, 128, 0.15);
    transform: translateY(-4px);
}
.dest-circle-title {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0F172A;
}

/* 4. Best Selling Activities Grid & Card */
.activities-grid-mockup {
    margin-top: 0;
}
.act-card-mockup {
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.act-card-mockup:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    border-color: #E2E8F0;
}
.act-card-img-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 11;
    overflow: hidden;
}
.act-card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.act-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #FF5B00;
    color: #FFFFFF !important;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}
.act-card-badge.limited {
    background: #FF9F00;
}
.act-card-wishlist {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
}
.act-card-wishlist:hover {
    color: #EF4444;
}
.act-card-body-mockup {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.act-card-title-mockup {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 8px !important;
    line-height: 1.4;
    text-decoration: none !important;
}
.act-card-rating-row {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #64748B;
    margin-bottom: 16px;
}
.act-card-rating-row i {
    color: #FFB300;
}
.act-card-rating-num {
    font-weight: 700;
    color: #0F172A;
}
.act-card-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.act-card-price-label {
    font-size: 11px;
    color: #64748B;
    display: block;
    margin-bottom: 2px;
}
.act-card-price-val {
    font-size: 20px;
    font-weight: 800;
    color: #008080;
}
.act-card-btn-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #EBF5F5;
    color: #008080;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all 0.2s ease;
}
.act-card-mockup:hover .act-card-btn-arrow {
    background: #008080;
    color: #FFFFFF;
}

/* 5. Destination of the Week Section (Everest Base Camp) */
.destination-week-sec {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.6) 50%, rgba(15, 23, 42, 0.3) 100%), url('img/everest_trek_banner.png') no-repeat center center;
    background-size: cover;
    padding: 120px 0;
    border-radius: 48px;
    margin: 80px 0;
    color: #FFFFFF;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}
.dest-week-content-wrap {
    max-width: 600px;
}
.dest-week-tag {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: #00adb5;
    color: #FFFFFF !important;
    font-size: 10px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 24px;
}
.dest-week-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 20px !important;
    line-height: 1.15;
    letter-spacing: -0.5px;
}
.dest-week-desc {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px;
    line-height: 1.65;
    color: #cbd5e1;
    margin-bottom: 32px;
}
.dest-week-footer {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}
.dest-week-btn {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: #FF5B00;
    color: #FFFFFF !important;
    border: none;
    border-radius: 100px;
    padding: 16px 36px;
    font-weight: 700;
    font-size: 15px;
    transition: background-color 0.2s ease;
    box-shadow: none !important;
}
.dest-week-btn:hover {
    background: #E04E00;
}
.dest-week-info-col {
    display: flex;
    flex-direction: column;
}
.dest-week-info-lbl {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 10px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.dest-week-info-val {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
}
.dest-week-info-val.highlight-val {
    color: #FF5B00;
}

@media (max-width: 768px) {
    .destination-week-sec {
        padding: 60px 24px;
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.7) 100%), url('img/everest_trek_banner.png') no-repeat center center;
    }
    .dest-week-title {
        font-size: 32px !important;
    }
    .dest-week-footer {
        gap: 24px;
    }
}

/* 6. Testimonial Cards */
.testimonial-card-mockup {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 32px !important;
    border: 1px solid #E2E8F0 !important;
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.testimonial-card-mockup:hover {
    transform: translateY(-4px) !important;
    border-color: #008080 !important;
    box-shadow: 0 10px 30px rgba(0, 128, 128, 0.08) !important;
}
.testi-stars {
    color: #FFB300 !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
    display: flex !important;
    gap: 4px !important;
}
.testi-quote-icon {
    position: absolute !important;
    top: 24px !important;
    right: 32px !important;
    font-size: 40px !important;
    color: #E2E8F0 !important;
    line-height: 1 !important;
}
.testi-content {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    margin-bottom: 24px !important;
    font-style: italic !important;
}
.testi-user-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: auto !important;
}
.testi-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
.testi-user-name {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin-bottom: 2px !important;
}
.testi-user-sub {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 12px !important;
    color: #64748B !important;
}

/* 7. Blog Columns */
.blog-card-mockup {
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.blog-card-mockup:hover {
    transform: translateY(-4px);
}
.blog-img-wrap-mockup {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 16px;
}
.blog-img-wrap-mockup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-cat-mockup {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #008080;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}
.blog-title-mockup {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.4;
    margin-bottom: 8px !important;
    text-decoration: none !important;
}
.blog-desc-mockup {
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748B;
}

/* 8. Newsletter Section */
.newsletter-mockup-sec {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 100% 0%, #1e293b 0%, #0b132b 100%);
    border-radius: 28px;
    padding: 60px;
    color: #FFFFFF;
    margin: 80px 0;
    box-shadow: 0 20px 40px rgba(11, 19, 43, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.newsletter-mockup-sec::before {
    display: block;
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0) 70%);
    top: -120px;
    right: -100px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}
.newsletter-mockup-sec::after {
    display: block;
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(249, 115, 22, 0.1) 0%, rgba(249, 115, 22, 0) 70%);
    bottom: -100px;
    left: -100px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}
.newsletter-mockup-sec > .row {
    position: relative;
    z-index: 2;
}
.newsletter-title-mockup {
    font-family: 'Outfit', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    color: #FFFFFF !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
}
.newsletter-desc-mockup {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #cbd5e1 !important;
    margin-bottom: 0 !important;
}
.newsletter-form-mockup {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 480px;
}
.newsletter-input-mockup {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.05);
    color: #FFFFFF !important;
    border-radius: 30px;
    padding: 14px 28px;
    outline: none;
    font-size: 14.5px;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
}
.newsletter-input-mockup::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}
.newsletter-input-mockup:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);
}
.newsletter-submit-mockup {
    background: linear-gradient(135deg, #ff5b00 0%, #ff782e 100%) !important;
    color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    font-size: 14.5px !important;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 91, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.newsletter-submit-mockup:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 91, 0, 0.5);
    background: linear-gradient(135deg, #ff6a1a 0%, #ff8744 100%) !important;
}
.newsletter-submit-mockup:active {
    transform: translateY(0);
}

@media (max-width: 991.98px) {
    .newsletter-mockup-sec {
        padding: 45px 30px;
        margin: 60px 0;
        border-radius: 24px;
    }
    .newsletter-title-mockup {
        font-size: 28px !important;
        text-align: center;
    }
    .newsletter-desc-mockup {
        text-align: center;
        margin-bottom: 24px !important;
    }
    .newsletter-form-mockup {
        margin: 0 auto;
    }
}
@media (max-width: 575.98px) {
    .newsletter-form-mockup {
        flex-direction: column;
        gap: 14px;
        max-width: 100%;
    }
    .newsletter-input-mockup {
        width: 100%;
        text-align: center;
    }
    .newsletter-submit-mockup {
        width: 100%;
    }
}

/* Theme adjustments */
.btn-teal-rounded {
    background: #005953;
    color: #FFFFFF !important;
    border-radius: 30px;
    font-weight: 600;
    font-size: 13.5px;
    padding: 10px 20px;
    border: none;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.btn-teal-rounded:hover {
    background: #004540;
    transform: translateY(-2px);
}

/* Custom Homepage Search Bar Overrides */
.main-search-bar-wrap input#sliderLocInput,
.main-search-bar-wrap input#sliderExpInput,
.main-search-bar-wrap input[type="text"]#sliderLocInput,
.main-search-bar-wrap input[type="text"]#sliderExpInput,
.main-search-bar-wrap input,
.main-search-bar-wrap input[type="text"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: 100% !important;
    color: #0F172A !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: 'Outfit', sans-serif !important;
}
.main-search-bar-wrap input::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
}
.main-search-bar-wrap input:focus,
.main-search-bar-wrap input[type="text"]:focus {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Why choose Travlofy icon centering */
.why-choose-icon-circle i {
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Popular Destinations Circular Grid and Centering Fixes */
.dest-circle-img-wrap {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    margin: 0 auto 12px auto !important;
    position: relative !important;
    background: transparent !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: none !important; /* Remove original border */
}

/* Centered Crop Circle Image */
.dest-circle-img-wrap img {
    width: 124px !important;
    height: 124px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 1 !important;
    transition: transform 0.3s ease !important;
}

/* Outer dashed concentric ring - rotating */
.dest-circle-img-wrap::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 50% !important;
    border: 1.5px dashed #008080 !important;
    opacity: 0.35 !important;
    transition: all 0.4s ease !important;
    z-index: 2 !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
    animation: destRotate 20s linear infinite !important;
}

/* Inner thin solid ring */
.dest-circle-img-wrap::after {
    content: '' !important;
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    border-radius: 50% !important;
    border: 1px solid #E2E8F0 !important;
    transition: all 0.3s ease !important;
    z-index: 2 !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

@keyframes destRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Hover Effects */
.dest-circle-card:hover .dest-circle-img-wrap::before {
    border-color: #FF5B00 !important;
    opacity: 0.8 !important;
}
.dest-circle-card:hover .dest-circle-img-wrap::after {
    border-color: #008080 !important;
}
.dest-circle-card:hover .dest-circle-img-wrap img {
    transform: scale(1.06) !important;
}

/* --------------------------------------------------------------------------
   Rounded Contained Slider & Mockup Alignments
   -------------------------------------------------------------------------- */

/* Container, border-radius, and rounded corners for the slider card - Homepage Only */
body.home #carouselId {
    width: 100% !important;
    max-width: 1320px !important;
    position: relative !important;
    margin: 24px auto !important;
    border-radius: 24px !important;
    overflow: visible !important;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08) !important;
}

@media (max-width: 1360px) {
    body.home #carouselId {
        width: calc(100% - 40px) !important;
    }
}

body.home #carouselId .carousel-inner {
    height: 480px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

body.home #carouselId .carousel-item {
    height: 100% !important;
    min-height: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

body.home #carouselId .carousel-item img {
    border-radius: 24px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    object-position: center !important;
}

/* Premium gradient overlay backdrop */
#carouselId .carousel-inner .carousel-item .carousel-caption {
    background: linear-gradient(to bottom, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.4) 60%, rgba(15, 23, 42, 0.75) 100%) !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    border-radius: 24px !important;
}

/* Vertical position and alignment of navigation controls */
#carouselId .carousel-control-prev,
#carouselId .carousel-control-next {
    width: 48px !important;
    height: 48px !important;
    background: transparent !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.8 !important;
    z-index: 15 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#carouselId .carousel-control-prev {
    left: 24px !important;
}
#carouselId .carousel-control-next {
    right: 24px !important;
}
#carouselId .carousel-control-prev:hover,
#carouselId .carousel-control-next:hover {
    opacity: 1 !important;
}

/* Glassmorphic dark chevrons styling */
#carouselId .carousel-control-prev-icon,
#carouselId .carousel-control-next-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: rgba(15, 23, 42, 0.45) !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: none !important;
    color: #FFFFFF !important;
    transition: all 0.2s ease !important;
}
#carouselId .carousel-control-prev-icon::after,
#carouselId .carousel-control-next-icon::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
}
#carouselId .carousel-control-prev-icon::after {
    content: "\f053" !important;
}
#carouselId .carousel-control-next-icon::after {
    content: "\f054" !important;
}
#carouselId .carousel-control-prev-icon:hover,
#carouselId .carousel-control-next-icon:hover {
    background-color: rgba(15, 23, 42, 0.75) !important;
    transform: scale(1.05) !important;
}

/* Hide indicators */
#carouselId .carousel-indicators {
    display: none !important;
}

/* Title Font Styling */
.hero-title-mockup {
    font-family: 'Plus Jakarta Sans', 'Outfit', sans-serif !important;
    font-size: 54px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    margin-bottom: 24px !important;
    text-align: center !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Glassmorphic Tabs Bar styling */
.slider-search-tabs {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
.slider-search-tab {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    text-decoration: none !important;
}
.slider-search-tab:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.slider-search-tab.active {
    background: #2F555F !important;
    border-color: #2F555F !important;
    color: #FFFFFF !important;
}

/* Search capsule container */
.main-search-bar-wrap {
    width: 100% !important;
    max-width: 820px !important;
    background: #FFFFFF !important;
    border-radius: 100px !important;
    padding: 8px 8px 8px 36px !important;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 auto !important;
}
.main-search-field {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    text-align: left !important;
}
.main-search-field label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #008080 !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.8px !important;
    line-height: 1 !important;
}
.main-search-field input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0F172A !important;
    width: 100% !important;
    outline: none !important;
    box-shadow: none !important;
    height: auto !important;
}
.main-search-field input::placeholder {
    color: #94A3B8 !important;
}
.search-divider {
    width: 1px !important;
    height: 36px !important;
    background: #E2E8F0 !important;
    margin: 0 24px !important;
}
.main-search-submit {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #FF5B00 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-left: 12px !important;
}
.main-search-submit:hover {
    background: #E04E00 !important;
    transform: scale(1.05) !important;
}

/* Responsiveness overrides */
@media (max-width: 1320px) {
    #carouselId {
        margin: 24px 0 !important;
        border-radius: 20px !important;
    }
    #carouselId .carousel-inner,
    #carouselId .carousel-item,
    #carouselId .carousel-item img,
    #carouselId .carousel-inner .carousel-item .carousel-caption {
        border-radius: 20px !important;
    }
}
@media (max-width: 992px) {
    #carouselId .carousel-inner {
        height: 55vh !important;
        min-height: 440px !important;
    }
    .hero-title-mockup {
        font-size: 36px !important;
    }
    .main-search-bar-wrap {
        border-radius: 30px !important;
        flex-direction: column !important;
        padding: 24px !important;
        gap: 16px !important;
        max-width: 500px !important;
    }
    .search-divider {
        display: none !important;
    }
    .main-search-field {
        width: 100% !important;
    }
    .main-search-submit {
        width: 100% !important;
        border-radius: 30px !important;
        margin-left: 0 !important;
    }
    #carouselId .carousel-control-prev,
    #carouselId .carousel-control-next {
        display: none !important;
    }
}
@media (max-width: 768px) {
    #carouselId .carousel-inner {
        height: 480px !important;
    }
}
@media (max-width: 576px) {
    #carouselId {
        margin: 16px 0 !important;
        border-radius: 16px !important;
    }
    #carouselId .carousel-inner {
        height: 420px !important;
    }
    #carouselId .carousel-inner,
    #carouselId .carousel-item,
    #carouselId .carousel-item img,
    #carouselId .carousel-inner .carousel-item .carousel-caption {
        border-radius: 16px !important;
    }
    .hero-title-mockup {
        font-size: 28px !important;
    }
}

/* --------------------------------------------------------------------------
   Homepage Header Navigation & Layout Overrides
   -------------------------------------------------------------------------- */


/* Homepage header inherits the default transparent .rayna-header styling — no override needed */

/* Allow hero title to take full layout width without search bar */
body.home #carouselId .carousel_content {
    max-width: 900px !important;
    width: 95% !important;
}

/* Why Choose Us Section */
.why-choose-us-section {
    background-color: #ffffff;
    padding: 70px 0;
}
.why-choose-title {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 12px !important;
}
.why-choose-subtitle {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 600px;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}
.why-choose-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 35px 25px;
    height: 100%;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.why-choose-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 76, 129, 0.05);
    border-color: rgba(15, 76, 129, 0.2);
}
.why-choose-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(15, 76, 129, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px auto;
    color: #0F4C81;
    font-size: 28px;
    transition: all 0.3s ease;
}
.why-choose-card:hover .why-choose-icon-wrap {
    background: #0F4C81;
    color: #ffffff;
}
.why-choose-card-title {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
}
.why-choose-card-desc {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    .why-choose-us-section {
        padding: 50px 0;
    }
    .why-choose-title {
        font-size: 28px !important;
    }
    .why-choose-card {
        padding: 30px 20px;
    }
}

/* Homepage FAQ Section */
.homepage-faq-section {
    background-color: #f8fafc;
    padding: 80px 0;
}
.homepage-faq-section .accordion-item {
    background: #ffffff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-bottom: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01) !important;
}
.homepage-faq-section .accordion-button {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    padding: 20px 24px !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}
.homepage-faq-section .accordion-button:not(.collapsed) {
    color: #0F4C81 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.homepage-faq-section .accordion-button::after {
    background-size: 1rem !important;
}
.homepage-faq-section .accordion-body {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    padding: 0 24px 24px 24px !important;
    background-color: #ffffff !important;
}

/* Homepage SEO Intro Section — Premium Editorial Design */
.homepage-seo-intro {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    padding: 64px 0 56px 0;
    position: relative;
}
.seo-intro-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.seo-intro-accent-bar {
    width: 56px;
    height: 4px;
    background: linear-gradient(90deg, #0F4C81, #3BA6F5);
    border-radius: 100px;
    margin: 0 auto 24px auto;
}
.seo-intro-heading {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
}
.seo-intro-text {
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.8 !important;
    color: #475569 !important; /* slate-600 */
    margin-bottom: 32px !important;
    font-weight: 400 !important;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none !important;
}
.seo-intro-text * {
    color: #475569 !important;
    text-decoration: none !important;
}
.seo-intro-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}
.seo-intro-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    color: #334155; /* slate-700 */
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 100px;
    padding: 8px 18px;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none !important;
}
.seo-intro-chip i {
    font-size: 14px;
    color: #0F4C81;
    transition: color 0.25s ease;
}
.seo-intro-chip:hover {
    background: #ffffff;
    border-color: #0F4C81;
    color: #0F4C81;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.seo-intro-chip:hover i {
    color: #3BA6F5;
}

@media (max-width: 767.98px) {
    .homepage-seo-intro {
        padding: 48px 0 40px 0;
    }
    .seo-intro-heading {
        font-size: 24px !important;
    }
    .seo-intro-text {
        font-size: 14.5px !important;
        line-height: 1.7 !important;
        margin-bottom: 24px !important;
    }
    .seo-intro-chips {
        gap: 8px;
    }
    .seo-intro-chip {
        font-size: 12.5px;
        padding: 6px 14px;
    }
}