@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic
}

body, html {
    font-family: "Lato";
    color: #444;
    font-size: 16px
}

@media (max-width: 1100px) {
    body, html {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    body, html {
        font-size: 13px
    }
}

@media (max-width: 667px) {
    body, html {
        font-size: 12px
    }
}

html, body {
    height: 100%
}

.round {
    border-radius: 50%;
    overflow: hidden
}

.btn, a.btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-weight: 500;
    font-size: .87rem;
    line-height: 1.5;
    padding: 0.35rem 1rem
}

.image {
    width: 100%
}

    .image img {
        width: 100%
    }

.primary {
    background: #F10409
}

.primary-light {
    background: rgba(233,39,45,0.364706)
}

.secondary {
    background: #f7941d
}

.secondary-light {
    background: rgba(247,149,29,0.294118)
}

.tertiary {
    background: #e9b220
}

.tertiary-light {
    background: rgba(233,179,32,0.309804)
}

.dark {
    background: #131718
}

.mid-dark {
    background: #444
}

.grey {
    background: #666
}

.grey2 {
    background: #D0D5DD
}

.grey3 {
    background: #344054
}

.light-grey {
    background: #ced4da
}

.white {
    background: #fff
}

.primary-text {
    color: #F10409
}

.primary-light-color {
    color: rgba(233,39,45,0.364706)
}

.secondary-text {
    color: #f7941d
}

.tertiary-text {
    color: #e9b220
}

.dark-text {
    color: #131718
}

.mid-dark-text {
    color: #444
}

.grey-text {
    color: #666
}

.grey-text2 {
    color: #D0D5DD
}

.grey-text3 {
    color: #344054
}

.light-grey-text {
    color: #ced4da
}

.white-text {
    color: #fff
}

.font-xxl {
    font-size: 3.75rem;
}

.font-xxl2 {
    font-size: 2.25rem
}

.font-xl {
    font-size: 1.93rem
}

.font-xl {
    font-size: 1.93rem
}

.font-lg {
    font-size: 1.3rem
}

.font-lg2 {
    font-size: 1.75rem
}

.font-md {
    font-size: 1rem
}

.font-md2 {
    font-size: 1.125rem
}

.font-sm {
    font-size: .87rem
}

.font-xs {
    font-size: .75rem
}

.btn:focus, a.btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-primary, a.btn-primary {
    background: #F10409;
    border: 1px solid #F10409;
    color: #fff !important
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.hover, .btn-primary:not(:disabled):not(.disabled):active:focus, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, a.btn-primary.active, a.btn-primary.hover, a.btn-primary:not(:disabled):not(.disabled):active:focus {
        background: #F10409;
        color: #fff !important;
        border: 1px solid #F10409;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.btn-secondary, a.btn-secondary {
    background: #f7941d;
    border: 1px solid #f7941d;
    color: #fff !important
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.hover, .btn-secondary:not(:disabled):not(.disabled):active:focus, a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary:active, a.btn-secondary.active, a.btn-secondary.hover, a.btn-secondary:not(:disabled):not(.disabled):active:focus {
        background: #f7941d;
        color: #fff !important;
        border: 1px solid #f7941d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.btn-tertiary, a.btn-tertiary {
    background: #e9b220;
    border: 1px solid #e9b220;
    color: #fff !important
}

    .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary.active, .btn-tertiary.hover, .btn-tertiary:not(:disabled):not(.disabled):active:focus, a.btn-tertiary:hover, a.btn-tertiary:focus, a.btn-tertiary:active, a.btn-tertiary.active, a.btn-tertiary.hover, a.btn-tertiary:not(:disabled):not(.disabled):active:focus {
        background: #e9b220;
        color: #fff !important;
        border: 1px solid #e9b220;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.btn-outline-primary {
    border: 1px solid #F10409;
    color: #F10409;
    background: transparent
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.hover, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
        border-color: #F10409;
        background: #F10409;
        color: #fff
    }

.btn-outline-secondary {
    border: 1px solid #f7941d;
    color: #f7941d;
    background: transparent
}

    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.hover, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
        border-color: #f7941d;
        background: #f7941d;
        color: #fff
    }

.btn-outline-tertiary {
    border: 1px solid #e9b220;
    color: #e9b220;
    background: transparent
}

    .btn-outline-tertiary:hover, .btn-outline-tertiary:focus, .btn-outline-tertiary:active, .btn-outline-tertiary.active, .btn-outline-tertiary.hover, .btn-outline-tertiary:not(:disabled):not(.disabled):active:focus {
        border-color: #e9b220;
        background: #e9b220;
        color: #fff
    }

.btn-link {
    color: #F10409;
    text-decoration: none;
    padding: 0 5px !important
}

    .btn-link.underline {
        text-decoration: underline
    }

    .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.hover, .btn-link:not(:disabled):not(.disabled):active:focus {
        color: #F10409
    }

.btn-animation {
    position: relative;
    box-shadow: inset 0 0 0px 0px #0000001f !important
}

    .btn-animation:hover, .btn-animation:focus, .btn-animation:active, .btn-animation.active, .btn-animation.hover, .btn-animation:not(:disabled):not(.disabled):active:focus {
        box-shadow: inset 0 50px 0px 0px #0000001f !important
    }

.btn-xxl {
    padding: 0.8rem 1rem
}

    .btn-xxl i {
        font-size: 2.9rem
    }

.btn-xl {
    padding: 0.5rem 0.6rem
}

    .btn-xl i {
        font-size: 1.9rem
    }

.btn-lg {
    padding: 0.4rem 0.5rem
}

    .btn-lg i {
        font-size: 1.5rem
    }

.btn-md {
    padding: 0.3rem 0.4rem
}

    .btn-md i {
        font-size: 1.4rem
    }

.btn-sm {
    padding: 0.28rem 0.32rem
}

    .btn-sm i {
        font-size: 1.3rem
    }

.btn-xs {
    padding: 0.2rem 0.3rem
}

    .btn-xs i {
        font-size: 1rem
    }

.error-text {
    color: #F10409
}

.no-horizontal-padding > * {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color:#ced4da !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #ced4da !important;
        box-shadow: none
    }

.form-label {
    color: #131718;
    font-weight: 500;
    font-size: 1rem
}

textarea.form-control {
    font-size: .87rem
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: -0.1rem!important;
    font-size: .875em;
    color: #dc3545
}

input.form-control, select.form-select {
    border-radius: .6rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: .87rem;
    color: #666
}

    input.form-control::placeholder, select.form-select::placeholder {
        font-size: .87rem;
        font-weight: 400;
        color: #666
    }

    input.form-control:focus, select.form-select:focus {
        box-shadow: 0 2px 1px 1px rgba(0,0,0,0.05);
        border: 1px solid #D0D5DD;
        border-color: #D0D5DD
    }

    select.form-select :focus {
        box-shadow: 0 2px 1px 1px rgba(0,0,0,0.05);
        border: 1px solid #D0D5DD;
        border-color: #D0D5DD
    }

.phone-box {
    border-radius: .6rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
    font-size: .87rem;
    color: #666;
    border: 1px solid #ced4da;
    overflow: hidden;
    padding: .57rem .57rem
}

    .phone-box::placeholder {
        font-size: .87rem;
        font-weight: 400;
        color: #666
    }

    .phone-box:focus {
        box-shadow: 0 2px 1px 1px rgba(0,0,0,0.05);
        border: 1px solid #D0D5DD;
        border-color: #D0D5DD
    }

    .phone-box .pointer {
        cursor: pointer
    }

    .phone-box .country-select-wrapper {
        position: relative
    }

        .phone-box .country-select-wrapper .country-select {
            padding: 0 .7rem;
            border-radius: 4px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            outline: none;
            border: none
        }

            .phone-box .country-select-wrapper .country-select:focus {
                box-shadow: none
            }

            .phone-box .country-select-wrapper .country-select option {
                background-color: white;
                color: #666;
                font-size: .87rem;
                font-weight: 400;
                padding: 1rem
            }

        .phone-box .country-select-wrapper .dropdown-icon {
            position: absolute;
            right: 6px;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 12px;
            pointer-events: none
        }

    .phone-box .phone-input {
        flex: 1;
        border: none;
        font-size: .87rem;
        padding-left: 1rem;
        background: transparent
    }

        .phone-box .phone-input:focus {
            box-shadow: none;
            outline: none
        }

.custom-file-upload .custom-input-file {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2
}

.custom-file-upload .custom-file-label {
    border: 1px solid #ced4da;
    padding: 0.7rem .7rem;
    border-radius: 6px;
    font-size: .87rem;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: border 0.3s
}

    .custom-file-upload .custom-file-label i {
        font-size: 1.2rem;
        color: #666
    }

    .custom-file-upload .custom-file-label:hover {
        border-color: #666
    }

.custom-file-upload .placeholder-text {
    color: #666
}

.form-control::-webkit-input-placeholder {
    color: #666
}

.form-control:-moz-placeholder {
    color: #666
}

.form-control::-moz-placeholder {
    color: #666
}

.form-control:-ms-input-placeholder {
    color: #666
}

.form-control {
    border-color: #ced4da;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .form-control:focus {
        border-color: #666;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.form-group.error .form-control {
    border-color: #F10409
}

.eyeButton {
    color: #444 !important
}

    .eyeButton.active {
        color: #F10409 !important
    }

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], input[type="button"], textarea, select {
    appearance: none;
    -webkit-appearance: none
}

.form-check-input:checked {
    background-color: #F10409;
    border-color: #F10409
}

select option option {
    background-color: white;
    color: #666;
    font-size: .87rem;
    font-weight: 400;
    padding: 1rem
}

select option:hover {
    color: #000;
    box-shadow: inset 20px 20px #F10409
}

.table > thead > tr > th {
    border-bottom-color: #F10409 !important
}

.table.table-hover-shadow > :not(caption) > * > * {
    border-color: rgba(233,39,45,0.5)
}

.table.table-hover-shadow tbody tr:hover {
    box-shadow: 0px 2px 4px 1px rgba(233,39,45,0.364706);
    border-radius: 5px
}

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic
}

body::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, span::selection, a::selection, li::selection, td::selection, th::selection, div::selection, section::selection, article::selection, input::selection, textarea::selection, button::selection {
    background-color: #F10409;
    color: #fff
}

body::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, span::-moz-selection, a::-moz-selection, li::-moz-selection, td::-moz-selection, th::-moz-selection, div::-moz-selection, section::-moz-selection, article::-moz-selection, input::-moz-selection, textarea::-moz-selection, button::-moz-selection {
    background-color: #F10409;
    color: #fff
}

 .header.new-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1000
}

    .header .logo-container {
        display: flex
    }

        .header .logo-container .logo {
            height: 60px;
            width: auto
        }

        .header .logo-container .nav-wrapper {
            display: flex;
            align-items: center
        }

            .header .logo-container .nav-wrapper .nav-links {
                display: flex;
                list-style: none;
                margin: 0;
                padding: 0 3.125rem;
                gap: 1.75rem
            }
/*header font*/
                .header .logo-container .nav-wrapper .nav-links li a {
                    text-decoration: none;
                    color: #333;
                    font-size: 1rem;
                    font-weight: 400;
                    transition: color 0.3s ease
                }
                a.login-signup-btn {
                    font-size: 1rem;
                }

@media (max-width:882px) {
    .header .logo-container .nav-wrapper .nav-links li a {
        font-size: 1rem;
    }

    a.login-signup-btn {
        font-size: 1rem;
    }

}
                a.login-signup-btn {
                    color: #000 !important;
                }

                    a.login-signup-btn:hover {
                        color: #F10409 !important;
                    }
               

                .header .logo-container .nav-wrapper .nav-links li a:hover {
                    color: #F10409
                }
                    .header .logo-container .nav-wrapper .nav-links li a.active {
                        color: #F10409;
                        font-weight: 600
                    }

/* Destinations dropdown */
.dest-dropdown {
    position: relative;
}

.dest-dropdown > a {
    cursor: pointer;
}

.dest-dropdown > a::after {
    content: ' \25BC';
    font-size: 0.7em;
    margin-left: 4px;
}

.dest-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 13rem;
    border-radius: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: hidden;
}

.dest-dropdown:hover .dest-submenu {
    display: block;
}

.dest-submenu li {
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
}

.dest-submenu li:last-child {
    border-bottom: none;
}

.dest-submenu li a {
    display: block;
    padding: 0.85rem 1.2rem;
    color: #333 !important;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 400;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
}

.dest-submenu li a:hover {
    background: #F10409;
    color: #fff !important;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Bootstrap navbar dest-dropdown (Home page) */
.nav-item.dest-dropdown {
    position: relative;
}

.nav-item.dest-dropdown .dest-submenu {
    top: 100%;
    left: 0;
}

/* Mobile: stack submenu vertically */
@media (max-width: 768px) {
    .dest-submenu {
        position: static;
        box-shadow: none;
        border-radius: 0;
        padding-left: 1rem;
        background: #f9f9f9;
    }

    .dest-dropdown:hover .dest-submenu {
        display: block;
    }
}

/*other pages desktop hide*/
    @media (max-width: 768px) {
        .header .logo-container .nav-wrapper .nav-links {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            flex-direction: column;
            padding: 0.625rem 1.875rem;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            gap: 0.625rem
        }

            .header .logo-container .nav-wrapper .nav-links.active {
                display: flex
            }
    }

    .header .mobile-menu-toggle {
        display: none;
        background: none;
        border: none;
        flex-direction: column;
        gap: 4px;
        cursor: pointer
    }

        .header .mobile-menu-toggle span {
            width: 25px;
            height: 3px;
            background-color: #333;
            transition: all 0.3s ease
        }
/*other pages mobile show*/
    @media (max-width: 768px) {
        .header .mobile-menu-toggle {
            display: flex
        }
    }

    .header .book-btn {
        font-size: 1.125rem
    }

    @media (max-width: 767px) {
        .header .book-btn {
            display: none !important
        }
    }

    @media (max-width: 768px) {
/*        .page-wrapper-about .header {
            padding: 0.625rem 0
        }*/
    }

    @media (max-width: 480px) {
/*        .page-wrapper-about .header {
            padding: 0.625rem 1.875rem !important
        }*/

         .header.new-header .logo {
            height: 32px
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
/*        .page-wrapper-about .header {
            padding: 0.625rem 1.25rem
        }*/
    }

    .to-claim {
        font-size: .6rem !important;
    }

    .main-wrapper .hero-section {
        width: 100%;
        min-height: 90vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /* background-image: url("../images/main.jpg"); */
        padding: 1.25rem 0;
        height: 90vh
    }

        .main-wrapper .hero-section .hero-section-div {
            height: 100vh
        }

    @media (max-width: 768px) {
        .main-wrapper .hero-section .hero-section-div {
            justify-content: center !important
        }
    }

    .main-wrapper .hero-section .hero-section-div .hero-form {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        display: flex;
        align-items: center;
        justify-content: center
    }

        .main-wrapper .hero-section .hero-section-div .hero-form img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 999;
            border-radius: 10px
        }

    @media (max-width: 768px) {
        .main-wrapper .hero-section .hero-section-div .hero-form {
            margin-bottom: 1.25rem
        }
    }

    @media (max-width: 480px) {
        .main-wrapper .hero-section .hero-section-div .hero-form {
            height: auto;
            width: 100%
        }
    }

    .main-wrapper .hero-section .hero-section-div .hero-text {
        color: #fff;
        display: flex;
        justify-content: end
    }
     @media (max-width: 991px) {
         .main-wrapper .intro-bg .careers-intro .left-panel {
        color: black !important;
    }
     }

        .main-wrapper .hero-section .hero-section-div .hero-text .hero-content {
            width: 100%
        }

        .main-wrapper .hero-section .hero-section-div .hero-text h1 {
            font-size: 3.75rem;
        }

    @media (min-width: 991px) and (max-width: 1200px) {
        .main-wrapper .hero-section .hero-section-div .hero-text h1 {
            font-size: 3.125rem
        }
    }

    .main-wrapper .hero-section .hero-section-div .hero-text p {
        font-size: 1.25rem;
        color: #fff
    }

    @media (min-width: 991px) and (max-width: 1200px) {
        .main-wrapper .hero-section .hero-section-div .hero-text p {
            font-size: 1rem
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .hero-section .hero-section-div .hero-text {
            display: none !important
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
        .main-wrapper .hero-section .hero-section-div .hero-text {
            padding: 1.25rem
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .hero-section .hero-section-div {
            height: 93vh
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .hero-section {
            width: 100%;
            min-height: 60vh;
            background-image: url("../images/main-banner-mobile.png");
            height: 60vh
        }
    }

    .main-wrapper .intro-bg::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.3); /* black overlay with 50% opacity */
        z-index: -2;
    }

    .main-wrapper .intro-bg {
        /* background-image: url("../images/main.jpg"); */
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 2;
    }


        .main-wrapper .intro-bg .careers-intro {
            padding-top: 2rem;
            background-position: center
        }

            .main-wrapper .intro-bg .careers-intro .left-panel {
                color: #fff;
                /*            max-width: 33.75rem;*/
                margin-bottom: 6.25rem
            }

                .main-wrapper .intro-bg .careers-intro .left-panel h1 {
                    font-size: 3.7rem;
                }

    @media (min-width: 991px) and (max-width: 1100px) {
        .main-wrapper .intro-bg .careers-intro .left-panel h1 {
            font-size: 2.5rem
        }

        .main-wrapper .intro-bg .careers-intro .left-panel {
            margin-bottom: 12.25rem
        }
    }

    @media (min-width: 667px) and (max-width: 991px) {
        .main-wrapper .intro-bg .careers-intro .left-panel h1 {
            font-size: 1.875rem
        }
    }
@media (max-width: 767px) {
    .main-wrapper .intro-bg .careers-intro .left-panel h1 {
        font-size: 1.8rem;
    }
}
@media (max-width: 467px) {
    .main-wrapper .intro-bg .careers-intro .left-panel h1 {
        font-size: 1.5rem
    }
}


    .main-wrapper .intro-bg .careers-intro .left-panel p {
        font-size: 1.125rem;
        color: #fff
    }

    @media (min-width: 991px) and (max-width: 1100px) {
        .main-wrapper .intro-bg .careers-intro .left-panel p {
            font-size: .75rem
        }
    }

    .main-wrapper .intro-bg .careers-intro .left-panel .font-40 {
        font-size: 2.5rem
    }

    @media (max-width: 991px) {
        .main-wrapper .intro-bg .careers-intro .left-panel .font-40 {
            font-size: 1.875rem
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .intro-bg .careers-intro .left-panel .text-white {
            color: #000000 !important
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .intro-bg .careers-intro .left-panel .font-sm {
            font-size: .75rem
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .intro-bg .careers-intro .left-panel {
            margin-bottom: 0.625rem
        }
    }
/*.hide-br {
    display: inline;
}*/
    @media (max-width: 991px) {
/*        .main-wrapper .intro-bg .careers-intro .left-panel h1.mobile-h1 {
            display: inline;
        }*/
/*        .hide-br {
            display: none;
        }*/

        .main-wrapper .intro-bg .careers-intro .left-panel p {
            display: none
        }
    }
/*here*/

    .main-wrapper .intro-bg .careers-intro .mobile-panel {
        display: none
    }

    @media (max-width: 768px) {
        .main-wrapper .intro-bg .careers-intro .mobile-panel {
        }

            .main-wrapper .intro-bg .careers-intro .mobile-panel h1 {
            }
    }

    /*.main-wrapper .intro-bg .careers-intro .right-panel {
    width: 100%;
    max-width: 33.75rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px
}

    .main-wrapper .intro-bg .careers-intro .right-panel img.banner {
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 999;
        border-radius: 10px;
        box-shadow: 0 0.3125rem 0.3125rem rgba(0,0,0,0.35) !important
    }*/

    /*@media (max-width: 768px) {
    .main-wrapper .intro-bg .careers-intro .right-panel {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 480px) {
    .main-wrapper .intro-bg .careers-intro .right-panel {
        height: auto;
        width: 100%
    }
}*/

    @media (max-width: 576px) {
        .main-wrapper .intro-bg .careers-intro {
            padding: 3rem 0.625rem 0.625rem 0.625rem;
            /*        position: absolute;*/
            /*        height: 100vh;*/
            /*        align-items: center !important;
            flex-direction:column-reverse;*/
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .intro-bg {
            width: 100%;
            min-height: 60vh;
            background-image: url("../images/home-mobile.jpg")
        }
    }

    .main-wrapper .hero-section-div2 {
        display: none
    }

    @media (max-width: 991px) {
        .main-wrapper .hero-section-div2 {
            display: block
        }

            .main-wrapper .hero-section-div2 .section2-text {
                color: #fff;
                background-color: #F10409
            }

                .main-wrapper .hero-section-div2 .section2-text h1 {
                    font-size: 1.5rem
                }

                .main-wrapper .hero-section-div2 .section2-text p {
                    font-size: 1.125rem
                }
    }

    .main-wrapper .second-hero-bg {
        background-color: #fff
    }

        .main-wrapper .second-hero-bg .container-fluid .hero-text2 {
            flex-direction: column;
            justify-content: start;
            padding: 1.25rem 0
        }

    @media (max-width: 768px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 .lato-light {
            font-size: 2.2425rem;
            display: inline-block !important;
            margin-right: 0.625rem;
            margin-bottom: 0;
            padding-top: 4.375rem
        }

            .main-wrapper .second-hero-bg .container-fluid .hero-text2 .lato-light:last-child {
                margin-right: 0
            }
    }

    @media (max-width: 576px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 .lato-light {
            padding-top: 1rem
        }
    }

    .main-wrapper .second-hero-bg .container-fluid .hero-text2 h1 {
        font-size: 4.375rem;
        font-weight: 300;
        margin-bottom: 0.3125rem;
        line-height: 0.9;
        color: #131718
    }

    @media (max-width: 768px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 h1 {
            font-size: 1.93rem
        }
    }

    .main-wrapper .second-hero-bg .container-fluid .hero-text2 p ,.hero-text2-paragraph{
        color: #131718;
        font-size: 1.25rem !important;
        margin-top: 0.625rem !important;
        padding-right: 1.25rem
    }

    @media (max-width: 768px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 {
            padding: 0.625rem !important;
            text-align: center !important;
        }

            .main-wrapper .second-hero-bg .container-fluid .hero-text2 p, .hero-text2-paragraph {
                font-size: 1rem;
                text-align: center;
            }
    }

    @media (max-width: 576px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 {
            /*        margin-top: 16vh*/
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
        .main-wrapper .second-hero-bg .container-fluid .hero-text2 {
            padding: 1.25rem
        }
    }

    .main-wrapper .second-hero-bg .container-fluid .video-container video {
        /* background-color: #000 */
        border-radius: 1rem;
    }

    /* Video Stack Card Component */
    .video-stack-container {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 7.3;
        perspective: 800px;
        padding-bottom: 30px;
    }

    .video-stack-card {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 30px);
        border-radius: 16px;
        overflow: hidden;
        transition: transform 0.5s ease, opacity 0.5s ease;
        background-size: cover;
        background-position: center;
        box-shadow: 3px 3px 7px 0px #00000030;
    }

    .video-stack-card video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        background: transparent;
    }

    /* Stacked card positions */
    .video-stack-card:not(.active) {
        transform: translateY(5px) translateX(-4px) rotate(-8deg) scale(1);
        z-index: 1;
    }

    .video-stack-card.active {
        transform: translateY(0) rotate(0deg) scale(1);
        z-index: 10;
    }

    /* Dismiss animation */
    .video-stack-card.dismissing {
        transform: translateY(-120%) rotate(-8deg) scale(0.8);
        opacity: 0;
        z-index: 20;
        pointer-events: none;
    }

    /* Overlay */
    .video-card-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-size: cover;
        background-position: center;
        z-index: 2;
        pointer-events: none;
    }

    /* Active card: gradient overlay, no poster bg */
    .video-stack-card.active .video-card-overlay {
        background-image: none !important;
        background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, transparent 35%, transparent 65%, rgba(0,0,0,0.35) 100%);
    }

    /* Non-active (bottom) cards: show poster image on overlay, hide controls */
    .video-stack-card:not(.active) .video-card-overlay .video-card-top,
    .video-stack-card:not(.active) .video-card-overlay .video-card-bottom {
        display: none;
    }

    .video-card-overlay > * {
        pointer-events: auto;
    }

    /* Top row: title + close */
    .video-card-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 16px 16px 0;
    }

    .video-card-title {
        color: #fff;
        font-size: 1.1rem;
        font-weight: 600;
        text-shadow: 0 1px 4px rgba(0,0,0,0.5);
    }

    .video-card-close {
        background: rgba(255, 80, 80, 0.35);
        border: none;
        color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 1.4rem;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(4px);
        transition: background 0.2s;
    }

    .video-card-close:hover {
        background: rgba(220, 30, 30, 0.85);
    }

    /* Bottom controls */
    .video-card-bottom {
        padding: 0 16px 16px;
        transition: padding 0.4s ease;
    }

    .video-progress-bar {
        width: 100%;
        height: 3px;
        background: rgba(255,255,255,0.3);
        border-radius: 2px;
        margin-bottom: 10px;
        cursor: pointer;
        overflow: hidden;
        transition: margin-bottom 0.4s ease;
    }

    .video-progress-fill {
        height: 100%;
        width: 0%;
        background: #fff;
        border-radius: 2px;
        transition: width 0.1s linear;
    }

    .video-card-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        background: rgba(0,0,0,0.45);
        backdrop-filter: blur(8px);
        border-radius: 40px;
        padding: 8px 24px;
        width: fit-content;
        margin: 0 auto;
        transition: transform 0.4s ease, opacity 0.4s ease;
        transform: translateY(0);
        opacity: 1;
    }

    /* Hide controls + close btn when playing and not hovered */
    .video-stack-card.controls-hidden .video-card-controls {
        transform: translateY(30px);
        opacity: 0;
        pointer-events: none;
    }

    .video-stack-card.controls-hidden .video-card-top {
        transform: translateY(-30px);
        opacity: 0;
        pointer-events: none;
    }

    .video-card-top {
        transition: transform 0.4s ease, opacity 0.4s ease;
    }

    /* Progress bar sticks to bottom edge-to-edge when controls hidden */
    .video-stack-card.controls-hidden .video-card-bottom {
        padding: 0;
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
    }

    .video-stack-card.controls-hidden .video-progress-bar {
        margin-bottom: 0;
        border-radius: 0;
        height: 3px;
    }

    /* Active card gradient: stronger when controls visible for readability */
    .video-stack-card.active.controls-hidden .video-card-overlay {
        background: linear-gradient(180deg, transparent 0%, transparent 90%, rgba(0,0,0,0.25) 100%) !important;
    }

    .video-ctrl-btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.9;
        transition: opacity 0.2s, transform 0.2s;
    }

    .video-ctrl-btn:hover {
        opacity: 1;
        transform: scale(1.1);
    }

    /* Divider between nav and media controls */
    .video-controls-divider {
        width: 1px;
        height: 20px;
        background: rgba(255,255,255,0.35);
        margin: 0 2px;
    }

    /* Volume group: wraps mute btn + slider together to prevent hover jitter */
    .video-volume-group {
        display: flex;
        align-items: center;
        gap: 0;
        padding: 0 4px;
    }

    /* Volume wrapper */
    .video-volume-wrapper {
        display: flex;
        align-items: center;
        width: 0;
        overflow: hidden;
        transition: width 0.3s ease;
    }

    .video-volume-group:hover .video-volume-wrapper {
        width: 74px;
        padding-left: 4px;
    }

    .video-volume-slider {
        -webkit-appearance: none;
        appearance: none;
        width: 70px;
        height: 4px;
        background: rgba(255,255,255,0.35);
        border-radius: 2px;
        outline: none;
        cursor: pointer;
    }

    .video-volume-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 12px;
        height: 12px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
    }

    .video-volume-slider::-moz-range-thumb {
        width: 12px;
        height: 12px;
        background: #fff;
        border-radius: 50%;
        border: none;
        cursor: pointer;
    }

    /* Fullscreen card styles */
    .video-stack-card.video-fullscreen {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 99999 !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    .video-stack-card.video-fullscreen video {
        object-fit: contain;
        background: #000;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
        .video-stack-container {
            aspect-ratio: 16 / 10;
        }

        .video-card-title {
            font-size: 0.95rem;
        }

        .video-card-controls {
            gap: 10px;
            padding: 6px 14px;
        }

        .video-card-close {
            width: 28px;
            height: 28px;
            font-size: 1.2rem;
        }

        .video-controls-divider {
            height: 16px;
        }

        .video-volume-group:hover .video-volume-wrapper {
            width: 54px;
            padding-left: 4px;
        }

        .video-volume-slider {
            width: 50px;
        }
    }

    .main-wrapper .column-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.625rem;
        /* padding: 1.25rem 0 */
    }

        .main-wrapper .column-container .stacked-image {
            width: 20px;
            height: auto
        }

        .main-wrapper .column-container .vertical-line {
            width: 1px;
            height: 100px;
            background-color: #666
        }

    @media (max-width: 480px) {
        .main-wrapper .column-container .vertical-line {
            height: 50px
        }
    }

    @media (max-width: 480px) {
        .main-wrapper .column-container {
            padding: 0.625rem 0
        }
    }

    .main-wrapper .hero-text3 {
        color: #131718;
        text-align: center;
        padding: 0 0.625rem
    }

        .main-wrapper .hero-text3 p {
            font-size: 2.2rem;
            color: #131718;
            line-height: 1.3;
            margin-bottom: 1.25rem
        }

        .main-wrapper .hero-text3 h1 {
            font-size: 3.75rem;
            line-height: 1.1
        }

    @media (max-width: 768px) {
        .main-wrapper .hero-text3 h1 {
            font-size: 2.555rem
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .hero-text3 {
            /* padding: 1.25rem 1.3125rem */
                    padding: 0 1.3125rem 0 1.3125rem;
        }

            .main-wrapper .hero-text3 p {
                font-size: 1.5rem;
                color: #131718;
                line-height: 1.3;
                margin-bottom: 1.25rem
            }
    }

    .main-wrapper .hero-text5 {
        text-align: center;
        background-color: #fff;
        padding: 1.875rem 0.625rem;
        color: #131718
    }

        .main-wrapper .hero-text5 h2 {
            font-size: 3.75rem;
            font-weight: 300;
            margin-bottom: 0.9375rem;
              margin-top:1rem;
          
        }

    @media (max-width: 768px) {
        .main-wrapper .hero-text5 h2 {
            font-size: 2.555rem
        }
    }

    .main-wrapper .hero-text5 p {
        font-size: 1.3rem;
        max-width: 900px;
        margin: auto;
        color: #666
    }

    @media (max-width: 768px) {
        .main-wrapper .hero-text5 p {
            font-size: 1rem
        }
    }

    .main-wrapper .hero-text5 .book-btn {
        font-size: 1.125rem
    }

    .main-wrapper .hero-text5.pb-0 {
        padding-bottom: 0
    }

    @media (max-width: 480px) {
        .main-wrapper .hero-text5 {
            padding: 1.25rem 0.3125rem
        }
    }

       /* @media (min-width: 667px) and (max-width: 1020px) {
        .date-inputs-container {
            gap:14rem;
        }
    } */
    .date-inputs-container {
        display: -webkit-flex; /* Safari/Chrome */
        display: -moz-flex; /* Firefox */
        display: flex;
        overflow:hidden
    }
        .date-inputs-container .input-departure {
            border-right: none !important;
            width: 50%!important;
        }
        .date-inputs-container .input-return {
            width: 50%!important;

        }
        .date-inputs-container  input {
            background-color: transparent;
        }
      

       

        @media (max-width: 991px) {
            .date-inputs-container .input-departure {
                 /* border: none !important; */
                    font-size: 1.5rem;
        /* width: 75% !important; */
        border-width: 0 0 1px !important;
        padding-left: 0 !important;
        position: relative !important;
            }
            .date-inputs-container .input-return  {
                width: 100%!important;
                        /* border: none !important; */
        font-size: 1.5rem;
        border-width: 0 0 1px !important;
        padding-left: 0 !important;
        position: relative !important;
            }
            .date-inputs-container .input-departure  {
                width: 100%!important;
            }
        }

        .main-wrapper .container-fluid .hero-text-image {
            position: relative;
            min-height: 80vh;
            background-image: url("../images/hero-text-image.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }
.col-md-7.hero-text-image::before
/* Specificity: (0,2,1) */
 {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}
        .main-wrapper .container-fluid .hero-text-image .services-list {
            position: absolute;
            left: 3.125rem;
            top: 60%;
            transform: translateY(-50%);
            z-index: 3
        }

            .main-wrapper .container-fluid .hero-text-image .services-list .service-item {
                display: flex;
                align-items: center;
                margin-bottom: 1.25rem;
                cursor: pointer
            }

                .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator {
                    display: flex;
                    align-items: center;
                    margin-right: 0.9375rem;
                    position: relative
                }

                    .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator .radio-button {
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background: #ffff;
                        transition: all 0.3s ease;
                        position: relative;
                        z-index: 2
                    }

                        .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator .radio-button.active {
                            background: #E71720;
                            box-shadow: 0 0 8px rgba(255,255,255,0.5)
                        }

                    .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator .connecting-line {
                        position: absolute;
                        top: 16px;
                        left: 5px;
                        width: 2px;
                        height: 1.875rem;
                        background: #ffff;
                        transition: all 0.3s ease;
                        z-index: 1
                    }

                        .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator .connecting-line.active, .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-indicator .connecting-line.completed {
                            background: #fff
                        }

                .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-text {
                    font-size: 1rem;
                    font-weight: 300;
                    color: #ccc;
                    letter-spacing: 0.5px;
                    transition: all 0.3s ease;
                    cursor: pointer;
                    /* max-width: 320px; */
                     text-shadow: 1px 1px 2px lch(0 0 0 / 0.4);
                }

                    .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-text.active {
                        color: #fff;
                        font-size: 1rem;
                        font-weight: 600;
                        /*                    transform: scale(1.05)*/
                    }

    @media (max-width: 480px) {
        .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-text {
            max-width: 200px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-text {
            font-size: 1.5rem;
            color: #fff;
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text-image .services-list .service-item .service-text {
            font-size: 1rem
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .services-list .service-item {
            margin-bottom: 10px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .services-list {
            position: static;
            transform: none;
            padding: 1.25rem 0.625rem;
            margin: 0.625rem;
            border-radius: 10px
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
        .main-wrapper .container-fluid .hero-text-image .services-list {
            left: 1.875rem
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text-image .services-list {
            margin-bottom: 15px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .services-list {
            padding: 10px;
            display: none;
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text-image .services-list {
            padding: 5px
        }
    }

    .main-wrapper .container-fluid .hero-text-image .next-model-btn {
        position: absolute;
        bottom: 1.25rem;
        right: 1.25rem;
        background: rgba(255,255,255,0.2);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 8px;
        padding: 0.46875rem 0.9375rem;
        color: #fff;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 0.3125rem;
        z-index: 10;
        font-size: 1rem
    }

        .main-wrapper .container-fluid .hero-text-image .next-model-btn:hover {
            background: rgba(255,255,255,0.3);
            transform: translateY(-2px)
        }

    @media (max-width: 768px) {
        /*    .main-wrapper .container-fluid .hero-text-image .next-model-btn {
        bottom: 0.625rem;
        right: 0.625rem;
        padding: 0.3125rem 0.625rem;
        font-size: 0.5625rem
    }*/
    }

    @media (max-width: 991px) {
        /*    .main-wrapper .container-fluid .hero-text-image .next-model-btn {
        margin: 15px 0;
        display: inline-flex;
        align-items: center;
        gap: 8px
    }*/
    }

    @media (max-width: 768px) {
        /*    .main-wrapper .container-fluid .hero-text-image .next-model-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        margin: 20px 0;
        min-width: auto;
        width: auto
    }*/

        .main-wrapper .container-fluid .hero-text-image .next-model-btn span {
            white-space: nowrap
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text-image .next-model-btn {
            /*        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 10px 16px;
        font-size: 0.5625rem;
        margin: 15px 0;
        min-width: auto;
        width: auto*/
        }

            .main-wrapper .container-fluid .hero-text-image .next-model-btn span {
                font-size: .75rem
            }
    }

    .main-wrapper .container-fluid .hero-text-image .progress-dots {
        position: absolute;
        bottom: 1.25rem;
        left: 1.25rem;
        display: flex;
        gap: 0.3125rem;
        z-index: 3
    }

        .main-wrapper .container-fluid .hero-text-image .progress-dots .progress-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #666;
            transition: all 0.3s ease
        }

            .main-wrapper .container-fluid .hero-text-image .progress-dots .progress-dot.active {
                background: #fff;
                box-shadow: 0 0 8px rgba(255,255,255,0.5)
            }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .progress-dots {
            left: 0.625rem;
            bottom: 0.625rem
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text-image .progress-dots {
            margin-bottom: 20px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image .progress-dots {
            display: flex;
            justify-content: center;
            margin-bottom: 15px
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text-image .progress-dots {
            display: flex;
            justify-content: center;
            gap: 6px
        }

            .main-wrapper .container-fluid .hero-text-image .progress-dots .progress-dot {
                width: 8px;
                height: 8px
            }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text-image {
            min-height: auto;
            padding-bottom: 1.25rem;
            height: 70vw;
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text-image {
            order: 1
        }
    }
   @media (max-width: 576px) {
          .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide {
            top: -90px !important;
        }
    }
@media (max-width: 576px) {
    .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide .service-number {
       margin-bottom: 2rem !important;
       margin-top: 2rem !important;
    }
}
    .main-wrapper .container-fluid .hero-text4 {
        /* background: #e74c3c; */
        background:#E71720;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.875rem 1.25rem !important;
        min-height: 100vh
    }

        .main-wrapper .container-fluid .hero-text4.service-content-slider {
            position: relative;
            height: 100%;
            /* overflow: hidden */
        }

            .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                opacity: 0;
                visibility: hidden;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

                .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide.active {
                    transform: translateY(0);
                    opacity: 1;
                    visibility: visible;
                    padding: 1.875rem 1.25rem
                }

                .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide:not(.active) {
                    transform: translateY(-100%)
                }

                .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide.slide-in {
                    transform: translateY(0);
                    opacity: 1;
                    visibility: visible
                }

                .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide.slide-out {
                    transform: translateY(100%);
                    opacity: 0;
                    visibility: hidden
                }

                .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide .service-number {
                    font-size: 12.5rem;
                    font-weight: 900;
                    background-image: linear-gradient(180deg, #ead7c4 0%, rgba(234,215,196,0) 100%);
                    background-clip: text;
                    color: transparent;
                    line-height: 0.8;
                    margin: 0;
                    padding: 0;
                    position: relative;
                    z-index: 1;
                    letter-spacing: -8px
                }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide .service-number {
            font-size: 9.375rem;
            padding-right: 5px;
        }
    }

    .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide h2 {
        font-size: 1.93rem;
        font-weight: 600;
        margin-bottom: 1.25rem;
        line-height: 1.2
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide h2 {
            font-size: 1rem;
            margin-bottom: 15px;
            line-height: 1.3
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide h2 {
            font-size: 1.93rem;
            margin-bottom: 10px;
            text-align: left
        }
    }

    .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide p {
        font-size: 1.125rem;
        line-height: 1.6;
        color: rgba(255,255,255,0.9)
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide p {
            font-size: 1.125rem;
            line-height: 1.5;
            text-align: left
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide {
            position: relative;
            height: auto;
            min-height: 300px;
            padding: 20px
        }

            .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide.active {
                position: relative;
                align-items: start
            }

            .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide:not(.active) {
                position: absolute;
                transform: translateY(-100%)
            }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide {
            min-height: 250px;
            padding: 15px
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider .service-slide {
            min-height: 200px;
            padding: 10px
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider {
            min-height: 300px;
            height: auto
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider {
            min-height: 200px
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text4.service-content-slider {
            height: 200px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4 {
            min-height: auto;
            padding: 1.25rem 0.625rem;
            text-align: center
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
        .main-wrapper .container-fluid .hero-text4 {
            padding: 1.875rem
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid .hero-text4 {
            order: 2;
            padding: 20px
        }
    }

    @media (max-width: 768px) {
        .main-wrapper .container-fluid .hero-text4 {
            padding: 15px
        }
    }

    @media (max-width: 576px) {
        .main-wrapper .container-fluid .hero-text4 {
            padding: 10px
        }
    }

    @media (max-width: 991px) {
        .main-wrapper .container-fluid {
            flex-direction: column
        }
    }

    .main-wrapper .send-message-btn {
        padding: 0.625rem 1.25rem;
        background: linear-gradient(45deg, #F10409, rgba(233,39,45,0.364706));
        color: #fff;
        border: none;
        border-radius: 50px;
        font-size: 0.625rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        margin: 1.25rem auto;
        display: block
    }

        .main-wrapper .send-message-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(40,167,69,0.3)
        }

    .main-wrapper .carousel-wrapper-2 {
        position: relative;
        background-color: #fff;
        width: 100%;
        /* margin: 1.875rem 0; */
        margin-bottom: 1.875rem;
        padding: 0 0.625rem
    }

        .main-wrapper .carousel-wrapper-2 .custom-nav-2 {
            top: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background: #F10409;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease
        }

            .main-wrapper .carousel-wrapper-2 .custom-nav-2:hover {
                background: rgba(233,39,45,0.364706);
                transform: scale(1.1)
            }

            .main-wrapper .carousel-wrapper-2 .custom-nav-2::after {
                content: "→";
                color: #fff;
                font-size: 20px;
                font-weight: bold
            }
             /* .main-wrapper .carousel-wrapper-2 .custom-nav-1::after {
                content: "←" !important;
               
            } */

    @media (max-width: 768px) {
        .main-wrapper .carousel-wrapper-2 .custom-nav-2 {
            width: 40px;
            height: 40px;
            top: 10px;
            right: 10px
        }

            .main-wrapper .carousel-wrapper-2 .custom-nav-2::after {
                font-size: 16px
            }
    }

    .main-wrapper .carousel-wrapper-2 .carousel-container-2 {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

        .main-wrapper .carousel-wrapper-2 .carousel-container-2 .owl-carousel#hero-carousel-2 .carousel-item-2 {
            position: relative;
            margin: 0.625rem;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            transition: all 0.4s ease;
            /* height: 220px;  */
        }

            .main-wrapper .carousel-wrapper-2 .carousel-container-2 .owl-carousel#hero-carousel-2 .carousel-item-2 img {
                width: 100%;
                /* height: 100%; */
                max-height: 100%;
                object-fit: cover;
                 display: block;
            }

    @media (max-width: 768px) {
        .main-wrapper .carousel-wrapper-2 .carousel-container-2 .owl-carousel#hero-carousel-2 .carousel-item-2 {
            height: 200px;
            margin: 0.3125rem
        }
    }

    @media (max-width: 480px) {
        .main-wrapper .carousel-wrapper-2 .carousel-container-2 .owl-carousel#hero-carousel-2 .carousel-item-2 {
            height: 150px
        }
    }

    .main-wrapper .owl-item.center .carousel-item-2 {
        transform: scale(1.1);
        z-index: 10
    }

    .main-wrapper .owl-item:not(.center) .carousel-item-2 {
        transform: scale(0.9)
    }
    .carousel-container-3 #hero-carousel-3 .carousel-item-2 {
    transform: none !important;
}

  #hero-carousel-4 .owl-item {
  width: 80% !important;
}

#hero-carousel-4 .owl-stage {
  padding-right: 20%;
}

#hero-carousel-4 .carousel-item-4 img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}


    .main-wrapper .owl-nav, .main-wrapper .owl-dots {
        display: none !important
    }
    .main-wrapper .carousel-container-3 .owl-dots {
         display: flex !important;
  justify-content: flex-end;
  position: absolute;
  bottom: 10px;
  right: 10px;   
  left: auto;
  transform: none;
  gap: 6px;    
    }
   /* .main-wrapper .carousel-container-3 .owl-theme .owl-dots .owl-dot span {
    width: 40px !important;
    height: 8px !important;
    } */
.main-wrapper .carousel-container-3 .owl-theme .owl-dots .owl-dot.active span {
   width: 40px !important;
    height: 8px !important;
    display: none !important;
}


.main-wrapper .carousel-container-3 .owl-theme .owl-dots .owl-dot:hover span {
  background: #D6D6D6 !important;
}
/*  */
.main-wrapper .intro-bg {
  position: relative;
  /* min-height: 420px; */
  overflow: hidden;
}

/* Carousel becomes background */
/* .main-wrapper .carousel-container-3 {
  position: absolute;
  inset: 0;
  z-index: 1;
} */

/* Make carousel fill area */
.main-wrapper .carousel-container-3 .owl-carousel,
.main-wrapper .carousel-container-3 .owl-stage-outer,
.main-wrapper .carousel-container-3 .owl-stage,
.main-wrapper .carousel-container-3 .carousel-item-2 {
  height: 100%;
}
 .main-wrapper .carousel-wrapper-2 .carousel-container-2 .owl-carousel#hero-carousel-3 .carousel-item-2 {
            position: relative;
            margin: 0.625rem;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            transition: all 0.4s ease
        }

/* Background images */
.main-wrapper .carousel-container-3 .carousel-item-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dark overlay for readability */
.main-wrapper .carousel-container-3 .owl-carousel::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: rgba(0, 0, 0, 0.35); */
  z-index: 1;
  pointer-events: none;
}

/* Booking/content sits above */
.main-wrapper .careers-intro {
  position: relative;
  z-index: 3;
}

/*  */
    .main-wrapper .faq-container {
        max-width: 900px;
        margin: 1.875rem auto;
        padding: 0 0.625rem
    }

        .main-wrapper .faq-container .faq-item {
            margin-bottom: 0.625rem
        }

            .main-wrapper .faq-container .faq-item.active .faq-question .icon .plus-icon {
                display: none
            }

            .main-wrapper .faq-container .faq-item.active .faq-question .icon .x-icon {
                display: block
            }

            .main-wrapper .faq-container .faq-item.active .faq-answer {
                max-height: 500px;
                opacity: 1
            }

            .main-wrapper .faq-container .faq-item .faq-question {
                padding-left: 0;
                padding-right: 0;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: none;
                border: none;
                cursor: pointer;
                text-align: left;
                transition: all 0.3s ease;
                color: #000 !important;
                -webkit-text-fill-color: #000 !important; /* Fix for Safari */
                 text-decoration: none !important;
            }

                .main-wrapper .faq-container .faq-item .faq-question .question-text {
                    font-weight: 400;
                    font-size: 1.5625rem;
                    flex: 1;
                    padding-right: 0.625rem
                }

    @media (max-width: 768px) {
        .main-wrapper .faq-container .faq-item .faq-question .question-text {
            font-size: 1.125rem
        }
    }

    .main-wrapper .faq-container .faq-item .faq-question .icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

        .main-wrapper .faq-container .faq-item .faq-question .icon svg {
            width: 20px;
            height: 20px;
            color: #131718;
            transition: transform 0.2s ease
        }

        .main-wrapper .faq-container .faq-item .faq-question .icon .plus-icon {
            display: block
        }

        .main-wrapper .faq-container .faq-item .faq-question .icon .x-icon {
            display: none
        }

    .main-wrapper .faq-container .faq-item .faq-answer {
        padding: 0 0 0.9375rem 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        opacity: 0
    }

        .main-wrapper .faq-container .faq-item .faq-answer .answer-text {
            font-size: 1.25rem;
            line-height: 1.6
        }

    @media (max-width: 768px) {
        .main-wrapper .faq-container .faq-item .faq-answer .answer-text {
            font-size: 1rem
        }
    }

    .main-wrapper .owl-carousel .owl-stage {
        display: flex;
        align-items: center
    }

    .page-wrapper-about {
        background-color: white
    }

        .page-wrapper-about .hero-section {
            width: 100%;
            min-height: 90vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url("../images/career-banner.jpg");
            padding: 1.25rem 0;
            height: 90vh;
            background-position: 0% 19%;
            position: relative;
            z-index: 2;
        }

            .page-wrapper-about .hero-section::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: rgba(0, 0, 0, 0.3); /* black overlay with 50% opacity */
                z-index: -2;
            }

            .page-wrapper-about .hero-section .hero-section-div {
                /* height: 100vh */
                height: calc(100vh - 90px);
            }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-section .hero-section-div {
            justify-content: center !important
        }
    }

    .page-wrapper-about .hero-section .hero-section-div .hero-form {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        display: flex;
        align-items: center;
        justify-content: center
    }

        .page-wrapper-about .hero-section .hero-section-div .hero-form img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 999;
            border-radius: 10px
        }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-form {
            margin-bottom: 1.25rem
        }
    }

    @media (max-width: 480px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-form {
            height: auto;
            width: 100%
        }
    }

    .page-wrapper-about .hero-section .hero-section-div .hero-text {
        color: #fff;
        display: flex;
        justify-content: end
    }

        .page-wrapper-about .hero-section .hero-section-div .hero-text .hero-content {
            width: 100%
        }

        .page-wrapper-about .hero-section .hero-section-div .hero-text h1 {
            font-size: 3.75rem;
        }

    @media (min-width: 991px) and (max-width: 1200px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-text h1 {
            font-size: 3.125rem
        }
    }

    .page-wrapper-about .hero-section .hero-section-div .hero-text p {
        font-size: 1.25rem;
        color: #fff
    }

    @media (min-width: 991px) and (max-width: 1200px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-text p {
            font-size: 1rem
        }
    }

    @media (max-width: 991px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-text {
            display: none !important
        }
    }

    @media (min-width: 667px) and (max-width: 1024px) {
        .page-wrapper-about .hero-section .hero-section-div .hero-text {
            padding: 1.25rem
        }
    }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-section .hero-section-div {
            height: 93vh
        }
    }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-section {
            width: 100%;
            background-image: url("../images/about-banner-mobile.jpg");
            min-height:  calc(100vh - 31rem) !important;
            background-image: url("../images/career-banner-mobile.jpg");
            height: calc(100vh - 31rem) !important;
        }
    }

    .page-wrapper-about .hero-section-div2 {
        display: none
    }

    @media (max-width: 991px) {
        .page-wrapper-about .hero-section-div2 {
            display: block
        }

            .page-wrapper-about .hero-section-div2 .section2-text {
                color: #fff;
                background-color: #F10409
            }

                .page-wrapper-about .hero-section-div2 .section2-text h1 {
                    font-size: 1.5rem
                }

                .page-wrapper-about .hero-section-div2 .section2-text p {
                    font-size: 1.125rem
                }
    }

    .page-wrapper-about .column-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.625rem;
        padding: 1.25rem 0
    }

        .page-wrapper-about .column-container .stacked-image {
            width: 20px;
            height: auto
        }

        .page-wrapper-about .column-container .vertical-line {
            width: 1px;
            height: 105px;
            background-color: #666
        }

    @media (max-width: 480px) {
        .page-wrapper-about .column-container .vertical-line {
            height: 50px
        }
    }

    @media (max-width: 480px) {
        .page-wrapper-about .column-container {
            padding: 0.625rem 0
        }
    }

    .page-wrapper-about .hero-text3 {
        color: #131718;
        text-align: center;
        padding: 0 0.625rem
    }

        .page-wrapper-about .hero-text3 p {
            font-size: 2.4rem;
            color: #131718;
            line-height: 1.3;
            margin-bottom: 1.25rem
        }

        .page-wrapper-about .hero-text3 h1 {
            font-size: 3.75rem;
            line-height: 1.1
        }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-text3 h1 {
            font-size: 2.555rem
        }
    }

    @media (max-width: 768px) {
        .page-wrapper-about .hero-text3 {
            padding: 1.25rem 0.3125rem
        }

            .page-wrapper-about .hero-text3 p {
                font-size: 1.75rem;
                color: #131718;
                line-height: 1.3;
                margin-bottom: 1.25rem
            }
    }

    .page-wrapper-about .section1-text {
        color: #fff;
        background-color: #F10409;
        max-width: 66vw
    }

        .page-wrapper-about .section1-text h1 {
            font-size: 1.75rem;
            /* font-weight: 600 */
        }

        .page-wrapper-about .section1-text p {
            font-size: 1.5rem
        }

    .page-wrapper-about .column-container {
        padding-top: 1rem
    }
    @media (min-width: 1920px) {
          .page-wrapper-about .column-container {
        padding-top: 3rem
    }
    }
   

    .page-wrapper-about .hero-text3 {
        color: #131718;
        text-align: center;
        padding: 0 0.625rem
    }

        .page-wrapper-about .hero-text3 p {
            font-size: 2rem;
            color: #fff;
            line-height: 1.3;
            margin-bottom: 1.25rem
        }

    @media (max-width: 667px) {
        .page-wrapper-about .hero-text3 {
            padding: 1.25rem 0.625rem
        }

            .page-wrapper-about .hero-text3 p {
                font-size: 1.3rem;
                color: #fff;
                line-height: 1.3;
                margin-bottom: 1.25rem
            }
    }
.mobile-break {
  display: none;
}

@media (max-width: 667px) {
  .mobile-break {
    display: block;
  }
}

    .page-wrapper-about .card-design h3.header {
        font-size: 1.1rem
    }
     .page-wrapper-about .card-design h3 {
        font-size: 1.25rem
    }

    .page-wrapper-about .card-design .header p {
        font-size: 1.5rem !important;
        color: #131718
    }

    .page-wrapper-about .profile-card {
        margin: 1.25rem
    }

        .page-wrapper-about .profile-card img {
            width: 100%;
            border-radius: 23px
        }

    .page-wrapper-about .profile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd
    }

    .page-wrapper-about .profile-name {
        font-size: 24px;
        font-weight: 400;
        color: #333;
        margin: 0
    }

    .page-wrapper-about .social-icons {
        display: flex;
        gap: 10px
    }

        .page-wrapper-about .social-icons a {
            color: #666;
            text-decoration: none;
            font-size: 18px;
            transition: color 0.3s ease
        }

            .page-wrapper-about .social-icons a:hover {
                color: #000
            }

    .page-wrapper-about .profile-title {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin: 15px 0 10px 0
    }

    .page-wrapper-about .profile-description {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin: 0
    }

    .page-wrapper-about .icon-email::before {
        content: "✉"
    }

    .page-wrapper-about .icon-linkedin::before {
        content: "in";
        font-weight: bold;
        font-size: 14px;
        color: #131718;
        padding: 2px 4px;
        border-radius: 2px
    }

    .page-wrapper-about .hero-text6 {
        text-align: center;
        background-color: #fff;
        padding: 1.875rem 0.625rem;
        color: #131718
    }

        .page-wrapper-about .hero-text6 h2 {
            font-size: 4.375rem;
            font-weight: 300;
            margin-bottom: 0.9375rem
        }

    @media (max-width: 667px) {
        .page-wrapper-about .hero-text6 h2 {
            font-size: 2.555rem
        }
    }

    .page-wrapper-about .hero-text6 p {
        font-size: 1.3rem;
        max-width: 900px;
        margin: auto;
        color: #fff
    }

    @media (max-width: 667px) {
        .page-wrapper-about .hero-text6 p {
            font-size: 1rem
        }
    }

    .page-wrapper-about .hero-text6 .book-btn {
        background-color: #fff;
        color: #131718;
        border: none;
        cursor: pointer;
        padding: 0.625rem 1.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        transition: all 0.3s ease
    }

        .page-wrapper-about .hero-text6 .book-btn:hover {
            color: #F10409;
            transform: translateY(-2px)
        }

        .page-wrapper-about .hero-text6 .book-btn.mt-5 {
            margin-top: 1.875rem
        }

    .page-wrapper-about .hero-text6.pb-0 {
        padding-bottom: 0
    }

    @media (max-width: 480px) {
        .page-wrapper-about .hero-text6 {
            /* padding: 1.25rem 0.3125rem */
            padding: 1.25rem
        }
    }

    @media (max-width: 991px) {
        .page-wrapper-about .section1 {
            display: none
        }
    }

    .contact-container {
        margin-top: 1.25rem
    }

        .contact-container a:hover {
            text-decoration: none;
            color: #f7941d
        }

        .contact-container .icon-28 {
            width: 28px;
            height: 28px
        }

        .contact-container .icon-20 {
            width: 20px;
            height: 20px
        }

        .contact-container .contact-form {
            box-shadow: 0px 4px 13.5px 0px rgba(0,0,0,0.08);
            /* margin-bottom: 1.25rem */
            margin-bottom: 0rem
        }

            .contact-container .contact-form .contact-information {
                margin-bottom: 1.25rem;
                border-radius: 6px;
                padding: 1.25rem 1.25rem;
                display: flex;
                flex-direction: column;
                align-items: baseline;
                justify-content: space-between
            }

    @media (max-width: 991px) {
        .contact-container .contact-form .contact-information .contact-header .contact-info-title {
            font-size: 1.3rem
        }
    }

    .contact-container .contact-form .contact-information .contact-header .contact-info-subTitle {
        margin-bottom: 0
    }

    @media (max-width: 991px) {
        .contact-container .contact-form .contact-information .contact-header .contact-info-subTitle {
            font-style: italic;
            font-size: 1.3rem
        }
    }

    .contact-container .form-container .form-header .form-inner-container {
        padding: 1.25rem 1.25rem
    }

    @media (max-width: 991px) {
        .contact-container .form-container .form-header .form-inner-container .contact-header .contact-info-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: #131718
        }
    }

    .contact-container .form-container .form-header .form-inner-container .form-message, .contact-container .form-container .form-header .form-inner-container .form-container-inputs {
        margin-top: 1.875rem
    }

    @media (max-width: 667px) {
        .contact-container .form-container .form-header .form-inner-container .form-message, .contact-container .form-container .form-header .form-inner-container .form-container-inputs {
            margin-top: 0.9375rem
        }

            .contact-container .form-container .form-header .form-inner-container .form-message label, .contact-container .form-container .form-header .form-inner-container .form-container-inputs label {
                margin-bottom: 0.5rem
            }

            .contact-container .form-container .form-header .form-inner-container .form-message input.form-control, .contact-container .form-container .form-header .form-inner-container .form-container-inputs input.form-control {
                width: 100%
            }
    }

    @media (max-width: 1100px) {
        .contact-container .form-container .form-header .form-inner-container .form-message input.form-control, .contact-container .form-container .form-header .form-inner-container .form-container-inputs input.form-control {
            width: 100%
        }
    }

    /* .contact-container .form-container .form-header .form-inner-container .form-inquiry {
        margin-top: 1.875rem
    } */

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .form-subject {
            margin-bottom: 1.25rem
        }

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .custom-radio {
            display: flex;
            align-items: center
        }

            .contact-container .form-container .form-header .form-inner-container .form-inquiry .custom-radio input[type="radio"] {
                display: none
            }

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .checkmark {
            position: relative;
            display: inline-block;
            width: 22px;
            height: 22px;
            top:0px !important;
            border-radius: 50%;
            border: 1px solid black;
            margin-right: 8px
        }

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .tick-icon {
            display: inline-block;
            position: static;
            width: 20px;
            height: 20px
        }

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .custom-radio input:checked ~ .checkmark .tick-icon {
            display: block;
            background-size: cover;
            background-image: url("../images/tick-black.svg");
            background-repeat: no-repeat;
            background-position: center
        }

    @media (max-width: 667px) {
        .contact-container .form-container .form-header .form-inner-container .form-inquiry .form-subject {
            margin-bottom: 0.625rem
        }

        .contact-container .form-container .form-header .form-inner-container .form-inquiry .custom-radio {
            margin-bottom: 0.5rem;
            font-size: 1rem;
        }
    }

    @media (max-width: 1100px) {
        .contact-container .form-container .form-header .form-inner-container .form-inquiry {
            flex-direction: column
        }

            .contact-container .form-container .form-header .form-inner-container .form-inquiry .custom-radio {
                margin-bottom: 1.5rem;
                
            }
    }

    .contact-container .form-container .form-header .form-inner-container .form-message input.form-control {
        width: 100%
    }

    @media (max-width: 667px) {
        .contact-container .form-container .form-header .form-inner-container .form-message {
            margin-top: 0.625rem
        }
    }

    @media (max-width: 667px) {
        .contact-container .form-container .form-header .form-inner-container .send-message {
            margin-bottom: 1.25rem;
            justify-content: center !important
        }

            .contact-container .form-container .form-header .form-inner-container .send-message .btn {
                width: 100%
            }
    }

    @media (max-width: 667px) {
        .contact-container .form-container .form-header .form-inner-container {
            padding: 0.625rem 1.25rem;
            box-shadow: 0 2px 10px 10px rgba(214,214,214,0.75)
        }
    }

    @media (max-width: 991px) {
        .contact-container .form-container .form-header {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 1100px) {
        .contact-container .contact-information .contact-links, .contact-container .contact-information .contact-social-links {
            justify-content: center;
            margin-top: 1.25rem
        }
    }

    @media (max-width: 667px) {
        .contact-container {
            margin-top: 0.625rem
        }
    }

.careers-container .careers-subContainer .careers-intro {
    padding: 1rem 2.8125rem 2.5rem 2.8125rem;
    background-image: url("../images/aboutus-banner.jpg");
    background-color: #666;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}

    .careers-container .careers-subContainer .careers-intro::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.3); /* black overlay with 50% opacity */
        z-index: -2;
    }
    /*.careers-container .careers-subContainer .careers-intro {
        padding: 1rem 2.8125rem 2.5rem 2.8125rem;
        background-image: url("../images/aboutus-banner.jpg");
        background-color: #666;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }*/

        .careers-container .careers-subContainer .careers-intro .left-panel {
            max-width: 33.75rem;
            margin-bottom: -0.125rem;
        }

            .careers-container .careers-subContainer .careers-intro .left-panel .font-40 {
                font-size: 2.5rem
            }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro .left-panel .font-40 {
            font-size: 1.875rem
        }
    }

    /* @media (max-width: 576px) {
        .careers-container .careers-subContainer .careers-intro .left-panel .text-white {
            color: #000000 !important
        }
    } */

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro .left-panel .font-sm {
            font-size: 1.25rem;
            margin-top:1rem
        }
         .careers-container .careers-subContainer .careers-intro .left-panel .font-md {
            font-size: 1.25rem
        }
    }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro .left-panel {
            margin-bottom:     -17.5rem;

        }
    }
@media (max-width: 767px) {
    .careers-container .careers-subContainer .careers-intro .left-panel {
        margin-bottom: 1rem;
    }
}

    .careers-container .careers-subContainer .careers-intro .right-panel {
        padding: 1rem 1.5rem 1rem 1.5rem;
        width: 100%;
        max-width: 33.75rem;
        box-shadow: 0 0.3125rem 0.3125rem rgba(0,0,0,0.35) !important
    }

        .careers-container .careers-subContainer .careers-intro .right-panel .career-form .invalid-feedback {
            width: 100%;
            font-size: 0.625rem;
            color: #dc3545
        }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro .right-panel {
            padding: 0.8125rem 1.0625rem
        }
    }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro .right-panel .font-lg {
            font-size: 1rem
        }
    }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-intro {
            padding: 0.625rem 0.625rem 0.625rem 0.625rem
        }
    }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .careers-benefits {
            padding: 0.625rem 0.625rem 0.625rem 0.625rem
        }
         .careers-container .careers-subContainer .careers-benefits .benefits-title {
        margin-bottom: 1.25rem;
        padding: 0.8rem;
        /* background-color: #f1f1f1; */
    }
    .careers-container .careers-subContainer .careers-benefits .benefits-list{
          padding: 0.8rem;
    }
    }

    .careers-container .careers-subContainer .careers-benefits .benefits-title {
        margin-bottom: 0
    }

    .careers-container .careers-subContainer .careers-benefits .benefits-list .benefits-item {
        border-radius: 8px
    }

        .careers-container .careers-subContainer .careers-benefits .benefits-list .benefits-item .benefits-item-title {
            margin-bottom: 0.5rem
        }

    .careers-container .careers-subContainer .vacancies {
        flex-direction: column
    }

    .careers-container .careers-subContainer .vacancies__title {
        margin-bottom: 1.25rem
    }

        .careers-container .careers-subContainer .vacancies__title em {
            font-style: italic
        }

    .careers-container .careers-subContainer .vacancies__image img {
        border-radius: 0.9375rem;
        max-width: 100%;
        height: auto;
        display: block
    }

    .careers-container .careers-subContainer .vacancies__content__description {
        min-height: 2.5rem
    }

    .careers-container .careers-subContainer .vacancies__description {
        margin-bottom: 0.625rem;
        color: #444;
        max-width: 45rem;
        min-height: 15.625rem
    }

    @media (max-width: 1100px) {
        .careers-container .careers-subContainer .vacancies__description {
            min-height: 9.375rem
        }
    }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .vacancies__description {
            min-height: 7.5rem
        }
    }

    .careers-container .careers-subContainer .vacancies__link {
        color: #0073e6;
        text-decoration: none
    }

        .careers-container .careers-subContainer .vacancies__link:hover {
            text-decoration: underline
        }

    @media (max-width: 576px) {
        .careers-container .careers-subContainer .vacancies {
            flex-direction: row
        }
    }

    .careers-container .careers-subContainer .life {
        margin-bottom: 3.125rem;
        background: #fff
    }

        .careers-container .careers-subContainer .life .carousel-btns button img {
            width: 0.8125rem
        }

        .careers-container .careers-subContainer .life .carousel-btns button:hover {
            background-color: #f8f6f6
        }

        .careers-container .careers-subContainer .life .owl-nav, .careers-container .careers-subContainer .life .owl-dots {
            display: none
        }

    .careers-container .careers-subContainer .life__title {
        margin-bottom: 1.25rem
    }

    .careers-container .careers-subContainer .life__carousel .life__item {
        box-sizing: border-box
    }

        .careers-container .careers-subContainer .life__carousel .life__item img.life-img {
            border-radius: 0.9375rem
        }

    @media (max-width: 991px) {
        .careers-container .careers-subContainer .font-xxl2 {
            font-size: 1.875rem
        }
    }

    .careers-container .careers-subContainer .hero-text6 {
        text-align: center;
        background-color: #131718;
        padding: 1.875rem ;
        color: #fff
    }

        .careers-container .careers-subContainer .hero-text6 h2 {
            font-size: 3.75rem;
            font-weight: 300;
            margin-bottom: 0.9375rem
        }

    @media (max-width: 667px) {
        .careers-container .careers-subContainer .hero-text6 h2 {
            font-size: 2.555rem
        }
    }

    .careers-container .careers-subContainer .hero-text6 p {
        font-size: 1.3rem;
        max-width: 900px;
        margin: auto;
        color: #fff
    }

    @media (max-width: 667px) {
        .careers-container .careers-subContainer .hero-text6 p {
            font-size: 1rem
        }
    }

    .careers-container .careers-subContainer .hero-text6 .book-btn {
        background-color: #fff;
        color: #131718;
        border: none;
        cursor: pointer;
        padding: 0.625rem 1.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        transition: all 0.3s ease
    }

        .careers-container .careers-subContainer .hero-text6 .book-btn:hover {
            color: #F10409;
            transform: translateY(-2px)
        }

        .careers-container .careers-subContainer .hero-text6 .book-btn.mt-5 {
            margin-top: 1.875rem
        }

    .careers-container .careers-subContainer .hero-text6.pb-0 {
        padding-bottom: 0
    }

    @media (max-width: 480px) {
        .careers-container .careers-subContainer .hero-text6 {
            padding: 1.25rem 
        }
    }
    .skyhop-footer{
        margin-top: 6rem;
    }
    /* @media (min-width: 667px) {
        .skyhop-footer{
            padding-bottom: 3.5rem !important;
        }
    } */
     @media (max-width: 767px) {
  .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative;
    
  }
}

  .copyright{
    margin-top: 0;
    margin-left: auto !important;
    width: 14rem;
  
}
 @media (max-width: 767px) {
 .copyright{
    display: block;
    position: absolute;
    right: -24px;
    /* align-items: baseline; */
    /* top: 0; */
    bottom: 12px;
    padding-right: 0;
    margin-right: 0;
    width: 8rem;
 }
}
 /* @media (max-width: 991px) {
    .skyhop-footer{
            padding-bottom: 4rem !important;
    }
} */
    .skyhop-footer a {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .skyhop-footer .footer-title {
        font-weight: 300;
        font-size: 3rem
    }

        .skyhop-footer .footer-title span {
            font-style: italic;
            font-weight: 500
        }

    .skyhop-footer .footer-desc {
        max-width: 500px;
        font-size: 1.125rem;
        padding-right: 1rem !important
    }

    .skyhop-footer .footer-contact, .skyhop-footer .footer-email {
        font-size: 0.625rem
    }

        .skyhop-footer .footer-contact .icon-20, .skyhop-footer .footer-email .icon-20 {
            width: 20px;
            height: 20px
        }
@media (min-width: 667px) and (max-width: 994px) {
        .skyhop-footer .footer-contact .icon-20 {
            margin-right: 1rem !important;
        }
    }

     @media (max-width:720px) {
        .flight-info-container{
            padding-bottom:1rem;
display: flex;
        }
        .flightlabels{
            width: 40% !important;
        }
        .flightvalues{
            width: 60% !important;
        }   
         .mob-txt-center::before{
            content: "- ";
         }
         /* .flightlabels b::after{
content: " :";
         } */
     }
     input[type=checkbox], input[type=radio] {
    accent-color: red;
}
/* Carousel Component Styles */
        .carousel-container {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        /* Split Layout */
        .split-layout {
            display: flex;
            height: 100%;
        }

        /* Left Section - Main Image */
        .left-section {
            width: 55%;
            position: relative;
            overflow: hidden;
            background: #000;
        }

        .main-image {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Seaplane Animation */
        .seaplane {
            position: absolute;
            top: 20%;
            right: 15%;
            width: 120px;
            height: auto;
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        .seaplane.show {
            opacity: 1;
            animation: fly 8s ease-in-out infinite;
        }

        @keyframes fly {
            0%, 100% { transform: translate(0, 0); }
            50% { transform: translate(-30px, -20px); }
        }

        .main-image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 70%);
            padding: 60px 60px 130px;
        }

        .location-label {
            color: white;
            font-size: 32px;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        .slide-number {
            position: absolute;
            bottom: 50px;
            right: 50px;
            color: white;
            font-size: 72px;
            font-weight: 100;
            opacity: 0.5;
            font-family: 'Arial', sans-serif;
        }

        /* Navigation Arrows */
        .nav-controls {
            position: absolute;
            bottom: 50px;
            left: 60px;
            display: flex;
            gap: 20px;
            z-index: 5;
        }

        .nav-arrow {
            width: 60px;
            height: 60px;
            border: 3px solid rgba(255,255,255,0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            background: transparent;
        }

        .nav-arrow:hover {
            background: rgba(255,255,255,0.1);
            border-color: rgba(255,255,255,0.8);
        }

        .nav-arrow svg {
            width: 24px;
            height: 24px;
            stroke: white;
            stroke-width: 2;
        }

        /* Right Section */
        .right-section {
            width: 45%;
            background: #ED3237;
            position: relative;
            padding: 0;
            display: flex;
            flex-direction: column;
            z-index: 1;
        }

        /* Routes Container */
        .routes-container {
            margin-bottom: 50px;
            padding:50px;
        }

        .route-header {
            color: white;
            font-size: 36px;
            font-weight: 300;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 20px;
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.4s ease;
        }

        .route-header.active {
            opacity: 1;
            transform: translateY(0);
        }

        .route-header .plane-icon {
            font-size: 32px;
        }

        /* Close Button */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 50px;
            height: 50px;
            background: transparent;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
        }

        .close-btn:hover {
            transform: rotate(90deg);
        }

        .close-btn svg {
            width: 30px;
            height: 30px;
            stroke: white;
            stroke-width: 2;
        }

        /* Thumbnail Grid - All in One Row */
        .thumbnail-grid {
            display: flex;
            gap: 20px;
            margin-top: auto;
            overflow: hidden;
            padding-bottom: 10px;
            margin-left: -20px;
        }

        .thumbnail-grid::-webkit-scrollbar {
            height: 6px;
        }

        .thumbnail-grid::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.1);
            border-radius: 3px;
        }

        .thumbnail-grid::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.3);
            border-radius: 3px;
        }

        .thumbnail-grid::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,0.5);
        }

        .thumbnail-card {
                position: relative;
            border-radius: 0;
            overflow: hidden;
            min-width: 140px;
            height: 180px;
            cursor: pointer;
            transition: all 0.4s ease;
            border: 3px solid transparent;
            flex-shrink: 0;
        }

        .thumbnail-card.active {
            border-color: rgba(255,255,255,0.8);
            transform: scale(1.02);
        }

        .thumbnail-card:hover:not(.active) {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        }

        .thumbnail-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .thumbnail-card:hover img {
            transform: scale(1.1);
        }

        .thumbnail-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
            padding: 25px 10px 20px 30px;
            pointer-events: none;
        }

        .thumbnail-label {
            color: white;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        /* Responsive Design */
       

        /* Tablet and Mobile Layout */
        @media (max-width: 992px) {
            .split-layout {
                flex-direction: column;
            }

            .left-section {
                width: 70%;
                max-height: 70vh;
                width: 100%;
            }

            .right-section {
                 width: 30%;
                height: 30vh;
                width: 100%;
                padding: 20px;
            }

            .routes-container {
                margin-bottom: 0;
                padding: 15px;
            }

            .route-header {
                font-size: 24px;
                margin-bottom: 10px;
            }

            .thumbnail-grid {
                gap: 15px;
                margin-top: 0;
                margin-left: 0;
            }

            .thumbnail-card {
                min-width: 150px;
                height: 120px;
            }

            .thumbnail-label {
                font-size: 14px;
            }

            .main-image-overlay {
                    padding: 75px 30px;
            }
            

            .location-label {
                font-size: 28px;
            }

            .slide-number {
                font-size: 56px;
                bottom: 30px;
                right: 30px;
            }

            .nav-controls {
                left: 30px;
                bottom: 30px;
            }

            .nav-arrow {
                width: 50px;
                height: 50px;
            }

            .close-btn {
                top: 20px;
                right: 20px;
                width: 40px;
                height: 40px;
            }

            .close-btn svg {
                width: 24px;
                height: 24px;
            }
        }

        @media (max-width: 576px) {
            .left-section {
                flex: 0 0 70%;
                height: 70vh;
            }

            .right-section {
                flex: 0 0 30%;
                height: 30vh;
                padding: 0;
            }
            .thumbnail-grid{
                margin-left: 0;
            }
            

            .route-header {
                font-size: 18px;
                gap: 10px;
            }

            .route-header .plane-icon {
                font-size: 20px;
            }

            .location-label {
                font-size: 22px;
                letter-spacing: 2px;
            }

            .slide-number {
                font-size: 42px;
                bottom: 20px;
                right: 20px;
            }

            .nav-controls {
                left: 20px;
                bottom: 20px;
                gap: 15px;
            }

            .nav-arrow {
                width: 45px;
                height: 45px;
            }

            .thumbnail-card {
                min-width: 120px;
                height: 100px;
                border-radius: 15px;
            }

            .thumbnail-label {
                font-size: 12px;
                letter-spacing: 1px;
            }

            .thumbnail-overlay {
                padding: 15px 10px 10px;
            }
        }
        .input-span{
    border-radius: .6rem !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    font-size: .87rem !important;
    color: #666 !important;
        }
        .input-group-span
 {
    
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s;
}
 .input-group-span:focus-within {
        border: 1px solid #ccc !important;
        outline: none !important;
    }
   .input-group-span .form-control{
       padding: .6rem .6rem .6rem .6rem !important;
       box-shadow: none !important;
   }
   .input-group-span select{
         box-shadow: none !important;
         font-size: .87rem !important;
   }
   @media (max-width: 991px) {
  .explore-button{
        /* color: white !important; */
        font-size: 1.5rem !important;
        width: 65% !important;
        border-width: 0 0 1px !important;
        padding-left: 0 !important;
        position: relative !important;
        /* padding-top: 0.5rem !important;
 padding-bottom: 0.5rem !important; */
  }
 .apply-btn{
    /* font-size: 1.5rem !important; */
        width: 40% !important;
        border-width: 0 0 1px !important;
        /* padding-left: 0 !important; */
        position: relative !important;
 }
}

   @media (max-width: 991px) {
.form-floating .date-label {
    font-size: 13px; 
}

 .contact-container .contact-form {
            box-shadow: none;
              margin-bottom: 0rem !important
            /* margin-bottom: 1.25rem */
        }

.contact-container .contact-form  input.form-control, select.form-select {
    font-size: 1rem !important;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    padding-left: 0;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0 !important;
}

.custom-file-upload .custom-file-label {
     border: none ;
     font-size: 1rem !important;
    box-shadow: none !important;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    padding-left: 0;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.contact-container .contact-form  .font-md {
    font-size: 1.17rem;
}
.contact-container .contact-form  .contact-information .contact-location-link{
    font-size: 1rem;
}
.contact-container .contact-form  .contact-information a{
    font-size: 1rem;
}
.careers-intro .right-panel .career-form .form-control{
    font-size: 1rem !important;
    border-radius: 4px;
        font-size: 1rem !important;
        border-radius: 4px;
        border: none;
        border-radius: 0;
        box-shadow: none;
       border-bottom: 1px solid #ccc !important;
       padding-left: 0;
}

#message-box.form-control {
    margin-top: 0 !important;
    font-size: 1rem !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ccc !important;
    padding-left: 0 !important; 
}

.phone-box {
    /* border-radius: 4px; */
        font-size: 1rem !important;
        /* border-radius: 4px; */
        border: none;
        border-radius: 0;
        box-shadow: none;
       border-bottom: 1px solid #ccc !important;
}
.careers-intro .right-panel .career-form input {
    font-size: 1rem !important;
    border-radius: 4px;
    /* padding-left: 0; */
}
.phone-box{
    padding-left: 0;
}
.careers-intro .right-panel .career-form .form-label {
    font-size: 1.17rem !important;
}
.career-form .form-group{
margin-top: 0.9375rem;
}
.career-form .icon-24 {
    width: 2.1rem !important;
}

   }
   .phone-row {
  gap: 12px;
  width: 100%;
}

.phone-row > .flex-column {
  max-width: 100%;   /* prevents overflow */
}

.phone-row > .flex-column:first-child {
  display: inline-block;  
  white-space: nowrap;    
}
.footer-quick-links ul.arrow-icon li {
    line-height: 2rem;
    /* padding-left: 26px; */
    position: relative;
    /* margin-top: 0.5rem !important; */
}
.footer-small-title{
    letter-spacing: 2.8px;
    line-height: 2rem;
}
/* .footer-quick-links ul.arrow-icon li:after {
    background: #fff;
    content: "";
    height: .2rem;
    left: 0;
    position: absolute;
    top: .8rem;
    width: 15px;
} */
.footer-quick-links a.nav-link {
     font-family: "Lato", sans-serif;
     line-height: 26px;
    display: inline-block;
    padding: 0;
    position: relative;
}
.footer-quick-links ul.arrow-icon li a {
    line-height: inherit;
}

.font-regular {
    font-weight: 400 !important;
}
.footer-right-column{
    display: flex;
    gap: 2.5rem;
}
.footer-quick-links{
    min-width: 10rem !important;
}
.text-decoration-underline{
    text-decoration: underline !important;
}
@media (max-width:767px) {
    .footer-right-column{
        flex-direction: column;
        gap:0rem;
    }
        .skyhop-footer .footer-main-row{
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: flex-start !important;
    }
    .skyhop-footer .footer-col-links,
    .skyhop-footer .footer-col-follow{
        width: 50%;
    }
    .skyhop-footer .footer-col-follow{
        margin-left: auto;
        align-items: center;
        text-align: right;
    }
    .skyhop-footer .footer-col-contact{
        width: 100%;
    }
    .skyhop-footer .footer-col-follow .footer-icons{
        margin-bottom: 0 !important;
        justify-content: flex-end !important;
    }
    .skyhop-footer .footer-col-follow > .d-flex{
        align-self:center;
    }
    .skyhop-footer .footer-col-follow .footer-icons .contact-social-links{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .skyhop-footer .footer-col-follow .icon-footer{
        margin-right: 0 !important;
        margin-left: 1.2rem !important;
    }

}
.news-carousel-container{
    margin-top: 2rem;
    /* margin-bottom: 6rem; */
         width: 100%;
    }
    
     #hero-carousel-5 .owl-stage {
  display: flex;
  align-items: stretch;
}

#hero-carousel-5 .owl-item {
  display: flex;
   height: auto;
}
.news-article-div {
    
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
     border: 1px solid #00000026
  
}
.news-article-div .image-container {
    width: 100%;
    height: 170px;   
    overflow: hidden;
    border-bottom: 1px solid #00000026;
    flex-shrink: 0;
}
@media (max-width:991px) {
.news-article-div .image-container {
    height: 145px;   
}
}
.news-article-div .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top; 
    display: block;
}
.news-article-div .article {
    padding: 1rem;
    height: 100%;
     flex: 1;
  display: flex;
  flex-direction: column;
}

.article-date {
    font-size: 0.8rem;
    color: #FA393A; 
    font-weight: 600;
}

.article-source {
    font-size: 0.8rem;
    color: #99A1AF;
    /* margin-left: 6px; */
}
.source-by{
    color: #6A7282;
    margin-left: 6px;
    font-size: 0.8rem;
}
.article-title {
    font-size: 1.1rem;
    font-weight: 600;
    color:#000000;
    margin: 8px 0;
    line-height: 1.3;
}
.article-desc {
    font-size: 0.9rem;
    color: #6D6D6D;
    line-height: 1.4;
}
.news-link{
      font-size: 0.9rem;
    color: #FA393A;
    font-weight: 400;
    text-decoration: none;
}

.news-link:hover{
    color: #FA393A;
    text-decoration: underline; 
}
.destinations-carousel-container {
  clip-path: url(#middleNarrow);
  overflow: hidden;
}

.destinations-carousal .image-container {
  position: relative;
  overflow: hidden;
  display: block;
}

.destinations-carousal .image-container span {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  z-index: 2;
  text-shadow: 1px 1px 1px #00000036;
  box-shadow: 0 0 10px #00000075;
  border-radius: 5px;
  padding: 0.6rem 1rem;
}
@media (max-width:667px) {
.destinations-carousal .image-container span {
    bottom: 1.8rem ;  
    font-size: 1rem ;
}
}
.destinations-carousal .image-container::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: #000;
  opacity: 0.2; */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,  
    rgba(0, 0, 0, 0.15) 25%,
    rgba(0, 0, 0, 0) 50%
  );
  pointer-events: none;
}

.destinations-carousal .dest-btn {
  background-color: #F10409;
  /* padding: 0.4rem 1.4rem; */
   padding: 1rem 1rem;
    border-radius: 2px;
  /* border-radius: 50px; */
  z-index: 3;
  cursor: pointer;
  /* transition: box-shadow 0.3s ease, transform 0.3s ease; */
  white-space: nowrap;
}

.destinations-carousal .dest-btn:hover {
  /* box-shadow: 0 4px 15px rgba(231, 25, 26, 0.5); */
  
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
  /* transform: translateX(-50%) translateY(-2px); */
}

@media (max-width: 667px) {
  .destinations-carousal .dest-btn {
    padding: 0.25rem 0.9rem;
  }
}
.Red-heading{
    font-weight: 400 !important;
    color: #E7191A !important;
    line-height: 50px !important;
    font-size: 3rem !important;
}
@media (max-width:768px) {
.Red-heading{
    line-height: 40px!important;
}
}
.home-qick-link {
  list-style: disc !important;
  /* padding-left: 20px; */
}
.red-header, .red-header-mob{
    font-size: 3rem !important;
    line-height: 50px !important;
}
@media (max-width: 768px) {
    .red-header-mob {
        padding-top: 0rem !important;
    }
}
@media (max-width: 768px) {
    .Red-heading ,.red-header, .red-header-mob {
        font-size: 2.555rem !important;
         line-height: 40px !important;
    }
}
.carousal-wrapper {
    padding-top: 8rem !important;
}
@media (max-width:768px) {
.carousal-wrapper{
     padding-top: 4rem !important;
}
}
/* .content{
    font-size: 2.5rem !important;
    height: 1.3 !important;
    font-weight: 300 !important;
    margin-bottom: 1.25rem !important;
} */
   /* .reel-card {
  width: 260px;
  height: 420px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.reel-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.2),
    rgba(0,0,0,0.6)
  );
  color: white;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.play-btn {
  align-self: center;
  font-size: 32px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  padding: 8px 14px;
}

.text h3 {
  font-size: 22px;
  margin: 0;
}

.text p {
  font-size: 12px;
  opacity: 0.9;
} */
video{
    width: 100%;
    object-fit: cover;
} 

.insta-reels-wrapper {
  padding-bottom: 10px;
}
/* @media (max-width: 768px) {
    .insta-reels-wrapper {
        max-width: 95%;
        scrollbar-width: none;    
  -ms-overflow-style: none;  
    }
} */
/* Desktop: 4 per row */
.insta-reel-card {
 width: 100%;
  max-width: 100%;
  aspect-ratio: 9 / 16;
  /* aspect-ratio: 13 / 16; */
  overflow: hidden;
  border-radius: 12px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
}


/* Instagram embed fit */
/* Reel video wrapper with play overlay */
.reel-video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.reel-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.reel-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
  z-index: 2;
}

.reel-play-overlay.hidden {
  display: none;
}

.reel-play-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 0;
}

.reel-play-btn svg {
  width: 72px;
  height: 72px;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.6));
  transition: transform 0.2s ease;
}

.reel-play-btn:hover svg {
  transform: scale(1.1);
}

.reel-mute-toggle {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.2s ease;
  pointer-events: none;
  transform: scale(0.85);
}

.reel-mute-toggle.visible {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.reel-mute-toggle:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: scale(1.1);
}

.reel-mute-toggle:active {
  transform: scale(0.95);
}

.reel-mute-toggle svg {
  width: 20px;
  height: 20px;
  fill: white;
}

.insta-reel-card .instagram-media {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: unset !important;
  max-width: 100% !important;
}

/* Tablet: 2 per row */



.insta{
    background-color: #F10409;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem;
    border-radius: 2px;
    margin-top: 1rem;
}
.insta:hover {
    /* background-color: #e10308;    */
    /* transform: translateY(-1px);  */
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}
.insta img{
   margin-right: 0.5rem;
}
.insta-link{
    text-decoration: none;
      display: flex;
    justify-content: center;
    margin-top: 1rem;
}
.news-carousel-container {
  position: relative;
}
.insta-reels-wrapper {
  position: relative;
}
.insta-reels-wrapper .custom-nav-1  {
   top: 45%;
}
.custom-nav-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 35px;
  height: 35px;
  /* bottom: 1px; */
  border-radius: 50%;
  border: none;
  background: #F10409;
   /* background: rgba(0, 0, 0, 0.6); */
  color: #fff;
  cursor: pointer;
  transition:all 0.3s ease;
   display: flex;
  justify-content: center;
  align-items: center;
}

/* Left Button */
.nav-left {
  left: -5px;
}

/* Right Button */
.nav-right {
  right: -5px;
}

/* Hover Effect */
.custom-nav-1:hover {
   /* background: rgba(233,39,45,0.364706); */
               transform: translateY(-50%) scale(1.08);

}
.nav-left::before {
  content: "←";
  font-size: 15px;
  margin-bottom: 0.2rem;
}

.nav-right::before {
  content: "→";
  font-size: 15px;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .custom-nav-1 {
    display: none;
  }
}