/* --------------------------------------------- 
* Filename:     bigideass.css
* Version:      1.0.3
* Description:  Cleaned Main Custom Stylesheet
-----------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
.google-sans-flex-<uniquifier> {
  font-family: "Google Sans Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "ROND" 0;
}
@import url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.unna-regular {
  font-family: "Unna", serif;
  font-weight: 400;
  font-style: normal;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #98dc7a;
}

.unna-bold {
  font-family: "Unna", serif;
  font-weight: 700;
  font-style: normal;
}

.unna-regular-italic {
  font-family: "Unna", serif;
  font-weight: 400;
  font-style: italic;
}

.unna-bold-italic {
  font-family: "Unna", serif;
  font-weight: 700;
  font-style: italic;
}


/* Base Helpers & Utility Rules */
img {
    height: auto;
}
body {
  padding-bottom: 76px;
}
.global-right {
    float: right;
}

.global-text-align-right {
    text-align: right;
}

.big-header-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
  background:#dcd6c5;
  padding:6px 0;
}

.big-header-top .menu-top-lr {
  flex: 0 0 50%; /* Force exact 50% width */
  max-width: 50%;
  box-sizing: border-box;
}

/* Alignments */
.big-header-top .menu-top-lr:first-child {
  text-align: left;
}

.big-header-top .menu-top-lr:last-child {
  text-align: right;
}

.big-header-top .block {
    margin-bottom: 0;
}


.path-frontpage .node--type-packages{
	display:none;
}
.path-frontpage .node--type-blog-post{
	display:none;
}
.path-frontpage .node--type-gallery{
	display:none;
}
.path-frontpage .node--type-home-slider{
	display:none;
}
.feed-icon{
	display:none;
}



















/*==================================
  Drupal 10 Breadcrumb
===================================*/

/* Outer Block Alignment Fix */
.block-system-breadcrumb-block,
#block-bootbig-breadcrumbs,
.region-breadcrumb {
    margin: 0;
    padding: 0;
    margin-bottom: 3%;
    width: 100%;
}

/* Breadcrumb Container */
.bcr,
.breadcrumb {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    background: none;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11.5px;
    font-weight: 650;
    font-family: "Google Sans Flex", sans-serif;
    line-height: 1.5;
}

/* Clear Standard Drupal List Styling */
.block-system-breadcrumb-block ul,
.breadcrumb ul {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Breadcrumb Items */
.block-system-breadcrumb-block li,
.breadcrumb li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11.5px;
    font-weight: 650;
    font-family: "Google Sans Flex", sans-serif;
    line-height: 1.5;
}

/* Breadcrumb Separator */
.breadcrumb li:not(:last-child)::after {
    content: "\203A";
    display: inline-block;
    margin-left: 8px;

    color: #000;
    font-family: Arial, sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1;
}

/* Link Styling */
.bcr a,
.breadcrumb a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11.5px;
    font-weight: 650;
    font-family: "Google Sans Flex", sans-serif;
    line-height: 1.5;
}

/* Link Hover */
.bcr a:hover,
.breadcrumb a:hover {
    color: #b4b4b4;
}

/* Separator Styling for Custom Twig */
.bcr .sep {
    display: inline-block;

    color: #b4b4b4;
    font-family: Arial, sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1;
}

/* Current / Active Page */
.bcr .cur,
.breadcrumb li:last-child {
    color: #666;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11.5px;
    font-weight: 650;
    font-family: "Google Sans Flex", sans-serif;
    line-height: 1.5;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {

    .block-system-breadcrumb-block,
    #block-bootbig-breadcrumbs,
    .region-breadcrumb {
        margin-bottom: 20px;
    }

    .bcr,
    .breadcrumb,
    .block-system-breadcrumb-block li,
    .breadcrumb li,
    .bcr a,
    .breadcrumb a,
    .bcr .cur {
        font-size: 11.5px;
        letter-spacing: 1px;
    }
}


/*==================================
  Drupal 10 Breadcrumb End
===================================*/


.footerwidget{
	padding: 3% 0;
  	background: #172412;
}
.footerwidget h2{
	color:#b1b1b1;
	font-family: "Google Sans Flex", sans-serif;
	font-size:1.5rem;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-bottom:14px;
}


/* Container & List Styles */
#block-bootbig-footer .menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
#block-bootbig-footer .menu .menu-item {
  padding-bottom: 5px;
  list-style: none;
}
#block-bootbig-footer .menu .menu-item a {
  color: #fff;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 1.18rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s ease;
}
#block-bootbig-footer .menu .menu-item a:hover {
  color: #b1b1b1;
}
/****** BLOG *****/
#block-bootbig-views-block-blog-blog-block .views-row {
  padding-bottom: 5px;
  list-style: none;
}
#block-bootbig-views-block-blog-blog-block .views-row a {
  color: #fff;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 1px;
  text-decoration: none;
  transition: color 0.3s ease;
}
#block-bootbig-views-block-blog-blog-block .views-row a:hover {
  color: #b1b1b1;
}
/******** 1st Fooer Block ******/
#block-bootbig-findmeon p{
	color:#b1b1b1;
	font-family: "Google Sans Flex", sans-serif;
}
#block-bootbig-findmeon a{
	color: #fff;
	font-family: "Google Sans Flex", sans-serif;
	font-size: 1.3rem;
	letter-spacing: 1px;
	text-decoration: none;
	transition: color 0.3s ease;
}
#block-bootbig-findmeon a:hover{
	color:#b1b1b1;
}

/*******  MAIN MENU START *****/
/* Base Header Layout */
.header-wrapper-santanu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
	z-index: 999;
  	transition: all 0.3s ease-in-out;
	background:#fff;
}

/* Fixed positioning applied via JavaScript */
.header-wrapper-santanu.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  /* Optional: background-color: #2b2d30; */
}

/* Prevent body content shift when header becomes fixed */
body.header-is-sticky {
  padding-top: var(--header-height, 80px);
}

/* Ensure no sticky positioning if Drupal toolbar is active (Safety fallback) */
body.user-logged-in .header-wrapper-santanu,
body.toolbar-tray-open .header-wrapper-santanu {
  position: static;
  box-shadow: none;
}

/******** MAIN MENU END *****/


.logo-name-section {
    text-align: left;
}
/*******************************************************
 * HEADER LOGO & SITE NAME INLINE ALIGNMENT
 *******************************************************/

/* Flexbox container for logo and site name wrapper */
.logo-name-section #block-bootbig-branding {
  display: flex;
  align-items: center;
  gap: 12px; /* Space between logo and site name */
}

/* Ensure logo brand wrapper stays inline */
.logo-name-section .brand.logo {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* Restrain logo image size */
.logo-name-section .site-branding__logo img {
  height: 45px; /* Adjust height to match your desired size */
  width: auto;
  display: block;
}

/* Ensure site name brand wrapper stays inline */
.logo-name-section .brand.site-name {
  display: inline-flex;
  align-items: center;
}

/* Site name text typography */
.logo-name-section .site-branding__name a {
  font-size: 19px;
  font-family: "Unna", serif;
  color: #BAAF61; /* Matches your brand color */
  text-decoration: none;
  white-space: nowrap; /* Prevents text from breaking into 2 lines */
  line-height: 1.2;
}

.logo-name-section .site-branding__name a:hover {
  color: #d8833b;
}





.social-media-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-menu-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Reset Bootstrap Defaults */
.navbar-header-santanu .navbar {
    margin: 0;
    border: none;
    background: transparent;
}

/* Hamburger Toggle Button */
.navbar-santanu-toggle {
    display: block;
    margin:10px 0 0 0;
    background: transparent;
    border: 1px solid #333;
    padding: 9px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.navbar-santanu-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #333;
    border-radius: 1px;
}

.navbar-santanu-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

/* Toggle Hover Fixes */
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

@media (max-width: 767px) {
    /* Off-Screen Left Position (Hidden Base State) */
    #main-navigation-santanu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 263px;
        height: 100vh;
        background-color: #ffffff;
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
        transition: left 0.3s ease-in-out;
    }

    /* Keep Drawer Visible During Slide and Open States */
    #main-navigation-santanu.collapsing,
    #main-navigation-santanu.collapse.in {
        display: block;
    }

    /* Active Visible Position */
    #main-navigation-santanu.in {
        left: 0;
    }

    /* Top-Right Close ("X") Button */
    .mobile-menu-close-btn {
        position: absolute;
        top: 15px;
        right: 15px;
        background: transparent;
        border: none;
        font-size: 28px;
        line-height: 1;
        color: #333;
        cursor: pointer;
        padding: 5px 10px;
        z-index: 10000;
        outline: none;
    }

    .mobile-menu-close-btn:hover,
    .mobile-menu-close-btn:focus {
        color: #000;
    }

    /* Menu Link Spacing */
    #main-navigation-santanu ul {
        list-style: none;
        padding: 0;
        margin: 50px 0 0 0;
    }

    #main-navigation-santanu li {
        display: block;
        margin-bottom: 15px;
    }

    #main-navigation-santanu a {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        color: #333;
    }
}

/* ==========================================
   2. DESKTOP STYLES (768px and up)
   ========================================== */
@media (min-width: 768px) {
    .header-wrapper-santanu {
        display: flex;
    	align-items: center;
    	justify-content: flex-end;
    	gap: 25px;
   	 	border-bottom: 2px solid #f2f2f2;    
		background:#fff;
    }

    /* 1. Site Name / Logo pushed to the left */
    .logo-name-section {
        flex: 0 0 auto;
        margin-right: auto; /* Pushes menu and social section to the far right */
        text-align: left;
		padding:5px 0;
    }

    /* 2. Menu Section */
    .main-menu-section {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    /* 3. Social Media Section */
    .social-media-section {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    /* Hide Mobile Toggles on Desktop */
    .navbar-santanu-toggle,
    .mobile-menu-close-btn {
        display: none;
    }

    /* Inline Desktop Menu Reset */
    #main-navigation-santanu.collapse,
    .collapse.navbar-collapse {
        position: static;
        width: auto;
        height: auto;
        box-shadow: none;
        display: block;
    }
}

/********* menu Right Icons ********/
/* Container alignment and layout */
#block-bootbig-menurighticons {
  text-align: right;
}

/* Force inner container to align items horizontally to the right */
#block-bootbig-menurighticons > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px; /* Spacing between icons */
}

/* Override default block behavior of paragraphs */
#block-bootbig-menurighticons p {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* Remove effects of extra <br> tags inside links */
#block-bootbig-menurighticons br {
  display: none;
}

/* Styling for icon links */
#block-bootbig-menurighticons a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
/********* menu Right Icons end ********/

/******** MENU TOP HEADER 50:50 GRID ********/
.big-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.big-header-top .menu-top-lr {
  width: 50%;
  box-sizing: border-box;
}

/* Force right column wrapper to stick to the right side */
.big-header-top .menu-top-lr:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

/******** MENU TOP RIGHT BOOK NOW ********/

/* Target block and ALL child divs created by Drupal */
#block-bootbig-booknow,
#block-bootbig-booknow > div,
#block-bootbig-booknow > div > div {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  width: auto;
}

#block-bootbig-booknow p {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: right;
}

/* Button styling with blinking animation */
#block-bootbig-booknow a {
  display: inline-block;
  padding: 6px 16px;
  background-color: #e63946;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 30px;
  white-space: nowrap;
  transition: background-color 0.3s ease;

  /* Continuous Blinking Animation */
  animation: pulseBlink 1.5s infinite ease-in-out;
}

/* Hover state */
#block-bootbig-booknow a:hover {
  animation: none;
  background-color: #d62828;
  color: #ffffff;
}

/* Keyframes for smooth opacity and glow blink */
@keyframes pulseBlink {
  0% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.03);
    box-shadow: 0 0 10px 4px rgba(230, 57, 70, 0.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
  }
}

/********  MENU TOP LEF PHONE NO  ********/

/* Container reset and left alignment */
#block-bootbig-headertopleft {
  text-align: left;
  display: inline-block;
}

#block-bootbig-headertopleft p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 14px;
  background:linear-gradient(135deg, #059669, #10b981, #34d399); /* Premium dark gradient */
  border-radius: 20px;
  /*border: 1px solid rgba(255, 255, 255, 0.1);*/
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Phone Icon Styling & Ring Effect */
#block-bootbig-headertopleft i.fa-phone {
  color: #fff; /* Vibrant jungle/nature green */
  font-size: 15px;
  animation: phoneRing 2s infinite ease-in-out;
}

/* Link / Phone Number Styling */
#block-bootbig-headertopleft a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

/* Hover Effects */
#block-bootbig-headertopleft p:hover {
  border-color: #22c55e;
}

#block-bootbig-headertopleft a:hover {
  color: #22c55e;
}

/* Subtle Phone Shake Animation */
@keyframes phoneRing {
  0%, 100% { transform: rotate(0deg) scale(1); }
  10% { transform: rotate(-15deg) scale(1.1); }
  20% { transform: rotate(15deg) scale(1.1); }
  30% { transform: rotate(-15deg) scale(1.1); }
  40% { transform: rotate(0deg) scale(1); }
}

/********  MENU TOP LEF PHONE END  ********/















/* ==========================================
   3. PAGE & CONTENT COMPONENT STYLES
   ========================================== */
.full-page {
  padding: 5% 2rem;
  background: 
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("/themes/bootbig/images/sundarban-luxury-tour-bg.jpg") no-repeat center / cover fixed;
}
.full-page-bottom{
    padding: 5% 2rem;
}
.full-page-bottom-2{
    padding: 5% 2rem;
	background:#003333;
	margin:5% 0 0;
}
.path-frontpage .full-page-bottom-2{
	margin-top:0px;
}

.footer-bottom-copyright {
	font-family: "Google Sans Flex", sans-serif;
    padding:1rem 2rem;
    background: #273229;
    color: #fff;
	letter-spacing:1px;
	font-size: 1.3rem ;
}
.footer-bottom-copyright a{
	color: #fff;
	font-family: "Google Sans Flex", sans-serif;
	font-size: 1.3rem;
	letter-spacing: 1px;
	text-decoration: none;
	transition: color 0.3s ease;
}
/*************** FOOTER PHONE & WHATSAPP START ***************/
/* ==========================================================================
   Fixed Bottom Contact Bar with Center Logo
   ========================================================================== */

/* ==================================
   Fixed Contact Bar
================================== */

.footer-fixed-contact {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;

    /* Hidden initially */
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
	background:#273229;

    /* Smooth appearance */
    transition:
        opacity 0.5s ease,
        transform 0.5s ease,
        visibility 0.5s ease;
}

/* Appears after 1100px scrolling */
.footer-fixed-contact.show-contact {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	padding:6px 0;
}

/* Flex Alignment for 3 Columns */
.footer-fixed-contact .contact-bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -5px;
}

.footer-fixed-contact .contact-col {
  padding: 0 5px;
}

/* --------------------------------------------------------------------------
   1. CENTER LOGO STYLING
   -------------------------------------------------------------------------- */
.footer-fixed-contact .logo-col {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-fixed-contact .center-logo {
  width: 65px;
  height: 65px;
  background-color: #fff;
  border: 2px solid #fb5200;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
  margin-top: 0px;
  transition: transform 0.3s ease;
}

.footer-fixed-contact .center-logo:hover {
  transform: scale(1.1);
}

.footer-fixed-contact .center-logo img {
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  border-radius: 50%;
}

/* --------------------------------------------------------------------------
   2. PHONE CALL BUTTON (Electric Blue)
   -------------------------------------------------------------------------- */
.footer-fixed-contact .phone-call {
  background: linear-gradient(135deg, #0052d4, #4364f7, #6fb1fc);
  border-radius: 50px;
  text-align: center;
  padding: 12px 15px;
  box-shadow: 0 4px 15px rgba(67, 100, 247, 0.4);
  transition: transform 0.2s ease-in-out;
}

.footer-fixed-contact .phone-call a {
  color: #ffffff;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.footer-fixed-contact .phone-call i {
  font-size: 1.6rem;
  color: #ffffff;
  animation: pulseBlinkCall 1.6s infinite ease-in-out;
}

/* --------------------------------------------------------------------------
   3. WHATSAPP BUTTON (Emerald Green)
   -------------------------------------------------------------------------- */
.footer-fixed-contact .whatsapp-chat {
  background: linear-gradient(135deg, #059669, #10b981, #34d399);
  border-radius: 50px;
  text-align: center;
  padding: 12px 15px;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
  transition: transform 0.2s ease-in-out;
}

.footer-fixed-contact .whatsapp-chat a {
  color: #ffffff;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.footer-fixed-contact .whatsapp-chat i {
  font-size: 1.8rem;
  color: #ffffff;
  animation: pulseBlinkWA 1.4s infinite ease-in-out;
}

/* --------------------------------------------------------------------------
   4. ANIMATIONS & RESPONSIVE ADJUSTMENTS
   -------------------------------------------------------------------------- */
@keyframes pulseBlinkCall {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.25); opacity: 0.6; }
}

@keyframes pulseBlinkWA {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.6; }
}

/* Mobile Screen Optimization */
@media (max-width: 576px) {
  .footer-fixed-contact .btn-text {
    font-size: 0.95rem;
  }
  .footer-fixed-contact .phone-call,
  .footer-fixed-contact .whatsapp-chat {
    padding: 10px 8px;
  }
  .footer-fixed-contact .center-logo {
    width: 48px;
    height: 48px;
    margin-top: -12px;
  }
  .footer-fixed-contact .center-logo img {
    max-width: 30px;
    max-height: 30px;
  }
}


/************** FOOTER PHONE & WHATSAPP END ****************/


/* Home Slider */
.homeslider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Responsive Grid Spacing for Photography Node */
.node--type-photography .container-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.node--type-photography .container-inline > div {
    flex: 1 1 calc(50% - 20px);
    min-width: 280px;
}

.node--type-photography .container-inline img {
    width: 100%;
    height: auto;
    display: block;
}

.imagelightbox-wrapper.light {
    --overlay-color: rgba(255, 255, 255, 1);
    --controls-color: black;
}













/**************** START 09-09-2026 *****************/
/* Start Contact page CSS */
:root {
  --roy-primary: #0f493a;
  --roy-primary-dark: #0a3329;
  --roy-accent: #c7a354;
  --roy-accent-light: #e0be70;
  --roy-bg-light: #f8faf9;
  --roy-text-dark: #1e2923;
  --roy-text-muted: #5a6e65;
  --roy-card-bg: #ffffff;
  --roy-shadow: 0 10px 30px rgba(15, 73, 58, 0.08);
  --roy-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Section Layout */
.roy-contact {
  background-color: var(--roy-bg-light);
  padding: 60px 20px;
  color: var(--roy-text-dark);
}

.roy-contact-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* Header Section */
.roy-contact-header {
  text-align: center;
  margin-bottom: 45px;
}

.roy-contact-title {
  font-weight: 700;
  color: var(--roy-primary);
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
}

.roy-contact-subtitle {
  font-weight: 600;
  color: var(--roy-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
}

/* 
  FIXED 2-COLUMN GRID: 
  Instead of nesting columns, we turn the grid container 
  itself into a uniform 2-column layout where every item 
  automatically shares the exact same grid row height.
*/
.roy-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* If your HTML still uses .roy-contact-col wrappers, let them pass through cleanly */
.roy-contact-col {
  display: contents; 
}

/* Individual Card Styling */
.roy-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background-color: var(--roy-card-bg);
  padding: 24px;
  border-radius: 12px;
  box-shadow: var(--roy-shadow);
  transition: var(--roy-transition);
  height: 100%;
  box-sizing: border-box;
}

.roy-contact-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(15, 73, 58, 0.12);
}

/* Icons */
.roy-contact-icon {
  width: 48px;
  height: 48px;
  background-color: rgba(15, 73, 58, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--roy-primary);
  transition: var(--roy-transition);
}

.roy-contact-item:hover .roy-contact-icon {
  background-color: var(--roy-primary);
  color: var(--roy-accent);
}

/* WhatsApp Icon Specifics */
.roy-contact-icon.roy-icon-whatsapp {
  color: #25d366;
  background-color: rgba(37, 211, 102, 0.1);
}

.roy-contact-item:hover .roy-contact-icon.roy-icon-whatsapp {
  background-color: #25d366;
  color: #ffffff;
}

/* Text Content Details */
.roy-contact-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.roy-contact-label {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--roy-accent);
  margin-bottom: 6px;
}

.roy-contact-details p {
  margin: 0;
  line-height: 1.5;
  color: var(--roy-text-dark);
}

/* Links & Interactive Elements */
.roy-contact-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.roy-contact-details a {
  color: var(--roy-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--roy-transition);
  width: fit-content;
}

.roy-contact-details a:hover {
  color: var(--roy-accent);
  text-decoration: underline;
}

/* Responsive Layout for Mobile Screens */
@media (max-width: 768px) {
  .roy-contact-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
/******** End Contact Page CSS ******/

/* Start Services Page CSS */
:root {
  --slts-primary: #0f493a;
  --slts-primary-dark: #0a3329;
  --slts-accent: #c7a354;
  --slts-accent-light: #e0be70;
  --slts-bg-light: #f8faf9;
  --slts-text-dark: #1e2923;
  --slts-text-muted: #5a6e65;
  --slts-card-bg: #ffffff;
  --slts-shadow: 0 10px 30px rgba(15, 73, 58, 0.08);
  --slts-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Section Layout */
.slts-services {
  background-color: var(--slts-bg-light);
  padding: 60px 20px;
  color: var(--slts-text-dark);
}

.slts-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Header Section */
.slts-header {
  text-align: center;
  margin-bottom: 45px;
}

.slts-title {
  font-weight: 700;
  color: var(--slts-primary);
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
}

.slts-subtitle {
  font-weight: 600;
  color: var(--slts-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
}

/* 2-Column Responsive Grid */
.slts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* Equal-Height Card Item */
.slts-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--slts-card-bg);
  border-radius: 12px;
  box-shadow: var(--slts-shadow);
  transition: var(--slts-transition);
  overflow: hidden;
  box-sizing: border-box;
}

.slts-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(15, 73, 58, 0.12);
}

/* Text & Icon Content Area */
.slts-content {
  padding: 28px 28px 20px 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.slts-icon {
  width: 48px;
  height: 48px;
  background-color: rgba(15, 73, 58, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--slts-primary);
  margin-bottom: 16px;
  transition: var(--slts-transition);
}

.slts-item:hover .slts-icon {
  background-color: var(--slts-primary);
  color: var(--slts-accent);
}

.slts-label {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--slts-accent);
  margin-bottom: 6px;
}

.slts-item-title {
  font-weight: 700;
  color: var(--slts-primary);
  margin: 0 0 12px 0;
}

.slts-content p {
  margin: 0;
  line-height: 1.6;
  color: var(--slts-text-dark);
}

/* Bottom Image Slot */
.slts-image-wrapper {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: rgba(15, 73, 58, 0.05);
  position: relative;
}

.slts-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--slts-transition);
}

.slts-item:hover .slts-image-wrapper img {
  transform: scale(1.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .slts-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .slts-image-wrapper {
    height: 180px;
  }
}
/******** End Services Page CSS ******/

/* Start About Page CSS */
:root {
  --slta-primary: #0f493a;
  --slta-primary-dark: #0a3329;
  --slta-accent: #c7a354;
  --slta-accent-light: #e0be70;
  --slta-bg-light: #f8faf9;
  --slta-text-dark: #1e2923;
  --slta-text-muted: #5a6e65;
  --slta-card-bg: #ffffff;
  --slta-shadow: 0 10px 30px rgba(15, 73, 58, 0.08);
  --slta-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Section Container */
.slta-about {
  background-color: var(--slta-bg-light);
  padding: 60px 20px;
  color: var(--slta-text-dark);
}

.slta-container {
  margin: 0 auto;
}

/* Header Styling */
.slta-header {
  text-align: center;
  margin-bottom: 45px;
}

.slta-title {
  font-weight: 700;
  color: var(--slta-primary);
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
}

.slta-subtitle {
  font-weight: 600;
  color: var(--slta-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
}

/* 50% / 50% Main Layout Grid */
.slta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Exactly 50% Left & 50% Right */
  gap: 32px;
  align-items: stretch;
  margin-bottom: 40px;
}

/* Left Column: Founder Card (50%) */
.slta-founder-card {
  background-color: var(--slta-card-bg);
  border-radius: 12px;
  box-shadow: var(--slta-shadow);
  /*border-top: 4px solid var(--slta-accent);*/
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.slta-founder-img-wrapper {
  width: 100%;
  height: 100%;
  min-height: 320px;
  overflow: hidden;
  position: relative;
  background-color: rgba(15, 73, 58, 0.05);
}

.slta-founder-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: var(--slta-transition);
}

.slta-founder-card:hover .slta-founder-img-wrapper img {
  transform: scale(1.03);
}

.slta-founder-info {
  padding: 18px 24px;
  background-color: var(--slta-card-bg);
  text-align: center;
  border-top: 1px solid rgba(15, 73, 58, 0.08);
}

.slta-founder-caption {
  margin: 0;
  font-weight: 700;
  color:#000;
}

.slta-founder-role {
  color: var(--slta-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* Right Column: Content Area (50%) */
.slta-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.slta-lead {
  font-weight: 500;
  color: var(--slta-primary-dark);
  line-height: 1.65;
  margin: 0;
}

.slta-content p {
  margin: 0;
  line-height: 1.6;
  color: var(--slta-text-dark);
}

.slta-content strong {
  color: var(--slta-primary);
}

.slta-quote {
  margin: 8px 0 0 0;
  padding: 16px 20px;
  background-color: rgba(15, 73, 58, 0.04);
  border-left: 4px solid var(--slta-accent);
  border-radius: 0 8px 8px 0;
  font-style: italic;
  font-weight: 500;
  color: var(--slta-primary);
  line-height: 1.5;
}

/* 50% / 50% Highlight Cards Grid */
.slta-highlights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 50% Left & 50% Right */
  gap: 24px;
  margin-bottom: 40px;
}

.slta-card {
  background-color: var(--slta-card-bg);
  padding: 28px;
  border-radius: 12px;
  box-shadow: var(--slta-shadow);
  /*border-left: 4px solid var(--slta-accent);*/
  transition: var(--slta-transition);
  box-sizing: border-box;
}

.slta-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(15, 73, 58, 0.12);
  border-left-color: var(--slta-primary);
}

.slta-card-icon {
  width: 44px;
  height: 44px;
  background-color: #69d28d !important;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--slta-primary);
  margin-bottom: 16px;
  transition: var(--slta-transition);
}

.slta-card:hover .slta-card-icon {
  background-color: var(--slta-primary);
  color: var(--slta-accent);
}

.slta-card-title {
  color: var(--slta-primary);
  font-weight: 700;
  margin: 0 0 10px 0;
}

.slta-card p {
  margin: 0;
  line-height: 1.6;
  color: var(--slta-text-dark);
}

/* Bottom Closing Banner */
.slta-banner {
  background: linear-gradient(135deg, var(--slta-primary) 0%, var(--slta-primary-dark) 100%);
  color: #ffffff;
  padding: 32px 36px;
  border-radius: 12px;
  box-shadow: var(--slta-shadow);
 /* border-bottom: 4px solid var(--slta-accent);*/
  text-align: center;
}
.slta-banner-about {
  background: #c4c9a9;
  color: #184c1b;
  padding: 32px 36px;
  border-radius: 12px;
  text-align: center;
}
iframe{
	width:100% !important;
	border:none !important;
}
.slta-banner p {
  margin: 0;
  line-height: 1.7;
  color: #f0f4f2;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .slta-grid,
  .slta-highlights-grid {
    grid-template-columns: 1fr; /* Stacks vertically on mobile */
    gap: 20px;
  }

  .slta-banner {
    padding: 24px;
  }
}
/******** End About Page CSS ******/

/* Start Gallery Page CSS */
:root {
  --sltg-primary: #0f493a;
  --sltg-accent: #c7a354;
  --sltg-shadow: 0 8px 24px rgba(15, 73, 58, 0.1);
  --sltg-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Gallery Node Wrapper */
.node--type-gallery {
  padding: 40px 0;
}

/* Transform Drupal's default container-inline into a clean Grid */
.node--type-gallery .container-inline {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 4 columns on large screens */
  gap: 20px; /* Uniform gap between all images */
  align-items: stretch;
}

/* Override Drupal inline-block wrapper styles */
.node--type-gallery .container-inline > div {
  display: block;
  margin: 0;
  padding: 0;
}

/* Image Anchor Container */
.node--type-gallery a.lightbox {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--sltg-shadow);
  border: 2px solid transparent;
  transition: var(--sltg-transition);
  background-color: rgba(15, 73, 58, 0.05);
}

/* Subtle Hover Effect with Gold Accent Border */
.node--type-gallery a.lightbox:hover {
  transform: translateY(-4px);
  border-color: var(--sltg-accent);
  box-shadow: 0 12px 30px rgba(15, 73, 58, 0.18);
}

/* Image Styling with Uniform Aspect Ratio */
.node--type-gallery img.imagelightbox {
  display: block;
  width: 100%;
  height: 220px; /* Fixed height for uniform grids */
  object-fit: cover; /* Prevents image distortion */
  transition: var(--sltg-transition);
}

.node--type-gallery a.lightbox:hover img.imagelightbox {
  transform: scale(1.05);
}

/* Responsive Grid Breakpoints */

/* Laptops / Smaller Desktops (3 Columns) */
@media (max-width: 1024px) {
  .node--type-gallery .container-inline {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

/* Tablets (2 Columns) */
@media (max-width: 768px) {
  .node--type-gallery .container-inline {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .node--type-gallery img.imagelightbox {
    height: 180px;
  }
}

/* Mobile Devices (1 Column) */
@media (max-width: 480px) {
  .node--type-gallery .container-inline {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .node--type-gallery img.imagelightbox {
    height: 220px;
  }
}
/******** End Gallery Page CSS ******/
/* Start Vertical Booking Process CSS */
:root {
  --slta-bg-dark: #003333;
  --slta-primary: #ffffff;
  --slta-accent: #e5b95c;
  --slta-text-muted: #d0e0dc;
  --slta-icon-bg: rgba(255, 255, 255, 0.08);
  --slta-icon-border: rgba(229, 185, 92, 0.3);
  --slta-line-color: rgba(229, 185, 92, 0.25);
  --slta-transition: all 0.3s ease;
}

/* Outer Block Heading */
.block-block-content h2 {
  color: var(--slta-primary);
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}


.slta-vertical-booking {
  background-color: var(--slta-bg-dark);
  padding: 50px 20px;
  color: var(--slta-primary);
}

.slta-container {
  margin: 0 auto;
}

/* Header with Paper Plane Icon */
.slta-timeline-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}

.slta-header-icon {
  font-size: 1.5rem;
  color: var(--slta-accent);
}

.slta-timeline-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--slta-accent);
  margin: 0;
}

/* Vertical Timeline Wrapper */
.slta-timeline {
  position: relative;
  padding-left: 10px;
}

/* Connecting Vertical Line */
.slta-timeline::before {
  content: '';
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 31px; /* Center-aligned with 44px icon */
  width: 2px;
  background-color: var(--slta-line-color);
  z-index: 1;
}

/* Timeline Item Container */
.slta-timeline-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 45px;
  z-index: 2;
}

.slta-timeline-item:last-child {
  margin-bottom: 0;
}

/* Icon Circle */
.slta-timeline-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--slta-icon-bg);
  border: 1px solid var(--slta-icon-border);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--slta-accent);
  font-size: 1.1rem;
  transition: var(--slta-transition);
}

.slta-timeline-item:hover .slta-timeline-icon {
  background-color: var(--slta-accent);
  color: var(--slta-bg-dark);
  border-color: var(--slta-accent);
  box-shadow: 0 0 12px rgba(229, 185, 92, 0.4);
}

/* Content Text */
.slta-timeline-content {
  padding-top: 6px;
  flex-grow: 1;
}

.slta-timeline-step-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--slta-primary);
  margin: 0 0 10px 0;
}

.slta-timeline-desc {
  margin: 0;
  line-height: 1.6;
  color: var(--slta-text-muted);
  max-width: 550px;
}

.slta-timeline-desc strong {
  color: var(--slta-accent);
  font-weight: 700;
}

/* Mobile Adjustments */
@media (max-width: 576px) {
  .slta-timeline::before {
    left: 25px; /* Aligned with 32px mobile icon */
  }

  .slta-timeline-item {
    gap: 18px;
    margin-bottom: 35px;
  }

  .slta-timeline-icon {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  
  .block-block-content h2 {
    font-size: 1.75rem;
  }
  
  .slta-timeline-title {
    font-size: 1.3rem;
  }
}
/******** End Vertical Booking Process CSS ******/

/*******************************************************
 * BANNER OVERLAY CARD - FULL STYLESHEET
 *******************************************************/

/* Parent Slider Wrapper needs relative positioning */
.view-id-slider,
.views-element-container,
.view-header {
  position: relative;
}

/* 1. Main Container (PC Base - Center Horizon, Bottom Position) */
.banner-right-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 150px;
  width: 90%;
  max-width: 900px;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 20px 16px;
  border-radius: 16px;
  border: none;
  box-shadow: none;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  z-index: 20;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}

/* 2. Top Dual-Color Gradient Accent Line */
.banner-right-bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1b4d3e 0%, #e67e22 100%);
}

/* 3. Line 1: H1 Title */
.banner-right-bottom h1 {
  color: #ffffff;
  font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 29px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  line-height: 1.3;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.85);
}

/* 4. Line 2: Package Pills Container */
.banner-right-bottom p.banner-package-pills {
  margin: 0 0 18px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  visibility: visible;
  opacity: 1;
}

/* Base Package Link / Pill Styles (Force Display) */
.banner-right-bottom p.banner-package-pills a {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.25s ease;
  line-height: 1.2;
}

/* Specific Pill Color Styles by Href Attribute */

/* 1. 1 Night 2 Days */
.banner-right-bottom p.banner-package-pills a[href*="1-night"] {
  background-color: #e8f0ec;
  color: #1b4d3e;
  border: 1px solid #d1e2da;
}

/* 2. 2 Nights 3 Days */
.banner-right-bottom p.banner-package-pills a[href*="2-night"] {
  background-color: #fef8e2;
  color: #854d0e;
  border: 1px solid #fef08a;
}

/* 3. 3 Nights 4 Days */
.banner-right-bottom p.banner-package-pills a[href*="3-night"] {
  background-color: #e8ecf8;
  color: #3730a3;
  border: 1px solid #c7d2fe;
}

/* 4. Exclusive Trip - FORCED VISIBILITY & CUSTOM GREEN/TEAL COLORS */
.banner-right-bottom p.banner-package-pills a[href*="exclusive"] {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  background-color: #c3e773;
  color: #086e60;
  border: 1px solid #a8d64d;
}

/* Hover Effect for Package Badges */
.banner-right-bottom p.banner-package-pills a:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  filter: brightness(0.96);
}

/* 5. Line 3: Contact Us Button Container */
.banner-contact-us {
  margin: 0;
  display: flex;
  justify-content: center;
}

.banner-contact-us a {
  display: inline-block;
  background-color: #e67e22;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 4px 15px rgba(230, 126, 34, 0.4);
  animation: bannerPulseBlink 1.8s infinite ease-in-out;
  transition: background-color 0.3s ease;
}

.banner-contact-us a:hover {
  background-color: #d35400;
  animation-play-state: paused;
}

/* 6. Blinking Animation Keyframes */
@keyframes bannerPulseBlink {
  0% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(230, 126, 34, 0.7);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.04);
    box-shadow: 0 0 0 12px rgba(230, 126, 34, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(230, 126, 34, 0);
  }
}

/*******************************************************
 * MOBILE OVERLAY RESPONSIVE STYLES
 *******************************************************/

@media (max-width: 992px) {
  .banner-right-bottom {
    position: absolute;
    top: auto;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    max-width: none;
    min-width: unset;
    margin: 0;
    padding: 12px 8px;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    z-index: 25;
    border-radius: 16px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
    text-align: center;
  }

  .banner-right-bottom h1 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  }

  .banner-right-bottom p.banner-package-pills {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
    gap: 5px;
    margin: 0 0 12px 0;
    padding-bottom: 4px;
  }

  .banner-right-bottom p.banner-package-pills::-webkit-scrollbar {
    display: none;
  }

  .banner-right-bottom p.banner-package-pills a {
    font-size: 11px;
    padding: 5px 10px;
    white-space: nowrap;
    border-radius: 14px;
  }

  .banner-contact-us {
    margin: 0;
  }

  .banner-contact-us a {
    font-size: 12px;
    padding: 8px 20px;
    letter-spacing: 0.5px;
  }
}

/* Extra Small Screen Optimization */
@media (max-width: 480px) {
  .banner-right-bottom {
    bottom: 8px;
    width: 96%;
    padding: 10px 6px;
  }

  .banner-right-bottom h1 {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .banner-right-bottom p.banner-package-pills {
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .banner-right-bottom p.banner-package-pills a {
    font-size: 10px;
    padding: 4px 8px;
  }

  .banner-contact-us a {
    font-size: 11px;
    padding: 7px 16px;
  }
}

/*******************************************************
 * SUNDARBAN LUXURY TOUR SECTION STYLES
 *******************************************************/

/* 1. Main Block Container */
#block-bootbig-sundarbanluxurytour,
div[id*="block-bootbig-sundarbanluxurytour"] {
  padding: 7% 20px;
  margin: 0 auto;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #fff;
  box-sizing: border-box;
}

/* Headings */
#block-bootbig-sundarbanluxurytour h2 {
  color: #BAAF61;
  font-family: "Unna", serif;;
  font-size: 32px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}

#block-bootbig-sundarbanluxurytour h3 {
  color: #e67e22;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 24px 0;
}

/* 2. Two-Column Wrapper */
#block-bootbig-sundarbanluxurytour .welcome-wrapper-area {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
}

#block-bootbig-sundarbanluxurytour .wc_lr {
  flex: 1 1 450px;
  max-width: 100%;
}

/* Image Column Styling */
#block-bootbig-sundarbanluxurytour .wc_lr img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  object-fit: cover;
  display: block;
}

/* Text Paragraph */
#block-bootbig-sundarbanluxurytour .wc_lr p {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  margin: 0 0 20px 0;
  text-align: justify;
}

/* 3. Inline Left-Aligned Feature Badges (UL List) */
#block-bootbig-sundarbanluxurytour .wc_lr ul,
#block-bootbig-sundarbanluxurytour ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 10px;
  justify-content: flex-start;
}

#block-bootbig-sundarbanluxurytour .wc_lr ul li,
#block-bootbig-sundarbanluxurytour ul li {
  list-style: none;
  list-style-type: none;
  background-color: #f0f7f4;
  color: #0d4232;
  border: 1px solid #d8ece3;
  font-size: 13.5px;
  font-weight: 700;
  padding: 6px 16px 6px 10px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  margin: 0;
  transition: all 0.25s ease;
}

/* Font Awesome Icon Styling */
#block-bootbig-sundarbanluxurytour .wc_lr ul li i {
  color: #e57200;
  font-size: 18px;
  margin-right: 8px;
  display: inline-block;
}

/* Hover Effect */
#block-bootbig-sundarbanluxurytour .wc_lr ul li:hover {
  background-color: #e6f3ed;
  transform: translateY(-1px);
}

/*******************************************************
 * MOBILE RESPONSIVE STYLES
 *******************************************************/
@media (max-width: 768px) {
  #block-bootbig-sundarbanluxurytour h2 {
    font-size: 24px;
  }
  #block-bootbig-sundarbanluxurytour .wc_lr {
  	flex: 1 1 0;
	}

  #block-bootbig-sundarbanluxurytour h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  #block-bootbig-sundarbanluxurytour .welcome-wrapper-area {
    flex-direction: column;
    gap: 20px;
  }

  #block-bootbig-sundarbanluxurytour .wc_lr ul li {
    font-size: 12px;
    padding: 5px 12px 5px 8px;
  }

  #block-bootbig-sundarbanluxurytour .wc_lr ul li i {
    font-size: 15px;
    margin-right: 6px;
  }
}

/*******************************************************
 * PACKAGE GRID SECTION STYLES (STRICT INLINE BUTTONS)
 *******************************************************/

/* Section Title */
#block-bootbig-views-block-package-block-1 h2 {
  text-align: center;
  color: #d8833b;
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 30px 0;
}

/* 3-Column Grid Container */
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* Main Card Wrapper */
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner {
  background-color: #f7f3ec;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* 1. Package Title Header (100% Width) */
#block-bootbig-views-block-package-block-1 .views-field-title {
  order: 1;
  width: 100%;
  padding: 12px 10px;
  text-align: center;
  background-color: #f7f3ec;
  box-sizing: border-box;
}

#block-bootbig-views-block-package-block-1 .views-field-title a {
  color: #2e5339;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px;
}

/* 2. Feature Image (100% Width) */
#block-bootbig-views-block-package-block-1 .views-field-field-fearure-image {
  order: 2;
  width: 100%;
  height: 220px;
  overflow: hidden;
  margin: 0;
}

#block-bootbig-views-block-package-block-1 .views-field-field-fearure-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 3. Pricing Text (100% Width) */
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(3) {
  order: 3;
  width: 100%;
  background-color: #f7f3ec;
  padding: 12px 10px;
  text-align: center;
  box-sizing: border-box;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(3) h4,
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(3) p {
  margin: 0;
  color: #2e5339;
  font-size: 13.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* 4. Left Button Wrapper (50% Width) */
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(4) {
  order: 4;
  width: 50%;
  height: 42px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(4) h4,
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(4) p {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(4) a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #d8833b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(4) a:hover {
  background-color: #c4732d;
}

/* 5. Right Button Wrapper (50% Width) */
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(5) {
  order: 5;
  width: 50%;
  height: 42px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: inline-block;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(5) h4,
#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(5) p {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(5) a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #1b4231;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
}

#block-bootbig-views-block-package-block-1 .views-view-responsive-grid__item-inner > div:nth-child(5) a:hover {
  background-color: #133325;
}

/*******************************************************
 * MOBILE & TABLET RESPONSIVE OVERRIDES
 *******************************************************/

@media (max-width: 992px) {
  #block-bootbig-views-block-package-block-1 .views-view-responsive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  #block-bootbig-views-block-package-block-1 .views-view-responsive-grid {
    grid-template-columns: 1fr;
  }

  #block-bootbig-views-block-package-block-1 .views-field-field-fearure-image {
    height: 200px;
  }
}

/*******************************************************
 * WEBFORM BOOKING REQUEST STYLES
 * Theme: Olive-Khaki & Forest Earth Tones
 *******************************************************/

/* 1. Main Form Block Container (Muted Olive-Khaki Background) */
#block-bootbig-webform {
  background-color: #d3cfa5; /* Updated: Muted Sage/Olive Khaki Theme */
  padding: 35px 25px;
  border-radius: 12px;
  max-width: 650px;
  margin: 0 0 7%;
  box-shadow: 0 10px 30px rgba(45, 49, 30, 0.12);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Header Box Title */
#block-bootbig-webform h2 {
  color: #26371e;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 5px 0;
  letter-spacing: 0.5px;
}

/* 2. Input Fields Styling */
#block-bootbig-webform .form-text,
#block-bootbig-webform .form-tel,
#block-bootbig-webform .form-select,
#block-bootbig-webform .form-date {
  width: 100%;
  height: 48px;
  background-color: #fbfbfa; /* Soft off-white to complement background */
  border: 1px solid #b8b387; /* Soft earthy border */
  border-radius: 6px;
  padding: 0 16px;
  font-size: 14px;
  color: #22261a; /* Dark charcoal-green */
  box-sizing: border-box;
  margin-bottom: 5px;
  outline: none;
}

#block-bootbig-webform .form-text::placeholder,
#block-bootbig-webform .form-tel::placeholder {
  color: #797c65; /* Muted olive placeholder */
}

/* Date Field Label Override */
#block-bootbig-webform .form-item-date-of-journey label {
  display: none;
}

/* 3. CAPTCHA Math Box Styling */
#block-bootbig-webform .captcha-type-challenge--math {
  background-color: #fbfbfa;
  border: 1px solid #b8b387;
  border-radius: 6px;
  height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

#block-bootbig-webform .captcha-type-challenge--math .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}

#block-bootbig-webform .captcha-type-challenge--math label {
  color: #26371e;
  font-weight: 700;
  font-size: 13.5px;
  margin: 0;
}

#block-bootbig-webform .captcha-type-challenge--math input {
  width: 60px;
  height: 34px;
  margin: 0;
  background-color: #ebdca4; /* Warm accent tint for input box */
  border: 1px solid #9c966c;
  text-align: center;
  border-radius: 4px;
  font-weight: 700;
  color: #22261a;
}

#block-bootbig-webform #edit-captcha-response--description {
  display: none;
}

/* 4. Submit Button (Rich Pine Green Contrast) */
#block-bootbig-webform .webform-button--submit {
  width: 100%;
  height: 50px;
  background-color: #26371e; /* Dark Pine Green */
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 10px;
  transition: background-color 0.25s ease;
}

#block-bootbig-webform .webform-button--submit:hover {
  background-color: #172412; /* Darker Forest hover */
}

/* 5. Quick Contact Buttons Bar */
#block-bootbig-webform .webform-contact-bouuons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
}

#block-bootbig-webform .webform-contact-bouuons a {
  width: 46px;
  height: 46px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

#block-bootbig-webform .webform-contact-bouuons a.green {
  background-color: #26371e; /* Matched to main action color */
}

#block-bootbig-webform .webform-contact-bouuons a.bw {
  background-color: #fbfbfa; /* Warm white */
  color: #26371e;
}

#block-bootbig-webform .webform-contact-bouuons a.ylo {
  background-color: #25d366; /* Official WhatsApp Green retained */
}

/*******************************************************
 * MOBILE RESPONSIVE FIXES
 *******************************************************/
@media (max-width: 576px) {
  #block-bootbig-webform {
    padding: 20px 15px;
  }

  #block-bootbig-webform h2 {
    font-size: 18px;
  }
}

/*******************************************************
 * SUNDARBAN LUXURY TOUR: 8 POINTS SECTION
 *******************************************************/

/* Block Outer Wrapper */
#block-bootbig-sundarbanluxurytour8points {
  width: 100%;
  margin: 0 auto;
  padding:7% 0;
  box-sizing: border-box;
}

/* Block Heading (H2) */
#block-bootbig-sundarbanluxurytour8points h2 {
  text-align: center;
  color: #d8833b;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 35px;
  text-transform: capitalize;
}

/* Container Inner */
#block-bootbig-sundarbanluxurytour8points .wslt-container {
  width: 100%;
  box-sizing: border-box;
}

/* 2-Column Responsive Grid Layout */
#block-bootbig-sundarbanluxurytour8points .wslt-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* Individual Card Styling */
#block-bootbig-sundarbanluxurytour8points .wslt-card {
  background-color: #ffffff;
  border: 1px solid #dce2eb;
  border-radius: 12px;
  padding: 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#block-bootbig-sundarbanluxurytour8points .wslt-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

/* Icon Box Styling */
#block-bootbig-sundarbanluxurytour8points .wslt-icon-box {
  width: 52px;
  height: 52px;
  min-width: 52px;
  background-color: #fdf3e7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d8833b;
  font-size: 22px;
}

/* Card Content Area */
#block-bootbig-sundarbanluxurytour8points .wslt-content {
  display: flex;
  flex-direction: column;
}

/* Card Title (H3) */
#block-bootbig-sundarbanluxurytour8points .wslt-title {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 17px;
  color: #111827;
  line-height: 1.35;
}

/* Card Description Paragraph */
#block-bootbig-sundarbanluxurytour8points .wslt-text {
  margin: 0;
  color: #556070;
  line-height: 1.6;
}

/* Bottom Footer Quote */
#block-bootbig-sundarbanluxurytour8points .wslt-footer-quote {
  text-align: center;
  margin-top: 40px;
  font-weight: 700;
  color: #111827;
  font-size: 18px;
  line-height: 1.5;
}

/*******************************************************
 * MOBILE & TABLET RESPONSIVE OVERRIDES
 *******************************************************/
@media (max-width: 868px) {
  #block-bootbig-sundarbanluxurytour8points .wslt-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #block-bootbig-sundarbanluxurytour8points .wslt-card {
    padding: 20px;
  }

  #block-bootbig-sundarbanluxurytour8points h2 {
    font-size: 22px;
  }
}


/*******************************************************
 * FULL PAGE MIDDLE BANNER SECTION
 *******************************************************/

/* Block Outer Wrapper & Center Alignment */
#block-bootbig-fullpagemiddle {
  text-align: center;
  padding: 50px 20px;  
}

#block-bootbig-fullpagemiddle h2 {
  color: #FFCC00;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 15px;
}

#block-bootbig-fullpagemiddle p {
  max-width: 800px;
  margin: 0 auto 30px auto;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
}

/* Hide line breaks inside button wrapper */
#block-bootbig-fullpagemiddle .bbtns br {
  display: none;
}

/* Inline Button Row Container */
#block-bootbig-fullpagemiddle .bbtns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px; /* Proper spacing between buttons */
  margin-top: 25px;
}

/* Base Styles for All 3 Buttons */
#block-bootbig-fullpagemiddle .bbtns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* 1. Green Button ("Choose Package") */
#block-bootbig-fullpagemiddle .bbtns a.green {
  background-color: #1a4331;
  color: #ffffff;
  border: 2px solid #1a4331;
}

#block-bootbig-fullpagemiddle .bbtns a.green:hover {
  background-color: #112e21;
  border-color: #112e21;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(26, 67, 49, 0.3);
}

/* 2. White Button ("Submit Enquiry") */
#block-bootbig-fullpagemiddle .bbtns a.bw {
  background-color: #ffffff;
  color: #1a4331;
  border: 2px solid #1a4331;
}

#block-bootbig-fullpagemiddle .bbtns a.bw:hover {
  background-color: #1a4331;
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* 3. Yellow/Green WhatsApp Button */
#block-bootbig-fullpagemiddle .bbtns a.ylo {
  background-color: #25d366; /* WhatsApp Green */
  color: #ffffff;
  border: 2px solid #25d366;
}

#block-bootbig-fullpagemiddle .bbtns a.ylo:hover {
  background-color: #1da851;
  border-color: #1da851;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(37, 211, 102, 0.35);
}

/*******************************************************
 * MOBILE RESPONSIVE OVERRIDES
 *******************************************************/
@media (max-width: 576px) {
  #block-bootbig-fullpagemiddle .bbtns {
    flex-direction: column;
    width: 100%;
  }

  #block-bootbig-fullpagemiddle .bbtns a {
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
  }
}


/*******************************************************
 * WHAT MAKES SUNDARBAN LUXURY TOUR SECTION (.wmsl)
 *******************************************************/

/* Container Wrapper */
.wmsl-section {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
  font-family: inherit;
}

/* Header Styling */
.wmsl-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 40px auto;
}

.wmsl-main-title {
  color: #1a4331;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
}

.wmsl-subtitle {
  color: #d8833b;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}

.wmsl-intro-text {
  color: #555555;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* 2-Column Responsive Grid Layout */
.wmsl-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

/* Individual Card Styling */
.wmsl-card {
  background-color: #ffffff;
  border: 1px solid #dce2eb;
  border-radius: 12px;
  padding: 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wmsl-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Icon Box Styling */
.wmsl-icon-box {
  width: 52px;
  height: 52px;
  min-width: 52px;
  background-color: #fdf3e7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d8833b;
  font-size: 22px;
}

/* Card Content Area */
.wmsl-card-content {
  display: flex;
  flex-direction: column;
}

.wmsl-card-title {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 18px;
  color: #111827;
  line-height: 1.35;
}

.wmsl-card-text {
  margin: 0;
  color: #556070;
  font-size: 14.5px;
  line-height: 1.6;
}

/* Footer Content Area */
.wmsl-footer-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.wmsl-outro-text {
  color: #555555;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.wmsl-conclusion-text {
  color: #1a4331;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}

/*******************************************************
 * MOBILE & TABLET RESPONSIVE OVERRIDES
 *******************************************************/
@media (max-width: 868px) {
  .wmsl-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .wmsl-card {
    padding: 20px;
  }

  .wmsl-main-title {
    font-size: 24px;
  }

  .wmsl-subtitle {
    font-size: 16px;
  }
}









/************/
#block-bootbig-footerleftimage {
	margin:14% 0 !important;
	display:block;
}
#block-bootbig-views-block-faq-block-1 {
	margin:14% 0 !important;
	display:block;
}

/* Container Layout */
#block-bootbig-views-block-image-gallery-home-block-1{
	margin-bottom:2rem;
}
#block-bootbig-views-block-image-gallery-home-block-1 .latest-image {
  display: grid;
  gap: 15px; /* Adjust gap size as needed */
  grid-template-columns: repeat(2, 1fr); /* Default 2 columns for mobile */
}

/* Ensure images scale fluidly within the grid grid cells */
#block-bootbig-views-block-image-gallery-home-block-1 .latest-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Desktop / PC View */
@media (min-width: 768px) {
  #block-bootbig-views-block-image-gallery-home-block-1 .latest-image {
    grid-template-columns: repeat(4, 1fr); /* 4 columns on PC (adjust number if needed) */
    gap: 20px;
  }
}



/***********/
/* Block Container */
#block-bootbig-contactdetails {
  background: transparent;
  color: #ffffff;
}

/* Section Title */
#block-bootbig-contactdetails h2 {
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/* Wrapper for items */
#block-bootbig-contactdetails > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Individual Row: Icon Left, Text Right */
.slt-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  color: #ffffff;
  line-height: 1.5;
  background: transparent;
}

/* Center-align single-line rows (Phone, WhatsApp, Email) */
.slt-contact-item:not(:first-child) {
  align-items: center;
}

/* Icon Alignment & Sizing */
.slt-contact-item i {
  font-size: 1.25rem;
  color: #ffffff;
  min-width: 20px;
  text-align: center;
  margin: 0;
}

/* Keep WhatsApp brand color (or change to #ffffff if preferred) */
.slt-contact-item i.fa-whatsapp {
  color: #25d366;
}

/* Links & Text */
.slt-contact-item a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
  word-break: break-all;
}

/* Hover Effect for Links */
.slt-contact-item a:hover {
  color: #25d366;
  text-decoration: underline;
}

/* Suppress unwanted extra line breaks from the HTML */
.slt-contact-item br {
  display: none;
}

#block-bootbig-views-block-faq-block-1 h2 {
  gap: 8px !important;                     /* Sets exact small gap between text */
  font-size: 0;
  font-family: "Google Sans Flex", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 14px;
}

#block-bootbig-views-block-faq-block-1 h2::before {
  content: "FAQ";
  font-size: 1.5rem;
  color: #e63946;
  margin-right: 0 !important;
}

#block-bootbig-views-block-faq-block-1 h2::after {
  content: "(Frequently Asked Questions)";
  font-size: 1.5rem;
  color: #b1b1b1;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #133325 !important;
  border: 1px solid #666666 !important;
}