.elementor-3765 .elementor-element.elementor-element-6d9a1a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-b02cef0 *//* --- Splash Screen / Preloader Styling --- */
#hf-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* Background color */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999; /* Sabse upar rehne ke liye */
    transition: opacity 0.8s ease, visibility 0.8s;
}

/* Logo Animation */
.preloader-content {
    text-align: center;
}

.preloader-logo {
    width: 280px; /* Bada logo size */
    height: auto;
    /* Zoom aur Fade animation */
    animation: logo-takeoff 2.5s ease-in-out infinite;
}

/* Animation: Plane ki tarah halke se zoom aur fade hona */
@keyframes logo-takeoff {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

/* Jab page load ho jaye tab hide karne ke liye class */
.loader-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Website scroll rokne ke liye jab tak loader chal raha ho */
body.loading {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9a1a3 *//* --- CSS For Hind Flying Solutions Header --- */
:root {
    --primary-red: #d60205;
    --text-dark: #222222;
    --white: #ffffff;
}

body { margin: 0; font-family: 'Montserrat', sans-serif; }

/* Wrapper for Sticky */
.header-wrapper {
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease;
}

/* Top Bar Styling */
.top-bar {
    background-color: var(--primary-red);
    color: var(--white);
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.container-wide {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 25px;
}

.top-info-list { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
.top-info-list a {
    color: var(--white);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity 0.3s;
}
.top-info-list a:hover { opacity: 0.8; }

/* Main Header Styling */
.main-header {
    background-color: var(--white);
    padding: 15px 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.header-flex {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}

/* Logo Sizing (Increased) */
.header-logo img {
    height: 75px; /* Size increased as requested */
    width: auto;
    display: block;
    transition: all 0.3s ease;
}

/* Navigation Menu */
.nav-list { display: flex; list-style: none; margin: 0; padding: 0; }
.nav-item { position: relative; }

.nav-link {
    text-decoration: none;
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 600;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s;
}

/* Dropdown Arrow Animation */
.nav-link i { font-size: 11px; color: #777; transition: transform 0.3s; }

/* Hover Animation: Underline from Center */
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 50%;
    background-color: var(--primary-red);
    transition: all 0.3s ease-in-out;
}

.nav-item:hover .nav-link { color: var(--primary-red); }
.nav-item:hover .nav-link i { transform: rotate(180deg); color: var(--primary-red); }
.nav-item:hover .nav-link::after { width: 80%; left: 10%; }

/* Dropdown Box Styling */
.dropdown-box {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    min-width: 220px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    border-top: 4px solid var(--primary-red);
    padding: 10px 0;
    list-style: none;
}

.nav-item:hover .dropdown-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-box li a {
    padding: 12px 25px;
    display: block;
    text-decoration: none;
    color: #444;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

.dropdown-box li a:hover {
    background-color: #fcfcfc;
    color: var(--primary-red);
    padding-left: 30px;
}

/* Sticky Header State */
.header-wrapper.is-sticky {
    position: fixed;
    top: 0;
}
.header-wrapper.is-sticky .top-bar { display: none; }
.header-wrapper.is-sticky .main-header { 
    padding: 8px 0; 
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
}
.header-wrapper.is-sticky .header-logo img { height: 60px; }

/* Mobile Menu Button */
.mobile-toggle { display: none; font-size: 26px; cursor: pointer; color: var(--primary-red); }

@media (max-width: 1100px) {
    .nav-list { display: none; }
    .mobile-toggle { display: block; }
}/* End custom CSS */