@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, ul, li, ol, center, dl, dt, dd, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family: 'Manrope', sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullimage{width:100%;height:auto;}
p{ padding:0; margin:0 0 18px 0; color:#000; font-size:16px; font-weight:400; text-align:justify;}

/* --- Main Container --- */
header {
    width: 100%;
    height: auto;
    position: relative; /* Removes fixed position so it scrolls away */
    z-index: 999;
    background: #fff;
}

/* --- The Flexbox Fix --- */
header .header {
    width: 100%;
    max-width: 100%; /* Optional: keeps content from stretching too wide */
    margin: 0 auto;
    padding: 10px 3%;
    background: #fff;
    display: flex;         /* THE FIX: Replaces floats */
    justify-content: space-between; /* Pushes Logo left, RightBox right */
    align-items: center;    /* Vertically centers everything */
    box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Softer, modern shadow */
    transition: all 0.3s ease !important;
}

/* --- Logo Box --- */
header .logoBox {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    transition: all 0.3s ease !important;
}

/* --- Right Side Actions --- */
header .rightBox {
    /* width: 72% removed - percentages in floats cause the "break" */
    flex: 1;
    width: auto; 
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px; /* Modern spacing between elements */
    transition: all 0.3s ease !important;
}

/* --- Header Shrink State --- */
header.smaller {
    height: auto;
}
header.smaller .header {
    width: 100%;
    height: auto;
    padding: 8px 3%; /* Slightly tighter padding for the shrunk state */
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.98); /* Subtle transparency */
    backdrop-filter: blur(10px); /* Premium frosted glass effect */
    
    /* THE FIX: Use Flexbox instead of absolute/floats */
    position: relative; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out !important;
}

/* --- Logo Box Shrink --- */
header.smaller .logoBox {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    transform: scale(0.9); /* Subtly scale down the logo */
    transition: all 0.3s ease !important;
}

/* --- Right Box Shrink --- */
header.smaller .rightBox {
    /* width: 72% removed to prevent breaking/sliding left */
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px; /* Tighter gap for the smaller state */
    transition: all 0.3s ease !important;
}

.pp_header {
    position: relative;
    width: 100%;
    z-index: 10; /* Ensures the header stays above the page content */
    display: block;
    clear: both; /* Prevents floating elements from sliding under the header */
}

/* --- Menu Container --- */
.menu-box {
    display: flex; /* Replaces float: left */
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    margin: 5px 0 0 0;
}

/* --- Currency Wrapper --- */
.th-currencybox {
    display: flex; /* Replaces block and float */
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    margin: 7px 0 0 20px; /* Using px instead of % for more stable spacing */
}

/* --- Dropdown Fix (Hover Bridge) --- */
.th-currencybox::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px; /* Creates an invisible bridge so the menu doesn't close */
    background: transparent;
}

/* --- Wrapper --- */
.countrylisting {
    position: relative;
    display: inline-block;
}

/* --- The Dropdown Menu (Fixed & Modernized) --- */
.country-listbox {
    display: none;
    width: 140px; /* Slightly wider for modern look */
    padding: 10px;
    margin: 0;
    background: #fff;
    text-align: left;
    position: absolute;
    z-index: 101;
    top: 100%; /* Sits exactly at the bottom of the trigger */
    right: auto;
    left: auto;
    
    /* Soft modern shadow instead of heavy #333 */
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* THE FIX: Invisible bridge to prevent dropdown from closing */
.countrylisting::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent;
}

/* Show on hover of the container */
.countrylisting:hover .country-listbox {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

/* --- The Trigger Button --- */
.country-nav-link {
    display: flex; /* Better alignment for flag and text */
    align-items: center;
    width: auto;
    padding: 6px 10px !important;
    color: #1a1a1a !important;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
    border-radius: 6px;
}

.country-nav-link:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.03);
}

/* --- Flag & Icon Alignment --- */
.usd_flag {
    margin: 0 8px 0 0; /* Clean spacing */
    display: inline-block;
    vertical-align: middle;
}

.ddicon {
    margin: 0 0 0 5px;
    font-size: 10px;
    opacity: 0.6;
}

/* Smooth entry animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* --- The Button Body --- */
.th-callbtnbox1 .callbtn {
    display: flex; /* Ensures icon and text are perfectly centered */
    align-items: center;
    width: auto;
    height: auto;
    padding: 6px 20px 6px 6px; /* Reduced top/bottom padding for a sleeker look */
    background: #1a1a1a; /* Modern high-contrast Black */
    color: #fff !important;
    font-size: 18px; /* Slightly smaller for better fit */
    font-weight: 700;
    border-radius: 14px; /* Modern "Squircle" instead of a pill shape */
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* --- The Icon (The Blue Circle) --- */
.th-callbtnbox1 .callbtn .fa {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0; /* Resetting your old manual padding */
    background: #dc3545; /* Vibrant Brand Red */
    color: #fff;
    font-size: 16px;
    border-radius: 10px; /* Matching the button's squircle shape */
    margin-right: 12px; /* Spacing between icon and number */
    transition: transform 0.3s ease;
}

/* --- Interactions --- */
.th-callbtnbox1 .callbtn:hover {
    background: #000;
    text-decoration: none;
    transform: translateY(-2px); /* Subtle lift */
    box-shadow: 0 8px 20px rgba(0, 117, 255, 0.25); /* Glowing blue shadow */
}

.th-callbtnbox1 .callbtn:hover .fa {
    transform: scale(1.1) rotate(-10deg); /* Playful micro-interaction */
}

/* --- Global Hidden States --- */
.th-currencybox, 
.th-callbtnbox {
    display: none !important;
    visibility: visible;
    opacity: 1;
    pointer-events: none; /* Prevents clicking on hidden elements */
    width: 0;
    height: 0;
    overflow: hidden;
}

/* Ensure the Language Box is visible */
.th-langbox-new {
    position: relative;
    display: inline-block;
    padding: 0 1px;
    cursor: pointer;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hidden list for language */
.lang-listbox {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999;
    min-width: 130px;
}

/* Show on hover */
.th-langbox-new:hover .lang-listbox {
    display: block;
}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0px 0 0 0; position:relative;}
.overlay{width:100%; height:100%; padding:0; margin:0; background:rgba(27,21,66,0.8); position:absolute; z-index:1;}
.banner-text-box{width:100%; height:auto; padding:15px 90px; margin:5% auto 0 auto; color:#fff;position:absolute; top:0; left:0px; z-index:101; text-align:left; border-radius:7px;}
.banner-smltext{width:100%; height:auto; font-size:18px; color:#fff;}
.banner-bigtext{width:100%; height:auto; margin:25px 0 0 0; font-size:60px; color:#fff; font-weight:600; line-height:70px;}
.contact-btn-box{width:100%; height:auto; margin:25px 0 0 0;}
.contact-btn{width:auto; height:auto;padding:14px 20px; margin:0; background:#0075ff; font-size:18px; color:#fff; font-weight:600; border-radius:100px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.contact-btn:hover{background:#0a71ea;text-decoration:none;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.contact-btn .fa{margin:5px 0 0 5px;}

/*-- Top slider Css --*/
.slider-panel{width:100%; height:auto; padding:85px 1% 35px 1%; margin:0 auto 50px auto; border-bottom:solid 1px #e1e1e1;}

/*-- Why Choose Us Css --*/
.wcu-panel{width:100%; height:auto; padding:20px 0 80px 0; margin:auto;}
.wcu-textbox{width:100%; height:auto; padding:0; margin:100px auto 0 auto;}
.wcu-textbox span{display:inline-black;width:auto; height:auto; padding:15px 20px; margin:auto; background:#f2f4f6; border-radius:100px; font-weight:bold;}
.wcu-heading{width:100%; height:auto; padding:15px 0; margin:auto;}
.wcu-heading h1{width:100%; height:auto; padding:15px 0; margin:auto;font-family: Manrope;font-size:40px;font-weight:900;line-height:60px;}
.wcu-content{width:100%; height:auto; padding:15px 0; margin:auto;font-size: 18px;font-weight: 500;color:#737373;font-family: Inter;}
.wcu-tile1{width:100%; height:auto; padding:15px 0; margin:40px auto 0 auto;background: #e3f0ff;border-radius: 32px;border: solid 1px #e4e6e8;}
.wcu-tile1 .imgbox{width:124px; height:auto; padding:0; margin:auto;}
.wcu-tile1 .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size:20px; font-weight:900; text-align:center;}
.wcu-tile1 .text{width:100%; height:auto; padding:0; margin:auto;font-size: 15px;font-weight: 500;text-align: center;color: #8e8e8e;font-family: Manrope;}

.wcu-tile2{width:100%; height:auto; padding:40px 0 90px 35%; margin:25px auto 0 auto; background: #eaeced url("../images/tile-bg2.png") no-repeat center center; background-size:100% 100%;border-radius: 32px;border: solid 1px #e4e6e8;}
.wcu-tile2 .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size:20px; font-weight:900; text-align:center;}
.wcu-tile2 .text{width:100%; height:auto; padding:0; margin:auto;font-size: 15px;font-weight: 500;text-align: center;color: #8e8e8e;font-family: Manrope;}

.wcu-tile3{width:100%; height:auto; padding:15px 0; margin:0px auto 0 auto;background: #fff;border-radius: 32px;border: solid 1px #e4e6e8;}
.wcu-tile3 .imgbox{width:150px; height:auto; padding:7px 0 0 0; margin:auto;}
.wcu-tile3 .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size:20px; font-weight:900; text-align:center;}
.wcu-tile3 .text{width:100%; height:auto; padding:0; margin:auto;font-size: 15px;font-weight: 500;text-align: center;color: #8e8e8e;font-family: Manrope;}

.wcu-tile4 {width:100%; height:auto; padding:15px 0 40px 8%; margin:25px auto 0 auto; background: #eaeced url("../images/tile-bg4.png") no-repeat center center; background-size:100% 100%;border-radius: 32px;border: solid 1px #e4e6e8;}
.wcu-tile4 .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size:20px; font-weight:900; text-align:left;}
.wcu-tile4 .text{width:60%; height:auto; padding:0; margin:0;font-size: 15px;font-weight: 500;text-align: left;color: #8e8e8e;font-family: Manrope;}



/*-- Popular Destination Css --*/

/* Section Container Fix */
.info-intro-section {
    background-color: #ffffff;
    overflow: hidden; /* Prevents floating element overlaps */
}

/* Checklist Styling */
.detailed-description li {
    font-size: 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

/* Feature Card Enhancements */
.feature-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition: all 0.4s ease;
    text-align: left; /* Changed to left for a more professional feel */
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: #dc3545;
}

.icon-box {
    width: 50px;
    height: 50px;
    background: #fff5f5;
    color: #dc3545;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.feature-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.feature-card p {
    font-size: 13px;
    color: #777;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Button Animation */
.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(220, 53, 69, 0.3) !important;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .info-intro-section {
        padding: 60px 0;
    }
    .info-content-box {
        text-align: center;
        padding-right: 0 !important;
    }
    .detailed-description li {
        justify-content: center;
    }
}
/*-- Popular Destination Panel --*/


/*-- Modern Animation Definitions --*/
/* Container Spacing */
.pd-panel {
    padding: 60px 0;
    background-color: #fff;
}

.section-main-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 8px;
}

.section-sub-text {
    color: #666;
    font-size: 16px;
}

/* The Tile Fix */
.pd-tile {
    position: relative;
    height: 340px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    /* Added display and margin to prevent overlap */
    display: block; 
    margin-bottom: 10px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease-in-out;
}

/* Force Row Spacing if g-4 isn't working */
.row.g-4 {
    margin-top: 0;
    margin-bottom: 0;
}

.pd-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tile-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
    z-index: 1;
}

.tile-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
    color: #fff;
}

.pd-tile .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.book-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.book-row span {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.book-row i {
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

/* Interactions */
.pd-tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.pd-tile:hover i {
    background: #e63946; /* Brand Highlight */
    transform: translateX(3px);
}

/* CTA Color */
.cta-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
}
/*-- Region info section --*/
.region-info-section {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.region-tabs .nav-link {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 20px;
    color: #495057;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.region-tabs .nav-link.active {
    background-color: #dc3545 !important; /* Your brand red */
    color: #fff !important;
    border-color: #dc3545;
}

.region-content-box {
    background: #fff;
    min-height: 300px;
    border: 1px solid #dee2e6;
}



/*-- Top Flight Offers Css --*/
.tfo-panel{width:100%; height:auto; padding:80px 0 40px 0; margin:auto;}
.tfo-panel h2{width:100%; height:auto; padding:15px 0; margin:auto;font-family: Manrope;font-size:40px;font-weight:900;line-height:60px;text-align:center;}
.tfo-panel .smtext{width:100%; height:auto; padding:0px 0 35px 0; margin:auto;font-family: Manrope;font-size: 17px;font-weight:600;color: #737373;text-align:center;}
.tfo-panel .offericon{width:auto; height:auto; padding:10px 10px 0 0;}
@media (max-width: 600px) {
    .tfo-panel {
        display: none !important;
    }
}

.tfo-flightlistbox{width:100%;height:auto;padding: 10px 0px;margin:0;position:relative;}
.tfo-flightlistbox .dirow{width:100%;height:auto;padding:18px 22px 15px 22px;margin:15px 0;border-radius: 8px;border: solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col1{width:10%;height:auto;padding:0;margin:0;float:left;}
.tfo-flightlistbox .dirow .col1 img{width:50px;height:auto;padding:0;margin:10px 0 0 0;}

.tfo-flightlistbox .dirow .col2{width:20%;height:auto;padding:3px 0 0 0;margin:0;font-size:17px;color:#000;font-weight:bold;float:left; }
.tfo-flightlistbox .dirow .col2 .datetime{width:100%;height:auto;padding:3px 0 0 0;margin:0;font-family: Manrope;font-weight:500;}
.tfo-flightlistbox .dirow .col2 span{width:auto;height:auto;padding:3px 0 0 0;margin:0;font-size:14px;color: #737373;font-weight:600;}
.tfo-flightlistbox .dirow .col2 .time{color: #000;}
.tfo-flightlistbox .dirow .col2 .fa{margin:3px 7px 0 0;font-size:15px;}

.tfo-flightlistbox .dirow .col3{width:10%;height:auto;padding:3px 0 0 0;margin:0;font-size:15px;color:#777;font-weight:bold;float:left; text-align:left;}
.tfo-flightlistbox .dirow .col3 img{width:30px;height:auto;padding:3px 0 0 0;margin:10px 0 0 0;}

.tfo-flightlistbox .dirow .col4{width:20%;height:auto;padding:3px 0 0 5%;margin:0;color:#4db600;font-size:15px;font-weight:bold; text-align:left;float:left; border-left:solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col4 span{padding: 3px 0 0 0;margin: 0;font-size: 14px;color: #737373;font-weight: 600;}
.tfo-flightlistbox .dirow .col4 .price{color:#000;font-size: 18px;font-weight: bold;font-family: Manrope;}

.tfo-flightlistbox .dirow .col5{width:auto;height:auto;padding:5px 0 0 0;margin:0;color:#4db600;font-size:15px;font-weight:bold; text-align:right;float:right;}
.tfo-flightlistbox .dirow .col5 .link {display:inline-block;width:auto;height: auto;padding:10px 15px; margin:0 0 0 0;background: #f2f4f6;color:#000;border-radius: 50px;border: solid 1px #e4e6e8;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.tfo-flightlistbox .dirow .col5 .link:hover {background:#00467f;color:#fff;border: solid 1px #00467f;text-decoration:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.tfo-flightlistbox .dirow img{width:45px;height:30px;padding:0;margin:0;}


/*-- Main Panel --*/
.wsh-panel {
    width: 100%; 
    height: auto; 
    min-height: 400px; /* Ensures the background is visible */
    padding: 60px 5%; 
    margin: 0 auto 70px auto;
    
    /* Background Fix */
    background: #e3f0ff url("../images/why-sky-shark-bg.webp") no-repeat center center; 
    background-size: cover; /* Prevents stretching/distortion */
    
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

/*-- Sub-heading Span --*/
.wsh-textbox {
    width: 100%; 
    margin-bottom: 20px;
}

.wsh-textbox span {
    display: inline-block; /* Fixed typo 'inline-black' */
    padding: 10px 25px; 
    background: #fff; 
    border-radius: 100px; 
    font-weight: bold;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

/*-- Heading Fix --*/
.wsh-heading {
    width: 100%; 
    max-width: 600px; /* Limits width on desktop, expands on mobile */
    padding: 0; 
    margin: 0;
}

.wsh-heading h2 {
    width: 100%; 
    font-family: 'Manrope', sans-serif;
    /* Scales between 32px and 52px based on screen size */
    font-size: clamp(32px, 5vw, 52px); 
    font-weight: 900;
    line-height: 1.1; 
    padding: 15px 0;
}

/*-- Description Text Fix --*/
.wsh-text {
    width: 100%; 
    max-width: 550px; 
    padding: 10px 0; 
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #737373;
    line-height: 1.6;
}
/*-- Who We Are Css --*/
.waw-panel{width:100%; height:auto; padding:0px 0 80px 0; margin:auto auto 0px auto;}
.waw-tile {width:80%; height:auto; padding:15px 0; margin:0px auto 0 auto;background: #fff;}
.waw-tile .imgbox{width:auto; height:auto; padding:7px 0 0 0; margin:auto; text-align:center;}
.waw-tile .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size:28px; font-weight:900; text-align:center;font-family: Manrope;}
.waw-tile .text{width:80%; height:auto; padding:0; margin:auto;font-size: 17px;font-weight: 500;text-align: center;color: #737373;font-family: Inter;}

/*-- Newsletters Css --*/
.nls-panel{width:100%; height:auto; padding:80px 0 65px 0; margin:0 auto 80px auto; background:#fff0ec;}
@media (max-width: 600px) {
    .tfo-panel, .nls-panel {
        display: none !important;
    }
}
.nls-textbox{width:100%; height:auto; padding:0; margin:auto;}
.nls-textbox span {
    font-size: 0.8rem; 
    font-weight: 800; 
    text-transform: uppercase;
    /* CHANGE: Darkened blue to pass contrast on peach */
    color: #0056b3 !important; 
    letter-spacing: 1.5px;
    font-family: 'Manrope', sans-serif;
    display: inline-block;
}.nls-panel span.text-muted {
    color: #444444 !important; /* Dark charcoal passes on the peach #fff0ec background */
    font-weight: 600 !important; /* Slightly bolder text is easier for Lighthouse to validate */
    opacity: 1 !important; /* Ensures no transparency is reducing contrast */
}
.nls-heading{width:100%; height:auto; padding:15px 0 0 0; margin:auto 0;}
.nls-heading h2{width:80%; height:auto; padding:15px 0 0px 0; margin:auto 0;font-family: Manrope;font-size:28px;font-weight:900;line-height:40px;}

.nls-inputformbox{width:100%; height:auto; padding:15px 0; margin:auto 0;}
.nls-inputformbox .subscriber{width:75%; height:auto; padding:15px 50px 15px 30px; margin:auto 0; border:solid 1px #e1e1e1; border-radius:100px 0 0 100px; float:left;}
.nls-inputformbox .subscriberbtn{position:relative;width:auto; height:auto; padding:15px 30px; margin:auto 0; background:#0056b3;color:#ffffff; border:solid 1px #0056b3; border-radius:100px; float:left; left:-40px;}
.nls-inputformbox .subscriberbtn:hover{background:#00467f;color:#fff;border:solid 1px #00467f;}
.nls-text{width:100%; height:auto; padding:15px 0; margin:auto 0;font-family: Manrope;font-size: 15px;font-weight:500;color: #333333;}


/*-- Footer Panel --*/
.footer-panel{width:100%; height:auto; padding:0px 7% 25px 7%; margin:auto; background:#fff;display: block;clear: both;box-sizing: border-box;}
.f-resultpage{padding-top:50px; border-top:solid 1px #e1e1e1;}

.footer-heading{width:100%; height:auto; padding:0; margin:0; font-size:20px; font-weight:bold; color:#313131;font-family: Manrope;}
.flogo-box{width:200px;height:auto;padding:0;margin:auto 0 35px 0;}
.fcontact-row{width:100%;height:auto;padding:0 0 0 40px;margin:auto auto 25px 5px;position:relative;color: #595959;}
.fcontact-row a{color: #5a626b;}
.fcontact-row a:hover{color: #0075ff; text-decoration:none;}
.fcontact-row .fa{margin:0px;color:#0075ff;position:absolute;font-size:25px;z-index:1; top:2px;left:0px;}

.fnav{width:100%; height:auto; padding:0; margin:25px 0 0 0; font-size:30px; font-weight:400; color:#fff;}
div.fnav ul { margin:0; padding: 0; list-style: none; } 
div.fnav ul li { margin: 0; padding: 1px 0px; list-style: none; display:block; } 
div.fnav ul a:link, div.fnav ul a:active, div.fnav ul a:visited {width:100%; height:auto; margin: 0 5px; padding:7px 0; display:block; text-decoration: none; color: #595959; font-size:15px;text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;} 
div.fnav ul li a:hover {color:#0075ff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.fdesclaimer{width:100%;height:auto;padding:10px 0 15px 0;margin:10px auto 0 0; text-align:center; border-top:solid 1px #e1e1e1;}
.fdesclaimer p{width:100%;height:auto;padding:5px 0;margin:0;font-family: Inter;font-size:13px;color:#000; text-align:center; line-height:21px;}

.copyright-box{width:100%; height:auto; padding:0px; margin:0;color:#555; font-weight:500;font-family: Inter;font-size: 13px; text-align:center;}

.tncnav-box{width:100%; height:auto; padding:10px; margin:10px 0 0 0;color:#555; font-weight:500;font-family: Inter;font-size: 13px; text-align:center;}

.tncnav{color:#fff;}
.tncnav:hover{color:#d30205;}

.bottom-callus{display:block;width:100%;height:auto;padding:5px 0 0px 0;margin:auto; background:#E7EFFC;font-size:24px;line-height:50px;font-weight:500;text-align:center;position: fixed;bottom: 0px;z-index: 1;}
.bottom-callus1{display:none;}
.fcallicon {width: 40px;height: auto;position: relative;margin: 2px 15px 0 0;}
/* Update your existing mobile media query */
@media (max-width: 600px) {
    .bottom-callus {
        font-size: 15px !important; /* Smaller text */
        line-height: 22px !important; /* Reduces the height of the bar significantly */
        padding: 8px 10px !important; /* Adds a small touch of breathing room */
    }

    /* Adjust the icon size to match the smaller bar */
    .fcallicon {
        width: 22px !important;
        margin: 0 5px 0 0 !important;
        vertical-align: middle;
    }

    /* Ensure the phone number link fits */
    .bottom-contactnav {
        font-size: 16px !important;
    }
}
.text-highlight {font-size: 20px;font-weight: 600;color: #106b24;font-family: 'Manrope';}
.bottom-contactnav {font-weight:900;color:#0060d1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.bottom-contactnav:hover {color:#00467f;text-decoration:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*=== INNER PAGE ===*/
.inn-body-wrap{width:100%;height:auto;padding:60px 7% 60px 7%;margin:0 auto 60px auto; border-bottom:solid 1px #f1f1f1;}
.bcpanel{width:100%;height:auto;padding:0 0 20px 0;margin:10px auto 25px auto; font-size:14px; font-weight:500; color:#777; border-bottom:solid 1px #f1f1f1;}
.bcpanel a{display:inline-block;width:auto;height:auto;padding:0 20px 0 0;margin:0 7px 0 auto; background:url("../images/bc-arrow.png") no-repeat center right; font-size:14px; font-weight:500; color:#0075ff;text-transform:uppercase;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.bcpanel a:hover{color:#00467f;text-decoration:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.inn-body-wrap h1{width:100%;height:auto;padding:0;margin:0px 0 10px 0;color:#00467f; font-size:24px; text-align:left; font-weight:bold;}
.inn-body-wrap h2{width:100%;height:auto;padding:0;margin:20px 0 15px 0;color:#000; font-size:21px; text-align:left; font-weight:bold;}
.inn-body-wrap h3{width:100%;height:auto;padding:0;margin:20px 0 15px 0;color:#000; font-size:18px; text-align:left; font-weight:bold;}
.inn-body-wrap p{ padding:0; margin:0 0 20px 0; color:#000; font-size:15px; font-weight:500;line-height:27px; text-align:justify;}
.inn-body-wrap ul{width:auto;height:auto;padding:0;margin:0 0 25px 35px;}
.inn-body-wrap ul li{width:100%;height:auto;padding:0;margin:0; list-style:disc;color:#000; font-size:15px; font-weight:500;line-height:27px;}

.about-img-box{width:35%;height:auto;padding:10px; margin:10px 0 30px 40px;float:right; box-shadow:0 0 10px #e1e1e1; border-radius:10px;}

/* oNLY FOR theme. airlin, flight routes */
.cflabox{width:100%;height:auto; padding:0;margin:15px 0 0 0;}
.cflabox .heading{width:100%;height:auto; padding:0;margin:15px 0 0 0; font-size:25px; color:#666;}
.cflabox .headingsmtext{width:100%;height:auto; padding:0;margin:15px 0 35px 0; font-size:14px;color:#333; line-height:24px;font-weight:400;font-family: 'Inter', sans-serif;}
.cflabox .dirow{width:100%;height:auto;padding:10px 15px;margin:0 0 15px 0;background:#f9f9f9; border:dashed 1px #e1e1e1;}
.cflabox .dirow:hover{background:#fff; box-shadow:0 0 10px #e1e1e1;}
.cflabox .dirow .col1{width:30%;height:auto;padding:0;margin:0;float:left;}
.cflabox .dirow .col2{width:20%;height:auto;padding:22px 0 0 0;margin:0;font-size:13px;color:#999;float:left; }
.cflabox .dirow .col3{width:30%;height:auto;padding:0;margin:0;font-size:13px;color:#999;float:left;}
.cflabox .dirow .col4{width:20%;height:auto;padding:0;margin:0;color:#00B77B; text-align:right;float:left;}

.cflabox .date{width:100%;height:auto;padding:0;margin:0; font-size:13px; font-weight:600; color:#555;}
.cflabox .locationcode{width:100%;height:auto;padding:7px 0 3px 0;margin:0; font-size:17px; color:#555;font-weight:700; text-transform:uppercase;}
.cflabox .location{width:100%;height:auto;padding:0;margin:0; font-size:12px; color:#999;}
.cflabox .roundtrip{width:100%;height:auto;padding:0;margin:0; font-size:12px; color:#999;}
.cflabox .price{width:100%;height:auto;padding:10px 0 0 0;margin:0; color:#0075ff;font-size:17px; font-weight:800;}

.home-notebox{margin: 40px auto 30px auto;color:#000;}
.home-notetext{width:100%;margin: auto;font-size: 13px;font-weight: 400;line-height: 22px;text-align: left;}
.home-notetext1{width:98%;margin:15px auto;font-size:11px;}
.home-tandc{width:98%; margin:auto;font-size:11px;}
.home-notetext span{color:#f90000;font-size:11px; font-weight:bold;}


/*----- Contact Us page -----*/
.travelo-box {min-height:420px;background:#fff;box-shadow: 0 0 7px #e1e1e1;padding: 20px 25px;margin-top: 20px;margin-bottom: 30px; border-radius:15px;}
.travelo-box .full-width {width: 100% !important;}
.travelo-box .full-width1 {width: 100% !important;height: auto;}

.travelo-box fieldset{border: 1px groove #aaa !important;padding: 0 7px 0 7px !important;margin:0 !important;border-radius:5px;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;}
.travelo-box legend{width:auto;padding:0 7px;margin:0;font-size: 1em !important;color: #333;text-align: left !important;font-weight:500;border-bottom:none;}

.travelo-box .form-control {border: 0px solid #ced4da;}
.travelo-box #dv_continue_desk{text-align:center;}
.travelo-box .pp_booknow_btn{width:220px; height:auto; padding:10px 15px; margin:5px auto 0 auto;background:#0075ff !important;;color:#fff;font-size:18px;font-weight:700;border:none; text-align:center;border-radius: 12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.travelo-box .pp_booknow_btn:hover{background:#00467f;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.travelo-box ul {width: 90% !important;height: auto;padding: 0;margin: 0 0 25px 5px; list-style:none;}
.travelo-box ul li{list-style:none !important;}

@media (min-width: 1200px) and (max-width: 1250px) {
header .rightBox{width:75%;}
header.smaller .rightBox{width:75%;}
}

@media (min-width: 1000px) and (max-width: 1200px) {
.th-currencybox{display:none;}
.th-callbtnbox{display:none;}

.th-currencybox1{display:flex;width:auto;height:auto;padding:0;float:left; position:relative;}
.th-callbtnbox1{display:flex;width:auto;height:auto;padding:0;margin:9px 0 0 0;float:left;position: relative;z-index: 99999;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; margin:auto; background:#fff; position:relative; z-index:101; box-shadow: 0 2px 5px #00000050;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:5px 3%; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
header.smaller .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.menu-box{width:100%;height:auto;padding:0;margin:-35px 0 0 0;float:right;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative;}
.banner-text-box {padding: 15px 0px;margin: 3% auto 0 auto;}
.banner-bigtext {margin: 25px 0 25px 0;font-size: 40px;line-height: 50px;}
.contact-btn-box {margin: 35px 0 0 0;}
.slider-panel{padding: 30px 1% 35px 1%;margin: 0 auto 50px auto;border-bottom: solid 1px #e1e1e1;}

.pd-tile1 .title { padding: 10px 0 5px 0;font-size: 15px;}
.pd-tile1 .navbox {padding: 20px 10px;font-size: 16px;}
.pd-tile1 .bookflightbtn {padding: 7px;margin: 7px auto 0 auto;float: left;}
.nls-inputformbox .subscriber {width: 70%;height: auto;padding: 15px 30px 15px 30px;}
.nls-inputformbox .subscriberbtn {width: auto;padding: 15px 20px;}

}

@media (min-width: 769px) and (max-width: 999px) {
.th-currencybox{display:none;}
.th-callbtnbox{display:none;}

.th-currencybox1{display:block;width:auto;height:auto;padding:0;float:left; position:relative;}
.th-callbtnbox1{display:block;width:auto;height:auto;padding:0;margin:9px 0 0 0;float:left;position: relative;z-index: 99999;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:5px 3%; margin:auto; background:#fff; position:relative; z-index:101; box-shadow: 0 2px 5px #00000050;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:5px 3%; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
header.smaller .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.menu-box{width:100%;height:auto;padding:0;margin:-35px 0 0 0;float:right;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0 0 70px 0; position:relative;}
.banner-bigtext {margin: 25px 0 25px 0;font-size: 40px;line-height: 50px;}
.contact-btn-box {margin: 35px 0 0 0;}
.slider-panel{padding: 30px 1% 35px 1%;margin: 0 auto 50px auto;border-bottom: solid 1px #e1e1e1;}

/*-- Why Choose Us Css --*/
.wcu-textbox {margin: 0px auto 0 auto;}


/*-- Why Sky Shark Css --*/
.wsh-panel {padding: 80px 0 20px 5%;}
.wsh-heading {width: 50%;}
.wsh-heading h2 {font-size: 35px;line-height: 45px;}
.wsh-text {width: 50%;padding: 0px 0 15px 0;}

.travelo-box {min-height: auto;}

.booknowsecbill{display:none;}
}


@media (min-width: 481px) and (max-width: 769px) {
.th-currencybox{display:none;}
.th-callbtnbox{display:none;}

.th-currencybox1{display:block;width:auto;height:auto;padding:0;float:left; position:relative;}
.th-callbtnbox1{display:block;width:auto;height:auto;padding:0;margin:9px 0 0 0;float:left;position: relative;z-index: 99999;}
.th-callbtnbox1 span{display:none;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:5px 3%; margin:auto; background:#fff; position:relative; z-index:101; box-shadow: 0 2px 5px #00000050;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:10px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:5px 3%; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
header.smaller .logoBox{position:absolute;width:auto;height: auto; padding:0px; margin:0px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:10px 0 10px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.menu-box{width:100%;height:auto;padding:0;margin:-35px 0 0 0;float:right;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0 0 70px 0; position:relative;}
.banner-text-box {padding: 15px 0px;margin:0 auto;}
.banner-bigtext {margin: 5px 0 5px 0;font-size: 30px;line-height: 38px;}

.slider-panel{padding:50px 1% 35px 1%;margin: 0 auto 50px auto;border-bottom: solid 1px #e1e1e1;}

/*-- Why Choose Us Css --*/
.wcu-heading h1 {padding: 15px 0 0px 0;font-size: 30px;line-height: 38px;}
.wcu-textbox {margin: 0px auto 0 auto;}
.pd-panel h2 {font-size: 30px;line-height: 38px;}

/*-- Why Sky Shark Css --*/
.wsh-panel {padding:25px 0 10px 5%;margin: auto auto 40px auto;}
.wsh-heading {width: 60%;}
.wsh-heading h2 {padding: 15px 0 0px 0;font-size: 30px;line-height: 38px;}
.wsh-text {width:50%;padding: 0px 0 15px 0;line-height: 21px;}
.wcu-tile2 {margin: 25px auto 25px auto;}
.wsh-textbox span {padding: 10px 20px;}

/*-- Top Flight Offers Css --*/
.tfo-panel h2 {font-size: 30px;line-height: 38px;}
.tfo-panel .offericon {padding: 0px 10px 0 0;}
.tfo-flightlistbox .dirow .col1{width:100%;height:auto;padding:0;margin:0 0 15px 0;float:left;text-align:center;}
.tfo-flightlistbox .dirow .col2{width:100%;height:auto;padding:3px 0 0 0;margin:0;font-size:17px;color:#000;font-weight:bold;float:left;text-align:center; }
.tfo-flightlistbox .dirow .col3{width:100%;height:auto;padding:3px 0 0 0;margin:0;font-size:15px;color:#777;font-weight:bold;float:left; text-align:center;}
.tfo-flightlistbox .dirow .col4{width:50%;height:auto;padding:15px 0 0 0;margin:15px 0 0 0;color:#4db600;font-size:15px;font-weight:bold; text-align:left;float:left; border-left:solid 0px #e4e6e8; border-top:solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col5{width:50%;height:auto;padding:15px 0 0 0;margin:15px 0 0 0;color:#4db600;font-size:15px;font-weight:bold; text-align:right;float:right; border-top:solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col3 img {margin: 10px 0;}

/*-- Who We Are Css --*/
.waw-panel{width:100%; height:auto; padding:0px 0 40px 0; margin:auto auto 0px auto;}
.waw-tile {width:80%; height:auto; padding:15px 0; margin:0px auto 0 auto;background: #fff;}
.waw-tile .imgbox{width:auto; height:auto; padding:7px 0 0 0; margin:auto; text-align:center;}
.waw-tile .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size: 22px;line-height:32px; font-weight:900; text-align:center;font-family: Manrope;}
.waw-tile .text{width:100%; height:auto; padding:0; margin:auto;font-size: 17px;font-weight: 500;text-align: center;color: #737373;font-family: Inter;}

/*-- Newsletters Css --*/
.nls-inputformbox .subscriber{width:65%; height:auto; padding:8px 30px 8px 20px; margin:auto 0; border:solid 1px #e1e1e1; border-radius:100px 0 0 100px; float:left;}
.nls-inputformbox .subscriberbtn{position:relative;width:auto; height:auto; padding:8px 10px; margin:auto 0; border-radius:100px; float:left; left:-20px;}
.nls-heading h2 {width: 100%;padding: 15px 0 0px 0;margin: auto 0;font-size: 30px;line-height: 38px;}

.text-highlight {display:none;}
.travelo-box {min-height: auto;}

.booknowsecbill{display:none;}
}


@media (min-width: 320px) and (max-width: 481px) {
    /* 1. Reset the Header into a Strict 2x2 Grid */
    header .header {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Two equal halves */
        grid-template-rows: auto auto !important;    /* Two rows */
        align-items: center !important;             /* VERTICAL SYNC: Centers everything on their row line */
    }

    /* 2. Anchor the Elements to the Grid */
    
    header .logoBox {
        grid-column: 1;
        grid-row: 1;
        display: flex !important;
        justify-content: flex-start;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    .th-callbtnbox {
        grid-column: 2;
        grid-row: 1;
        display: flex !important;
        justify-content: flex-end;
        align-items: center !important;
        z-index: 99999 !important;
        pointer-events: auto !important;
        margin: 0 !important;
        padding: 0 10% 0 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
    }

    .th-langbox-new {
        grid-column: 1;
        grid-row: 2;
        display: flex !important;
        justify-content: flex-start;
        height: 40px !important; 
        min-height: 40px !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 10px 0 0 0 !important; /* Top padding for breathing room */
        border-top: 1px solid #eee;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .th-currencybox1 {
        grid-column: 2;
        grid-row: 2;
        display: flex !important;
        justify-content: flex-end;
        height: 40px !important; 
        min-height: 40px !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 10px 0 0 0 !important;
        border-top: 1px solid #eee;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 3. Strip Button Junk that causes "Shifting" */
    .th-callbtnbox .callbtn {
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        color: transparent !important;
        line-height: 1 !important; /* Prevents text height from pushing the icon */
    }

    .th-callbtnbox .callbtn .fa {
        font-size: 22px !important;
        color: #dc3545 !important;
        margin: 0 !important;
        display: inline-block;
    }

    /* 4. Bypass the RightBox container */
    header .rightBox {
        display: contents !important; 
    }

    /* 5. Hide Desktop Elements */
     .th-callbtnbox1 {
        display: none !important;
    }
}
/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0 0 70px 0; position:relative;}
.banner-text-box {padding: 15px 0px;margin:0 auto;}
.banner-bigtext {margin:5px 0 5px 0;font-size: 22px;line-height: 30px;}
.contact-btn-box {display:none;}

.slider-panel{padding:50px 1% 35px 1%;margin: 0 auto 50px auto;border-bottom: solid 1px #e1e1e1;}

/*-- Why Choose Us Css --*/
.wcu-heading h1 {padding: 15px 0 0px 0;font-size: 22px;line-height: 32px;}
.wcu-textbox {margin: 0px auto 0 auto;}
.pd-panel h2 {font-size: 22px;line-height: 32px;}

/*-- Why Sky Shark Css --*/
.wsh-panel {padding:25px 0 10px 5%;margin: auto auto 40px auto;}
.wsh-heading {width: 60%;}
.wsh-heading h2 {padding: 15px 0 0px 0;font-size: 22px;line-height:32px;}
.wsh-text {width:50%;padding: 0px 0 15px 0;line-height: 21px;}
.wcu-tile2 {margin: 25px auto 25px auto;}
.wsh-textbox span {padding: 10px 20px;}

/*-- Top Flight Offers Css --*/
.tfo-panel h2 {font-size: 22px;line-height:32px;}
.tfo-panel .offericon {padding: 0px 10px 0 0;}
.tfo-flightlistbox .dirow .col1{width:100%;height:auto;padding:0;margin:0 0 15px 0;float:left;text-align:center;}
.tfo-flightlistbox .dirow .col2{width:100%;height:auto;padding:3px 0 0 0;margin:0;font-size:17px;color:#000;font-weight:bold;float:left;text-align:center; }
.tfo-flightlistbox .dirow .col3{width:100%;height:auto;padding:3px 0 0 0;margin:0;font-size:15px;color:#777;font-weight:bold;float:left; text-align:center;}
.tfo-flightlistbox .dirow .col4{width:50%;height:auto;padding:15px 0 0 0;margin:15px 0 0 0;color:#4db600;font-size:15px;font-weight:bold; text-align:left;float:left; border-left:solid 0px #e4e6e8; border-top:solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col5{width:50%;height:auto;padding:15px 0 0 0;margin:15px 0 0 0;color:#4db600;font-size:15px;font-weight:bold; text-align:right;float:right; border-top:solid 1px #e4e6e8;}
.tfo-flightlistbox .dirow .col3 img {margin: 10px 0;}

/*-- Who We Are Css --*/
.waw-panel{width:100%; height:auto; padding:0px 0 40px 0; margin:auto auto 0px auto;}
.waw-tile {width:80%; height:auto; padding:15px 0; margin:0px auto 0 auto;background: #fff;}
.waw-tile .imgbox{width:auto; height:auto; padding:7px 0 0 0; margin:auto; text-align:center;}
.waw-tile .title{width:100%; height:auto; padding:15px 0; margin:auto; font-size: 22px;line-height:32px; font-weight:900; text-align:center;font-family: Manrope;}
.waw-tile .text{width:100%; height:auto; padding:0; margin:auto;font-size: 17px;font-weight: 500;text-align: center;color: #737373;font-family: Inter;}

/*-- Newsletters Css --*/
.nls-inputformbox .subscriber{width:65%; height:auto; padding:8px 30px 8px 20px; margin:auto 0; border:solid 1px #e1e1e1; border-radius:100px 0 0 100px; float:left;}
.nls-inputformbox .subscriberbtn{position:relative;width:auto; height:auto; padding:8px 10px; margin:auto 0; border-radius:100px; float:left; left:-20px;}
.nls-heading h2 {width: 100%;padding: 15px 0 0px 0;margin: auto 0;font-size: 22px;line-height: 32px;}

.text-highlight {display:none;}

.inn-body-wrap {padding: 60px 6% 60px 6%;}
.sitemaplink h2{font-size:21px;}
.about-img-box {width: 100%;height: auto;}

.cflabox .dirow{width:100%;height:auto;padding:10px 7px;margin:0 0 15px 0;background:#f9f9f9; border:dashed 1px #e1e1e1;}
.cflabox .dirow .col1{width:30%;height:auto;padding:0;margin:0;float:left;}
.cflabox .dirow .col2{width:17%;height:auto;padding:22px 1.5% 0 1.5%;margin:0;font-size:13px;color:#999;float:left; }
.cflabox .dirow .col2 img{width:100%;height:auto;}
.cflabox .dirow .col3{width:30%;height:auto;padding:0;margin:0;font-size:13px;color:#999;float:left;}
.cflabox .dirow .col4{width:20%;height:auto;padding:0;margin:0;color:#00B77B; text-align:right;float:left;}
.cflabox .price {font-size: 15px;}

.travelo-box {min-height: auto;}
.contactbody .form-group {margin-bottom: 0px;}
.contactbody .travelo-box fieldset {margin: 0 0 15px 0 !important;}
.booknowsecbill{display:none;}

/* The CSS */
/* --- High-Performance Flight Swap Icon --- */

/* 1. Target the WRAPPER for the animation (GPU-friendly) */
#flyingtoreverse .icon-wrapper,
#flyingtoreversemobile .icon-wrapper {
    display: inline-block !important;
    width: 30px;
    height: 30px;
    /* Added -webkit for Mobile Safari support */
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center center;
    cursor: pointer;
    will-change: transform;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* 2. The SVG inside just follows its parent */
#flyingtoreverse svg,
#flyingtoreversemobile svg {
    display: block;
    pointer-events: none;
    vertical-align: middle;
    width: 100%; /* Ensure it fills the wrapper */
    height: auto;
}

/* 3. Hover effect */
#flyingtoreverse:hover .icon-wrapper,
#flyingtoreversemobile:hover .icon-wrapper {
    filter: brightness(0.8);
}