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

:root{
    --myems-dark:#061826;
    --myems-navy:#0b2b44;
    --myems-blue:#0d6efd;
    --myems-gold:#f5b642;
    --myems-soft:#f5f8fb;
    --myems-white:#ffffff;
    --myems-text:#243447;
    --myems-muted:#6b7c8f;
    --myems-border:rgba(255,255,255,.18);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,sans-serif;
    background:#f5f8fb;
    color:#243447;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    transition:.3s;
}

.myems-topbar{
    background:#04121f;
    color:rgba(255,255,255,.88);
    font-size:14px;
    padding:10px 38px;
}

.myems-topbar-inner{
    max-width:1240px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.myems-hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(6,24,38,.97),rgba(11,43,68,.9)),
        radial-gradient(circle at top right,rgba(245,182,66,.18),transparent 36%),
        linear-gradient(135deg,#061826,#0b2b44);
    padding:18px 38px 72px;
}

.myems-hero::before{
    content:"";
    position:absolute;
    top:-135px;
    right:-100px;
    width:460px;
    height:460px;
    background:rgba(255,255,255,.06);
    border-radius:50%;
}

.myems-container{
    max-width:1240px;
    margin:auto;
    position:relative;
    z-index:2;
}

.myems-navbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:34px;
    gap:20px;
}

.myems-logo{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:26px;
    font-weight:800;
    color:#fff;
}

.myems-logo img{
    height:58px;
    width:auto;
    background:#fff;
    border-radius:13px;
    padding:8px 14px;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.myems-nav-note{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}

.myems-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    font-weight:700;
    backdrop-filter:blur(10px);
}

.myems-hero-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:40px;
    align-items:start;
}

.myems-eyebrow{
    display:inline-block;
    color:#f5b642;
    font-weight:800;
    margin-bottom:14px;
    letter-spacing:.4px;
    font-size:18px;
}

.myems-hero h1{
    font-size:52px;
    line-height:1.08;
    margin-bottom:20px;
    letter-spacing:-1.8px;
    max-width:680px;
}

.myems-hero p{
    font-size:17px;
    line-height:1.7;
    color:rgba(255,255,255,.86);
    margin-bottom:22px;
    max-width:660px;
}

.myems-trust-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-top:14px;
    transform:translateY(-4px);
}

.myems-trust-item{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    padding:15px 16px;
    backdrop-filter:blur(10px);
    min-height:88px;
}

.myems-trust-item strong{
    display:block;
    color:#fff;
    margin-bottom:7px;
    font-size:20px;
}

.myems-trust-item span{
    color:rgba(255,255,255,.76);
    font-size:14px;
    line-height:1.35;
}

.myems-info-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:24px;
    padding:26px 26px 24px;
    backdrop-filter:blur(12px);
    box-shadow:0 24px 70px rgba(0,0,0,.22);
    margin-top:26px;
}

.myems-info-card h2{
    font-size:30px;
    margin-bottom:18px;
    line-height:1.2;
}

.myems-info-card p{
    font-size:16px;
    line-height:1.65;
    margin-bottom:18px;
    color:rgba(255,255,255,.88);
}

.myems-info-card ul{
    list-style:none;
}

.myems-info-card li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.86);
    font-size:16px;
}

.myems-info-card li:last-child{
    border-bottom:none;
}

.myems-check{
    color:#f5b642;
    font-weight:900;
}

.tpwl-search-header{
    position:relative;
    z-index:50;
    margin-top:-55px;
    padding:0 38px 34px;
}

.tpwl-search__wrapper{
    max-width:1240px;
    margin:auto;
    background:#fff;
    border-radius:28px;
    padding:22px;
    box-shadow:0 25px 70px rgba(6,24,38,.18);
    border:1px solid rgba(6,24,38,.08);
}

.tpwl-main{
    background:#f5f8fb;
}

.tpwl-tickets__wrapper{
    padding:18px 38px 35px;
    display:flex;
    justify-content:center;
}

.tpwl__content{
    width:100%;
    max-width:1240px;
}

.myems-security{
    padding:70px 38px;
    background:#fff;
}

.myems-security-grid{
    max-width:1240px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.myems-security-card{
    background:#fff;
    border-radius:24px;
    padding:28px;
    border:1px solid rgba(6,24,38,.08);
    box-shadow:0 14px 40px rgba(6,24,38,.06);
}

.myems-security-card strong{
    display:block;
    margin-bottom:10px;
    color:#061826;
    font-size:18px;
}

.myems-security-card span{
    color:#6b7c8f;
    line-height:1.7;
    font-size:14px;
}

.tpwl-widgets__wrapper{
    padding:70px 38px;
    display:flex;
    justify-content:center;
}

.myems-section-title{
    text-align:center;
    margin-bottom:32px;
}

.myems-section-title span{
    color:#0d6efd;
    font-weight:800;
}

.myems-section-title h3{
    font-size:40px;
    margin:10px 0 14px;
    color:#061826;
}

.myems-section-title p{
    max-width:700px;
    margin:auto;
    color:#6b7c8f;
    line-height:1.8;
}

.tpwl-widget-weedles{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.tpwl-widget-weedle{
    min-height:180px;
}

.tpwl-footer__wrapper{
    background:#061826;
    color:rgba(255,255,255,.78);
    padding:60px 38px 40px;
}

.tpwl-footer-top{
    max-width:1240px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-bottom:35px;
}

.tpwl-footer__logo img{
    height:54px;
    width:auto;
    background:#fff;
    border-radius:14px;
    padding:8px 14px;
}

.tpwl-footer__links{
    display:flex;
    align-items:center;
    gap:26px;
    flex-wrap:wrap;
}

.tpwl-footer__links a{
    color:#fff;
    font-weight:600;
    font-size:15px;
    transition:.3s;
}

.tpwl-footer__links a:hover{
    color:#f5b642;
}

.tpwl-footer__copyright{
    text-align:center;
    border-top:1px solid rgba(255,255,255,.10);
    padding-top:24px;
    line-height:1.8;
    color:rgba(255,255,255,.65);
    font-size:14px;
}

@media(max-width:991px){

    .myems-topbar{
        padding:10px 16px;
    }

    .myems-hero{
        padding:18px 16px 68px;
    }

    .myems-navbar{
        flex-direction:column;
        align-items:flex-start;
        margin-bottom:34px;
    }

    .myems-nav-note{
        flex-wrap:wrap;
    }

    .myems-hero-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .myems-hero h1{
        font-size:40px;
    }

    .myems-trust-list{
        grid-template-columns:1fr;
        transform:none;
    }

    .myems-info-card{
        margin-top:0;
    }

    .myems-security-grid{
        grid-template-columns:1fr;
    }

    .tpwl-widget-weedles{
        grid-template-columns:1fr;
    }

    .tpwl-search-header{
        margin-top:-42px;
        padding:0 16px 28px;
    }

    .tpwl-tickets__wrapper,
    .tpwl-widgets__wrapper,
    .myems-security{
        padding-left:16px;
        padding-right:16px;
    }
}

@media(max-width:768px){

    .tpwl-footer-top{
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }

    .tpwl-footer__links{
        justify-content:center;
    }
}

@media(max-width:576px){

    .myems-logo{
        font-size:19px;
    }

    .myems-logo img{
        height:48px;
    }

    .myems-hero h1{
        font-size:34px;
    }

    .myems-hero p{
        font-size:16px;
    }

    .tpwl-search__wrapper{
        border-radius:22px;
        padding:16px;
    }

    .myems-section-title h3{
        font-size:30px;
    }
}
.myems-compact-header {
    background: linear-gradient(135deg, #061426 0%, #0a2a4f 55%, #0d5fa6 100%);
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 8px 28px rgba(0,0,0,.16);
}

.myems-compact-inner {
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
}

.myems-compact-logo {
    background: #fff;
    border-radius: 14px;
    padding: 7px 13px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.myems-compact-logo img {
    height: 38px;
    width: auto;
    display: block;
}

.myems-compact-text {
    color: #fff;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.myems-compact-text strong {
    font-size: 20px;
    font-weight: 800;
}

.myems-compact-text span {
    font-size: 13px;
    color: rgba(255,255,255,.82);
}

.myems-compact-home {
    margin-left: auto;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 15px;
    border-radius: 30px;
    text-decoration: none;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}

.myems-compact-home:hover {
    color: #fff;
    background: rgba(255,255,255,.20);
}

.tpwl-search-header {
    margin-top: 0 !important;
    padding-top: 24px !important;
}

@media (max-width: 767px) {
    .myems-compact-header {
        padding: 9px 0;
    }

    .myems-compact-inner {
        width: calc(100% - 20px);
        gap: 10px;
    }

    .myems-compact-logo {
        padding: 5px 9px;
        border-radius: 11px;
    }

    .myems-compact-logo img {
        height: 30px;
    }

    .myems-compact-text strong {
        font-size: 15px;
    }

    .myems-compact-text span {
        font-size: 11px;
    }

    .myems-compact-home {
        display: none;
    }

    .tpwl-search-header {
        padding-top: 12px !important;
    }
}
.myems-topbar,
.myems-compact-header {
    display: none !important;
}

.myems-flight-header {
    position: relative;
    background:
        radial-gradient(circle at 82% 12%, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(135deg, #061426 0%, #0a2a4f 48%, #0d5fa6 100%);
    min-height: 126px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 12px 34px rgba(0,0,0,.16);
}

.myems-flight-header::after {
    content: "✈";
    position: absolute;
    right: 7%;
    top: 18px;
    color: rgba(255,255,255,.10);
    font-size: 92px;
    transform: rotate(-10deg);
    pointer-events: none;
}

.myems-flight-header-inner {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
    z-index: 2;
}

.myems-flight-logo {
    background: #fff;
    border-radius: 18px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    box-shadow: 0 12px 30px rgba(0,0,0,.14);
}

.myems-flight-logo img {
    height: 48px;
    width: auto;
    display: block;
}

.myems-flight-heading {
    color: #fff;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.myems-flight-heading span {
    color: #ffcc4d;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .3px;
    margin-bottom: 4px;
}

.myems-flight-heading strong {
    color: #fff;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -.4px;
}

.myems-flight-features {
    margin-left: auto;
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 390px;
}

.myems-flight-features span {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 40px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
}

.tpwl-search-header {
    padding-top: 26px !important;
}

@media (max-width: 767px) {
    .myems-flight-header {
        min-height: 82px;
        padding: 10px 0;
        box-shadow: 0 8px 22px rgba(0,0,0,.15);
    }

    .myems-flight-header::after {
        right: 8px;
        top: 8px;
        font-size: 48px;
        opacity: .45;
    }

    .myems-flight-header-inner {
        width: calc(100% - 20px);
        gap: 10px;
    }

    .myems-flight-logo {
        border-radius: 13px;
        padding: 6px 9px;
    }

    .myems-flight-logo img {
        height: 33px;
    }

    .myems-flight-heading {
        flex: 1;
    }

    .myems-flight-heading span {
        font-size: 11px;
        margin-bottom: 2px;
    }

    .myems-flight-heading strong {
        font-size: 15px;
        line-height: 1.18;
        letter-spacing: 0;
    }

    .myems-flight-features {
        display: none;
    }

    .tpwl-search-header {
        padding-top: 12px !important;
    }
}