/*
Theme Name: Al Kamil Travel
Theme URI: http://www.alkamiltravel.com
Author: Al Kamil Travel. Ltd
Author URI: http://www.alkamiltravel.com
Description: Al Kamil Travel is the most trusted & reliable agency among UK Muslims. We provide cheap Hajj and Umrah packages and services to meet comfort range and requirements of pilgrims.
Version: 1.0.8
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: package-listing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, right-sidebar, block-styles, wide-blocks, accessibility-ready, responsive-layout, travel, booking
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Variables & Globals
2. WordPress Core & Base Styles
3. Header & Navigation (Top Bar + Menu Bar)
4. Hero Section / Visual
5. Forms (Enquiry, Beat My Quote)
6. Package Listings & Cards
7. Content Sections (Services, Why Us, Tailor Made, SEO/Logos, etc.)
8. Single Package Page Specific Styles
9. Footer
10. Utilities & Widgets
11. Responsive Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Variables & Globals
--------------------------------------------------------------*/
/* fontello icons */
@font-face {font-family:'fontello';src:url('assets/fonts/fontello.eot?83619872');src:url('assets/fonts/fontello.eot?83619872#iefix') format('embedded-opentype'),url('assets/fonts/fontello.woff2?83619872') format('woff2'),url('assets/fonts/fontello.woff?83619872') format('woff'),url('assets/fonts/fontello.ttf?83619872') format('truetype'),url('assets/fonts/fontello.svg?83619872#fontello') format('svg');font-weight:normal;font-style:normal; font-display: swap;}
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face{font-family:'fontello';src:url('assets/fonts/fontello.svg?83619872#fontello') format('svg')}}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-down-open:before { content: '\e800'; } .icon-plus:before { content: '\e800'; } .icon-up-open:before { content: '\e801'; } .icon-down-small:before { content: '\e802'; } .icon-left-small:before { content: '\e803'; } .icon-right-small:before { content: '\e804'; } .icon-up-small:before { content: '\e805'; } .icon-left-open:before { content: '\e806'; } .icon-right-open:before { content: '\e807'; } .icon-star:before { content: '\e808'; } .icon-phone:before { content: '\e809'; } .icon-flight:before { content: '\e80a'; } .icon-cancel:before { content: '\e80b'; } .icon-cancel-circle:before { content: '\e80c'; } .icon-calendar-1:before { content: '\e80d'; } .icon-mail:before { content: '\e80e'; } .icon-headphones:before { content: '\e80f'; } .icon-flight-1:before { content: '\e810'; } .icon-location:before { content: '\f031'; } .icon-cancel-circled:before { content: '\f06e'; } .icon-menu:before { content: '\f0c9'; } .icon-pinterest-squared:before { content: '\f0d3'; } .icon-gplus-squared:before { content: '\f0d4'; } .icon-play-circled:before { content: '\f144'; } .icon-youtube-squared:before { content: '\f166'; } .icon-instagram-1:before { content: '\f16d'; } .icon-tumblr-squared:before { content: '\f174'; } .icon-bus:before { content: '\f207'; } .icon-whatsapp:before { content: '\f232'; } .icon-bed:before { content: '\f236'; } .icon-id-badge:before { content: '\f2c1'; } .icon-flickr:before { content: '\f303'; } .icon-twitter-squared:before { content: '\f304'; } .icon-vimeo:before { content: '\f306'; } .icon-linkedin-squared:before { content: '\f30c'; } .icon-facebook-squared:before { content: '\f30e'; } .icon-instagram:before { content: '\f32d'; } .icon-skype-1:before { content: '\f339'; } .icon-spinner:before { content: '\f110'; }
.animate-spin:before { display: inline-block; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* variables */
:root{
  --poppins-font: 'Poppins', sans-serif;
  --mirage: #171f27;
  --yellow-orange: #1bc35a; /* Theme Color */
  --alto: #d2d2d2;
  --alto-solid: #d5d5d5;
  --wild-sand: #f6f6f6;
  --white: #fff;
  --white-solid: #fefefe;
  --rangoon-green: #13110b;
  --jet-black: #000;
  --gallery: #ececec;
  --gallery-soft: #f0f0f0;
  --alabaster: #e6e6e6;
  --alabaster-solid: #fafafa;
  --red: #dc3545; /* Bootstrap danger */
  --gold: #ffc107; /* Bootstrap warning */
  --scorpion: #5c5c5c;
  --scorpion-light: #5e5e5e;
  --spring-wood: #f3eee8;
  --spring-wood-light: #f6f3ef;
  --spring-wood-solid: #f9f7f4;
  --boulder: #757575;
  --sliver: #c3c3c3;
  --vista-white: #fbf8f5;
  --curious-blue: #2582cf; /* Link color in forms */
  --dove-gray: #636363;
  --green: #198754; /* Bootstrap success */
  --bs-link-opacity: 1;
  --bs-danger-rgb: 220,53,69;
  --theme-color-hover: var(--jet-black);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-color: #dee2e6;
  --bs-border-width: 1px;
  --header-top-height: 80px;
  --sticky-header-top-height: 65px;
  --sticky-secondary-nav-height: 49px;
}

/* Global Styles */
#wrapper{overflow:hidden; position:relative; width:100%;}
body{
    font-family: var(--poppins-font);
    font-size: 15px;
    line-height: 1.6;
    color: #212529;
    background-color: var(--white-solid);
    /* Padding handled by inline styles in header.php */
    transition: padding-top 0.3s ease;
    margin-top: 0 !important; /* Force no WP margin */
}
*, ::after, ::before { box-sizing: border-box; }
main { display: block; }
a { color: var(--yellow-orange); text-decoration: none; transition: color 0.2s ease-in-out; }
a:hover { color: var(--theme-color-hover); text-decoration: none; }
img, svg { vertical-align: middle; max-width: 100%; height: auto; }
section, .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.section-header { margin-bottom: 3rem; }

/*--------------------------------------------------------------
2. WordPress Core & Base Styles
--------------------------------------------------------------*/
/* WordPress Admin Bar Fix */
html { margin-top: 0px !important; }

/* Padding handled by inline styles in header.php */


h1,h2,h3,h4,h5,h6{clear:both; margin-bottom: 0.75rem; font-weight: 700; line-height: 1.3;}
h1{font-size: calc(1.375rem + 1.5vw)}h2{font-size: calc(1.325rem + .9vw)}h3{font-size: calc(1.3rem + .6vw)}h4{font-size: calc(1.275rem + .3vw)}h5{font-size: 1.25rem}h6{font-size: 1rem}@media (min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}
p{margin-top: 0; margin-bottom:1rem}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 0 1rem; padding: 0.5rem 1rem; font-size: 1.1rem; border-left: 0.25rem solid #eee;}
address{margin-bottom:1rem; font-style: normal; line-height: inherit;}
pre{display: block; font-size: .875em; color: #212529; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-family: var(--bs-font-monospace); background: #f8f9fa; padding: 1rem; border-radius: var(--bs-border-radius-sm);}
code,kbd,samp{font-family: var(--bs-font-monospace); font-size: .875em; color: #d63384;}
abbr[title]{text-decoration: underline dotted;}
b,strong{font-weight: bolder;}
small{font-size: .875em;}
sub,sup{position: relative; font-size: .75em; line-height: 0; vertical-align: baseline;}
sub{bottom: -.25em;}sup{top: -.5em;}
hr{margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: .15;}
ul,ol{padding-left: 1.5rem; margin-top: 0; margin-bottom: 1rem;}
ul ul, ul ol, ol ul, ol ol{ margin-bottom: 0;}
dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}
figure{margin:0 0 1rem}table{caption-side: bottom; border-collapse: collapse; width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: #dee2e6;}

label{display: inline-block; margin-bottom: .5rem;}
textarea{resize: vertical;}
fieldset{min-width:0; padding:0; margin:0; border:0;}
legend{float:left; width:100%; padding:0; margin-bottom:.5rem; font-size:calc(1.275rem + .3vw); line-height:inherit;}@media (min-width:1200px){legend{font-size:1.5rem}}

/* WP Core Alignment & Utility Classes */
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#eee;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.sticky{display:block}.updated:not(.published){display:none}
.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0;text-align:center;font-size:.9em;color:#666}

/*--------------------------------------------------------------
3. Header & Navigation (Top Bar + Menu Bar)
--------------------------------------------------------------*/
/* #header positioning handled by inline styles in header.php */

#header-top .navbar {
    background-color: transparent !important; /* Inherit from #header */
    padding: 0.5rem 0;
    min-height: var(--header-top-height);
    transition: min-height 0.3s ease, padding 0.3s ease;
}
body.header-sticky #header-top .navbar {
    min-height: var(--sticky-header-top-height);
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}
#header-top .navbar-brand.logo img {
    max-height: 50px;
    width: auto;
    transition: max-height 0.3s ease;
}
body.header-sticky #header-top .navbar-brand.logo img {
    max-height: 40px;
}

/* Header Right Content Area (in top bar) */
.header-right-content { display: flex; align-items: center; gap: 1rem; }
.header-right-content .logos-area { list-style: none; display: flex; padding: 0; margin: 0; align-items: center; gap: 1rem; }
.header-right-content .logos-area .txt {font-size: 10px; max-width: 70px; line-height: 1.1; text-transform: uppercase;}
.header-right-content .logos-area img { height: 30px; width: auto; }
.header-right-content .header-contact { display: flex; align-items: center; text-decoration: none; color: inherit; }
.header-right-content .header-contact .ico {color: var(--yellow-orange); transition: color 0.3s ease; font-size: 1.8rem; margin-right: 0.3rem;}
.header-right-content .header-contact.whatsapp .ico {color: var(--green);}
.header-right-content .header-contact:hover {color: var(--theme-color-hover);}
.header-right-content .header-contact:hover .ico {color: inherit;}
.header-right-content .header-contact .txt-wrap { line-height: 1.2; font-size: 0.8rem; }
.header-right-content .header-contact .call { color: var(--bs-secondary-color); }
.header-right-content .header-contact .num {color: var(--jet-black); font-weight: 600; font-size: 0.9rem;}
.header-right-content .btn.quote{font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--bs-border-radius-sm);border:none;background-color:var(--yellow-orange);color:var(--white);transition:background-color .3s ease,box-shadow .3s ease}.header-right-content .btn.quote:hover{background:var(--jet-black);color:var(--white);box-shadow:0 5px 5px rgba(0,0,0,.15)}

/* --- Secondary Navigation Bar (Below Header) --- */
#secondary-navigation {
    background-color: #f8f9fa; /* Light grey background */
    border-top: var(--bs-border-width) solid var(--bs-border-color); /* Top line */
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    min-height: var(--sticky-secondary-nav-height); /* Use variable for initial height */
    position: relative;
    z-index: 1029;
    transition: min-height 0.3s ease;
    /* Bottom border is now handled by #header */
}
/* Adjust height when sticky class is applied to body */
@media (min-width: 992px) {
    body.header-sticky #secondary-navigation {
        min-height: var(--sticky-secondary-nav-height);
    }
}

/* Main Navigation Items (in secondary bar) */
.main-navigation .navbar-nav .nav-link { font-weight: 500; color: var(--jet-black); padding: 0.6rem 1rem; position: relative; transition: color 0.3s ease; }
.main-navigation .navbar-nav .nav-link:hover,
.main-navigation .navbar-nav .nav-item.current-menu-item > .nav-link,
.main-navigation .navbar-nav .nav-item.current-menu-ancestor > .nav-link,
.main-navigation .navbar-nav .nav-link.active { color: var(--yellow-orange); }
.main-navigation .navbar-nav .nav-item { transition: background-color 0.2s ease; }
/* Centering on desktop */
@media (min-width: 992px) {
    #secondary-navigation .navbar-nav {
        width: 100%;
        justify-content: center !important;
    }
}

/* Dropdowns (in the secondary bar) */
.main-navigation .dropdown-menu { border: none; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); padding: 0.5rem 0; margin-top: 0; background-color: var(--white); }
.main-navigation .dropdown-item { padding: 0.5rem 1.2rem; font-size: 14px; font-weight: 400; color: var(--jet-black); transition: background-color 0.3s ease, color 0.3s ease; border: none; }
.main-navigation .dropdown-item:hover, .main-navigation .dropdown-item:focus, .main-navigation .dropdown-item.active { background-color: var(--yellow-orange); color: var(--white); }
@media (min-width: 992px) {
    .main-navigation .nav-item.dropdown:hover > .dropdown-menu { display: block; }
    .main-navigation .dropdown-toggle::after { margin-left: .4em; border-top-width: 0.4em; border-right-width: 0.4em; border-left-width: 0.4em; vertical-align: 0.15em; } /* Align arrow */
}

/* Mobile Toggler (In top bar, controls secondary nav collapse) */
.navbar-toggler { border-color: rgba(0,0,0,0.1); padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); }
.navbar-toggler:focus { box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }
.navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); }

/* Collapsed Navbar (Secondary Nav Content on Mobile) */
#secondary-navigation .navbar-collapse { transition: height 0.3s ease; }


/* --- Mobile Menu Open State & Grey Bar Fix --- */
@media (max-width: 991.98px) {
    /* Hide secondary nav by default on mobile to remove grey bar */
    #secondary-navigation {
        display: none;
        border-top: none !important; /* Also hide top border initially */
    }

    /* Show secondary nav ONLY when mobile menu is open */
    body.mobile-menu-open #secondary-navigation {
        display: flex; /* Make it visible */
        height: 100%;
        flex-direction: column; /* Stack content vertically */
    }

    /* Hides the top bar when menu is open */
    body.mobile-menu-open #header-top {
        display: none;
    }
    /* Makes the menu container full-height */
    body.mobile-menu-open #header {
        height: 100vh !important; /* Use vh for full viewport height */
        bottom: 0;
        top: 0 !important; /* Override admin bar positioning */
        overflow-y: hidden; /* Prevent scrolling on header itself */
    }

     body.mobile-menu-open #secondary-navigation .container {
        height: 100%;
        display: flex;
        flex-direction: column;
     }
    body.mobile-menu-open #secondary-navigation #primaryMenuCollapse {
        height: 100%; /* Make collapse area fill the container */
        overflow-y: auto; /* Allow scrolling *within* the collapse area */
        display: flex !important; /* Override Bootstrap's hiding, needed for flex */
        flex-direction: column; /* Stack nav and buttons */
        justify-content: flex-end; /* Push buttons to the bottom */
    }
    /* Hide the main menu UL when mobile menu is open */
    body.mobile-menu-open #secondary-navigation #primaryMenuCollapse .navbar-nav {
        display: none !important;
    }
    /* Ensure mobile-specific buttons are displayed and positioned */
    body.mobile-menu-open #secondary-navigation #primaryMenuCollapse .d-lg-none {
        display: block !important;
        margin-top: auto; /* Push buttons to bottom within flex container */
        padding-bottom: 1rem; /* Add some space at the very bottom */
        padding-top: 1rem; /* Add space above buttons */
        background-color: var(--bs-gray-100); /* Add background */
    }
    /* Prevents the main page from scrolling underneath */
    body.mobile-menu-open {
        overflow: hidden !important;
    }

    /* --- Mobile Submenu Styles (Ensure they work correctly) --- */
    #secondary-navigation .main-navigation .menu-item-has-children > a.dropdown-toggle::after {
        content: '\e804'; /* icon-right-small */ font-family: 'fontello'; display: inline-block;
        margin-left: auto; /* Push arrow to the right */ padding-left: 0.5rem;
        transition: transform 0.3s ease; vertical-align: middle;
        border: none !important; /* Override Bootstrap arrow */ transform: rotate(0deg); /* Initial state */
    }
     #secondary-navigation .main-navigation .menu-item-has-children > a.dropdown-toggle.active::after {
        transform: rotate(90deg);
    }
     #secondary-navigation .main-navigation .dropdown-menu {
        display: none; /* Hide submenus by default */
        background-color: #f0f0f0; box-shadow: none; padding: 0; margin-top: 0;
        border-top: 1px solid #eee; border-radius: 0; width: 100%;
    }
     #secondary-navigation .main-navigation .nav-item.dropdown.submenu-open > .dropdown-menu {
         display: block; /* Show when parent has class */
     }
     #secondary-navigation .main-navigation .dropdown-menu .dropdown-item {
         padding: 0.6rem 1rem 0.6rem 2rem; /* Indent submenu items */
         font-size: 0.9rem; border-bottom: 1px solid #eee;
     }
      #secondary-navigation .main-navigation .dropdown-menu .dropdown-item:last-child {
         border-bottom: none;
     }
      /* Style nested submenus if necessary */
     #secondary-navigation .main-navigation .dropdown-menu .dropdown-menu {
         padding-left: 1rem; background-color: #e9ecef; border-top: 1px solid #ddd;
     }
      #secondary-navigation .main-navigation .dropdown-menu .dropdown-menu .dropdown-item {
         padding-left: 2.5rem;
     }

     /* --- Mobile Menu Button Styling --- */
     #secondary-navigation .navbar-collapse .d-lg-none .btn {
         width: 100%; display: block; margin-bottom: 0.5rem !important;
         text-align: center; font-size: 0.9rem; padding-top: 0.5rem; padding-bottom: 0.5rem;
     }
      #secondary-navigation .navbar-collapse .d-lg-none .btn:last-child {
          margin-bottom: 0 !important;
      }
}

/*--------------------------------------------------------------
4. Hero Section / Visual
--------------------------------------------------------------*/
.visual{padding: 4rem 0 3rem; position:relative; z-index:2; background-color: var(--vista-white); }
.front-page-visual { background-image: url('assets/images/bg-flower.jpg'); background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-color: transparent;}
.front-page-visual .text h1 { font-size: calc(1.4rem + 1.8vw); line-height: 1.2; font-weight: 800; margin-bottom: 0.5rem;} @media (min-width:1200px){.front-page-visual .text h1 {font-size: 2.8rem;}}
.front-page-visual .text h2.orange { color:var(--yellow-orange); font-size: calc(1.3rem + 1.2vw); line-height: 1.2; font-weight: 700; margin-bottom: 1.5rem;} @media (min-width:1200px){.front-page-visual .text h2.orange {font-size: 2.2rem;}}
.visual .img-holder img{max-width:100%;height:auto}

/*--------------------------------------------------------------
5. Forms (Enquiry, Beat My Quote)
--------------------------------------------------------------*/
.form-holder{border-radius:var(--bs-border-radius-lg);padding:30px;box-shadow:var(--bs-box-shadow-sm);margin-bottom:30px;background-color:var(--white)}
.form-holder h2, .form-holder h4{margin:0 0 25px;font-size:1.5rem;line-height:1.2;color:var(--jet-black);font-weight:700}
.form-holder label:not(.form-check-label):not(.visually-hidden){display:block;font-weight:500;color:var(--jet-black);margin:0 0 8px;font-size:14px}
.form-holder .form-control,.form-holder .form-select{background-color:var(--white);border:1px solid var(--alto-solid);outline:0;box-shadow:none;height:48px;font-weight:400;font-size:14px;margin-bottom:1rem;padding: 10px 15px;border-radius:var(--bs-border-radius-sm); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-holder .form-control:focus,.form-holder .form-select:focus{border-color:var(--yellow-orange); box-shadow: 0 0 0 .25rem rgba(27, 195, 90, .25); }
.form-holder label.error, .form-holder .invalid-feedback { color: var(--red); font-size: .875em; display: block; margin-top: calc(-1rem + 4px); margin-bottom: 10px; width: 100%; font-weight: normal; } /* Updated for validation plugin */
.form-holder .is-invalid, .form-holder input.error,.form-holder select.error,.form-holder textarea.error{border-color:var(--red)!important} /* Updated for validation plugin */
.form-holder .form-check input.error ~ label { color: var(--red); }
.form-holder .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size: 16px 12px;}
.form-holder .form-select::-ms-input-placeholder,.form-holder .form-control::-ms-input-placeholder{color:var(--boulder)}.form-holder .form-select::placeholder,.form-holder .form-control::placeholder{color:var(--boulder);opacity:1}.form-holder .form-select:-ms-input-placeholder,.form-holder .form-control:-ms-input-placeholder{color:var(--boulder)}
.form-holder .holder,.form-holder .input-holder{position:relative}
.form-holder .holder .code{position:absolute;right:0;top:0;bottom:1rem;width:auto; padding: 0 10px; background:var(--gallery);color:var(--jet-black);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:0 var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0; border-left: 1px solid var(--alto-solid);}
.form-holder .holder input[type=number] { padding-right: 75px; } /* Increased padding */
.form-holder .btn.submit{background:var(--yellow-orange);color:var(--white);border-radius:var(--bs-border-radius-sm);height:48px;padding:5px 25px;margin-top:29px;width:100%;border:0;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .3s ease, transform 0.2s ease; text-transform: uppercase; letter-spacing: 0.5px;}.form-holder .btn.submit i{font-size:27px;margin-left:5px}.form-holder .btn.submit:hover{background:var(--theme-color-hover);color:var(--white); transform: translateY(-2px);}.form-holder .btn.submit:disabled{background-color:#ccc;cursor:not-allowed; transform: none;}
.form-holder .agree label{display:inline;margin-left:5px;font-size:13px;color:var(--boulder)}.form-holder .agree a{color:var(--curious-blue);text-decoration:underline}.form-holder .agree a:hover{color:var(--yellow-orange)}
.form-holder .alert{margin-top:10px;padding:.5rem 1rem;font-size:.9rem}
/* Beat My Quote Modal Specific */
.quote-modal .form-holder { box-shadow: none; padding: 15px;}
.quote-modal .modal-content { border-radius: var(--bs-border-radius-lg);}
.quote-modal .modal-header { border-bottom: none; padding-bottom: 0;}
.quote-modal .btn-close { opacity: 0.7; }
.quote-modal .btn-close:hover { opacity: 1; }
.quote-modal .form-holder label:not(.form-check-label):not(.visually-hidden) { display: none; } /* Hide labels in modal */
.quote-modal .form-holder .btn.submit { margin-top: 1rem; } /* Adjust submit button margin */

/*--------------------------------------------------------------
6. Package Listings & Cards
--------------------------------------------------------------*/
.umrah-packages{padding: 3rem 0;} /* Consistent section padding */
.umrah-packages .section-header { margin-bottom: 3rem; }
.umrah-packages h2 {font-weight:800;font-size: calc(1.325rem + .9vw); line-height:1.2; margin-bottom: 0.75rem;} @media (min-width:1200px){.umrah-packages h2{font-size:2rem}}
.umrah-packages .lead { max-width: 800px; margin-left: auto; margin-right: auto; }
.package-card{transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;border-radius:12px;overflow:hidden; border: 1px solid var(--gallery-soft); background: var(--white); height: 100%; display: flex; flex-direction: column;}
.package-card:hover{box-shadow:var(--bs-box-shadow)!important;transform:translateY(-5px); background: var(--white-solid);}
.package-card-img-link { display: block; position: relative; overflow: hidden;}
.package-card-img{height:180px;object-fit:cover;width:100%; transition: transform 0.3s ease;}
.package-card-img-link:hover .package-card-img { transform: scale(1.05); }
.package-card .card-body{padding:1rem; display: flex; flex-direction: column; flex-grow: 1;}
.package-card .card-title { font-size: 1.05rem; font-weight: 600; margin-bottom: 0.5rem; line-height: 1.3;}
.package-card .card-title a { color: inherit; text-decoration: none;}
.package-card .card-title a:hover { color: var(--yellow-orange); }
.package-card .price-holder { display: flex; align-items: center; margin-bottom: 0.75rem; flex-wrap: wrap;}
.package-card .price-holder .txt { font-size: 0.875rem; color: #6c757d; margin-right: 0.5rem;}
.package-card .price-holder .num {color: var(--yellow-orange); font-weight: 700; font-size: 1.25rem; margin-right: auto;}
.package-card .stars { display: flex; list-style: none; padding: 0; margin: 0;}
.package-card .stars .icon-star{color:var(--gold); font-size: 1rem; margin: 0 -2px;}
.package-card .list { margin-bottom: 1rem; flex-grow: 1; padding-left: 0; list-style: none;}
.package-card .list li { margin-bottom: 0.4rem; font-size: 0.875rem; color: #495057; display: flex; align-items: flex-start;}
.package-card .list .ico { margin-top: -2px; margin-right: 8px; flex-shrink: 0; width: 16px; height: 16px; }
.package-card .card-footer{background-color:transparent;border-top:var(--bs-border-width) solid var(--bs-border-color) !important; padding: 1rem 1rem 1rem !important; margin-top: auto;} /* <<< FIXED THIS LINE */
.package-card .booking-area .phone a { font-size: 1.1rem; font-weight: 500;}
.package-card .booking-area .phone .icon { font-size: 1rem; color: var(--green); vertical-align: middle; }
.package-card .booking-area .view-more { font-size: 1.1rem; padding: 0.3rem 0.75rem; font-weight: 500;}
.package-card .booking-area .view-more i { font-size: 1.1em; vertical-align: middle; }

/* Pagination */
.pagination-wrapper{margin-top: 2.5rem;}
.pagination-wrapper ul.page-numbers{list-style:none;padding:0;display:flex;flex-wrap: wrap; justify-content:center;gap: 0.5rem;}
.pagination-wrapper .page-numbers{display:inline-block;padding: 0.5rem 0.9rem; margin:0; border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);text-decoration:none;color:var(--jet-black);transition:background-color .3s ease,color .3s ease, border-color 0.3s ease;}
.pagination-wrapper .page-numbers:hover{background-color:#eee; border-color: #ddd;}
.pagination-wrapper .page-numbers.current{background-color:var(--yellow-orange);color:var(--white);border-color:var(--yellow-orange);font-weight:700}
.pagination-wrapper .page-numbers.dots{border:none; background: transparent; padding: 0.5rem 0.3rem;}

/*--------------------------------------------------------------
7. Content Sections
--------------------------------------------------------------*/
/* Our Services */
.our-services{background:var(--spring-wood)}
.our-services .box{background:var(--white);
padding:25px 20px;border-radius:12px;border:1px solid transparent;
height:100%;transition:all ease .3s; 
display: flex; flex-direction: column; text-align: center !important; gap:10px; align-items: center !important;}
.our-services .box:hover{border-color:var(--yellow-orange);box-shadow:0 0 10px 4px rgba(0,0,0,.08); transform: translateY(-3px);}
.our-services .box .img{ min-width: 50px; width: 50px; margin-bottom: 15px; flex-shrink: 0;}
.our-services .box .txt{color:var(--scorpion-light);font-size:14px;line-height:1.4}
.our-services .box h3{margin:0 0 7px;font-size:18px;line-height:1.2;color:var(--jet-black);font-weight:600}

/* Customize Package */
.customize-package{background-size: cover; background-position: center center; background-color: var(--spring-wood-light);}
.customize-package h2{margin:0 0 20px}
.customize-package .txt-t{font-size:1.1rem;line-height:1.5;margin:0 0 15px}
.customize-package .txt-b{opacity:.8;font-size:1rem;line-height:1.4;margin:0 0 25px}
.customize-package .logo-area,.customize-package .btn-area{margin:0 0 30px;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap; align-items: center; gap: 1rem;}
.customize-package .btn-area li { margin: 0;}
.customize-package .btn-area a{ padding: .6rem 1.2rem; font-weight: 500;}
.customize-package .btn-area i { vertical-align: middle; margin-right: 0.5rem;}
.customize-package .btn-area .btn-outline-dark { --bs-btn-hover-bg: var(--yellow-orange); --bs-btn-hover-border-color: var(--yellow-orange); --bs-btn-hover-color: white;}
.customize-package .logo-area li{padding:0;display:flex;align-items:center;margin:0 15px 10px;}
.customize-package .logo-area img{max-height:45px;width:auto}

/* Why Us */
.choose-us{}
.choose-us .box{background:0 0;padding:20px 0;border-radius:12px;display:flex;border:none;align-items:flex-start;transition:all ease .3s}
.choose-us .box .icon{min-width:50px; width: 50px; margin-right: 15px; flex-shrink: 0;}
.choose-us .box .txt{color:var(--scorpion-light);font-size:14px;line-height:1.4}
.choose-us .box h3{margin:0 0 7px;font-size:18px;line-height:1.2;color:var(--jet-black);font-weight:600}

/* SEO Content & Logos */
.seo-content-logos{border-top: 1px solid var(--gallery-soft);}
.client-logos img{max-height: 40px; width: auto; opacity:.7;transition:opacity .3s ease}.client-logos img:hover{opacity:1}
.scrollable-seo-details{max-height:200px;overflow-y:auto;border:1px solid #eee;padding:15px;text-align:left;margin-top:15px;scrollbar-width:thin;scrollbar-color:#aaa #eee; background: var(--white-solid); border-radius: var(--bs-border-radius-sm);}
.scrollable-seo-details::-webkit-scrollbar{width:8px}.scrollable-seo-details::-webkit-scrollbar-track{background:#eee;border-radius:4px}.scrollable-seo-details::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px;border:2px solid #eee}.scrollable-seo-details::-webkit-scrollbar-thumb:hover{background-color:#888}
.seo-content-logos .page-text { font-size: 0.875rem; color: var(--bs-secondary-color); }
.seo-content-logos .page-text h2 { font-size: 1.1rem; color: var(--bs-body-color); }

/* Salient Features / Enquiry Shortcode Area */
.salient-features {}
.salient-features .form-holder { background: var(--spring-wood-light); border: 1px solid var(--alto); box-shadow: none;}
.salient-features .list { padding-left: 0; }
.salient-features .list li{position:relative;list-style:none; padding: 0 0 8px 25px; margin:0 0 5px 0;}
.salient-features .list li::before{content:'\2022';color:var(--yellow-orange);font-weight:700;display:inline-block;width:20px;margin-left:-25px;position:absolute;left:15px}
.salient-features .support{background-color: var(--spring-wood);padding:15px;border-radius:var(--bs-border-radius);display:flex;align-items:center;text-decoration:none;color:inherit;transition:background-color .3s ease}.salient-features .support:hover{background-color: var(--spring-wood-solid);}
.salient-features .support .ico{font-size:2rem;margin-right:15px;color:var(--yellow-orange)}
.salient-features .support .txt .txt-t{display:block;font-weight:500;margin-bottom:3px}
.salient-features .support .txt .tel{font-weight:700;color:var(--jet-black)}


/*--------------------------------------------------------------
8. Single Package Page Specific Styles
--------------------------------------------------------------*/
.package-single .carousel-area { padding-bottom: 2rem; border-bottom: 1px solid var(--bs-border-color); margin-bottom: 2rem;}
.package-single .breadcrumb-list { margin-bottom: 1.5rem; font-size: 0.9rem;}
.package-single .package-image-wrapper img { border-radius: var(--bs-border-radius); }
.package-single .detail-holder { padding-left: 1rem; }
.package-single .detail-holder .entry-title { font-size: 1.8rem; margin-bottom: 1rem; font-weight: 700; }
.package-single .detail-holder .list { list-style: none; padding-left: 0; margin-bottom: 1rem; }
.package-single .detail-holder .list li { display: flex; align-items: center; margin-bottom: 0.6rem; font-size: 0.95rem; color: #495057;}
.package-single .detail-holder .list .ico { margin-right: 0.75rem; flex-shrink: 0; width: 20px; height: 20px; }
.package-single .detail-holder .price-holder { background: var(--spring-wood-light); padding: 0.75rem 1rem; border-radius: var(--bs-border-radius); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem;}
.package-single .detail-holder .price-holder .txt { font-size: 0.9rem; color: var(--bs-secondary-color); }
.package-single .detail-holder .price-holder .num { font-size: 1.5rem; font-weight: 700; color: var(--yellow-orange); }
.package-single .detail-holder .price-holder .stars { list-style: none; padding: 0; margin: 0; display: flex; }
.package-single .detail-holder .price-holder .stars li { margin-left: -2px; }
.package-single .detail-holder .price-holder .stars .icon-star { color: var(--gold); font-size: 1.1rem; }
.package-single .features { list-style: none; padding: 1rem; background-color: var(--bs-light-bg-subtle); border-radius: var(--bs-border-radius-sm); display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid var(--bs-border-color);}
.package-single .features li { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 65px; }
.package-single .features .ico { margin-bottom: 0.3rem; }
.package-single .features .ico i { font-size: 1.8rem; color: var(--yellow-orange); }
.package-single .features .title { font-size: 0.75rem; font-weight: 500; color: #495057; }
.package-single .call-area { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 1rem; }
.package-single .call-area li a { display: flex; align-items: center; text-decoration: none; background: var(--gallery-soft); padding: 0.6rem 1rem; border-radius: var(--bs-border-radius-sm); transition: background-color 0.3s ease; }
.package-single .call-area li a:hover { background-color: var(--alabaster); }
.package-single .call-area li .icon { font-size: 1.5rem; margin-right: 0.5rem; }
.package-single .call-area li a span { display: flex; flex-direction: column; font-size: 0.8rem; line-height: 1.2; }
.package-single .call-area li a span span { font-size: 1rem; font-weight: 600; color: var(--jet-black); }
.package-single .call-area li a .icon-phone { color: var(--green); }
.package-single .call-area li a .icon-whatsapp { color: #25D366; }
.package-single .description.umrah-page { padding: 0; } /* Remove padding if inside main */
.package-single .description .txt h2 { margin-bottom: 1.5rem; font-size: 1.5rem;}
.package-single .description .txt { line-height: 1.7; }
.package-single .package-inclusions { margin-top: 2rem; margin-bottom: 2rem; background: var(--white); padding: 1.5rem; border-radius: var(--bs-border-radius); border: 1px solid var(--bs-border-color);}
.package-single .package-inclusions h3, .package-inclusions h4, .package-inclusions h5 { margin-bottom: 1rem; font-weight: 600; }
.package-single .package-inclusions ul { list-style: none; padding-left: 0; }
.package-single .package-inclusions li { position: relative; padding-left: 25px; margin-bottom: 0.6rem; }
.package-single .package-inclusions li::before { content: '\2713'; color: var(--yellow-orange); font-weight: bold; position: absolute; left: 0; top: 1px; font-size: 1.1rem; }
.package-single .entry-content { margin-top: 0; } /* Reset margin added by WP Base */


/*--------------------------------------------------------------
9. Footer
--------------------------------------------------------------*/
#footer .footer-t{background:var(--spring-wood-light);padding:50px 0 30px}
.footer-t .holder{max-width:90%;margin:0 auto}
.footer-t .footer-logo{text-align:center;margin:0 0 30px}.footer-t .footer-logo .logo a{display:inline-block}.footer-t .footer-logo .logo{display:inline-block;max-width:194px;margin:auto}
.footer-t .footer-nav{margin:0;padding:0 0 25px;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--sliver)}
.footer-t .footer-nav li{margin:0 13px 10px}.footer-t .footer-nav a{text-decoration:none;color:var(--jet-black);transition:color ease .3s;font-size:14px}.footer-t .footer-nav a:hover{color:var(--yellow-orange)}
.footer-t .info{margin:0;padding:30px 0 0;list-style:none;display:flex;align-items:stretch;justify-content:space-between;font-family:var(--poppins-font);flex-wrap:wrap; gap: 1.5rem 1rem;}
.footer-t .info li{flex-basis:100%; margin-bottom:0;display:flex;}
@media (min-width:768px){.footer-t .info li{flex-basis: calc(50% - 0.5rem);}}
@media (min-width:992px){.footer-t .info li{flex-basis: calc(25% - 0.75rem);}}
.footer-t .info .info-holder { width: 100%; display: flex; align-items: flex-start;}
.footer-t .info .ico{margin-right:10px;flex-shrink:0; margin-top: 3px;}.footer-t .info i{font-size:35px;color:var(--yellow-orange)}
.footer-t .info .txt{font-size:14px;line-height:1.4;font-weight:400}.footer-t .info .title{display:block;font-weight:600;margin-bottom:2px}
.footer-t .info a.tel, .footer-t .info a.mail, .footer-t .info a.whatsapp { display: block; text-decoration: none; color: inherit;} /* Make whole area clickable */
.footer-t .info a.tel:hover .txt, .footer-t .info a.mail:hover .txt, .footer-t .info a.whatsapp:hover .txt { color: var(--yellow-orange); }
.footer-t .info address{margin:0;font-style:normal; display: inline; color: var(--jet-black);}
.footer-b{padding:15px 0;font-family:var(--poppins-font);font-weight:300;text-align:center;background-color:#eee;font-size:13px}.footer-b p{margin:0}.footer-b a{text-decoration:none;color:var(--jet-black);transition:color ease .3s}.footer-b a:hover{color:var(--yellow-orange)}

/* Floating Action Button */
.whatsapp-chat{position:fixed;left:15px;bottom:15px;width:55px;height:55px;border-radius:100%;background:var(--green);display:flex;justify-content:center;align-items:center;z-index:1031;text-decoration:none;transition:all .3s ease;animation:zoom-in-zoom-out 1s ease infinite;box-shadow:0 2px 10px rgba(0,0,0,.2)}@keyframes zoom-in-zoom-out{0%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}.whatsapp-chat i{color:var(--white);font-size:30px;line-height:1}
.whatsapp-chat:hover { transform: scale(1.1); animation-play-state: paused; background-color: #128C7E; }

/*--------------------------------------------------------------
10. Utilities & Widgets
--------------------------------------------------------------*/
.hover-theme-color:hover{color:var(--yellow-orange)!important}
.btn-outline-success{--bs-btn-color:var(--yellow-orange);--bs-btn-border-color:var(--yellow-orange);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--yellow-orange);--bs-btn-hover-border-color:var(--yellow-orange);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--yellow-orange);--bs-btn-active-border-color:var(--yellow-orange);--bs-btn-disabled-color:var(--yellow-orange);--bs-btn-disabled-border-color:var(--yellow-orange);font-size:.8rem;padding:.3rem .75rem; font-weight: 500;}

/* Cookie policy */
.cup-cookie-policy{display:none;background:var(--spring-wood);bottom:0;left:50%;padding:10px 15px;position:fixed;width:100%;text-align:center;z-index:9999;max-width:500px;border-radius:5px 5px 0 0;transform:translate(-50%,0);box-shadow:0 -2px 10px rgba(0,0,0,.15);font-size:14px}.cup-cookie-policy p{margin:0;display:inline}.cup-cookie-policy .btn{font-size:13px;padding:3px 10px;margin-left:15px;vertical-align:middle}.cup-cookie-policy a{color:var(--curious-blue);text-decoration:underline}.cup-cookie-policy a:hover{color:var(--yellow-orange)}

/* Widgets */
.widget { margin-bottom: 1.5rem; background-color: #f8f9fa; padding: 1.5rem; border-radius: var(--bs-border-radius-sm); border: 1px solid #eee; box-shadow: var(--bs-box-shadow-sm);}
.widget-title { font-size: 1.2rem; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid #ddd; font-weight: 600;}
.widget ul { list-style: none; padding-left: 0; }
.widget ul li { margin-bottom: 0.6rem; }
.widget ul li a { text-decoration: none; color: inherit;}
.widget ul li a:hover { color: var(--yellow-orange); text-decoration: none; }
.widget select { max-width: 100%; }
.widget_search .search-form { display: flex; }
.widget_search .search-field { flex-grow: 1; margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.widget_search .search-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: var(--yellow-orange); color: white; border-color: var(--yellow-orange);}
.widget_search .search-submit:hover { background-color: var(--theme-color-hover); border-color: var(--theme-color-hover); }

/* WordPress Core */
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.post,.page{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block;font-size:.9em;color:#666}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}#primary[tabindex="-1"]:focus{outline:0}

/*--------------------------------------------------------------
11. Responsive Styles
--------------------------------------------------------------*/
@media (max-width:1599px){.visual .text{padding:0} .footer-t .info .txt{font-size:15px}.footer-t .info address,.footer-t .info a{font-size:14px}.carousel-area .detail-holder{padding:20px 0}}
@media (max-width:1399px){.visual .text h1,.visual .text>h2.orange{font:800 40px/50px var(--poppins-font)}.our-services{padding:70px 0}.carousel-area .detail-holder .price-holder .num{font-size:25px}}
@media (max-width:1199.98px){.header-right-content .btn.quote{font-size:13px;padding:6px 10px;}.header-right-content .header-contact .ico{font-size:26px}.header-right-content .header-contact .num{font-size:14px}.our-services .box,.choose-us .holder .box{height:auto;min-height:0;}.choose-us .box .txt{padding:0}.carousel-area .detail h1{font-size:25px}.salient-features{padding:50px 0}.salient-features .text{padding:30px 20px}}

@media (max-width:991.98px){
    /* Body padding adjusted via inline styles in header.php */
    .visual .text>h2.orange,.visual .text h1,.page-title h1{font-size:30px;margin:0 0 15px}.visual .img-holder{display:none}#main{padding:30px 0} .umrah-packages h3{font-size:24px}.our-services{padding:40px 0}h2,.customize-package h2{font-size:28px}.footer-t .info{text-align:left}.footer-t .info li{display:flex; width:auto; margin-bottom:20px}.salient-features .form-holder{margin-bottom:30px}
}
@media (max-width:767.98px){
    body{font:14px/22px var(--poppins-font);}
    /* Body padding adjusted via inline styles in header.php */

    .visual .text>h2.orange,.visual .text h1,.page-title h1{font-size:24px;text-align:center}.umrah-packages{padding:25px 0}.umrah-packages h3{margin:0 0 20px;font-size:24px}h2,.customize-package h2{font-size:24px}.customize-package .logo-area li{margin:0 0 20px}.footer-t .footer-nav{flex-direction:column}.footer-t .footer-nav li{margin:0 0 10px;text-align:center}.carousel-area .detail h1{font-size:20px}.carousel-area .detail-holder .list{flex-direction:column;align-items:flex-start}.carousel-area .detail-holder .list li,.carousel-area .detail-holder .list li+li{padding-left:30px;margin-left:0;border:0;padding-bottom:10px}.carousel-area .call-area{margin-top:15px}.call-area ul{padding:0;justify-content:center}.call-area li{list-style:none;margin:0 5px}.form-holder label:not(.form-check-label):not(.visually-hidden){display:none}.form-holder .agree label{display:inline}.form-holder .btn.submit{margin-top:10px}.form-holder{padding:20px} .package-card .card-footer {padding-left: 1rem; padding-right: 1rem;} .package-single .detail-holder { padding-left: 0; } .package-single .description .row > div { padding-left: 1rem; padding-right: 1rem; } /* Reduce padding on mobile */
}
@media (max-width:550px){.carousel-area .call-area li+li{margin-left:10px}.carousel-area .call-area .icon{margin-right:5px}.carousel-area .detail-holder .departure-arival-plan{display:block}.carousel-area .departure-arival-plan li{margin-bottom:15px}.carousel-area .departure-arival-plan li+li{margin-left:0}.carousel-area .call-area a>span{font-size:12px;line-height:16px}.carousel-area .call-area span span{font-size:15px}}
@media (max-width:467.98px){.form-holder .row>*{padding-right:calc(var(--bs-gutter-x)*.25);padding-left:calc(var(--bs-gutter-x)*.25)}.customize-package .btn-area{flex-direction:column;align-items:center}.customize-package .btn-area li{margin-left:0;margin-right:0}.form-holder .form-control,.form-holder .form-select{padding:6px 10px;font-size:12px}}
@media (max-width:379.98px){.carousel-area .call-area{display:block;text-align:center}.carousel-area .call-area li{margin-bottom:10px}.carousel-area .call-area li+li{margin-left:0}.carousel-area .call-area a{justify-content:center}}

/* Print styles */
@media print {
    *, ::after, ::before { text-shadow: none!important; box-shadow: none!important; }
    a:not(.btn) { text-decoration: underline; }
    img { page-break-inside: avoid; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    body { min-width: 992px!important; padding-top: 0 !important; } /* Remove padding for print */
    .container { min-width: 992px!important; }
    /* Hide header elements, footer, buttons, etc. */
    #header, /* Hide entire fixed header block */ #footer, .whatsapp-chat, .cup-cookie-policy, .visual .form-holder, .modal, .breadcrumb-list, .call-area, .salient-features .col-lg-4, .customize-package .btn-area, .customize-package .logo-area, .widget, .edit-link, .post-navigation, .comments-area, .navbar-toggler { display: none !important; }
    .btn, .badge { border: 1px solid #000; }
    .table { border-collapse: collapse!important; }
    .table td, .table th { background-color: #fff!important; }
    .table-bordered td, .table-bordered th { border: 1px solid #dee2e6!important; }
    .package-card, .our-services .box, .choose-us .box { box-shadow: none !important; transform: none !important; border: 1px solid #ccc !important; page-break-inside: avoid;}
    .row > [class*='col-'] { flex: 0 0 auto !important; width: auto !important; } /* Simplify grid for print */
    .col-lg-8, .col-lg-4 { width: 100% !important; } /* Make single package content full width */
}