/******************Revamp home page****************************************/

.topbar-icons {
    padding-top: 1%;
}
.topbar-icons .nav-desk .contact .email {
    padding-left: 10px;
    font-size: 16px;
    display: inline;
}
.topbar-icons .nav-desk .contact .phone {
    padding-left: 10px;
    display: inline;
    font-size: 16px;
}
.topbar-icons .nav-desk .contact .phone a i {
    color: #000;
}
.topbar-icons .nav-desk .contact .phone a {
    color: #000;
}
.topbar-icons .nav-desk .contact .email a i {
    color: #000;
}
.topbar-icons .nav-desk .contact .email a {
    color: #000;
}
.topbar-icons .nav-desk .contact .facebook {
    padding-left: 10px;
    display: inline;
    font-size: 16px;
}
.topbar-icons .nav-desk .contact .facebook a {
    color: #000000;
}
.topbar-icons .nav-desk .contact .instagram {
    padding-left: 10px;
    display: inline;
    font-size: 16px;
}
.desktop-menu .expendable-search {
    position: relative;
}
.desktop-menu form .search-input {
    width: 85px !important;
    transition: width .5s ease;
}
.desktop-menu .expendable-searc .glyphicon {
    right: 5px;
}
.desktop-menu .expendable-search .glyphicon {
    position: absolute;
    padding: 5px;
    pointer-events: none;
    right: 0px;
    font-size: 12px;
}
.desktop-menu .expendable-search .search-click {
    border: 0.5px solid #161616;
    outline: none;
    background-size: 22px;
    background-position: 13px;
    border-radius: 8px;
    width: 75px;
    height: 25px;
    padding: 4px;
    transition: all 0.5s;
}
.desktop-menu .expendable-search .search-click:focus {
    width: 257px;
    padding-left: 8px;
    font-size: 15px;
    font-weight: 100;
}
.desktop-menu .expendable-search .search-click input {
    background: transparent;
    border: 1px solid #ccc;
    outline: none;
    position: absolute;
    width: 300px;
    height: 50px;
    left: 0%;
    padding: 10px;
}
.desktop-menu .expendable-search .search-click:focus::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}
.desktop-menu .expendable-search .search-click:focus:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
.desktop-menu .expendable-search .search-click:focus::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.desktop-menu .expendable-search .search-click:focus:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

/**Mobile Menu **/
.mobile-menu-container {
    overflow: auto;
    max-height: 650px;
}
.mobile-main-menu {
   /* top: 92px;*/
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

/*.mobile-main-menu li a {
    font-size: 15px;
    color: #161616 !important;

}*/

.nav-open .mobile-main-menu {
    opacity: 1;
    visibility: visible;
    background: white;
    overflow-y: auto;
    display: unset;
    position: relative;
}
.mobile-main-menu .menu-link-top-space {
    margin-top: 15px;
}

/*.mobile-main-menu .nav-item:hover .nav-link {
    color: black !important;
    text-decoration: underline;
    font-weight: 500;
}*/

.mobile-main-menu div:focus .btn-destinations {
    color: black !important;
    text-decoration: underline;
    font-weight: 500;
}
.mobile-main-menu div:focus .btn-destinations {
    color: black !important;
    text-decoration: underline;
    font-weight: 500;
}
.mobile-main-menu .international-country-list:hover {
    font-weight: 500;
}

.mobile-main-menu .international-country-list a:hover{
    color:#6D6E71;
}
.mobile-main-menu .autralia-country-list a:hover{
    color :#6D6E71;
}
.mobile-main-menu .autralia-country-list:hover {
    font-weight: 500;
}
.mobile-main-menu .mobile-sub-menu-list-body a:hover {
    font-weight: 500;
}
.mobile-main-menu a.nav-link:hover {
    font-weight: 500;
}
.mobile-main-menu a.mobile-nexted-items.nav-link:hover {
    font-weight: 500;
}
.mobile-main-menu button.btn.btn-link.btn-destinations:hover {
    font-weight: 500;
}
.mobile-main-menu .mobile-nexted-items {
    text-align: left;
    text-decoration: none !important;
}
.mobile-main-menu .btn-destinations {
    color: #161616 !important;
    font-size: 15px !important;
}
.mobile-main-menu .btn-destinations:focus {
    box-shadow: none;
}
.mobile-main-menu .autralia-country-list {
    text-align: left;
    background: white;
    padding-left: 15px;
    border-bottom: none;
    padding-top: 0px;
    font-size: 15px;
    color: #161616;
}
.mobile-main-menu .international-country-list {
    text-align: left;
    background: white;
    padding-left: 17px;
    border-bottom: none;
    padding-top: 0px;
    font-size: 15px;
    color: #161616;
}
.mobile-main-menu .international-country-list a {
    background: white;
    padding-top: 0px;
    font-size: 15px;
    color: #161616;
}
.mobile-main-menu .international-country-list span {
    float: right;
}
.mobile-main-menu .autralia-country-list span {
    float: right;
}
.mobile-main-menu .collapseAustrliasubs {
    padding-bottom: 5px;
}
.mobile-main-menu .mobile-sub-menu-list-body {
    width: 97%;
    max-height: 145px;
    overflow: auto;
}
.mobile-main-menu .non-nested-holiday a {
    line-height: 1;
}
.mobile-main-menu .mobile-contact-icon-list {
    margin-top: 20px;
    margin-bottom: 135px
}
.mobile-main-menu .mobile-contact-icon {
    font-size: 15px;
}
.mobile-main-menu .mobile-contact-icon a {
    line-height: 25px;
    color: #161616;
    font-size: 14px;
}
.mobile-main-menu .mobile-contact-icon a i {
    color: #707070;
}
.mobile-main-menu .mobile-social-media-icons {
    display: flex;
    column-gap: 13px;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 3;
}
.mobile-main-menu .mobile-search-feild {
    border-radius: 11px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 88%;
    border-color: #707070;

}
.mobile-main-menu .mobile-search-feild::placeholder {
    color: #161616;
    opacity: 1;
    /* Firefox */
}
.mobile-main-menu .mobile-search-feild::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #161616;
}
.mobile-top-bar .email a i {
    color: #707070;
}
.mobile-top-bar .phone a i {
    color: #707070;
}
.mobile-top-bar nav button {
    padding-left: 29px
}
.mobile-top-bar nav div .phone {
    padding-left: 12px;
}
.travel-style-tile-right {
    padding: 0.6rem;
}
.travel-style-tile-left {
    padding: 0.6rem;
}
.subscribemodalform-input {
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 1;
    background: #FFFFFF;
    margin-top: -5px;
}
.subscribemodalform-input::placeholder {
    color: #707070;
    ;
    font-size: 15px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    /* Firefox */
}
.subscribemodalform-input::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #707070;
    font-size: 15px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
}
.subscribemodalform-select select {
    color: #707070;
    font-size: 15px !important;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    padding: 7px;
}
.subscribemodalform-button-container {
    left: 75px;
    position: relative;
}
.subscribemodalform-button-container .submitsubscribe {
    background-color: #24BAEC !important;
    border-radius: 5px !important;
    font-family: "roboto", "sans-serif" !important;
    font-weight: 300 !important;
    font-style: normal !important;
}
.subscribemodalform-condtions-text p {
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    color: #707070;
    line-height: 0;
    font-size: 14px
}
.subscribemodalform-condtions-text p a {
    font-family: "roboto", "sans-serif";
    font-weight: 500;
    font-style: normal;
    color: #707070;
    line-height: 0;
    font-size: 14px
}
.tag-contianer {
    position: absolute;
}
.map-circle {
    /* padding: 7px; */
    margin: 0px;
    margin-top: 7px;
    background-color: #ffffff8f;
    opacity: 0.8;
    font-size: 14px;
    font-family: "roboto", "sans-serif";
    font-weight: 500;
    font-style: normal;
    /* width:38px; */
    width:32px;
    /* height:38px; */
    height:32px;
    padding-top:9px;
}
.map-circle-container {
    z-index: 1;
}
.map-circle-pointer{
    cursor: pointer;
}
.mobile-tile-price-box .btn-green span {
    font-size: 14px;
}
.mobile-tile-price-box .pricing-box-new .package-price-description {
    font-size: 10px;
    line-height: 2;
}
.mobile-tile-price-box .package-leading-price span {
    font-size: 16px !important;
}
.mobile-tile-price-box .package-leading-price span {
    font-size: 16px !important;
}
.view-all-mobile-button {
    padding-top: 8px;
}
.view-all-mobile-button a {
    font-family: "futura-pt", "sans-serif";
    font-weight: 700;
    font-style: normal;
    color: #161616;
    background: white;
    border: 1px solid #161616;
    font-size: 14px !important;
    padding-top: 8px;
}
.cruiseandrailholidays-container {
    border-bottom: none !important;
}
.bookonline-badge-content .bg-map-grey a {
    font-family: "roboto", "sans-serif";
    font-weight: 500;
    font-style: normal;
    color: #161616;
}
.subscribefooterform-inputs input {
    border-radius: 35px;
}
.subscribefooterform-inputs input::placeholder {
    color: #707070;
    font-family: "raleway", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 15px !important;
    padding-left: 5px;
}
.subscribefooterform-inputs input::-ms-input-placeholder {
    color: #707070;
    font-family: "raleway", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 15px !important;
}
.subscribefooterform-inputs .btn-subscribe {
    background-color: #24BAEC;
}
.pre-footer-logo-image {
    width: 125px;
}
.mobile-home-footer-subscribe {
    border-radius: 1rem !important;
}
.footer_copyright {
    font-size: 14px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    line-height: 2.5;
}
.footer_accreditation h4 {
    font-size: 20px;
    font-family: "futura-pt-bold", "sans-serif";
    font-weight: 700;
    font-style: normal;
    color: black;
}
.our-brand-text {
    font-size: 25px;
    font-family: "futura-pt-bold", "sans-serif";
    font-weight: 700;
    font-style: normal;
    color: white;
}
.view-all-mobile-button a:hover {
    background-color: black !important;
}
.insta-title h2 {
    font-size: 30px;
    font-family: "futura-pt-bold", "sans-serif";
    font-weight: 700;
    font-style: normal;
    color: #707070;
}
.insta-title h2:hover{
    color: #000;
}
.travel-style-body .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: rgba(125, 125, 125, 0.3);
}
.travel-style-body:hover .overlay {
    opacity: 1;
}
.insta-icon img {
    width: 25%;
}
.insta-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.footer-menu-item-list .follow-us-img {
    width: 70%;
}
.dropdown-submenu {
    position: relative;
    padding: 0px !important;
}
.dropdown-submenu a {
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-family: "futura-pt", "sans-serif";
    font-weight: 300;
    font-style: normal;

}
.dropdown-submenu a i {
    position: absolute;
    right: 20px;
}
.dropdown-menu a{
    text-transform: capitalize;
    font-size: 16px !important;
    font-weight: normal;
    font-family: "futura-pt", "sans-serif";
    font-weight: 300;
}
.rail-right-icon {
    margin-left: 50px !important;
}
.cruise-right-icon {
    margin-left: 32px !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:visited,
.nav-link::after {
    text-decoration: underline;
}
.navbar .navbar-nav li {
    text-align: left !important;
}
.desktop-menu .dropdown-submenu a:hover {
    font-weight: 400;
}
.dropdown-without-sub {
    padding-left: 19px;
}
.navigation-bar .navigation-container .navbar .navbar-nav>li>a:hover {
    background-color: transparent !important;
}

/** Travel Style Section in home page  ************/
.travel-style-title h2 {
    font-family: futura-pt-bold;
    font-size: 1.75em;
}
.travel-style-body {
    position: relative;
}
.travel-style-body a {
    font-family: "futura-pt-bold", sans-serif;
    position: absolute;
    left: 35%;
    margin-right: -50%;
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000080;
     /* transform: translate(-50%, -50%); */
    /* top: 50%; */
    /* transition: all .1s ease-in-out;
    -webkit-transition: color 1s, font-size 0.25s;
    -moz-transition: color 1s, font-size 0.25s;
    -o-transition: color 1s, font-size 0.25s;
    transition: font-size 0.25s; */
}
.travel-style-body a:hover {
    color: #FFFFFF;
    font-size: 30px;
}

.travel-style-body .insta-icon{
    font-family: "futura-pt-bold", sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000080;
    -webkit-transition: color 1s, font-size 0.25s;
    -moz-transition: color 1s, font-size 0.25s;
    -o-transition: color 1s, font-size 0.25s;
    transition: transform 0.3s ease;
    line-height: 1.1;
}
.reduce-gap{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.travel-style-card-1{
    background-image: url("/images/custom/travel-styles/cruise&rail.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.travel-style-card-2{
    background-image: url("/images/custom/travel-styles/rail.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.travel-style-card-3{
    background-image: url("/images/custom/travel-styles/cruise.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.travel-style-card-4{
    background-image: url("/images/custom/travel-styles/snall-groups.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.travel-style-card-5{
    background-image: url("/images/custom/travel-styles/australia.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.travel-style-card-6{
    background-image: url("/images/custom/travel-styles/international.png");
    width: 100%;
    height:348px;
    background-size: cover;
}
.ts-card a {
    font-family: "futura-pt-bold", sans-serif;
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000080;
}
.ts-card a.text-animation:hover {
    transform: scale(1.2);
}
.ts-card a.text-animation {
    transition: transform 0.3s ease;
    line-height: 1.1;
}

/* Ensure text-animation has its default styles SYN-2187*/
.ts-card .text-animation {
    transition: transform 0.3s ease;
    line-height: 1.1;
    display: inline-block; /* Allows the transform to apply just to the text */
}

/* Apply hover effect to the text when hovering over the parent tile SYN-2187*/
.ts-card a:hover .text-animation {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}
/* Prevents default link styles  SYN-2187*/
.text-decoration-none {
    text-decoration: none;
    color: inherit; /* Keeps the text color as per design */
}
/* Position the text inside the image tile */
.ts-card {
    position: relative; /* Ensures the text is positioned relative to the tile */
    overflow: hidden; /* Ensures content does not overflow outside the card */
}
/* Media query targeting mobile devices */
@media only screen and (max-width: 767px) {
    .ts-card .text-animation {
        font-size: 18px !important; /* Set font size to 18px on mobile devices */
    }
}


/* Center and style the text inside the image */
.ts-card .text-animation {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff; /* Adjust the text color for visibility */
	text-align: center;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Adds shadow for readability */
	transition: transform 0.3s ease;
	white-space: nowrap; /* Prevent text from wrapping */
	overflow: hidden; /* Ensure no overflow if the text is too long */
	text-overflow: ellipsis; /* Optionally add ellipsis for long text */
}

/* Applies the scaling effect only to the text when hovering over the entire tile */
.ts-card a:hover .text-animation {
    transform: translate(-50%, -50%) scale(1.2); /* Scales text while keeping it centered */
}

/* Style the images to fit within the card */
.ts-card img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Ensures the image covers the area without distortion */
    display: block;
}

.travel-style-body .insta-icon:hover {
    color: #FFFFFF;
    font-size: 30px;
}
/*.travel-style-last-row {
    margin-top: 25px;
}*/

.travel-style-left-mobile-image {
    padding-right: 2px;
    padding-left: 38px
}
.travel-style-right-mobile-image {
    padding-left: 2px;
    padding-right: 38px;
}
.button-box-new {
    padding-bottom: 2px;
    padding-top: 0px;
}
.pricing-box-new {
    padding-bottom: 0px;
    padding-top: 0px;
}
.button-box-new a {
    border: none;
    font-family: "roboto", "sans-serif";
    font-weight: 500;
    font-style: normal;
}
.pricing-box-new .package-leading-price {
    font-family: "roboto", "sans-serif";
    font-weight: 700;
    font-style: normal;
    font-size: 28px !important;
}
.mobile-tile-price-box  .pricing-box-new .package-leading-price {
    font-size: 28px !important;
}
.pricing-box-new .package-leading-price span {
    font-family: "roboto", "sans-serif";
    font-weight: 700;
    font-style: normal;
    font-size: 28px !important;
}
.pricing-box-new span {
    font-size: 15px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    color: #161616;
}
.pricing-box-new small {
    font-size: 15px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    color: #161616;
}
.pricing-box-new span small {
    font-size: 15px;
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    color:#161616;
}
.package-tooltiptext .teaser-text {
    font-family: "roboto", "sans-serif";
    font-weight: 300;
    font-style: normal;
    color: #6D6E71;
    font-size: 16px;
}

/******************Fonts***************************************/
 .body-futura-pt-bold {
    font-family: 'futura-pt-bold';
}

/******************************** Gift Card Popup (It loads on the homepage *********************************/
.travel-gift-card-voucher .quarter-circle {
    height: 40px;
    width: 14%;
    background-color: white;
    border-bottom-right-radius: 100%;
    float: left;
}
.travel-gift-card-voucher .close-container a {
    position: relative;
    left: 72px;
    top: 8px;
    color: #919191;
}
.travel-gift-card-voucher .quarter-circle span {
    font-size: 12px;
    position: relative;
    top: 8px;
    right: 11px;
    color: #161616;
    font-family: "futura-pt", "sans-serif";
    font-weight: 700;
    font-style: normal;
}
.travel-gift-card-voucher .subscribe-header {
    font-size: 50px;
    color: #FFFFFF;
    font-family: "futura-pt-bold", "sans-serif";
    font-weight: 700;
    font-style: normal;
}
.travel-gift-card-voucher .subscribe-header-main-text {
    line-height: 0;
    color: #FFFFFF;
    font-family: "futura-pt-bold", "sans-serif";
    font-weight: 700;
    font-style: normal;
    font-size: 13.5px;
}
.travel-gift-card-voucher .subscribe-header-sub-text {
    line-height: 1;
    color: #FFFFFF;
    font-family: "futura-pt", "sans-serif";
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    margin-top: -0.3rem;
}
.travel-gift-card-voucher .gift-card-header-container {
    max-height: 150px;
    /*background-image: url("/images/custom/popup-image.jpeg");*/
    background-image: url("/images/custom/gift-popup-images/popup-bg-img-2.jpg");
}
#subscribe2NTNow .modal-content{
    height: 535px;
    /* top: 20%; */
}
.giftcard-top{
    height: 1100px;
   /* top: 20%;*/
   position:fixed;
   z-index: 100000;
}
/********************************Travel Bouchure Popuop ************************/
.travel-boucher-download {
    max-width: 281px;
    min-width: 250px;
    position: relative;
    padding-left: 75px !important;
    padding-right: 21px !important;
}
.travel-boucher-download .downlod-btn {
    background: #24BAEC 0% 0% no-repeat padding-box;
    border-radius: 5px !important;
    opacity: 1;
    border:none;
    font-size:15px;
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.download_flyer_modal .modal-content {
    width:73%;
    margin:auto;
}
.travel-brochure-close span {
    opacity: 1;
    color: #919191;
}
.travel-brochuer-titile {
    color:#161616;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
}
.travel-brochure-top-text {
    font-size:15px;
    font-family: "roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.travel-brochure-top-text strong {
    font-weight: 500;
}
.download_flyer_modal .modal-content {
    background-color:#FFFFFF !important;
}
.travel-brochure-input-feilds {
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 1;
}
.travel-brochure-input-feilds::placeholder {
    color: #707070;
    opacity: 1;
    font-size:15px;
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
.travel-brochure-select-feilds select {
    color: #707070;
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px !important;
}

/********************************Search Page************************/
.search-section {
    margin-top: 2.6rem;
}
.search-list .page-item:first-child .page-link {
    border-top-left-radius: 10px;
    border-bottom-left-radius :10px;
}
.search-list .page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius :10px;
}
.search-list  ul.pagination {
    margin-top: 15px;
}
.search-list .page-item.active .page-link {
    background-color: #24BAEC !important;
}
.search-page-header .landing-page-header h1 {
    font-size: 45px;
    color: #161616;
    text-transform: uppercase;
}
.search-page-header .landing-page-header p {
    font-size: 22px;
    color: #161616;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal
}
.search-page-header .landing-page-header p strong{
    font-size: 22px;
    color: #161616;
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal
}
.travel-inspiration-title h2 {
    font-size: 45px;
    color: #161616;
}
.travel-inspiration-title  .night-description-border-bottom {
    border-bottom: 0.5px solid #707070 ;
    opacity: 1;
}
.travel-inspiration-body .travel-inspiration-home-blog-tile {
    border-bottom: 0.5px solid #707070;
}
.destination-tags h6 {
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color: #161616;
    text-transform: uppercase;
}
.destination-tags h6 a:hover{
    color: currentColor !important;
}
.blog-main-title a {
    font-size: 28px;
    font-family: "roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.blog-main-title a:hover{
    color: currentColor !important;
}
.serach-page-blog-text a {
    font-size:16px;
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.serach-page-blog-text a:hover{
    color: currentColor !important;
}
.serach-page-insta-section .insta-image-container{
    padding-top: 1rem;
}


/******************************************Gift Card Page *************************************************/
.gift-card-header-title h4 {
    font-size:40px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.gift-card-header-title-mobile h4 {
    font-size: 23px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.gift-card-header-text p {
    color: #161616;
    font-size: 20px;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;

}
.shop-gift-cards a {
    background-color:#24BAEC;
    border: 0px;
    font-family: "roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    font-size: 21px;
}
.shop-gift-cards a:hover {
    color: #FFFFFF;
    background-color :#1f9dc7;
}
.gift-unique-experince-section h4 {
    font-size: 25px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.gift-unique-experince-section  p{
    font-size: 20px;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #161616;
}
.gift-unique-experince-section  p b{
    font-size: 20px;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #161616;
}
.shop-gift-card {
    font-size: 30px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.hoa-gift-card-title {
    font-size: 20px;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #161616;
}
.hoa-gift-card-sub-text{
    font-size: 16px;
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #161616;
}
.gift-card-blog-image {
    max-height: 250px;;
    min-height: 160px;;
}
.gift-card-blog-post {
    max-height: 80px;
    min-height: 50px;;
}
.gift-card-blog-header {
    max-height: 150px;
    min-height: 72px;;
}
.gift-card-section-desktop-blog {
    margin-top:65px;
    margin-bottom: 45px;
}
.gift-card-section-desktop-blog .home-blog-header{
    font-size:22px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.gift-card-blog-header a {
    font-size: 20px;
    color: #161616;
}
.blog-header a:hover{
    color: currentColor;
}
.gift-card-blog-post a{
    font-size: 17px;
}
.gift-card-blog-read-more a{
    font-size: 18px;

}
.blog-read-more a:hover {
    color: currentColor;
}
.gift-card-section-mobile-blog .home-blog-header {
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.button-box-new a:hover{
    background-color :#1f9dc7;
    border: none;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    background-color :#1f9dc7;
    border: none;
}

/*************************Landing page (Tag Auto generated Page *************************************/
.land-page.search-bar {
    order: 0
}
[aria-expanded="false"] > span.land-page-show-more-less.expanded,
[aria-expanded="true"] > span.land-page-show-more-less.collapsed {
  display: none;
}
.land-page-show-more-less[aria-expanded="false"] > expanded,
.land-page-show-more-less[aria-expanded="true"] > collapsed {
  display: none;
}
.land-page-main-section .tag-details-extend-text{
    display: none;
    background-color: #F5F8FA;
    padding-bottom: 15px;
    padding-top:40px;
    margin-top:25px;
}
.land-page-main-section .tag-details-extend-text-only-para{
    display: none;
}
.package-down-arrow {
    margin-left:130px;
}
.desktop-explore-package-container {
    margin-top:22px
}
.land-page-main-section .rail-brand{
    margin-top:25px;
}
.land-page-header-container .explore-page-header{
    text-transform: uppercase;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.land-page-header-container .header-text-container span,.land-page-header-container .header-text-container p{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.land-page-main-section .tag-details-show-more a{
    background-color: white;
    color: #161616;
    border:1px solid #161616;
    border-radius: 5px;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.land-page-main-section .tag-details-show-more a:hover{
    background-color: #161616;
    color: white;
    border:1px solid #161616;
    border-radius: 5px;
}
.land-page-main-section .blog-container-in-desktop-land-page {
    margin-top:10px;
    margin-bottom: 10px;
}
.land-page-main-section .tag-section-mobile-blog .blog-read-more a{
    font-size: 17px;
}
.land-page-main-section .tag-section-mobile-blog .blog-header a {
    text-transform: uppercase;
    font-size: 19px;
}
.land-page-main-section .top-5-things-title b {
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.land-page-main-section .top-5-things-title {
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;

}
.land-page-main-section .mobile-explore-package-title {
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:18px;
}
.land-page-main-section .mobile-explore-package-down-icon i{
    color: #161616;
    font-size: 20px;
}
.land-page-main-section .desktop-explore-package-title {
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:18px;
}
.land-page-main-section .desktop-explore-package-title-icon i{
    color: #161616;
    font-size: 20px;
}

/********Change the Button Border Colours***********************/
.btn-green{
    border: none !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active{
    border:none !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus
{
    -webkit-box-shadow:none;
    box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus
{
    -webkit-box-shadow:none;
    box-shadow: none;
}
.btn-success:focus, .btn-success.focus{
    -webkit-box-shadow:none;
    box-shadow: none;
}
.btn-danger{
    background-color: #24BAEC ;
    border-color: #24BAEC ;
    font-size: 21px;
}

.btn-danger:hover{
    background-color: #1f9dc7 ;
    border-color: #24BAEC ;
    color:white
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active:focus{
    background-color: #24BAEC ;
    border-color: #24BAEC ;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;

}


/**************************About Us Page **************************************************************************/
.about-us-mobile-post-code{
    margin-left:19%;
}

/*************************Custom Shadow***************************************************************************/
.custom-shadow
{
    -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15) !important

}

/* enquiry form */
.page-enquiry-form{
    background-color: #F8F9FA;
    box-shadow: 0 4px 8px #00000029;
}

.page-enquiry-form h4{
    text-transform: uppercase;
}

.page-main-title{
    font-size: 40px !important;
    font-family: "futura-pt", sans-serif;
    font-weight: 800 !important;
    font-style: normal;
    text-transform: uppercase;
    padding-top: 35px;
    padding-bottom: 10px;
}

.tag-page-tile-1{
    padding-left: 1.5rem;
    padding-top: 0.5rem;
}
.slick-auto-inherit-1{
    width: 100%;
    display: inline-block;
}

/* SYN-1827 */
.flp-dynamic{
    padding-left: 0px !important;
}

button > #mini-loading {
    position: relative;
    z-index: 1;
    border: 3px solid #f7f7f7 ;
    border-top: 3px solid #17a2b8;
    border-top: 3px solid #28a745;
    border-radius: 50%;
    width: 16px !important;
    height: 16px !important;
    margin-top:4px;
    margin-right:4px;
    animation: spin 1s linear infinite;
}
#mini-loading {
    position: relative;
    z-index: 1;
    border: 3px solid #17a2b8;
    border: 3px solid #28a745;
    border-top: 3px solid #f7f7f7  ;
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    margin-top:4px;
    margin-right:4px;
    animation: spin 1s linear infinite;
}
.spinner-hide {
    display: none;
}
.spinner-show {
    display: inline-block;
}

/******************************* Ghan Static page - Take me to deals **********************************/
.future-pt-fm{
    font-family: 'futura-pt', sans-serif !important;
}
.fs-32px{
    font-size: 32px;
}
  /* Floating Button */
  .floating-button {
    position: fixed;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #34343485; /* Customize background color */
    color: #fff;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    padding: 23px;
    z-index: 1;
}
 /* Close Icon */
 .close-icon {
    position: absolute;
    top: -18px;
    right: 0px;
    font-size: 2em;
    font-weight: 500;
    cursor: pointer;
    color: #34343485;
    text-shadow: 0px 0px 0px #FFFFFF;
}
  /* Arrow Icon */
  .arrow-icon {
    font-size: 16px;
    top: 79px;
    position: absolute;
  }
/*****************************FIT Rail Page*************************************************************************************************/
.fit-rail-video-section .video-overlay{
    margin-top: 0%;
}
.fit-rail-video-section .desktopthumbnailContainer{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
}
.fit-rail-video-section .desktopthumbnailContainer img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}
.fit-rail-video-section .mobilethumbnailContainer{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
}
.fit-rail-video-section .mobilethumbnailContainer img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}
.fit-rail-search-section {
    background-color: #000000;
}
.jb-train-text-section p{
    color: #161616;
    line-height: 1.8;
    font-size: 17px !important;
}
.jb-train-text-section p b{
    color: #000000;
    font-weight: bold;
}
.desktop-jounery-beyond-title h2{
    font-size: 40px;
}
.desktop-jb-train-text-section p{
    color: #161616;
    line-height: 1.8;
    font-size: 20px !important;
}
.desktop-jb-train-text-section p b{
    color: #000000;
    font-weight: bold;
}
.mobile-fit-rail-see-more-button {
    color: #313131;
    background: white;
    border: 1px solid black;
    width: 100%;          
    height: 35px;    
    line-height: 1.5;     
    padding: 0;       
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
.desktop-fit-rail-see-more-button{
    color: #313131;
    background: white;
    border: 1px solid black;
    width: 53%;          
    height: 30px;    
    line-height: 1.5;     
    padding: 0;       
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.desktop-fit-rail-see-more-button:hover{
    background-color:#707070;
}
 
.desktop-fit-rail-see-more-button:active{
    background-color:#707070 !important;
}
.fit-rail-package-title-expand-dexktop-button{
    color: white !important;
    border: none !important;
    outline: none; /* Remove blue outline on click */
    box-shadow: none; /* Remove box shadow */
    color: inherit; /* Keep text color as is */
    text-decoration: none;
}
.fit-rail-package-title-expand-dexktop-button:focus {
    outline: none;
    box-shadow: none;
    color: inherit;
}
.fit-rail-package-title-expand-dexktop-button:hover {
    text-decoration: none;
    color: inherit;
}
.card:hover .fit-rail-package-title-expand-dexktop-button,
.container:hover .fit-rail-package-title-expand-dexktop-button {
    text-decoration: none;
}
.fit-rail-hoa-content p{
    font-size: 18px;
}
.fit-rail-hoa-content ul li{
    font-size: 18px;
}
.fit-jb-rail-sub-heading{
    font-size: 18px;
}
.fit-jb-rail-heading-without-hypen{
    font-size: 25px;
}
.fit-jb-modified-package-title{
    font-size: 22px;
}
.fit-jb-find-out-more-button{
    font-size: 18px;
}
.fit-rail-package-title-expand-dexktop-button i{
    font-size: 14px;
}
.fit-jb-header-container{
    background-color: #161616;
}
.mobile-jb-rail-down-icon{
    color: white ;
    font-size: 12px;
}
.mobile-jb-rail-modified-package-title{
    color: white !important;
}
.mobile-jb-rail-header-section {
    padding-right: 7px;
}
.cabin-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.depature-content {
    transition: max-height 0.4s ease-out; /* Adjust timing as needed */
}
.depature-content.expanded {
    max-height: 1000px; /* Set a high enough value for smooth expansion */
}
.fit-jb-result-sub-container .card{
    border: none;
}
#cabintoggleButton{
    display: flex;
    align-items: center;
}
.find-out-text {
    margin-right: 5px; /* Adjust as needed for spacing */
}
.down-arrow-icon {
    transition: transform 0.2s ease;
}
.cabin-content-container{
  /*  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 
    -1px 1px 1px rgba(0, 0, 0, 0.2), 
    0 1px 1px rgba(0, 0, 0, 0.2); */
    -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15) !important;
}
.cabin-content-find-more-button{
    color:#707070;
}
.cabin-content-card-header{
    background-color: #F5F8FA;
    border:none;
}
.cabin-content-service-type{
    font-size: 18px;
    color: #161616;
}
.fit-jb-cabin-content-with-html {
    overflow: hidden;
    transition: max-height 0.3s ease;
    width: 100%;
}
.fit-jb-cabin-content-with-html p,.fit-jb-cabin-content-with-html ul li{
    font-size: 18px;
}
.cabin-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
}
.see-more-extra-cabin-content {
    margin-top: 10px; 
    outline: none;
    font-size: 14px;
    border: 1px solid black;
    border-radius: 7px;
    color: #313131 !important;
    width: 104px;
    padding: 4px 4px;
}
.see-more-extra-cabin-content:focus {
    outline: none; /* Removes outline on focus */
    box-shadow: none; /* Removes any focus shadow, if applicable */
    text-decoration: none;
}
/******************************* Ghan Static page - The Ghan section  **********************************/

/* .map-text-spacing{
    right: 15px;
}

.other-text-spacing{
    left:0px !important;
} */

    .flp-dynamic .img-fluid {
        margin-top: 0px !important;
    }

.img-map{
    width:453px;
    max-height:385px;
    margin-top:0px !important;
}
.map-section-btn{
    width: 100%;
    margin-bottom: 1rem;
}
.btn-read-more{
    border: 1px solid #161616;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #fff; /* Maroon background color */
    color: #161616; /* Text color */
    padding: 10px 20px; /* Padding for sizing */
    font-weight: 700; /* Bold text */
    font-size: 17px; /* Font size */
    border-radius: 5px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}
.btn-read-more:hover{
    background-color: #161616;
    color: #fff;
}
.show-mid-section{
    display: block;
}
.hide-mid-section{
    display: none;
}
/******************************* Ghan Static page - End  The Ghan section  **********************************/
/******************************* Ghan Static page - luxurious section  **********************************/
 
.luxurious-section{
    padding-top: 2vw;
    padding-bottom: 2vw;
}
.static-page-black{
   color: #161616;
 }
 .static-page-white{
    color: #FFFFFF !important;
 }
.static-page-h2-title{
    font-family: 'futura-pt', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700;
}
.static-page-h3-title{
    font-family: 'futura-pt', sans-serif !important;
    font-size: 37px !important;
    font-weight: 700;
    
}
.static-page-p{
    font-family: 'futura-pt', sans-serif !important;
    font-size: 22px;
    color: #161616;
    font-weight: 400;
    text-align: left;
    /* border: 1px solid #00000000 ; */
}
.luxurious-image-box {
    position: relative;
    overflow: hidden;
   
  }
  .luxurious-image-box img {
    width: 100%;
    height: auto;
   
  }
  .luxurious-image-box img:hover{
     opacity: 0.5;
  }
  .luxurious-image-box-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: bold;
    font-size: 40px;
    text-shadow: 3px 3px 2px #00000048;
    width: 100%;
    text-align: center;
  }
  
 /******************************* End Ghan Static page - luxurious **********************************/ 
/******************************* Ghan Static page - Take me to deals **********************************/
.future-pt-fm{
    font-family: 'futura-pt', sans-serif !important;
}
.fs-32px{
    font-size: 32px;
}
  /* Floating Button */
  .floating-button {
    position: fixed;
    right: 10%;
    top: 75%;
    transform: translateY(-50%);
    background-color: #34343485; /* Customize background color */
    color: #fff;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    padding: 23px;
    z-index: 1000;
}
 /* Close Icon */
 .close-icon {
    position: absolute;
    top: -18px;
    right: 0px;
    font-size: 2em;
    font-weight: 400;
    cursor: pointer;
    color: #34343485;
    text-shadow: 0px 0px 0px #FFFFFF;
}
  /* Arrow Icon */
  .arrow-icon {
    font-size: 16px;
    top: 79px;
    position: absolute;
  }
/****** JB Direct Booking Form   *******/
form#JBbookingForm input {
    border-radius: 5px !important;
}
form#JBbookingForm select {
    border-radius: 5px !important;
}
form#JBbookingForm textarea {
    border-radius: 5px !important;
}
.waiting-msg-booking-form{
    margin: 0px;
    padding: 0px;
}

  .form-control.flatpickr-input {
        background-color: #fff !important;
    }

/*.fit-rail-hoa-content  ul {
    list-style-type: disc;
    margin-left: 15px;
}
.fit-rail-hoa-content  li {
    margin-top: 0.5em;
}*/


/************************Iconic Package Page ************************************************/
@font-face {
    font-family: 'Superior Title Regular';
    src: url("/fonts/vendor/superior/superiortitleregular.otf") format('truetype'); 
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Objektiv Mk1 Regular';
    src: url("/fonts/vendor/objektiv-mk1/fonnts.com-Objektiv_Mk1_Regular.otf") format('truetype'); 
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Objektiv Mk1 Light';
    src: url("/fonts/vendor/objektiv-mk1/fonnts.com-Objektiv_Mk1_Light.otf") format('truetype'); 
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Objektiv Mk1 Medium';
    src: url("/fonts/vendor/objektiv-mk1/fonnts.com-Objektiv_Mk1_Medium.otf") format('truetype'); 
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Superior Title Light';
    src: url("/fonts/vendor/superior/superiortitlelight.otf") format('truetype'); 
    font-weight: normal; /* Regular */
    font-style: normal;
}



.superior-title-regular{
    font-family: 'Superior Title Regular', 'futura-pt';
}
.objektiv-mk1-regular{
    font-family: 'Objektiv Mk1 Regular', 'futura-pt';
}
.objektiv-mk1-bold{
    font-family: 'Objektiv Mk1 Regular', 'futura-pt';
    font-weight: bold;
}
.objektiv-mk1-medium {
    font-family: 'Objektiv Mk1 Medium', 'futura-pt'; 
}



.superior-title-light{
    font-family: 'Superior Title Light', 'futura-pt' !important;
}





.objektiv-mk1-light{
    font-family: 'Objektiv Mk1 Light', 'futura-pt';
    
}

.objektiv-mk1-medium{
    font-family: 'Objektiv Mk1 Medium', 'futura-pt' !important;
    
}


.iconic-carousel-night-count{
    font-size: 16px !important;
}
@media (min-width: 320px) {
    /*****************Home page media Quries ***********************/
    .blog-section-container .home-blog-tile{
        min-height: 0px;
        max-height: 490px;
    }
    .home-blog-mobile-tile .blog-image a img{
        max-height: 150px;
    }
    .insta-section .insta-section-container {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom:25px
    }
    .pre-footer-box h4 {
        font-size: 20px;
    }
    .footer-menu-item-list .follow-us-img-container {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .mobile-footer-text-algin .ntnow {
        width: 180px;
    }
    .mobile-footer-text-algin .sba {
        width: 180px;
    }
    .villa-beach-footer-icon a img{
        width:45%;
    }
    .travel-style-body a:hover{
        font-size: 20px;
    }
    .gift-card-buy-now {
        width: 65%
    }
    .gift-card-section-mobile-blog .home-blog-tile {
        min-height: 367px;
        max-height: 450px;
    }
    .gift-card-section-mobile-blog .blog-read-more a{
        font-size:18px;
    }
    .tag-section-mobile-blog .home-blog-tile{
        min-height: 367px;
        max-height: 450px;
    }
    .tag-section-mobile-blog .blog-read-more a{
        min-height: 367px;
        max-height: 450px;
    }
    .land-page-main-section{
        /* margin-top: 18px; */
    }
    .land-page-header-container{
       padding-left: 1.5rem;
       padding-right:1.5rem;
    }
    .land-page-main-section .tag-details-show-more .showmore-margin {
        margin-bottom: 16px;
    }
    .land-page-main-section .top-5-things{
        margin-top:35px;
    }
    .land-page-main-section .mobile-explore-package-container{
        margin-top:30px;
    }
    .land-page-header-container .explore-page-header{
       font-size: 22px;
    }
    .land-page-header-container .header-text-container span,.land-page-header-container .header-text-container p{
        font-size: 17px !important;
    }
    .land-page-main-section .tag-details-extend-text-only-para div ,
    .land-page-main-section .tag-details-extend-text-only-para p,
    .land-page-main-section .tag-details-extend-text-only-para span{
        font-size: 17px !important;
        font-family: "futura-pt", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    .land-page-main-section .tag-details-extend-text-only-para p b{
        font-size: 16px;
    }
    .land-page-main-section .tag-details-show-more a{
        font-size: 13px;
    }
    .land-page-main-section .top-5-things-title b {
        font-size: 16px
    }
    .land-page-main-section .top-5-things-title {
        font-size: 16px
    }

    .insta-title-mobile .insta-title {
        position: relative;
        text-align: center;
        display: inline-block;
        width: 100%;
      }
      .insta-title-mobile .insta-title h2 {
        display: inline-block;
        background: white;
        padding: 0 10px;
        z-index: 1;
        position: relative;
      }
      .insta-title-mobile .line {
        position: absolute;
        top: 42%;
        transform: translateY(-50%);
        height: 1px;
        background: #707070;
      }
      .insta-title-mobile .line-left {
        left: 0;
        right: calc(50% + 125px);
      }
      .insta-title-mobile .line-right {
        right: 0;
        left: calc(50% + 125px);
      }

      .travel-style-mobile-tiles .travel-style-body  a{
        top: 50%;
        left: 50%;
        text-shadow: 0px 3px 6px #00000080;
        transform: translate(-50%, -50%)
      }

    /***************************Search page css **********************************************************/
    .search-section {
        margin-top:35px;
    }
    .no-search-result-container{
        margin-top:12px;
    }
    .serach-404-form-container{
        background-color:#F5F8FA;
    }
    .serach-404-form-container .enquiry-form{
        background-color:#F8F9FA;

    }
    .search-not-found-sub-title {
        margin-top:20px;
    }
    .search-not-found-sub-title span {
        font-size: 22px;
        color: #161616;
    }
    .search-not-found-sub-title p{
        margin-top:17px;
        font-size: 16px;
        color: #161616;
    }
    .check-box-terms-conditions{
        color:#707070;
    }
    .search-404-submit-button{
        background-color: #24BAEC;
        font-size: 23px;
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 135%;
        text-align: center;
        margin-bottom: 26px;
    }
    .search-404-bottom-container {
        background-color: white;
        filter: drop-shadow(5px 5px 10px #00000029);
    }
    .search-404-bottom-container .container  h4{
        padding-top:45px;
    }
    .search-404-bottom-links-container{
        margin-top:20px;
        margin-bottom: 20px;
    }
    .search-404-bottom-links-container p{
        margin-bottom: 0.5rem;
    }
    .search-404-bottom-links-container p a{
       text-decoration: underline;
       font-size: 18px;
    }
    .search-404-bottom-links-container p a:hover{
         color: currentColor;
     }
     /*********************************landing page tiles css changes (Task  under SYN-1364 ) **********************************/
     .landing-page-tile-body{
        position: relative;
     }
     .landing-page-tile-body a:hover {
        font-size: 19px;
     }
     .landing-page-tile-body a {
        font-family: "raleway", sans-serif;
        font-weight: 900;
        font-style: normal;

     }
     .landing-page-mobile-tile-left-corner {
        padding-right:4px;
        padding-left:13px;
     }
     .landing-page-mobile-tile-right-corner {
        padding-left: 2px;
        padding-right: 15px;
     }
     .tag-title-with-all-prefix-mobile{
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 40px;
     }
     .landing-page-tile-body .hover-scale-center:hover {
        transform: scale(1.1);
        color: white;
      }


     .landing-page-tile-body img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .landing-page-tile-body .hover-scale-center {
        position: absolute;
        color: white;
        font-size: 15px;
        transition: transform 0.3s ease;
        display: inline-block;
        text-align: center;
      }

     /******************Brochure Download Page **************************************/
     .menu-linked-brochure-download-page .product-box{
        margin-top:21px;
    }

     /********************JB Direct Booking Search Page ************************************************/
    .departure_month-calendar-input-wrapper {
        position: relative;
    }
    
    .departure_month-calendar-input-wrapper input {
        padding-right: 30px; 
    }
    
    .departure_month-calendar-input-wrapper .calendar-icon {
        position: absolute;
        right: 10px;          
        top: 50%;        
        transform: translateY(-50%);
        cursor: pointer;  
    }
    .fit-jb-result-sub-container{
        padding-right:0%;
        padding-left:0%
    }

    .fit-jb-result-main-container{
        padding-right:8px;
    }
    .fit-jb-cabin-content-with-html{
        max-height: 90px;
    }
    .depature-content-row {
        margin-top:1rem;
    }
    .jb-direct-booking-dob-text-left{
        text-align: left !important; 
        -webkit-appearance: none !important; 
        -moz-appearance: none;
        appearance: none;
        padding-left: 10px;
    }
	
	/**************************Iconic Package Page ****************************************/
     .iconic-package-name{
        font-size: 43px;
        text-transform: uppercase;
	line-height: 50px;
    }
    .iconics-package-teaser{
        font-size: 17px;
        line-height: 1.7;
    }
    .mobile-icon-container {
        width:120px;
        margin: 0 auto; /* Center the capsule on the screen */
        padding: 36px 10px;
        background-color: black;
        border-radius: 50px; /* Ensures the capsule shape */
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
      }
      
      .mobile-icon-container .mobile-icon-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 10px;
        }
      
      .mobile-icon-container .mobile-icon {
            width: 32px;
            margin-bottom: 5px;
        }
      
     .mobile-icon-container .mobile-text {
        text-align: center;
        text-transform: uppercase;
        font-size: 17px;
      }
      
      .mobile-icon-container .divider {
        width: 80%;
        border: 1px solid white;
        margin: 10px 0;
      }
      .package-description-container .enquire-btn {
        display: inline-block; /* Keeps the button inline with text */
        border: 1px solid #000000; /* Black border */
        color: #000000; /* Black text */
        padding: 8px 60px; /* Adjust padding as needed */
        text-decoration: none; /* Removes underline from link */
        font-size: 12px; /* Adjust font size */ 
        transition: background-color 0.3s, color 0.3s; /* Smooth hover effects */
        font-weight: 900 !important;
    }
    .package-description-container{
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 60px;
    }
    .package-description-sub-container{
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }
    .iconic-package-description-first-image{
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .iconic-package-description{
        font-size: 15px;
    }
    .iconic-package-inclusions ul{
        padding-left: 20px;
        line-height: 2.3;
    }
    .iconic-package-inclusions .highlights-and-inclusions{
        font-size: 17px;
    }
    
    .mobile-highlights-and-inclusions ul{
        padding-left:22px;
        line-height:2.3;
    }
     .mobile-highlights-and-inclusions{
        font-size: 15px;
    }

}

@media (min-width: 375px) {
    /**********************Footer******************************************/
    .villa-beach-footer-icon a img{
        width:36%;
      }
}

@media (min-width: 420px) {
/***************************Search page css **********************************************************/
    .search-404-submit-button{
        width: 100%;
    }

}

@media (max-width: 425px) {
    .toppicks-title h2 {
        font-size: 1.20rem;
    }
    .travel-style-title h2 {
        font-size: 1.20rem;
    }
    .package-list h2 {
        font-size: 1.20rem !important;
    }
}

@media (max-width: 440px) {
    .download_flyer_modal .modal-content {
        width:98% !important;
        margin:auto;
    }
}


@media (min-width: 440px) {
    .gift-card-buy-now {
        width:48%
    }
/**********************Footer******************************************/
    .villa-beach-footer-icon a img{
        width:30%;
      }
}

 @media (max-width: 474px) {
    .video-overlay h1 {
        font-size: 40px;
    }
    .mobile-main-menu input.search-click.mobile-search-feild::placeholder {
        font-size:11px;
    }
    .mobile-main-menu .mobile-search-feild::-ms-input-placeholder {
        font-size: 10px;
    }
}

@media (max-width: 575px) {

    #jb-static-pages-carousel .slick-prev {
        left: -15px !important;
    }
    #jb-static-pages-carousel .slick-next {
        right: -15px !important;
    }

    .img-map{
        width: 100%;
        height: auto;
    }
    .sm-mb5{
        margin-bottom: 25px;
    }
    .travel-style-title h2 {
        margin-left: 24px
    }
    .travel-style-body a {
        font-size: 18px;
    }
	
    /**** iconicn landing page ****/

    .iconic-carousel-title {
        font-size: 32px !important;
        padding-bottom: 20px;
    }


    .iconic-landing-page-main-title{
        font-size: 32px !important;
    }

    #iconic-pages-carousel{
        padding: 50px;
    }
   
    .slick-next{
        right: -25px !important;
    }

      #before-deal-section {
        margin-bottom: 0rem !important;
    }
  
    #iconic-pages-carousel:nth-of-type(3) {
        padding-bottom: 1rem !important;
        padding-top: 0px !important;
    }

    #iconic-pages-carousel:nth-of-type(1) {
        padding-top: 25px !important;
        padding-bottom: 0px !important;
    }

    #iconic-pages-carousel:nth-of-type(2) {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    div#iconic-pages-carousel {
        margin-top: 10px !important;
    }	
}

@media (min-width: 576px) {
    .travel-style-left-mobile-image {
        padding-left: 0.8rem
    }
    .travel-style-right-mobile-image {
        padding-right: 13px
    }
    .travel-style-mobile-tiles .travel-style-body  a{
        font-size: 25px;
    }

    .travel-style-mobile-tiles .travel-style-body  a:hover{
        font-size: 28px;
    }

    /***************************Search page css **********************************************************/
    .search-404-submit-button{
        width: 90%;
    }

    /*****************************Footer***************************************************************/
    .villa-beach-footer-icon a img{
        width:25%;
    }
    
    /*********************JB Direct Booking ********************************************************/
    .fit-jb-result-sub-container{
        padding-left:0px;
    }
    .fit-jb-result-main-container{
        padding-right:1px;
    }
	/**************************Iconic Package Page ****************************************/
    .package-description-container {
        max-width :540px;
    }
}

@media (max-width: 767px) {
    .topbar-icons .branding {
        margin-top: 7px;
        margin-bottom: 12px;
    }
    .topbar-icons {
        webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }
    .toppicks-title h2 {
        margin-bottom: 6px;
        margin-left: 9px;
    }
    .packagelist {
        margin-top: 15px !important;
    }
    .travel-style-title {
        padding-left: 7px !important;
    }
    .package-list h2 {
        margin-bottom: 10px !important;
    }
    .toppicks-container {
        padding-top: 33px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .search-content .search-title {
        text-align: center;
    }
    .subscribe-home-content h5 small {
        font-size: 16px !important;
    }
    input.form-control.rounded-0.search-go-container-text::placeholder {
        text-align: center;
        font-size: 14px !important;
    }
    input.form-control.rounded-0.search-go-container-text::-ms-input-placeholder {
        text-align: center;
        font-size: 14px !important;
    }
    input.form-control.rounded-0.search-go-container-text {
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }
    .search-content .submithomepagesearch {
        border-top-left-radius: 15px !important;
        border-bottom-left-radius: 15px !important;
    }
    .search-content .mobile-go-search-container {
        text-align: center;
    }
    .pre-footer-box {
        padding-left: 0.5rem !important;
    }
    .mobile-footer-text-algin {
        text-align: center;
    }
    .footer_accreditation h4 {
        text-align: center !important;
    }
    .search-item-tile {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .search-page-header .landing-page-header {
        padding-left: 0.5rem;
    }
    .search-pagination{
        padding-left: 1.5rem;
    }
    .travel-inspiration-title h2{
        font-size: 25px !important;
    }
    .travel-inspiration-title{
        padding-left: 0.5rem !important;
    }
    .travel-inspiration-title  .night-description-border-bottom {
        padding-bottom: 0px !important;
        padding-top: 0px !important;

    }
    .travel-inspiration-header-section {
        padding-left:19px;
        padding-right:30px;
    }
    .travel-inspiration-home-blog-tile {
        margin-bottom: 0.5rem !important ;
        padding-top: 0.5rem !important
    }
    .blog-main-title a {
        font-size: 20px !important;
    }
    .gift-unique-experince-section h4{
        font-size: 20px !important;
    }
    .gift-unique-experince-section p{
        font-size: 18px !important;
    }
    .gift-unique-experince-section p b{
        font-size: 18px !important;
    }
    .gift-unique-experince-section {
        margin-top: 38px;
    }
    .shop-gift-card {
        font-size: 25px !important;
        margin-bottom: 40px !important;
    }
    .gift-card-container {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .gift-card-section-mobile-blog {
        margin-top:10px !important;
    }
}

@media (min-width: 768px) {
    /*********home page ***********************************/
    .travel-style-container {
        padding-left: 1.92rem;
        padding-right: 1.92rem;
    }
    .travel-style-title-container {
        padding-left: 10px;
    }
    .pre-footer-logo-image {
        width: 73px;
    }
    .pre-footer-logo .pre-footer-logo-content .partner-title h6 {
        font-size: 10px;
    }
    .desktop-serach-go-container {
        width: 445px;
    }
    .pre-footer-box h4 {
        font-size: 15px;
    }
    .villa-beach-footer-icon{
        margin-top:-3%;
    }
    .villa-beach-footer-icon a img{
        width:60%
    }

    .footer-menu-item-list .follow-us-img-container {
        padding-left: 1rem;
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
    }
    .mobile-footer-text-algin .ntnow {
        width: 100%;
    }
    .mobile-footer-text-algin .sba {
        width: 100%;
    }
    .travel-style-body a:hover {
        font-size: 30px;
    }
    .blog-section-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hoa-gift-card-image {
        width:41%;
    }
    .hoa-gift-card-text-section {
        padding-left:13px;
    }
    .gift-card-buy-now {
        width:25%;
    }
    .insta-title-desktop .insta-title {
        position: relative;
        text-align: center;
        display: inline-block;
        width: 100%;
      }
    .insta-title-desktop .insta-title h2 {
        display: inline-block;
        background: white;
        padding: 0 10px;
        z-index: 1;
        position: relative;
      }
    .insta-title-desktop .line {
        position: absolute;
        top: 42%;
        transform: translateY(-50%);
        height: 1px;
        background: #707070;
      }
    .insta-title-desktop .line-left {
        left: 0;
        right: calc(50% + 160px);
      }
    .insta-title-desktop .line-right {
        right: 0;
        left: calc(50% + 160px);
      }
    .insta-section .insta-section-container{
        margin-bottom: 50px;
    }
/*************************** Search Page CSS *********************************/
    .search-item-tile .map-circle {
        padding-top: 8px;
    }
    .search-list .small-package-title{
        min-height: 60px;
        max-height: 60px;;
    }
    .search-item-tile .product-images .package-tooltiptext {
        min-height: 160px ;
        max-height: 160px ;
    }
    .travel-inspiration-header-section .travel-inspiration-title {
        margin-top:35px;
    }
    .search-section {
        margin-top: 2.6rem;
    }
    .search-not-found-main-title h4{
        font-size: 25px;
    }
    .search-not-found-sub-title span{
        font-family: "futura-pt", sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #161616;
        font-size: 23px;
    }
    .search-404-bottom-container .container h4 {
        font-size: 18px;
    }
    .search-404-bottom-links-container p a {
        font-size: 17px;
    }
    .search-404-submit-button {
        width:74%;
    }
    .serach-404-form-container{
        background-color: white;
    }
    .search-404-bottom-container{
        filter:none;
    }
    .serach-404-form-container .enquiry-form {
        webkit-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        padding-right:1.5rem !important;
        padding-left:1.5rem !important;
    }
/****************************************************************************/
    .homepage .map-circle {
        /* padding-top: 11px; */
        padding-top: 7px;
        width: 30px;
        height: 30px;
    }
    .homepage .product-images .package-tooltiptext {
        min-height: 130px;
        max-height: 160px;
    }
    .homepage .package-list .product-box p.nights-description {
        margin-bottom: 0px;
        font-size: 14px;
    }
    .land-page-main-section{
        margin-top: 0px !important;
    }
    .land-page-header-container{
        padding-left: 15px;
        /*padding-right: 0px;*/
     }
     .land-page-main-section .tag-details-show-more .showmore-margin {
        margin-bottom: 48px;
    }
    .land-page-main-section .top-5-things{
        margin-top:0px;
    }
    .land-page-header-container .explore-page-header{
        font-size: 24px;;
    }
    .land-page-header-container .header-text-container span,.land-page-header-container .header-text-container p{
        font-size: 20px !important;
    }

    .land-page-main-section .tag-details-extend-text-only-para div ,
    .land-page-main-section .tag-details-extend-text-only-para p,
    .land-page-main-section .tag-details-extend-text-only-para span {
        font-size: 20px !important;
        font-family: "futura-pt", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .land-page-main-section .tag-details-show-more a{
        font-size: 13px;
    }
    .land-page-main-section .top-5-things-title b {
        font-size: 15px
    }
    .land-page-main-section .top-5-things-title {
        font-size: 15px
    }
    .land-page .search-title h5{
        font-size: 15px;
        padding-top:13px;
    }
    .land-page-main-section .search-item-tile .map-circle {
        padding-top:7px;
        width:29px;
        height: 29px;
        font-size: 12px;
        padding-left: 3px;
    }
    .land-page-main-section .search-item-tile .bg-map-grey{
        font-size: 10px;;
    }
     /*********************************landing page tiles css changes (Task  under SYN-1364 ) **********************************/
     .landing-page-tile-body a {
        font-size: 22px;
     }
     .landing-page-tile-body a:hover {
        font-size: 20px;
     }
     .landing-page-tile-last-row{
        margin-top:38px;
     }
     .desktop-landing-page-tile-container{
        margin-top:60px;
        margin-bottom: 5%;
     }
     .landing-page-tile-middle{
        padding-left: 18px;
        padding-right: 11px;

     }
     .landing-page-tile-right-corner{
        padding-left:21px;
        padding-right:9px;
     }
     .tag-title-with-all-prefix{
        text-transform: uppercase;
        font-size: 24px;
     }
     .small-group-tiles-container .desktop-landing-page-tile-container{
        margin-top:35px;
        margin-bottom: 70px;
     }
     .cruise-tiles-container .desktop-landing-page-tile-container{
        margin-top:48px;
        margin-bottom: 55px;
     }
     .landing-page-tile-body .hover-scale-center{
        font-size: 18px;
     }

      /******************Brochure Download Page **************************************/
      .menu-linked-brochure-download-page .product-box{
            margin-top:21px;
     }
    
     /************JB Direct Booking*************************************************/
     .jb-serach-error-message-container{
        position: absolute;
        top:100%;
        left:5px;
     }
     .departures-result-container{
        padding-left: 0px;
     }
     .fit-jb-result-main-container{
        padding-left: 0px; 
     }
     .fit-jb-result-sub-container{
        padding-left:0%;
    }
    .fit-jb-cabin-content-with-html{
        max-height: 170px;
    }
    .depature-content-row {
        margin-top:2rem;
    }
    /*****************************FIT JB Static Page CSS Changes ***************************/
    .flp-dynamic .img-map{
        margin-top: 33px;
   }

   .flp-dynamic .img-fluid{
        margin-top: 33px;
    }

/*****************Iconic Package Page ****************************************************/
     .iconic-icon-container{
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: black;
        border-radius: 50px;
        padding: 20px 30px;
        color: white;
        flex-wrap: wrap;
        position: relative;
      }
      
      .iconic-icon-container .icon-box {
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 10px;
      }
      
      .iconic-icon-container .icon {
        width: 43px;
        margin-right: 8px;
      }
      
      .iconic-icon-container .text {
        font-size: 18px;
        text-transform: uppercase;;
      }
      .iconic-icon-container .count{
        font-size: 36px;
        padding-left:20px;
      }
      .iconic-icon-container .icon-box:nth-child(2)::before {
        content: '';
        position: absolute;
        left: -13px;
        top: -22px;
        bottom: 0;
        width: 0px; 
        background-color: white; 
        height: 150px; 
        border: 1px solid #FFFFFF;
        opacity: 0.09;
    }
    
    
    .iconic-icon-container  .icon-box:nth-child(3)::before {
        content: '';
        position: absolute;
        left: -15px;
        top: -22px;
        bottom: 0;
        width: 0px; 
        background-color: white; 
        height: 150px; 
        border: 1px solid #FFFFFF;
        opacity: 0.09;
    }
    .package-description-container{
        margin-top: 3.5rem;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
     }
   
    .iconic-package-description-first-image{
        margin-top: 0px; 
        margin-bottom: 30px;
        padding-left:7%;
        padding-right:7%;
    }    
  
    .package-description-container {
        max-width :100%;
        padding-right: 15px;
    }
    .iconic-package-inclusions .highlights-and-inclusions{
        font-size: 14px;
    }
    .iconics-package-teaser{
        text-align: center;
    }

    .package-description-container .iconic-package-description {
        padding-left: 7%;
        padding-right: 7%;
    }

    .iconic-page-enquiry-container .iconic-page-enquiry-form{
        padding-left:5% !important;
    }

    .iconic-page-enquiry-container .price-disclaimer{
        padding-left:8%;
    }

     .iconic-page-carousel-title-wrapper {
        min-height: 95px;
        padding: 30px 5px 0px 5px !important;
        /* max-height: 75px; */
      }

      .iconic-teaser {
        min-height: 62px !important;
        
      }
     .highlights-and-inclusions-mobile{
        margin-left: 5%;
        padding-left: 4px;
    }

   /****************Iocnic Landing Page **************************/

    div#iconic-pages-carousel button.slick-prev.slick-arrow
    {
        top: 21% !important;
    }

    div#iconic-pages-carousel button.slick-next.slick-arrow
    {
        top: 21% !important;
    }

}

@media (min-width: 992px) {
    .desktop-serach-go-container {
        width: 550px;
    }
    .gift-card-buy-now {
        width:20%;
    }
    .gift-card-section-desktop-blog .slick-next {
        right: -22px;
    }
    .gift-card-section-desktop-blog .slick-prev {
        left:-22px;
    }
    .search-item-tile .bookonline-badge-content {
        margin-right: 0px;
    }
    .search-item-tile .map-circle-container{
        padding-left: 25px;
    }
    .search-item-tile .map-circle {
        padding-top: 7px;
    }
    .search-item-tile .product-box .small-package-title {
        min-height:79px;
        max-height: 79px;
    }
    .search-item-tile .product-box p.nights-description {
        font-size: 15px;
    }
    .search-item-tile .product-images .package-tooltiptext {
        min-height: 230px ;
        max-height: 230px ;
    }
    .homepage .bookonline-badge-content {
        margin-right: 0px;
    }
    .homepage .map-circle-container {
        padding-left:23px;
    }
    .homepage .map-circle {
        /* padding-top: 10px; */
        padding-top: 7px;
        width: 32px;
        height: 32px;
    }
    .homepage .product-box .small-package-teaser {
        min-height: 105x;
        max-height: 105px;
    }
    .homepage .package-tooltiptext .teaser-text {
        font-size: 13px;
    }
    .homepage .product-images .package-tooltiptext {
        min-height: 210px;
        max-height: 210px;
    }
    .homepage .package-list .product-box p.nights-description {
        font-size: 14px;
    }
    .land-page-main-section .blog-header a{
        font-size:13px;
    }
    .land-page-main-section .search-item-tile .map-circle {
        padding-top:8px;
        width:29px;
        height: 29px;
        font-size: 12px;
        padding-left: 4px;
    }
    .land-page-main-section .search-item-tile .bg-map-grey{
        font-size: 11px;;
    }
    .land-page-main-section .gift-card-section-desktop-blog .home-blog-tile {
        min-height: 257px;
        max-height: 228px;
    }
    /************************Search 404 Page **********************************************************/
    .search-404-submit-button {
        width:56%;
    }
    /**************************Iconic Package Page ****************************************************/
    .iconic-icon-container .icon-box{
        margin: 0px 10%;
    }
    .iconic-package-inclusions .highlights-and-inclusions{
        font-size: 20px;
    }
    
     .iconic-page-enquiry-container .need-assistance-bottom{
        margin-top:67px;
    }

    .iconic-page-enquiry-container .contact-header-2{
        margin-top: 15px;
    }

    .iconic-page-enquiry-container .contact-info-last-line{
        padding-bottom: 10px;
    }

    .iconic-page-enquiry-container .contact-header-2{
       margin-top: 15px;
    }

    .iconic-page-need-assistance{
        padding-right:4%;
    }
   .highlights-and-inclusions-mobile{
        margin-left: 5%;
        padding-left: 6px;;
    }	
}

@media (min-width: 1000px) {
    .pre-footer-logo-image {
        width: 119px;
    }
	.iconic-page-carousel-title-wrapper {
        min-height: 95px !important;
        padding: 30px 5px 0px 5px !important;
        /* max-height: 75px; */
    }

    .iconic-teaser {
        min-height: 64px ;
       
    }
}

@media (min-width: 1200px) {
    .homepage .map-circle-container {
        left: 0px;
        padding-left: 14px;
    }
    .homepage .bookonline-badge-content {
        margin-right: 10px;
    }
    .search-item-tile .map-circle-container {
        left: 0px;
    }
    .topbar-icons {
        margin-bottom: 5px;
    }
    .pre-footer-logo-image {
        width: 119px !important;
    }
    .pre-footer-logo .pre-footer-logo-content .partner-title h6 {
        font-size: 15px !important;
    }
    .gift-card-buy-now {
        width:20%;
    }
    .gift-card-section-desktop-blog .home-blog-tile{
        min-height: 320px;
        max-height: 320px;
    }
    .search-item-tile .map-circle-container{
        padding-left: 12px;
    }
    .search-item-tile .bookonline-badge-content{
       margin-right:1rem;
    }
    .search-item-tile .product-box .small-package-title {
        min-height: 85px;
        max-height: 85px;
    }
    .search-item-tile .product-images .package-tooltiptext {
        min-height: 250px;
        max-height: 250px;
    }
    .homepage .map-circle {
        /* padding-top: 9px; */
        padding-top: 7px;
    }
    .homepage .product-box .small-package-teaser {
        min-height: 120px;
        max-height: 150px;
    }
    .homepage .product-images .package-tooltiptext {
        min-height: 250px;
        max-height: 250px;
    }
    .land-page-main-section .australian-cruise-stay-and-tour{
        padding-left:0px;
        padding-right:0px;
    }
    .land-page-main-section  .slick-next {
        right: -27px;
    }
    .land-page-main-section  .slick-prev {
        left: -27px;
    }
    .land-page-main-section .blog-header a{
        font-size:15px;
    }
    .land-page .search-title h5{
        font-size: 18px;
        padding-top:12px;
    }
    /************************Search 404 Page **********************************************************/
    .search-404-submit-button {
        width:46%;
    }
     /*********************************landing page tiles css changes (Task  under SYN-1364 ) **********************************/
     .landing-page-tile-body a:hover {
        font-size: 27px;
     }
     .land-page-main-section .search-item-tile .map-circle{
        padding-left:1px;
     }
     .landing-page-tile-body .hover-scale-center{
        font-size: 27px;
     }
	    /**************************Iconic Package Page ****************************************/
    .iconic-package-name{
        font-size: 43px;
        text-transform: uppercase;
    }
    .iconic-icon-container .icon-box{
        margin: 0px 16%;
    }
    .package-description-container .iconic-package-description{
        margin-top: 2.5rem;
        padding-right: 3rem;
        padding-left:3rem;
    }

    .desktop-highlight-inclusions {
        margin-top:-6px !important;
    }

    .package-description-sub-container .row {
      padding-left: 1.5rem;
    }
    .iconic-page-enquiry-container .iconic-page-enquiry-form {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .iconic-page-enquiry-container .price-disclaimer{
        padding-left: 3rem;
        padding-right: 3rem;
    }
  
    .iconic-page-enquiry-container .need-assistance-bottom{
        margin-top:67px;
    }

    .iconic-page-enquiry-container .contact-header-2{
        margin-top: 10px;
    }

    .iconic-page-enquiry-container .contact-info-last-line{
        padding-bottom: 0px;
    }

    .iconic-page-enquiry-container .contact-header-2{
       margin-top: 10px;
    }
    
    .iconic-page-need-assistance{
       margin-left: -14px;
    }

 
    /*************** iconinc lanading page  ***********/

  div#iconic-pages-carousel  button.slick-prev.slick-arrow {
    left: -33px !important;
    top:25% !important;
   }


  div#iconic-pages-carousel  button.slick-next.slick-arrow {
    right: -36px;
    top:25% !important;
  }


}

@media (min-width: 1400px) {

     /**************************Iconic Package Page ****************************************/
    .iconic-page-need-assistance {
        margin-left: 0px;
     }

     /***********************Iocnic Landing Page *********************************************/
     div#iconic-pages-carousel  button.slick-prev.slick-arrow {
        left: -68px !important;
        top:25% !important;
       }
    
    
      div#iconic-pages-carousel  button.slick-next.slick-arrow {
        right: -70px;
        top:25% !important;
      }
}

/*********************** For handle the home page brand icons in 3 rows under mobile devices **********************************/

@media only screen and (max-width: 574px) and (min-width: 542px) {
    .pre-footer-logo-image {
        width: 136px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 416px) {
    .pre-footer-logo-image {
        width: 125px;
    }
}

@media only screen and (max-width: 415px) and (min-width: 386px) {
    .pre-footer-logo-image {
        width: 95px;
    }
}

@media only screen and (max-width: 385px) and (min-width: 320px) {
    .pre-footer-logo-image {
        width: 86px !important;
    }
}

@media only screen and (max-width: 575px) and (min-width: 320px) {
    .pre-footer-box {
        padding-left: 1.5rem !important;
    }

   /************Fit Rail Page ******************************/
    .fit-rail-page-mobile-alignment {
        padding-left: 1.5rem !important; 
    }
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {

    .ts-card a {
        font-size: 28px;
    }
    .travel-style-card-1{
        height: 288px;
    }
    .travel-style-card-2{
        height: 288px;
    }
    .travel-style-card-3{
        height: 288px;
    }
    .travel-style-card-4{
        height: 288px;
    }
    .travel-style-card-5{
        height: 288px;
    }
    .travel-style-card-6{
        height: 288px;
    }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .small-package-title h4 {
        font-size: 14px !important;
    }
    .small-package-title-3l h4 {
        font-size: 14px !important;
    }
    .nights-description {
        font-size: 10px !important;
    }
    .pricing-box-new span {
        font-size: 12px !important;
    }
    .pricing-box-new small {
        font-size: 12px !important;
    }
    .product-box .small-package-title {
        max-height: 40px;
        min-height: 35px;
    }
    .product-box .small-package-title-3l {
        max-height: 60px;
        min-height: 60px;
    }
    .package-tooltiptext .teaser-text {
        font-size: 12px;
    }
    .product-images .package-tooltiptext {
        max-height: 145px ;
        min-height: 120px ;
    }
    .map-circle {
        width: 35px;
        font-size: 12px !important;
    }
    .bookonline-badge-content {
        font-size: 12px !important;
    }
    .bookonline-badge-content .bg-map-grey a {
        font-size: 12px !important;
    }
    .pre-footer-box h4 {
        font-size: 13px;
    }

    .ts-card a {
        font-size: 20px;
    }
    .travel-style-card-1{
        height: 208px;
    }
    .travel-style-card-2{
        height: 208px;
    }
    .travel-style-card-3{
        height: 208px;
    }
    .travel-style-card-4{
        height: 208px;
    }
    .travel-style-card-5{
        height: 208px;
    }
    .travel-style-card-6{
        height: 208px;
    }
    .tag-page-tile-1-hide{
        display: none;
    }
    .mr-10px{
        margin-right: 10px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 375px) {
    .tag-page-tile-1-hide{
        display: none;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .package-tooltiptext .teaser-text {
        font-size: 16px;
    }
    .product-images .package-tooltiptext {
        max-height: 200px ;
        min-height: 215px ;
    }
}

/*********************** For handle Travel Brochure Modal Location**********************************/
@media only screen and (max-width: 740px) and (min-width: 481px) {
    .static-page .download_flyer_modal {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 741px) {
    .static-page .download_flyer_modal {
        margin-top: 133px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
   .fixplace {
        width:98% !important;
        margin:auto;
        position: fixed;
        top: 20%;
        background-color: #FFFFFF !important;


    }
}

/* Custom shadow for blog tile (SYN-1790) */

.blog-shadow{
    box-shadow: 0 4px 8px #00000029;
}

/* ________ JB static Pages Ghan__________*/
.bucket-list{
    padding-top: 1vw;
    /* padding-bottom: 150px; */
}
.jb-static-font-weight-bold{
    font-weight: bold !important;
}
.jb-static-font-size-37{
    font-size: 37px !important;
}
.bucket-subt-margin{
    margin-top: 1rem;
}
.gh-full-width-bg-color{
    background-color:#8E2D3D;
}
.gs-full-width-bg-color{
    background-color:#E07E30;
}
.ip-full-width-bg-color{
    background-color:#0C4B7F;
}
.static-page-white{
    color: #FFFFFF;
}
.static-page-img{
    width: 70%;
    height: auto;
    padding-top: 0vw;
    padding-right: 0vw;
    padding-bottom: 2vw;
    padding-left: 2vw;
}
.button-ghan{
    background-color: #872434; /* Maroon background color */
    }
.button-gs{
    background-color: #E07E30; /* orange background color */
    }
.button-ip{
    background-color: #0C4B7F; /* blue background color */
    }
        
.button-fit{
        background-color: #24BAEC; /* blue background color */
 }
        
.button-fit:hover {
        background-color: #161616; /* Change background to white on hover */
        color: white; /* Change text color to maroon on hover */
}
.button-fit-search{
    background-color: #24BAEC; /* blue background color */
    outline: none !important;
}
    
.button-fit-search:hover {
    color: white; /* Change text color to maroon on hover */
}
.button-fit-seemore{
    background-color: white; /* Change background to white on hover */
    color: #161616; /* Change text color to maroon on hover */
    border: 1px solid rgb(0, 0, 0); /* White border */
    padding: 5px; /* Padding for sizing */
    font-weight: normal; /* Bold text */
    font-size: 16px; /* Font size */
    border-radius: 5px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}
    
.button-fit-seemore:hover {
    background-color: #707070; /* Change background to white on hover */
    color: white; /* Change text color to maroon on hover */
}
.jb-static-book-now-btn {
    color: white; /* Text color */
    border: 1px solid white; /* White border */
    padding: 10px 20px; /* Padding for sizing */
    font-weight: heavy; /* Bold text */
    font-size: 18px; /* Font size */
    border-radius: 5px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    text-align: center !important;
}
/* Hover effect */
.jb-static-book-now-btn:hover {
    background-color: #161616; /* Change background to white on hover */
    color: white; /* Change text color to maroon on hover */
    border: none;
}
.jb-static-fit-btn {
    color: white; /* Text color */
    border: 1px solid white; /* White border */
    padding: 10px 20px; /* Padding for sizing */
    font-weight: heavy; /* Bold text */
    font-size: 18px; /* Font size */
    border-radius: 5px; /* Rounded corners */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}
/* Hover effect */
.jb-static-fit-btn:hover {
    color: white; /* Change text color to maroon on hover */
}
.jb-fit-search-btn-w{
    width: 100%;
}
.static-page-title{
    padding-top: 0px;
}
.static-page-main-title{
    margin-bottom: 4vw;
}
 /* Center the button horizontally within its container */
 .centered-button-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
/* Additional styling for the button on mobile to keep it centered */
@media (max-width: 767px) {
    .jb-static-book-now-btn {
        width: 50%; /* Adjust to 100% if full width is preferred on mobile */
    }
    .page-main-title {
        text-align: center;
        width: 100%;
    }
    .static-page-img{
        width: 70%;
        height: auto;
        padding-top: 0vw;
        padding-right: 2vw;
        padding-bottom: 2vw;
        padding-left: 2vw;
    
    }

    /* fit page css changes */
    .fit-mob-pz{

        padding-left: 0px;

        padding-right: 0px;

    }

    .mobile-margin-fit {

        margin-left: 1rem !important;

        margin-right: 1rem !important;

    }

    .jb-fit-search-btn-w{

        width: 50%;

    }
    /* fit page css changes end*/
}

.fit-lable {

    /* UI Properties */

    font-style: normal;

    font-weight: 300;

    font-size: 18px;

    line-height: 20px;

    text-align: left;

    letter-spacing: 0.36px;

    color: #495057;

    opacity: 1;

}

.fit-see-more-btn-style-rem{

    box-shadow:none;

    text-decoration: none;

}

.fit-see-more-btn-style-rem:focus{
    box-shadow:none;
    text-decoration: none;
}

.blog-img-fit {

    width: 100%;

    height: auto;

    object-fit: cover; /* Ensures the image covers the container */

    display: block; /* Removes any default padding/margins around the image */

}

@media (max-width: 992px) {

    .full-width-sm {

        width: 100%;

    }

}

.departure_month-calendar-input-wrapper .form-control:disabled, .form-control[readonly] {
    background-color: #fff !important;
    opacity: 1;
}

/* Custom style for the input field */
.custom-datepicker {
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    width: 100%;
    color: #333;
    text-align: left; /* Ensure text is left-aligned */
}

/* WebKit-specific styling for iOS to enforce left alignment */
.custom-datepicker::-webkit-datetime-edit {
    text-align: left;
}

.about-us-img{
    height: auto;
    width: 100%;
} 

.nz-full-width-bg-color{
    background-color:#EB098A;
}


/* Custom CSS scoped to the `.custom-nz-rail` class */
.custom-nz-rail .row {
    display: flex; /* Enables Flexbox */
    align-items: stretch; /* Makes columns align to the same height */
}

.custom-nz-rail .col-md-5 {
    display: flex; /* Makes the image column a flex container */
    justify-content: center; /* Centers the image horizontally */
    align-items: stretch; /* Ensures the image takes full height */
}

.custom-nz-rail .col-md-5 img {
    object-fit: cover; /* Ensures the image fills the container proportionally */
    height: 100%; /* Matches the height of the text column */
    width: auto; /* Maintains aspect ratio */
}

/* Scoped container styling */
.custom-gradient-container {
    position: relative; /* Enables positioning of the gradient and text */
    overflow: hidden; /* Ensures no content spills outside the container */
}

/* Scoped image styling */
.custom-gradient-container .custom-img-gradient {
    display: block;
    width: 100%; /* Ensures the image spans the full width */
    height: auto; /* Maintains aspect ratio */
}

/* Scoped overlay gradient */
.custom-gradient-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 2) 100%);
    z-index: 1; /* Places gradient above the image but below text */
}

/* Scoped text styling */
.custom-gradient-container .custom-gradient-text {
    position: absolute;
    top: 50%;
    right: 10%; /* Positions the text towards the right side */
    transform: translateY(-50%);
    color: white; /* Ensures text is visible over the gradient */
    z-index: 2; /* Ensures text is above both the image and gradient */
    text-align: right;
    max-width: 40%; /* Restricts the width of the text block */
}

.custom-gradient-container .custom-gradient-text h2 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.custom-gradient-container .custom-gradient-text p {
    font-size: 1.2rem;
    line-height: 1.5;
}

.fonts-38{
    font-size: 38px !important;
}

/* Container and image styling */
.custom-gradient-container {
    position: relative;
    overflow: hidden;
}

.custom-img-gradient {
    display: block;
    width: 100%; /* Ensure the image spans the full width */
    height: auto;
}



/* Mobile-specific styling */
@media (max-width: 768px) {
    .custom-mobile-h3 {
        /* position: absolute; */
        top: 50%; /* Center vertically within the image */
        left: 0;
        width: 100%; /* Span the entire width of the image */
        text-align: center; /* Center-align the text */
        color: white;
        z-index: 2; /* Ensure text is above the image */
        /* transform: translateY(-50%); Vertical centering */
        /* background: rgba(0, 0, 0, 0.5); Optional: Semi-transparent background for readability */
        padding: 0px !important;
        font-size:1.2rem !important ;
    }

    /* Hide the <p> tag on mobile */
    .custom-gradient-text p {
        display: none;
    }
}

/* Full-width background styling */

.custom-full-width-bg {

    background-color: #F5F8FA; /* Desired background color */

    width: 100%; /* Full width */

    margin: 0; /* Reset margin */

    padding: 20px 0; /* Optional padding */

    box-sizing: border-box; /* Include padding in width calculation */

}

.bgn{

    background-color: none !important;

}

.land-page-main-section .tag-details-extend-text-nz{
    display: none;
    padding-bottom: 15px;
    padding-top:40px;
    margin-top:25px;
}

.para-text-styles{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px !important;
}

@media (max-width: 768px) {
    .nz-subtitle {
        font-size: 1.9rem !important;
    }
}


/* vintage rail revamp - HOANEWTASK-79 */

.vintage-full-width-bg-color{
    background-color:#0081A2;
}

/* vintage rail revamp - HOANEWTASK-79 : HOANEWTASK-104 */
@media (max-width: 490px) {
    .ip-static-page-full-width{
        font-size: 34px !important;
    }
}





/* Iconic lanading page */
.iconinc-landing-main-ttile{
     color: #000000;
     font-size: 42px !important;
     font-weight: 600;
}

.iconinc-landing-teaser ,.iconinc-landing-teaser p{
    font-family: 'Objektiv Mk1 Light', 'futura-pt';
    color: #000000;
    font-size: 17px !important;
    font-weight: 300;

}

.iconic-teaser{
    min-height: 41px ;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
}

.iconic-page-carousel-title{
   text-align: center;
    font-size: 16px !important;
    font-weight: 200 !important;
    color: #000000 !important;
    text-transform: uppercase;

}


.iconic-carousel-title{
    font-size:42px;
    padding-bottom:20px;
    font-weight: 400;
}

/* .iconic-page-carousel-title-wrapper{
    min-height: 65px ;
    padding: 30px 5px 0px 5px !important;
} */


.view-btn-iconic-carousel{
    font-size: 15px !important;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    color: #000000;
}



div#iconic-pages-carousel .slick-next:before {
    color: #35a7ff;
    /* color: #fff; */
    /* content: 'â–¶'; */
    content: url("../images/custom/iconic-r-arrow.png") !important;
    border: 1px solid #000;
    padding: 8px 16px;
    border-radius: 100px;
   
}


div#iconic-pages-carousel .slick-prev:before{
    color: #35a7ff;
    /* color: #fff; */
    /* content: 'â–¶'; */
    content: url("../images/custom/iconic-l-arrow.png") !important;
    border: 1px solid #000;
    padding: 8px 16px;
    border-radius: 100px;
    
}

div#iconic-pages-carousel {
    margin-top: 130px;
}

.iconic-landing-page-main-title {
    font-size: 42px ;
  }


.slick-prev, .slick-next {
	top:33% !important;
}

.iconic-landing-page-main-title {
    font-size: 42px;
    margin-top: 3rem;
  }

  #before-deal-section {
	margin-bottom: 3rem;
  }

  .package-header-text h1, h2, h3, h4, h5, small {
	line-height: 1.5;
   }

.rounded-custom-20{
  border-radius: 20px;
}
.now-coming-soon{
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  font-size: 1.5em;
  background-color: rgb(243, 243, 243);
  text-align: center;
}

/* vintage rail revamp - HOANEWTASK-79 : HOANEWTASK-104 */
@media (max-width: 490px) {
    .ip-static-page-full-width{
        font-size: 34px !important;
    }
    .header-text-container{
        text-align: center !important;
    }
    .mb-text-center{
        text-align:  center !important; 
    }
    div#the-journey {
        margin-top: 50px;
        /* margin-bottom: 50px; */
        padding-top: 0;
        padding-bottom: 0;
    }

    h2#lounge-dining-section {
        margin-bottom: 0px !important;
        padding-bottom: 0px ;
    }

    .img-twinette{
        margin-top: 10px;
    }

    .static-page-white {
       
        text-align: left;
    }
    
    .mb-align-text-left{
        text-align: left;
    }

    .mb-align-text-center{
        text-align: center  !important;
    }

    .mb-margin-top{
        margin-top: 50px !important;
    }

   a#take-me-to-deal {
    text-align: center !important; 
   }

  


}

a#take-me-to-deal {
    color: #ffff;
}  

li.vintage-p{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}

.header-text-container{
    margin-top: 30px;
    /* margin: 14px; */
}

div#the-journey {
	margin-top: 50px;
	/* margin-bottom: 50px; */
	padding-top: 0;
	padding-bottom:10px;
}

.border-none{
	border: none !important;
}

/* -----------------------------------------------------------------------regions Styles ----------------------------------------------------------------------------------*/

/* ------------------------------------ South australia hero section ---------------------------------------------*/

.south-australia-hero-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/sunset.png");
  position: relative;
  background-size: cover;
  background-position: center;
  height: 80vh;
  align-items: center;
  display: flex;
}
.south-australia-hero-content {
  position: absolute;
  top: 45%;
  left: 8%;
  transform: translateY(-50%);
}

.south-australia-hero-section h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 56px;
  padding-bottom: 1rem;
  color: #ffffff;
}
.south-australia-hero-section p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
  width: 54%;
  padding-bottom: 1rem;
  color: #ffffff;
}

/* Custom Buttons */
.south-australia-hero-btn-custom-light {
  background-color: #ffffff;
  color: #000000;
  border: none;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.south-australia-hero-btn-custom-light:hover {
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.south-australia-hero-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.south-australia-hero-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1024px) {
  .south-australia-hero-section {
    height: 50vh;
  }
  .south-australia-hero-section h1 {
    font-size: 3rem;
    line-height: 42px;
  }

  .south-australia-hero-section p {
    width: 100%;
    font-size: 1.2rem;
  }
  .south-australia-hero-btn-custom-outline,
  .south-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .south-australia-hero-section {
    height: auto;
    padding: 4rem 1rem;
    align-items: flex-start;
  }

  .south-australia-hero-content {
    position: static;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
  }

  .south-australia-hero-section h1 {
    font-size: 2.7rem;
    line-height: 36px;
  }

  .south-australia-hero-section p {
    width: 80%;
    font-size: 1.2rem;
  }
  .south-australia-hero-btn-custom-outline,
  .south-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 712px) {
  .south-australia-hero-section p {
    width: 50%;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .south-australia-hero-section h1 {
    font-size: 2.35rem;
    line-height: 32px;
  }

  .south-australia-hero-section p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 70%;
    font-weight: 400;
  }

  .south-australia-hero-btn-custom-outline,
  .south-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 0.875rem;
  }
}

/*----------------------------------coastal breaks south australia contnet----------------------------------*/

.region-title {
  font-size: 3.5rem;
  font-weight: 500;
  color: #000;
  text-align: center;
  padding-top: 2rem;
}

.regions-carousel {
  width: 100%;
  padding: 40px 0;
}

.regions-carousel .slick-track {
  display: flex !important;
  gap: 0px !important;
}

.regions-carousel .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: auto;
}

.carousel-slide {
  width: 280px !important;
  height: 382px;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}

.carousel-label {
  position: absolute;
  color: #fff;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 28px;
  padding: 5px 10px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (max-width: 1800px) {
  .region-title {
    font-size: 2.6rem;
    line-height: 2rem;
  }
  .carousel-slide {
    width: auto !important;
    height: auto !important;
  }

  .carousel-label {
    font-size: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .region-title {
    font-size: 2.6rem;
    line-height: 2rem;
  }
  .carousel-slide {
    width: auto !important;
    height: auto !important;
  }

  .carousel-label {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .region-title {
    font-size: 2.3rem;
    line-height: 2rem;
  }
  .carousel-slide {
    width: auto !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .region-title {
    font-size: 2rem;
    line-height: 2rem;
  }
  .carousel-slide {
    width: auto !important;
    height: auto !important;
  }
  .carousel-label {
    font-size: 1.2rem;
  }
}

/*----------------------------------South Australia Coastal Break content----------------------------------*/

.main-coastal-container {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 2rem;
}

.coastal-break {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 7rem;
}

.coastal-break-title {
  font-size: 2.3rem;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.coastal-break-description {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 78%;
  font-size: 1rem;
  line-height: 20px;
  padding: 0rem 6rem;
  text-align: center;
  padding-bottom: 3rem;
}

.coastal-break-slider {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  /* gap: 10px !important; */
  overflow: visible;
  padding: 0px 60px;
  height: 100%;
}
.coastal-break-slider .slick-slide {
  padding: 10px;
}

.coastal-break-slide {
  align-items: center;
  text-align: center;
}

.coastal-slide-deal-image {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 99;
  margin-top: 15px;
  margin-left: -90px;
}

.coastal-break-slide h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 20px;
  text-transform: uppercase;
  padding-top: 2rem;
}
.coastal-break-nights-and-price {
  font-size: 1.25rem;
}

.coastal-break-package-description {
  font-size: 1rem;
  padding: 0 3rem;
}

.coastal-break-slide-btn {
  font-size: 1.25rem;
  font-weight: 600;
  background-color: none;
  color: #000;
  border: 1px solid #000;
  padding: 1px 15px 1px 15px;
  border-radius: 20px;
}

.coastal-break .slick-prev {
  position: absolute;
  top: 30% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  left: -30px;
  z-index: 999;
  top: 70;
}
.coastal-break .slick-next {
  position: absolute;
  top: 30% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  right: -30px;
  z-index: 999;
}

@media (max-width: 480px) {
  .coastal-break {
    padding-bottom: 1rem;
    margin-top: -4rem;
  }

  .coastal-break-title {
    font-size: 1.8rem !important;
  }
  .coastal-break-description {
    width: 100%;
    font-size: 0.9rem;
    padding: 0 2rem 2rem 2rem !important;
  }

  .coastal-break-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px !important;
    overflow: visible;
    padding: 0px 50px;
  }
  .coastal-break-slide h3 {
    font-size: 1.2rem;
  }

  .coastal-break-nights-and-price {
    font-size: 1rem;
  }

  .coastal-break-package-description {
    font-size: 0.9rem;
    padding: 0 3rem;
  }

  .coastal-break .slick-next {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .coastal-break .slick-prev {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .coastal-slide-deal-image {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    margin-top: 10px;
    margin-left: -60px;
  }
  .coastal-break-description {
    padding: 0rem 2rem;
    padding-bottom: 1rem;
  }
  .coastal-break-slide-btn {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .coastal-break .slick-next {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .coastal-break .slick-prev {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
}

@media (max-width: 768px) {
  .coastal-break-description {
    width: 100%;
    font-size: 1rem;
    line-height: 20px;
    padding: 0rem 4rem;
    text-align: center;
    padding-bottom: 2rem;
  }
  .coastal-break-title {
    font-size: 2rem;
  }

  .coastal-break .slick-next {
    position: absolute;
    top: 20% !important;
    width: 20px; /* adjust as needed */
    height: 30px;
    right: 20px;
    z-index: 999;
  }
  .coastal-break .slick-prev {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: 5px;
    z-index: 999;
  }
}

@media (max-width: 1024px) {
  .coastal-break-title {
    font-size: 2rem;
  }

  .coastal-break-description {
    width: 100%;
  }
  .coastal-slide-image {
    height: auto;
    width: auto;
  }
  .main-coastal-container {
    width: 100%;
  }
  .coastal-break .slick-next {
    position: absolute;
    top: 30%;
    width: 40px; /* adjust as needed */
    height: 40px;
    right: 4px !important;
    z-index: 999;
  }
  .coastal-break .slick-prev {
    position: absolute;
    top: 30%;
    width: 40px; /* adjust as needed */
    height: 40px;
    left: 4px !important;
    z-index: 999;
  }

  .coastal-break-slide h3 {
    font-size: 1.3rem;
  }
  .coastal-break-nights-and-price {
    font-size: 1.2rem;
    width: 100%;
  }
  .coastal-break-slide p {
    margin-top: 1rem;
  }
}

/*----------------------------------Food and wine experience content----------------------------------*/

.main-food-and-wine-container {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 7rem;
}

.food-and-wine {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 7rem;
}

.food-and-wine-title {
  font-size: 2.3rem;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.food-and-wine-description {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 78%;
  font-size: 1rem;
  line-height: 20px;
  padding: 0rem 6rem;
  text-align: center;
  padding-bottom: 3rem;
}

.food-and-wine-slider {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  /* gap: 10px !important; */
  overflow: visible;
  padding: 0px 60px;
  height: 100%;
}
.food-and-wine-slider .slick-slide {
  padding: 10px;
}

.food-and-wine-slide {
  align-items: center;
  text-align: center;
}

.food-and-wine-slide-deal-image {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 99;
  margin-top: 15px;
  margin-left: -90px;
}

.food-and-wine-slide h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 20px;
  text-transform: uppercase;
  padding-top: 2rem;
}
.food-and-wine-nights-and-price {
  font-size: 1.25rem;
}

.food-and-wine-package-description {
  font-size: 1rem;
  padding: 0 3rem;
}

.food-and-wine-slide-btn {
  font-size: 1.25rem;
  font-weight: 600;
  background-color: none;
  color: #000;
  border: 1px solid #000;
  padding: 1px 15px 1px 15px;
  border-radius: 20px;
}

.food-and-wine .slick-prev {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  left: -30px;
  z-index: 999;
  top: 70;
}
.food-and-wine .slick-next {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  right: -30px;
  z-index: 999;
}

@media (max-width: 480px) {
  .food-and-wine {
    padding-bottom: 1rem;
  }

  .food-and-wine-title {
    font-size: 1.8rem;
  }
  .food-and-wine-description {
    width: 100%;
    font-size: 0.9rem;
    padding: 0 2rem 2rem 2rem !important;
  }

  .food-and-wine-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px !important;
    overflow: visible;
    padding: 0px 50px;
  }
  .food-and-wine-slide h3 {
    font-size: 1.2rem;
  }

  .food-and-wine-nights-and-price {
    font-size: 1rem;
  }

  .food-and-wine-package-description {
    font-size: 0.9rem;
    padding: 0 3rem;
  }

  .food-and-wine .slick-next {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .food-and-wine .slick-prev {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .food-and-wine-slide-deal-image {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    margin-top: 10px;
    margin-left: -60px;
  }
  .food-and-wine-description {
    padding: 0rem 2rem;
    padding-bottom: 1rem;
  }
  .food-and-wine-slide-btn {
    font-size: 1rem;
  }

  .main-food-and-wine-container {
    padding-bottom: 10rem;
  }
}

@media (max-width: 400px) {
  .food-and-wine .slick-next {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .food-and-wine .slick-prev {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .main-food-and-wine-container {
    padding-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  .food-and-wine-description {
    width: 100%;
    font-size: 1rem;
    line-height: 20px;
    padding: 0rem 4rem;
    text-align: center;
    padding-bottom: 2rem;
  }
  .food-and-wine-title {
    font-size: 2rem;
  }

  .food-and-wine .slick-next {
    position: absolute;
    top: 20% !important;
    width: 20px; /* adjust as needed */
    height: 30px;
    right: 20px;
    z-index: 999;
  }
  .food-and-wine .slick-prev {
    position: absolute;
    top: 20% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: 5px;
    z-index: 999;
  }
  .main-food-and-wine-container {
    padding-bottom: 10rem;
  }
}

@media (max-width: 1024px) {
  .food-and-wine-title {
    font-size: 2rem;
  }

  .food-and-wine-description {
    width: 100%;
  }
  .food-and-wine-slide-image {
    height: auto;
    width: auto;
  }
  .main-food-and-wine-container {
    width: 100%;
  }
  .food-and-wine .slick-next {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    right: 4px !important;
    z-index: 999;
  }
  .food-and-wine .slick-prev {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    left: 4px !important;
    z-index: 999;
  }

  .food-and-wine-slide h3 {
    font-size: 1.3rem;
  }
  .food-and-wine-nights-and-price {
    font-size: 1.2rem;
    width: 100%;
  }
  .food-and-wine-slide p {
    margin-top: 1rem;
  }
  .main-food-and-wine-container {
    padding-bottom: 10rem;
  }
}

/*---------------------------------- south australia landing page map content----------------------------------*/

.south-australia-map-sction {
  width: 100%;
  min-height: 979px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.south-australia-map-black-section {
  width: 38% !important;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.2rem 0;
}

.south-australia-map-black-content {
  position: relative;
  top: 50%;
  padding: 0 5rem;
  transform: translateY(-50%);
  color: #ffffff;
  box-sizing: border-box;
}

.south-australia-map-black-content h2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  text-transform: uppercase;
  padding-bottom: 1.2rem;
}

.south-australia-map-black-content h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  text-transform: uppercase;
}

.south-australia-map-black-content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25rem;
  text-align: left;
  padding-bottom: 1.8rem;
}

.south-australia-map-black-content ul li {
  font-size: 1rem;
  font-weight: 300;
  list-style: none;
  line-height: 1.375rem;
  text-align: left;
  margin-left: -40px;
  padding-top: 0.1rem;
}
.south-australia-map-black-content ul {
  padding-bottom: 2rem;
}

.south-australia-map-black-content ul li a {
  color: #FFFFFF;
}

.south-australia-map-black-content ul li a:hover {
  color: #f36d2b;
}

.south-australia-map-image-section {
  width: 62% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("/images/custom/regions/map-background-image.jpg");
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

.south-australia-line-map {
  width: 65%;
}

/* Custom Buttons */
.south-australia-map-btn-custom-light {
  background-color: #ffffff;
  color: #000000;
  border: none;
  border: 1px solid;
  border-color: #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.south-australia-map-btn-custom-light:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
  border: 1px solid;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.south-australia-map-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.south-australia-map-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 362px) {
  .south-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .south-australia-map-btn-custom-light {
    padding: 1px 10px;
  }
  .south-australia-map-btn-custom-outline {
    padding: 1px 10px;
  }

  .south-australia-line-map {
    width: 90%;
  }
}
@media (max-width: 400px) {
  .south-australia-map-sction {
    flex-direction: column-reverse;
  }
  .south-australia-map-image-section {
    width: 100% !important;
  }
  .south-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .south-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .south-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .south-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .south-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 480px) {
  .south-australia-map-sction {
    flex-direction: column-reverse;
  }
  .south-australia-map-image-section {
    width: 100% !important;
  }
  .south-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .south-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .south-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .south-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .south-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .south-australia-map-sction {
    flex-direction: column-reverse;
  }
  .south-australia-map-image-section {
    width: 100% !important;
  }
  .south-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .south-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .south-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .south-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .south-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 1024px) {
  .south-australia-map-sction {
    flex-direction: column-reverse;
  }
  .south-australia-map-image-section {
    width: 100% !important;
  }
  .south-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .south-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .south-australia-map-black-content h2 {
    font-size: 3rem;
    line-height: 2rem;
  }
  .south-australia-map-black-content p {
    font-size: 1rem;
    line-height: 18px;
    width: 80%;
    font-weight: 300;
  }
  .south-australia-line-map {
    width: 90%;
  }
}

/* -----------------------------------------------CSS for West Australia Landing Page--------------------------------------------- */

/* ------------------------------------ West australia hero section ---------------------------------------------*/

.west-australia-hero-section {
  background-image: url("/images/custom/regions/westaustralia-hero.png");
  position: relative;
  background-size: cover;
  background-position: center;
  height: 80vh;
  align-items: center;
  display: flex;
}
.west-australia-hero-content {
  position: absolute;
  top: 45%;
  left: 8%;
  transform: translateY(-50%);
}

.west-australia-hero-section h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 56px;
  padding-bottom: 1rem;
  color: #000000;
}
.west-australia-hero-section p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 400;
  width: 54%;
  padding-bottom: 1rem;
  color: #000000;
}

/* Custom Buttons */
.west-australia-hero-btn-custom-light {
  background-color: #000000;
  color: #ffffff;
  border: none;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.west-australia-hero-btn-custom-light:hover {
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.west-australia-hero-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.west-australia-hero-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive Design */
@media (max-width: 1024px) {
  .west-australia-hero-section {
    height: 50vh;
  }
  .west-australia-hero-section h1 {
    font-size: 3rem;
    line-height: 42px;
  }

  .west-australia-hero-section p {
    width: 100%;
    font-size: 1.2rem;
  }
  .west-australia-hero-btn-custom-outline,
  .west-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .west-australia-hero-section {
    height: auto;
    padding: 4rem 1rem;
    align-items: flex-start;
  }

  .west-australia-hero-content {
    position: static;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
  }

  .west-australia-hero-section h1 {
    font-size: 2.7rem;
    line-height: 36px;
  }

  .west-australia-hero-section p {
    width: 80%;
    font-size: 1.2rem;
  }
  .west-australia-hero-btn-custom-outline,
  .west-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 712px) {
  .west-australia-hero-section p {
    width: 50%;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .west-australia-hero-section h1 {
    font-size: 2.35rem;
    line-height: 32px;
  }

  .west-australia-hero-section p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 70%;
    font-weight: 400;
  }

  .west-australia-hero-btn-custom-outline,
  .west-australia-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 0.875rem;
  }
}

/*----------------------------------West australia region carousel contnet----------------------------------*/

.west-australia-region-title {
  font-size: 3.5rem;
  font-weight: 500;
  color: #000;
  text-align: center;
  padding-top: 2rem;
}

.west-australia-regions-carousel {
  width: 83%;
  padding: 40px 0;
  overflow: hidden;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.west-australia-regions-carousel .slick-track {
  display: flex !important;
  gap: 0px !important;
}

.west-australia-regions-carousel .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: auto;
}

.west-australia-carousel-slide {
  width: 280px !important;
  height: 382px;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}

.west-australia-carousel-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3); /* dark mask */
  z-index: 1;
}

.west-australia-carousel-label {
  width: 90%;
  position: absolute;
  color: #fff;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 28px;
  padding: 5px 0px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 999;
}
@media (max-width: 1800px) {
  .west-australia-region-title {
    font-size: 2.6rem;
    line-height: 2rem;
  }
  .west-australia-carousel-slide {
    width: auto !important;
    height: auto !important;
  }

  .west-australia-carousel-label {
    font-size: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .west-australia-region-title {
    font-size: 2.6rem;
    line-height: 2rem;
  }
  .west-australia-carousel-slide {
    width: auto !important;
    height: auto !important;
  }

  .west-australia-carousel-label {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .west-australia-region-title {
    font-size: 2.3rem;
    line-height: 2rem;
  }
  .west-australia-carousel-slide {
    width: auto !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .west-australia-region-title {
    font-size: 2.3rem;
    line-height: 2rem;
  }
  .west-australia-carousel-slide {
    width: auto !important;
    height: auto !important;
  }
  .west-australia-carousel-label {
    font-size: 1.2rem;
  }
}

/*----------------------------------West Australia Coastal Break content----------------------------------*/

.main-west-australia-coastal-container {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.west-australia-coastal-break {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 7rem;
}

.west-australia-coastal-break-title {
  font-size: 2.625rem;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.west-australia-coastal-break-description {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  font-size: 1rem;
  line-height: 20px;
  padding: 0rem 6rem;
  text-align: center;
  padding-bottom: 4rem;
}

.west-australia-coastal-break-slider {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  /* gap: 10px !important; */
  overflow: visible;
  padding: 0px 60px;
  height: 100%;
}
.west-australia-coastal-break-slider .slick-slide {
  padding: 10px;
}

.west-australia-coastal-break-slide {
  align-items: center;
  text-align: center;
}

.west-australia-coastal-slide-deal-image {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 99;
  margin-top: 15px;
  margin-left: -90px;
}

.west-australia-coastal-break-slide h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 20px;
  text-transform: uppercase;
  padding-top: 2rem;
}
.west-australia-coastal-break-nights-and-price {
  font-size: 1.25rem;
}

.west-australia-coastal-break-package-description {
  font-size: 1rem;
  padding: 0 3rem;
}

.west-australia-coastal-break-slide-btn {
  font-size: 20px;
  font-weight: 500;
  background-color: none;
  color: #000;
  border: 1px solid #000;
  padding: 1px 15px 1px 15px;
  border-radius: 20px;
}

.west-australia-coastal-break .slick-prev {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  left: -30px;
  z-index: 999;
  top: 70;
}
.west-australia-coastal-break .slick-next {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  right: -30px;
  z-index: 999;
}

@media (max-width: 480px) {
  .west-australia-coastal-break {
    padding-bottom: 1rem;
    margin-top: -4rem;
  }

  .west-australia-coastal-break-title {
    font-size: 1.8rem;
  }
  .west-australia-coastal-break-description {
    width: 100%;
    font-size: 0.9rem;
    padding: 0 2rem 2rem 2rem !important;
  }

  .west-australia-coastal-break-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px !important;
    overflow: visible;
    padding: 0px 50px;
  }
  .west-australia-coastal-break-slide h3 {
    font-size: 1.2rem;
  }

  .west-australia-coastal-break-nights-and-price {
    font-size: 1rem;
  }

  .west-australia-coastal-break-package-description {
    font-size: 0.9rem;
    padding: 0 3rem;
  }

  .west-australia-coastal-break .slick-next {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .west-australia-coastal-break .slick-prev {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .west-australia-coastal-slide-deal-image {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    margin-top: 10px;
    margin-left: -60px;
  }
  .west-australia-coastal-break-description {
    padding: 0rem 2rem;
    padding-bottom: 1rem;
  }
  .west-australia-coastal-break-slide-btn {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .west-australia-coastal-break .slick-next {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .west-australia-coastal-break .slick-prev {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
}

@media (max-width: 768px) {
  .west-australia-coastal-break-description {
    width: 100%;
    font-size: 1rem;
    line-height: 20px;
    padding: 0rem 4rem;
    text-align: center;
    padding-bottom: 2rem;
  }
  .west-australia-coastal-break-title {
    font-size: 2.1rem;
  }

  .west-australia-coastal-break .slick-next {
    position: absolute;
    top: 25% !important;
    width: 20px; /* adjust as needed */
    height: 30px;
    right: 20px;
    z-index: 999;
  }
  .west-australia-coastal-break .slick-prev {
    position: absolute;
    top: 25% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: 5px;
    z-index: 999;
  }
}

@media (max-width: 1024px) {
  .west-australia-coastal-break-title {
    font-size: 2.3rem;
  }

  .west-australia-coastal-break-description {
    width: 100%;
  }
  .west-australia-coastal-slide-image {
    height: auto;
    width: auto;
  }
  .main-west-australia-coastal-container {
    width: 100%;
  }
  .west-australia-coastal-break .slick-next {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    right: 4px !important;
    z-index: 999;
  }
  .west-australia-coastal-break .slick-prev {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    left: 4px !important;
    z-index: 999;
  }

  .west-australia-coastal-break-slide h3 {
    font-size: 1.3rem;
  }
  .west-australia-coastal-break-nights-and-price {
    font-size: 1.2rem;
    width: 100%;
  }
  .west-australia-coastal-break-slide p {
    margin-top: 1rem;
  }
}

/*----------------------------------West Australia City Break Content----------------------------------*/

.main-west-australia-city-break {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 7rem;
}

.west-australia-city-break {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 7rem;
}

.west-australia-city-break-title {
  font-size: 2.625rem;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.west-australia-city-break-description {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 78%;
  font-size: 1rem;
  line-height: 20px;
  padding: 0rem 6rem;
  text-align: center;
  padding-bottom: 4rem;
}

.west-australia-city-break-slider {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  /* gap: 10px !important; */
  overflow: visible;
  padding: 0px 60px;
  height: 100%;
}
.west-australia-city-break-slider .slick-slide {
  padding: 10px;
}

.west-australia-city-break-slide {
  align-items: center;
  text-align: center;
}

.west-australia-city-slide-deal-image {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 99;
  margin-top: 15px;
  margin-left: -90px;
}

.west-australia-city-break-slide h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 20px;
  text-transform: uppercase;
  padding-top: 2rem;
}

.west-australia-city-break-nights-and-price {
  font-size: 1.25rem;
}

.west-australia-city-break-package-description {
  font-size: 1rem;
  padding: 0 3rem;
}

.west-australia-city-break-slide-btn {
  font-size: 1.25rem;
  font-weight: 600;
  background-color: none;
  color: #000;
  border: 1px solid #000;
  padding: 1px 15px 1px 15px;
  border-radius: 20px;
}

.west-australia-city-break .slick-prev {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  left: -30px;
  z-index: 999;
  top: 70;
}
.west-australia-city-break .slick-next {
  position: absolute;
  top: 33% !important;
  width: 46px; /* adjust as needed */
  height: 46px;
  right: -30px;
  z-index: 999;
}

@media (max-width: 480px) {
  .west-australia-city-break {
    padding-bottom: 1rem;
  }

  .west-australia-city-break-title {
    font-size: 1.8rem;
  }
  .west-australia-city-break-description {
    width: 100%;
    font-size: 0.9rem;
    padding: 0 2rem 2rem 2rem !important;
  }

  .west-australia-city-break-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px !important;
    overflow: visible;
    padding: 0px 50px;
  }
  .west-australia-city-break-slide h3 {
    font-size: 1.2rem;
  }

  .west-australia-city-break-nights-and-price {
    font-size: 1rem;
  }

  .west-australia-city-break-package-description {
    font-size: 0.9rem;
    padding: 0 3rem;
  }

  .west-australia-city-break .slick-next {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .west-australia-city-break .slick-prev {
    position: absolute;
    top: 35%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .west-australia-city-slide-deal-image {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    margin-top: 10px;
    margin-left: -60px;
  }
  .west-australia-city-break-description {
    padding: 0rem 2rem;
    padding-bottom: 1rem;
  }
  .west-australia-city-break-slide-btn {
    font-size: 1rem;
  }

  .main-west-australia-city-break {
    padding-bottom: 10rem;
  }
}

@media (max-width: 400px) {
  .west-australia-city-break .slick-next {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    right: -25px !important;
    z-index: 999;
  }
  .west-australia-city-break .slick-prev {
    position: absolute;
    top: 25%;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: -25px !important;
    z-index: 999;
  }
  .main-west-australia-city-break {
    padding-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  .west-australia-city-break-description {
    width: 100%;
    font-size: 1rem;
    line-height: 20px;
    padding: 0rem 4rem;
    text-align: center;
    padding-bottom: 2rem;
  }
  .west-australia-city-break-title {
    font-size: 2.1rem;
  }

  .west-australia-city-break .slick-next {
    position: absolute;
    top: 25% !important;
    width: 20px; /* adjust as needed */
    height: 30px;
    right: 20px;
    z-index: 999;
  }
  .west-australia-city-break .slick-prev {
    position: absolute;
    top: 25% !important;
    width: 30px; /* adjust as needed */
    height: 30px;
    left: 5px;
    z-index: 999;
  }
  .main-west-australia-city-break {
    padding-bottom: 10rem;
  }
}

@media (max-width: 1024px) {
  .west-australia-city-break-title {
    font-size: 2.3rem;
  }

  .west-australia-city-break-description {
    width: 100%;
  }
  .west-australia-city-slide-image {
    height: auto;
    width: auto;
  }
  .main-west-australia-city-break {
    width: 100%;
  }
  .west-australia-city-break .slick-next {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    right: 4px !important;
    z-index: 999;
  }
  .west-australia-city-break .slick-prev {
    position: absolute;
    top: 20%;
    width: 40px; /* adjust as needed */
    height: 40px;
    left: 4px !important;
    z-index: 999;
  }

  .west-australia-city-break-slide h3 {
    font-size: 1.3rem;
  }
  .west-australia-city-break-nights-and-price {
    font-size: 1.2rem;
    width: 100%;
  }
  .west-australia-city-break-slide p {
    margin-top: 1rem;
  }
  .main-west-australia-city-break {
    padding-bottom: 10rem;
  }
}

/*---------------------------------- West australia landing page map content----------------------------------*/

.west-australia-map-sction {
  width: 100%;
  min-height: 979px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.west-australia-map-black-section {
  width: 38% !important;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.2rem 0;
}

.west-australia-map-black-content {
  position: relative;
  top: 40%;
  padding: 0 6rem;
  transform: translateY(-50%);
  color: #ffffff;
  box-sizing: border-box;
}

.west-australia-map-black-content h2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  text-transform: uppercase;
  padding-bottom: 1.2rem;
}

.west-australia-map-black-content h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  text-transform: uppercase;
}

.west-australia-map-black-content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25rem;
  text-align: left;
  padding-bottom: 1.8rem;
}

.west-australia-map-black-content ul li {
  font-size: 1rem;
  font-weight: 300;
  list-style: none;
  line-height: 1.375rem;
  text-align: left;
  margin-left: -40px;
  padding-top: 0.1rem;
}

.west-australia-map-black-content ul {
  padding-bottom: 2rem;
}

.west-australia-map-black-content ul li a {
  color: #FFFFFF;
}

.west-australia-map-black-content ul li a:hover {
  color: #f36d2b;
}

.west-australia-map-image-section {
  width: 62% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("/images/custom/regions/west-australia-map-background-image.png");
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

.west-australia-line-map {
  width: 50%;
}

/* Custom Buttons */
.west-australia-map-btn-custom-light {
  background-color: #ffffff;
  color: #000000;
  border: none;
  border: 1px solid;
  border-color: #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.west-australia-map-btn-custom-light:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
  border: 1px solid;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.west-australia-map-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.west-australia-map-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 362px) {
  .west-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .west-australia-map-btn-custom-light {
    padding: 1px 10px;
  }
  .west-australia-map-btn-custom-outline {
    padding: 1px 10px;
  }

  .west-australia-line-map {
    width: 90%;
  }
}
@media (max-width: 400px) {
  .west-australia-map-sction {
    flex-direction: column-reverse;
  }
  .west-australia-map-image-section {
    width: 100% !important;
  }
  .west-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .west-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .west-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .west-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .west-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 480px) {
  .west-australia-map-sction {
    flex-direction: column-reverse;
  }
  .west-australia-map-image-section {
    width: 100% !important;
  }
  .west-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .west-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .west-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .west-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .west-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .west-australia-map-sction {
    flex-direction: column-reverse;
  }
  .west-australia-map-image-section {
    width: 100% !important;
  }
  .west-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .west-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .west-australia-map-black-content h2 {
    font-size: 2.35rem;
    line-height: 3rem !important;
  }
  .west-australia-map-black-content p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 100%;
    font-weight: 300;
  }
  .west-australia-line-map {
    width: 90%;
  }
}

@media (max-width: 1024px) {
  .west-australia-map-sction {
    flex-direction: column-reverse;
  }
  .west-australia-map-image-section {
    width: 100% !important;
  }
  .west-australia-map-black-section {
    width: 100% !important;
    padding: 4rem 1.4rem;
  }
  .west-australia-map-black-content {
    width: 100% !important;
    padding: 0 1px;
    position: relative;
    transform: none;
  }
  .west-australia-map-black-content h2 {
    font-size: 3rem;
    line-height: 2rem;
  }
  .west-australia-map-black-content p {
    font-size: 1rem;
    line-height: 18px;
    width: 80%;
    font-weight: 300;
  }
  .west-australia-line-map {
    width: 90%;
  }
}

/* -----------------------------------------------CSS for Barosa Page--------------------------------------------- */

/* ------------------------------------ south australia subpage hero section ---------------------------------------------------*/

.south-sub-hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 80vh;
  align-items: center;
  display: flex;
}
.south-sub-hero-adelaide-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/adelaide.jpg");
}
.south-sub-hero-adelaidehills-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/adelaide-hills.jpg");
}
.south-sub-hero-barossavalley-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/barossa-valley.jpg");
}
.south-sub-hero-clarevalley-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/clare-valley.jpg");
}
.south-sub-hero-eyrepeninsula-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/eyre-peninsula.jpg");
}
.south-sub-hero-fleurieupeninsula-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/fleurieu-peninsula.jpg");
}
.south-sub-hero-flindersrangesandoutback-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/flinders-ranges-and-outback.jpg");
}
.south-sub-hero-kangarooisland-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/kangaroo-island.jpg");
}
.south-sub-hero-limestonecoast-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/limestone-coast.jpg");
}

.south-sub-hero-content {
  position: absolute;
  top: 45%;
  left: 8%;
  transform: translateY(-50%);
}

.south-sub-hero-section h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 56px;
  color: #ffffff;
}
.south-sub-hero-section p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
  width: 54%;
  padding-bottom: 1rem;
  color: #ffffff;
}

/* Custom Buttons */
.south-sub-hero-btn-custom-light {
  background-color: #ffffff;
  color: #000000;
  border: none;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.south-sub-hero-btn-custom-light:hover {
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.south-sub-hero-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.south-sub-hero-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1024px) {
  .south-sub-hero-section {
    height: 50vh;
  }
  .south-sub-hero-section h1 {
    font-size: 3rem;
    line-height: 42px;
  }

  .south-sub-hero-section p {
    width: 100%;
    font-size: 1.2rem;
  }
  .south-sub-hero-btn-custom-outline,
  .south-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .south-sub-hero-section {
    height: auto;
    padding: 4rem 1rem;
    align-items: flex-start;
  }

  .south-sub-hero-content {
    position: static;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
  }

  .south-sub-hero-section h1 {
    font-size: 2.7rem;
    line-height: 36px;
    padding-bottom: 5rem;
    font-weight: 700;
  }

  .south-sub-hero-section p {
    width: 80%;
    font-size: 1.2rem;
  }
  .south-sub-hero-btn-custom-outline,
  .south-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 712px) {
  .south-sub-hero-section p {
    width: 50%;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .south-sub-hero-section h1 {
    font-size: 2.35rem;
    line-height: 32px;
  }

  .south-sub-hero-section p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 70%;
    font-weight: 400;
  }

  .south-sub-hero-btn-custom-outline,
  .south-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 0.875rem;
  }
}

/* ------------------------------------ south australia subpage welcome section ---------------------------------------------------*/

.main-south-sub-region-welcome {
  background-color: #000;
  width: 100%;
  height: 751px;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.south-sub-region-welcome-column-one {
  position: relative;
  top: 12%;
  background-color: #e9f2e7;
  width: 23%;
}

.south-sub-region-welcome-column-one-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 25%;
  transform: translateY(-25%);
  padding: 0 4rem;
  gap: 30px;
}

.south-sub-region-welcome-column-one-content h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 42px;
}

.south-sub-region-welcome-column-one-content ul {
  padding: 0;
  margin-left: 1.2rem;
  gap: 7rem;
}

.south-sub-region-welcome-column-one-content ul li {
  padding-bottom: 0.4rem;
  font-weight: 400;
  font-size: 1rem;
}

.south-sub-region-welcome-column-two {
  position: relative;
  top: 12%;
  width: 23%;
}

.south-sub-region-welcome-column-three {
  position: relative;
  top: 12%;
  width: 23%;
}

.adelaide-two {
  background-image: url("/images/custom/regions/adelaide1.jpg");
  background-size: cover;
  background-position: center;
}

.adelaide-three {
  background-image: url("/images/custom/regions/adelaide2.jpg");
  background-size: cover;
  background-position: center;
}

.adelaidehills-two {
  background-image: url("/images/custom/regions/adelaide-hills1.jpg");
  background-size: cover;
  background-position: center;
}

.adelaidehills-three {
  background-image: url("/images/custom/regions/adelaide-hills2.jpg");
  background-size: cover;
  background-position: center;
}

.barossavalley-two {
  background-image: url("/images/custom/regions/barossa-valley1.jpg");
  background-size: cover;
  background-position: center;
}

.barossavalley-three {
  background-image: url("/images/custom/regions/barossa-valley2.jpg");
  background-size: cover;
  background-position: center;
}

.clarevalley-two {
  background-image: url("/images/custom/regions/clare-valley1.jpg");
  background-size: cover;
  background-position: center;
}

.clarevalley-three {
  background-image: url("/images/custom/regions/clare-valley2.jpg");
  background-size: cover;
  background-position: center;
}

.eyrepeninsula-two {
  background-image: url("/images/custom/regions/eyre-peninsula1.jpg");
  background-size: cover;
  background-position: center;
}

.eyrepeninsula-three {
  background-image: url("/images/custom/regions/eyre-peninsula2.jpg");
  background-size: cover;
  background-position: center;
}

.fleurieupeninsula-two {
  background-image: url("/images/custom/regions/fleurieu-peninsula1.jpg");
  background-size: cover;
  background-position: center;
}

.fleurieupeninsula-three {
  background-image: url("/images/custom/regions/fleurieu-peninsula2.jpg");
  background-size: cover;
  background-position: center;
}

.flindersrangesandoutback-two {
  background-image: url("/images/custom/regions/flinders-ranges-and-outback1.jpg");
  background-size: cover;
  background-position: center;
}

.flindersrangesandoutback-three {
  background-image: url("/images/custom/regions/flinders-ranges-and-outback2.jpg");
  background-size: cover;
  background-position: center;
}

.kangarooisland-two {
  background-image: url("/images/custom/regions/kangaroo-island1.jpg");
  background-size: cover;
  background-position: center;
}

.kangarooisland-three {
  background-image: url("/images/custom/regions/kangaroo-island2.jpg");
  background-size: cover;
  background-position: center;
}

.limestonecoast-two {
  background-image: url("/images/custom/regions/limestone-coast1.jpg");
  background-size: cover;
  background-position: center;
}

.limestonecoast-three {
  background-image: url("/images/custom/regions/limestone-coast2.jpg");
  background-size: cover;
  background-position: center;
}

.south-sub-region-welcome-column-four {
  position: relative;
  top: 12%;
  width: 31%;
  padding: 0;
  margin: 0;
}

.south-sub-region-welcome-column-four-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 25%;
  transform: translateY(-25%);
  padding: 0 4rem;
  gap: 50px;
  color: #ffffff;
  padding: 0 10rem 0 5rem;
}

.south-sub-region-welcome-column-four-content h1 {
  font-size: 2.6rem;
  text-transform: uppercase;
  line-height: 42px;
  font-weight: 500;
}

.south-sub-region-welcome-column-four-content p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .south-sub-region-welcome-column-four-content {
    padding: 0 5rem 0 3rem;
  }

  .south-sub-region-welcome-column-one-content h1,
  .south-sub-region-welcome-column-four-content h1 {
    font-size: 2rem;
  }
}

@media (max-width: 1024px) {
  .main-south-sub-region-welcome {
    height: 560px;
  }

  .south-sub-region-welcome-column-one-content {
    padding: 0 2rem;
    gap: 20px;
  }

  .south-sub-region-welcome-column-one-content h1 {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }

  .south-sub-region-welcome-column-four-content {
    padding: 0 2rem;
    gap: 30px;
  }

  .south-sub-region-welcome-column-four-content h1 {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .south-sub-region-welcome-column-four-content p {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .main-south-sub-region-welcome {
    height: auto;
    flex-wrap: wrap;
  }

  .south-sub-region-welcome-column-one,
  .south-sub-region-welcome-column-two,
  .south-sub-region-welcome-column-three,
  .south-sub-region-welcome-column-four {
    width: 50%;
    top: 0;
    height: 400px;
  }

  .south-sub-region-welcome-column-one-content,
  .south-sub-region-welcome-column-four-content {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 2rem;
  }

  .south-sub-region-welcome-column-one-content h1 {
    font-size: 1.4rem;
  }

  .south-sub-region-welcome-column-four-content h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .main-south-sub-region-welcome {
    flex-direction: column;
    height: auto;
  }

  .south-sub-region-welcome-column-one,
  .south-sub-region-welcome-column-two,
  .south-sub-region-welcome-column-three,
  .south-sub-region-welcome-column-four {
    width: 100%;
    height: auto;
    min-height: 300px;
    top: 0;
    background-size: cover;
    background-position: top;
  }

  .south-sub-region-welcome-column-one-content,
  .south-sub-region-welcome-column-four-content {
    padding: 2rem;
    position: static;
    transform: none;
  }

  .south-sub-region-welcome-column-one-content h1 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .south-sub-region-welcome-column-four-content h1 {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .south-sub-region-welcome-column-four-content {
    padding: 2rem;
  }
}

/* ------------------------------------ south australia subpage package section ---------------------------------------------------*/

.main-south-sub-region-packages {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
  background-color: #fff; /* Add if needed */
}

.south-sub-region-packages {
  width: 100%;
  margin: 0 auto;
}

.south-sub-region-packages-title {
  font-size: clamp(1.8rem, 4vw, 2.625rem); /* Responsive font size */
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  text-align: center;
  padding: 30px 0 1rem;
  text-transform: uppercase;
}

.south-sub-region-packages-description {
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(0.9rem, 2vw, 1rem);
  line-height: 20px;
  padding: 0 0rem 6rem;
  text-align: center;
}

.south-sub-region-packages-slider {
  position: relative;
  width: 100%;
  padding: 0 0 !important; /* Space for arrows */
}

.south-sub-region-packages-slide {
  padding: 0; /* Space between slides */
  box-sizing: border-box;
}

.south-sub-region-packages-slide-deal-image {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 999;
  top: 63px;
  left: 82%;
}

.south-sub-region-packages .slick-slide {
  padding: 8px;
}

.south-sub-region-packages-slide-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px; /* Optional */
}

.south-sub-region-packages-slide h3 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 500;
  line-height: 1.2;
  margin: 2rem 0 0.5rem;
  text-transform: uppercase;
  padding: 0 0.5rem;
}

.south-sub-region-packages-nights-and-price {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #333;
  margin-bottom: 0.5rem;
}

.south-sub-region-packages-package-description {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: 1.4;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
}

.south-sub-region-packages-slide-btn {
  font-size: clamp(0.9rem, 1.2vw, 1.25rem);
  font-weight: 600;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 1px 25px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}

.south-sub-region-packages-slide-btn:hover {
  background-color: #000;
  color: #fff;
}

/* Navigation arrows */
/* Remove existing arrow positioning */
.south-sub-region-packages .slick-prev,
.south-sub-region-packages .slick-next {
  top: -70px !important; /* Position above the slider */
  transform: translateY(0) !important;
}

.south-sub-region-packages .slick-prev {
  left: auto !important;
  right: 195px !important;
}

.south-sub-region-packages .slick-next {
  right: 125px !important;
}

/* Adjust title container to accommodate arrows */
.south-sub-region-packages-title-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}

/* Optional: Style the arrows */
.south-sub-region-packages .slick-prev:before,
.slick-next:before {
  display: none !important;
}
.south-sub-region-packages .slick-arrow {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .south-sub-region-packages-slider {
    padding: 0 30px;
  }
}

@media (max-width: 992px) {
  .main-south-sub-region-packages {
    padding: 4rem 0;
  }

  .south-sub-region-packages-slider {
    padding: 0 25px;
  }
}

@media (max-width: 768px) {
  .main-south-sub-region-packages {
    padding: 0 0 4rem;
  }

  .south-sub-region-packages-title {
    padding: 20px 0 1rem;
  }

  .south-sub-region-packages-description {
    padding: 0 1rem 2rem;
  }

  .south-sub-region-packages-slider {
    padding: 0 20px;
  }

  .south-sub-region-packages-slide-deal-image {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .main-south-sub-region-packages {
    padding: 2rem 0;
  }
  .south-sub-region-packages {
    margin-top: -43px !important;
  }

  .south-sub-region-packages-slider {
    padding: 0 15px;
  }

  .south-sub-region-packages-slide {
    padding: 0 10px;
  }

  .south-sub-region-packages .slick-prev, .south-sub-region-packages .slick-next {
    width: 30px;
    height: 30px;
  }
}

/* ------------------------------------ West australia sub pages hero section ---------------------------------------------------*/

.west-sub-hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 80vh;
  align-items: center;
  display: flex;
}
.west-sub-hero-perth-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/perth-and-surrounds.jpg");
}
.west-sub-hero-ningaloo-reef-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/ningaloo-reef-and-the-coral-coast.jpg");
}
.west-sub-hero-the-kimberley-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/the-kimberley-and-north-west.jpg");
}
.west-sub-hero-margaret-river-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    ),
    url("/images/custom/regions/margaret-river-and-the-south-west.jpg");
}
.west-sub-hero-content {
  position: absolute;
  top: 45%;
  left: 8%;
  transform: translateY(-50%);
  gap: 20px;
}

.west-sub-hero-section h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 56px;
  width: 85%;
  color: #ffffff;
  text-transform: uppercase;
}
.west-sub-hero-section p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
  width: 54%;
  padding-bottom: 1rem;
  color: #ffffff;
}

/* Custom Buttons */
.west-sub-hero-btn-custom-light {
  background-color: #ffffff;
  color: #000000;
  border: none;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.west-sub-hero-btn-custom-light:hover {
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.west-sub-hero-btn-custom-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.25rem;
  transition: all 0.3s ease;
  margin-left: 15px;
}

.west-sub-hero-btn-custom-outline:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1024px) {
  .west-sub-hero-section {
    height: 50vh;
  }
  .west-sub-hero-section h1 {
    font-size: 3rem;
    line-height: 42px;
  }

  .west-sub-hero-section p {
    width: 100%;
    font-size: 1.2rem;
  }
  .west-sub-hero-btn-custom-outline,
  .west-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .west-sub-hero-section {
    height: auto;
    padding: 4rem 1rem;
    align-items: flex-start;
  }

  .west-sub-hero-content {
    position: static;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
  }

  .west-sub-hero-section h1 {
    font-size: 2.7rem;
    line-height: 36px;
    padding-bottom: 5rem;
    font-weight: 900;
  }

  .west-sub-hero-section p {
    width: 80%;
    font-size: 1.2rem;
  }
  .west-sub-hero-btn-custom-outline,
  .west-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 1.4rem;
  }
}

@media (max-width: 712px) {
  .west-sub-hero-section p {
    width: 50%;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .west-sub-hero-section h1 {
    font-size: 2.35rem;
    line-height: 32px;
  }

  .west-sub-hero-section p {
    font-size: 0.875rem;
    line-height: 18px;
    width: 70%;
    font-weight: 400;
  }

  .west-sub-hero-btn-custom-outline,
  .west-sub-hero-btn-custom-light {
    padding: 3px 18px;
    font-size: 0.875rem;
  }
}

/* ------------------------------------ south australia subpage welcome section ---------------------------------------------------*/

.main-west-sub-region-welcome {
  background-color: #000;
  width: 100%;
  height: 751px;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.west-sub-region-welcome-column-one {
  position: relative;
  top: 12%;
  background-color: #e9f2e7;
  width: 23%;
}

.west-sub-region-welcome-column-one-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 25%;
  transform: translateY(-25%);
  padding: 0 5rem;
  gap: 20px;
}

.west-sub-region-welcome-column-one-content h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 42px;
}

.west-sub-region-welcome-column-one-content ul {
  padding: 0;
  margin-left: 1.2rem;
  gap: 7rem;
}

.west-sub-region-welcome-column-one-content ul li {
  padding-bottom: 0.4rem;
  font-weight: 400;
  font-size: 1rem;
}

.west-sub-region-welcome-column-two {
  position: relative;
  top: 12%;
  width: 23%;
}

.west-sub-region-welcome-column-three {
  position: relative;
  top: 12%;
  width: 23%;
}

.perth-two {
  background-image: url("/images/custom/regions/perth-and-surrounds1.jpg");
  background-size: cover;
  background-position: center;
}

.perth-three {
  background-image: url("/images/custom/regions/perth-and-surrounds2.jpg");
  background-size: cover;
  background-position: center;
}

.ningaloo-two {
  background-image: url("/images/custom/regions/ningaloo-reef-and-the-coral-coast1.jpg");
  background-size: cover;
  background-position: center;
}

.ningaloo-three {
  background-image: url("/images/custom/regions/ningaloo-reef-and-the-coral-coast2.jpg");
  background-size: cover;
  background-position: center;
}

.kimberley-two {
  background-image: url("/images/custom/regions/the-kimberley-and-north-west1.jpg");
  background-size: cover;
  background-position: center;
}

.kimberley-three {
  background-image: url("/images/custom/regions/the-kimberley-and-north-west2.jpg");
  background-size: cover;
  background-position: center;
}

.margaret-two {
  background-image: url("/images/custom/regions/margaret-river-and-the-south-west1.jpg");
  background-size: cover;
  background-position: center;
}

.margaret-three {
  background-image: url("/images/custom/regions/margaret-river-and-the-south-west2.jpg");
  background-size: cover;
  background-position: center;
}

.west-sub-region-welcome-column-four {
  position: relative;
  top: 12%;
  width: 31%;
  padding: 0;
  margin: 0;
}

.west-sub-region-welcome-column-four-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 25%;
  transform: translateY(-25%);
  padding: 0 2rem;
  gap: 10px;
  color: #ffffff;
  padding: 0 4rem 0 4rem;
}

.west-sub-region-welcome-column-four-content h1 {
  font-size: 2.6rem;
  text-transform: uppercase;
  line-height: 42px;
  font-weight: 500;
}

.west-sub-region-welcome-column-four-content p {
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
  width: 76%;
}

@media (max-width: 1200px) {
  .west-sub-region-welcome-column-four-content {
    padding: 0 5rem 0 3rem;
  }

  .west-sub-region-welcome-column-one-content h1,
  .west-sub-region-welcome-column-four-content h1 {
    font-size: 2rem;
  }
}

@media (max-width: 1024px) {
  .main-west-sub-region-welcome {
    height: 560px;
  }

  .west-sub-region-welcome-column-one-content {
    padding: 0 2rem;
    gap: 20px;
  }

  .west-sub-region-welcome-column-one-content h1 {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }

  .west-sub-region-welcome-column-four-content {
    padding: 0 2rem;
    gap: 30px;
  }

  .west-sub-region-welcome-column-four-content h1 {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .west-sub-region-welcome-column-four-content p {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .main-west-sub-region-welcome {
    height: auto;
    flex-wrap: wrap;
  }

  .west-sub-region-welcome-column-one,
  .west-sub-region-welcome-column-two,
  .west-sub-region-welcome-column-three,
  .west-sub-region-welcome-column-four {
    width: 50%;
    top: 0;
    height: 400px;
  }

  .west-sub-region-welcome-column-one-content,
  .west-sub-region-welcome-column-four-content {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 2rem;
  }

  .west-sub-region-welcome-column-one-content h1 {
    font-size: 1.4rem;
  }

  .west-sub-region-welcome-column-four-content h1 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .main-west-sub-region-welcome {
    flex-direction: column;
    height: auto;
  }

  .west-sub-region-welcome-column-one,
  .west-sub-region-welcome-column-two,
  .west-sub-region-welcome-column-three,
  .west-sub-region-welcome-column-four {
    width: 100%;
    height: auto;
    min-height: 300px;
    top: 0;
    background-size: cover;
    background-position: top;
  }

  .west-sub-region-welcome-column-one-content,
  .west-sub-region-welcome-column-four-content {
    padding: 2rem;
    position: static;
    transform: none;
  }

  .west-sub-region-welcome-column-one-content h1 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .west-sub-region-welcome-column-four-content h1 {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .west-sub-region-welcome-column-four-content {
    padding: 2rem;
  }
}

/* ------------------------------------ west australia subpage package section ---------------------------------------------------*/

.main-west-sub-region-packages {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
  background-color: #fff; /* Add if needed */
}

.west-sub-region-packages {
  width: 100%;
  margin: 0 auto;
}

.west-sub-region-packages-title {
  font-size: clamp(1.8rem, 4vw, 2.625rem); /* Responsive font size */
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  text-align: center;
  padding: 30px 0 1rem;
  text-transform: uppercase;
}

.west-sub-region-packages-description {
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(0.9rem, 2vw, 1rem);
  line-height: 20px;
  padding: 0 0rem 4rem;
  text-align: center;
}

.west-sub-region-packages-slider {
  position: relative;
  width: 100%;
  padding: 0 0 !important; /* Space for arrows */
}

.west-sub-region-packages-slide {
  padding: 0 1px; /* Space between slides */
  box-sizing: border-box;
}

.west-sub-region-packages .slick-slide {
  padding: 8px;
}

.west-sub-region-packages-slide-deal-image {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 999;
  top: 63px;
  left: 82%;
}

.west-sub-region-packages-slide-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px; /* Optional */
}

.west-sub-region-packages-slide h3 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 500;
  line-height: 1.2;
  margin: 2rem 0 0.5rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.west-sub-region-packages-nights-and-price {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #333;
  margin-bottom: 0.5rem;
}

.west-sub-region-packages-package-description {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: 1.4;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.west-sub-region-packages-slide-btn {
  font-size: clamp(0.9rem, 1.2vw, 1.25rem);
  font-weight: 600;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  padding: 1px 25px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}

.west-sub-region-packages-slide-btn:hover {
  background-color: #000;
  color: #fff;
}

/* Navigation arrows */
/* Remove existing arrow positioning */
.west-sub-region-packages .slick-prev,
.west-sub-region-packages .slick-next {
  top: -70px !important; /* Position above the slider */
  transform: translateY(0) !important;
}

.west-sub-region-packages .slick-prev {
  left: auto !important;
  right: 195px !important;
}

.west-sub-region-packages .slick-next {
  right: 125px !important;
}

/* Adjust title container to accommodate arrows */
.west-sub-region-packages-title-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}

/* Optional: Style the arrows */
.west-sub-region-packages .slick-arrow {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

/* .west-sub-region-packages .slick-arrow:hover {
  background: #000;
  color: #fff;
}

.west-sub-region-packages .slick-arrow:before {
  color: #000;
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 1;
}

.west-sub-region-packages .slick-arrow:hover:before {
  color: #fff;
} */

/* Responsive adjustments */
@media (max-width: 1200px) {
  .west-sub-region-packages-slider {
    padding: 0 30px;
  }
}

@media (max-width: 992px) {
  .main-west-sub-region-packages {
    padding: 4rem 0;
  }

  .west-sub-region-packages-slider {
    padding: 0 25px;
  }
}

@media (max-width: 768px) {
  .main-west-sub-region-packages {
    padding: 0 0 4rem;
  }

  .west-sub-region-packages-title {
    padding: 20px 0 1rem;
  }

  .west-sub-region-packages-description {
    padding: 0 1rem 2rem;
  }

  .west-sub-region-packages-slider {
    padding: 0 20px;
  }

  .west-sub-region-packages-slide-deal-image {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .main-west-sub-region-packages {
    padding: 1rem 0;
  }
  .west-sub-region-packages {
    margin-top: -43px !important;
  }

  .west-sub-region-packages-slider {
    padding: 0 15px;
  }

  .west-sub-region-packages-slide {
    padding: 0 10px;
  }

  .west-sub-region-packages .slick-prev,
  .west-sub-region-packages .slick-next {
    width: 30px;
    height: 30px;
  }
}

/*----------------------------- South Australia Sub Region Plan Your Trip Section ------------------------------------*/
.main-south-sub-plan-trip {
    width: 100%;
    background-color: #EDEDED;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
}
.south-sub-plan-trip {
    width: 53%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.south-sub-plan-trip-title {
    text-align: center;
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    padding-bottom: 1.5rem;
}
.south-sub-plan-tip-description {
    text-align: center;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    padding: 0 2rem 2rem;
}
.south-sub-plan-trip-card-section {
    padding: 3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem 1rem;
}
.south-sub-plan-trip-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(30% - 1rem);
    max-width: 260px;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}
.south-sub-plan-trip-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    z-index: 1;
    border-radius: 8px;
}
.south-sub-plan-trip-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}
.south-sub-plan-trip-card-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1rem;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    z-index: 2;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
/* Responsive Breakpoints - South */
@media (max-width: 1200px) {
    .south-sub-plan-trip {
        width: 75%;
    }
    .south-sub-plan-trip-card {
        flex: 1 1 calc(45% - 1rem);
        max-width: calc(45% - 1rem);
    }
}
@media (max-width: 768px) {
    .south-sub-plan-trip {
        width: 85%;
    }
    .south-sub-plan-trip-title {
        font-size: 2rem;
    }
    .south-sub-plan-trip-card-text {
        font-size: 1.1rem;
    }
    .south-sub-plan-tip-description {
        font-size: 0.95rem;
        padding: 0 1rem 2rem;
        line-height: 1.5;
    }
    .south-sub-plan-trip-card {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }
    .south-sub-plan-trip-card-section > .south-sub-plan-trip-card:nth-last-child(1):nth-child(odd) {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 480px) {
    .south-sub-plan-trip-title {
        font-size: 1.8rem;
    }
    .south-sub-plan-trip-card-text {
        font-size: 1.2rem;
        padding: 0 1.5rem;
    }
    .south-sub-plan-tip-description {
        font-size: 0.9rem;
        padding: 0 1rem 1.5rem;
    }
    .south-sub-plan-trip-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
/*----------------------------- West Australia Sub Region Plan Your Trip Section ------------------------------------*/
.main-west-sub-plan-trip {
    width: 100%;
    background-color: #EDEDED;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
}
.west-sub-plan-trip {
    width: 53%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.west-sub-plan-trip-title {
    text-align: center;
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    padding-bottom: 1.5rem;
}
.west-sub-plan-tip-description {
    text-align: center;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    padding: 0 2rem 2rem;
}
.west-sub-plan-trip-card-section {
    padding: 3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem 1rem;
}
.west-sub-plan-trip-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(30% - 1rem);
    max-width: 260px;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}
.west-sub-plan-trip-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    z-index: 1;
    border-radius: 8px;
}
.west-sub-plan-trip-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}
.west-sub-plan-trip-card-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1rem;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    z-index: 2;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
/* Responsive Breakpoints - West */
@media (max-width: 1200px) {
    .west-sub-plan-trip {
        width: 75%;
    }
    .west-sub-plan-trip-card {
        flex: 1 1 calc(45% - 1rem);
        max-width: calc(45% - 1rem);
    }
}
@media (max-width: 768px) {
    .west-sub-plan-trip {
        width: 85%;
    }
    .west-sub-plan-trip-title {
        font-size: 2rem;
    }
    .west-sub-plan-trip-card-text {
        font-size: 1.1rem;
    }
    .west-sub-plan-tip-description {
        font-size: 0.95rem;
        padding: 0 1rem 2rem;
        line-height: 1.5;
    }
    .west-sub-plan-trip-card {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }
    .west-sub-plan-trip-card-section > .west-sub-plan-trip-card:nth-last-child(1):nth-child(odd) {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 480px) {
    .west-sub-plan-trip-title {
        font-size: 1.8rem;
    }
    .west-sub-plan-trip-card-text {
        font-size: 1.2rem;
        padding: 0 1.5rem;
    }
    .west-sub-plan-tip-description {
        font-size: 0.9rem;
        padding: 0 1rem 1.5rem;
    }
    .west-sub-plan-trip-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}


/* ====================================================
   Floating Subscribe Button Added by Anju
   ===================================================== */
.subscribe-home-content-button {
    position: fixed;
    right: 16px;
    bottom:17%;
    transform: translateY(17%);
    display: flex;
    flex-direction: column;
    
    z-index: 1000;
}


.subscribe-fab {
    background: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 1rem 3rem;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.subscribe-fab:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}


.subscription-home-content-popup {
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    transform-origin: bottom center;
    transform: scaleY(0); 
    transition: transform 0.35s ease, opacity 0.35s ease; 
    opacity: 0;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
    z-index: 1;
}


.subscribe-home-content-button:hover .subscription-home-content-popup {
    transform: scaleY(1);
    opacity: 1;
    padding: 20px;
}


.subscription-home-content-popup-inner {
    text-align: center;
}

.subscribe-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.subscribe-header-main-text {
    font-size: 18px;
    font-weight: bold;
    color: #ff6600;
    margin-bottom: 8px;
}

.subscribe-header-sub-text {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}


.price-description {
    padding: 10px;
    margin: 10px 0;
    text-align: center;
}





/* ==============================================================
   Subscribe Bar Container Mobile and Tablet Added by Anju
   ============================================================== */

.subscribe-bar {
    display: none; 
    position: fixed;      
    bottom: 14%;            
    left: 0;
    transform: translateY(14%);
    width: 100%;
    background: #000000;
    color: #fff;
    padding: 15px 20px;
    border-radius: 0;     
    box-shadow: 0 -4px 12px rgba(0,0,0,0.15);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    z-index: 1000;
    
}


.subscribe-bar-price {
    display: flex;
    align-items: baseline;
    background-color: #fff;
    border-radius: 30px;
    
}

.price-text {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.5rem 0.5rem;
    background: #fff;
    border-radius: 70px;
    color: #000;

}

.price-label {
    font-size: 0.9rem;
    font-weight: 500;
}


.subscribe-bar-message {
    flex: 1;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 500;
}


.subscribe-bar-action {
    flex-shrink: 0;
}

.subscribe-bar-btn {
    background: #fff;
    color: #000000;
    font-weight: 600;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: transform 0.2s ease, background 0.3s ease;
    margin-top: -10px;
}

.subscribe-bar-btn svg {
    fill: #ff6600;
    width: 16px;
    height: 16px;
}

.subscribe-bar-btn:hover {
    background: #ffe6d9;
    transform: translateY(-2px);
}


@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}






/* ================ Media Quarries for Floating Button and Subscribe Bar ================== */

@media (max-width: 767px) {
    .subscribe-bar {
        bottom: 10%;             /* position above footer */
        transform: translateY(10%);
        gap: 17px !important;
    }

    .price-text {
    font-size: 1rem;
    font-weight: 700;
    padding: 1.1rem 0.5rem;
    background: #fff;
    border-radius: 70px;
    color: #000;
    margin-top: 3px;

}
.subscribe-bar-text{
    font-size: 1rem;
    font-weight: 500;
    width: 35%;
    margin-top: -4px;
}
.subscribe-bar {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media (max-width: 1024px) {
    .subscribe-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px !important;
    }

    /* Hide floating button */
    .subscribe-home-content-button {
        display: none !important;
    }

    .subscribe-bar-text{
    font-size: 1rem;
    font-weight: 500;
    width:35%;
}
.price-text {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 1.1rem 0.5rem;
    background: #fff;
    border-radius: 70px;
    color: #000;

}

.subscribe-home-content-button {
        display: none; /* hide button & popup on tablets and mobiles */
    }
}


/* Desktop/laptop: hide bar */
@media (min-width: 1025px) {
    .subscribe-bar {
        display: none !important;
    }
}




/* ====================================================
   End of Floating and Subscribe Bar CSS – Added by Anju
   ===================================================== */