/* ==========================================================================
   HOME PAGE - REDESIGN (hero, search panel, services, content, destinations,
   newsletter). Loaded only from Views/Home/Index.cshtml; every rule is scoped
   to the .tkn-home wrapper added there. Markup, IDs, names and scripts are
   untouched. Colours follow the TktNow logo (deep blue #023a6d + orange).
   ========================================================================== */

.tkn-home {
    --tkh-primary: #0b5fa5;
    --tkh-primary-dark: #084a82;
    --tkh-primary-soft: #e8f1fa;
    --tkh-primary-line: #c9dcef;
    --tkh-accent-light: #ff9b3d;
    --tkh-accent: #f6720c;
    --tkh-accent-dark: #e0520a;
    --tkh-navy: #023a6d;
    --tkh-navy-dark: #01264a;
    --tkh-text: #1d2b36;
    --tkh-muted: #6b7a86;
    --tkh-border: #e1e8ed;
    --tkh-page: #f3f6f8;
    --tkh-shadow: 0 1px 2px rgba(2, 38, 74, .04), 0 10px 26px rgba(2, 38, 74, .07);
    display: flow-root; /* contain the floated sections */
    width: 100%;
    background: var(--tkh-page);
    color: var(--tkh-text);
}

/* ==========================================================================
   HERO
   ========================================================================== */
.tkn-home .banner-slider .carousel-inner .item img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: 65% center;
}

/* The old photo needed a 50% black wash - the illustration only needs a light fade */
.tkn-home .banner-slider .carousel-inner .item::before {
    background: linear-gradient(180deg, rgba(1, 27, 54, 0) 55%, rgba(1, 27, 54, .35) 100%);
}

.tkn-home .banner-slider .carousel-caption {
    left: 0;
    right: 0;
    bottom: 300px;
    padding: 0;
    text-shadow: none;
}

    .tkn-home .banner-slider .carousel-caption .carousel-caption-inner {
        padding: 0 4px;
    }

        /* Eyebrow pill above the headline */
        .tkn-home .banner-slider .carousel-caption .carousel-caption-inner:before {
            content: "\f072\00a0\00a0 Flights worldwide \00b7  24/7 expert help";
            display: inline-block;
            margin-bottom: 14px;
            padding: 6px 14px;
            font-family: "Open Sans", FontAwesome, sans-serif;
            font-size: 12.5px;
            font-weight: 700;
            letter-spacing: .6px;
            color: #fff;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 999px;
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
        }

        .tkn-home .banner-slider .carousel-caption h2 {
            display: block;
            margin: 0;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-size: 46px;
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: .5px;
            color: #fff;
            text-shadow: 0 4px 24px rgba(1, 27, 54, .45);
        }

        /* Subtitle under the headline */
        .tkn-home .banner-slider .carousel-caption .carousel-caption-inner:after {
            content: "Compare fares, book in minutes and travel with confidence.";
            display: block;
            margin-top: 10px;
            font-size: 17px;
            font-weight: 400;
            color: rgba(255, 255, 255, .85);
        }

/* ==========================================================================
   SEARCH PANEL (Views/Shared/_SearchFlights.cshtml inside #divTabFlight)
   ========================================================================== */
.tkn-home .search_container {
    z-index: 5;
}

    .tkn-home .search_container .tab_full_container .tab-content {
        padding: 18px 20px 20px;
        background: rgba(255, 255, 255, .98);
        border-radius: 20px;
        box-shadow: 0 24px 50px rgba(1, 38, 74, .28), 0 2px 8px rgba(1, 38, 74, .08);
    }

/* Trip type: segmented pills with icons */
.tkn-home #divTabFlight .form_full .radio-full {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
}

.tkn-home #divTabFlight .radio-full .radio-inline {
    margin: 0;
    padding: 0;
}

    .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:checked + label,
    .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:not(:checked) + label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 16px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        color: #3b4a57;
        background: var(--tkh-page);
        border: 1px solid var(--tkh-border);
        border-radius: 999px;
        transition: background-color .2s, color .2s, border-color .2s;
    }

        .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:not(:checked) + label:hover {
            border-color: var(--tkh-primary-line);
            background: #eef4fb;
        }

    .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:checked + label {
        color: #fff;
        background: linear-gradient(135deg, var(--tkh-navy) 0%, var(--tkh-navy-dark) 100%);
        border-color: var(--tkh-navy);
        box-shadow: 0 6px 14px rgba(1, 38, 74, .25);
    }

        /* Replace the old radio circle with a trip icon */
        .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:checked + label:before,
        .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:not(:checked) + label:before {
            position: static;
            width: auto;
            height: auto;
            font-family: FontAwesome;
            font-size: 13px;
            font-weight: normal;
            line-height: 1;
            color: inherit;
            background: none;
            border: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .tkn-home #divTabFlight .radio-full #chkRoundTrip1 + label:before {
            content: "\f0ec";
        }

        .tkn-home #divTabFlight .radio-full #chkOneWay1 + label:before {
            content: "\f178";
        }

        .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:checked + label:after,
        .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:not(:checked) + label:after {
            display: none;
        }

    .tkn-home #divTabFlight .radio-full .radio-inline [type=radio]:focus-visible + label {
        outline: 3px solid rgba(11, 95, 165, .3);
        outline-offset: 2px;
    }

/* Direct flights only */
.tkn-home #divTabFlight .form_full .radio-full .checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 0 6px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #3b4a57;
}

    .tkn-home #divTabFlight .form_full .radio-full .checkbox-inline input[type=checkbox] {
        position: static;
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: var(--tkh-primary);
        cursor: pointer;
    }

/* Fields: label inside at the top-left, icon on the value line */
.tkn-home #divTabFlight .form_full {
    margin-left: 4px;
    margin-right: 4px;
}

.tkn-home #divTabFlight .form-group {
    margin-bottom: 0;
}

    .tkn-home #divTabFlight .form-group > label {
        top: 9px;
        left: 14px;
        width: auto;
        font-size: 10.5px;
        font-weight: 700;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: .8px;
        color: var(--tkh-muted);
        pointer-events: none;
    }

    .tkn-home #divTabFlight .form-group > span.icon {
        top: 30px;
        bottom: auto;
        left: 14px;
        z-index: 1;
        height: auto;
        font-size: 15px;
        line-height: 1;
        color: var(--tkh-accent);
        pointer-events: none;
    }

    .tkn-home #divTabFlight .form-group .form-control {
        height: 58px;
        line-height: normal;
        padding: 24px 12px 6px 36px;
        font-size: 15px;
        font-weight: 600;
        color: var(--tkh-text);
        background-color: #f7f9fb;
        border: 1px solid #dfe6eb;
        border-radius: 12px;
        box-shadow: none;
        transition: border-color .2s, box-shadow .2s, background-color .2s;
    }

        .tkn-home #divTabFlight .form-group .form-control::placeholder {
            line-height: normal;
            font-weight: 500;
            color: #9aa7b1;
        }

        .tkn-home #divTabFlight .form-group .form-control:hover {
            border-color: var(--tkh-primary-line);
        }

        .tkn-home #divTabFlight .form-group .form-control:focus,
        .tkn-home #divTabFlight .form-group .form-control.f-traveller[aria-expanded="true"] {
            background-color: #fff;
            border-color: var(--tkh-primary);
            box-shadow: 0 0 0 3px rgba(11, 95, 165, .15);
        }

        /* Traveller(s) / Cabin Class (div-based "fields" without an icon) */
        .tkn-home #divTabFlight .form-group .form-control.f-traveller {
            display: flex;
            align-items: flex-end;
            gap: 4px;
            padding: 0 22px 9px 12px;
            font-size: 14px;
            line-height: normal;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            background-position: right 8px center;
        }

        .tkn-home #divTabFlight #divFlightPax > label {
            left: 12px;
            letter-spacing: .4px;
        }

/* Search button - orange */
.tkn-home #divTabFlight .search-button {
    margin-left: 4px;
    margin-right: 4px;
}

    .tkn-home #divTabFlight .search-button .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: 58px;
        font-size: 17px;
        font-weight: 800;
        letter-spacing: .5px;
        color: #fff;
        background: linear-gradient(135deg, var(--tkh-accent-light) 0%, var(--tkh-accent) 45%, var(--tkh-accent-dark) 100%) !important;
        border: 0;
        border-radius: 12px;
        box-shadow: 0 10px 22px rgba(224, 82, 10, .35);
        transition: transform .15s, box-shadow .2s;
    }

        .tkn-home #divTabFlight .search-button .btn:hover,
        .tkn-home #divTabFlight .search-button .btn:focus {
            color: #fff;
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(224, 82, 10, .45);
        }

        .tkn-home #divTabFlight .search-button .btn:focus-visible {
            outline: 3px solid rgba(224, 82, 10, .4);
            outline-offset: 2px;
        }

/* ==========================================================================
   WHY US - service cards
   ========================================================================== */
.tkn-home .our_services {
    padding: 56px 0 28px;
    background: transparent;
}

    .tkn-home .our_services .hfd-content-inner .d-flex-row .d-flex-col {
        padding: 0 10px;
    }

    .tkn-home .our_services .hfd-content-inner .pkg-panel {
        position: relative;
        width: 100%;
        margin: 10px 0;
        padding: 28px 22px 24px;
        overflow: hidden;
        text-align: center;
        background: #fff;
        border: 1px solid var(--tkh-border);
        border-radius: 18px;
        box-shadow: var(--tkh-shadow);
        transition: transform .2s, box-shadow .2s, border-color .2s;
    }

        /* Accent bar that grows on hover */
        .tkn-home .our_services .hfd-content-inner .pkg-panel:after {
            content: "";
            position: absolute;
            left: 50%;
            right: 50%;
            top: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--tkh-primary), var(--tkh-accent));
            transition: left .3s, right .3s;
        }

        .tkn-home .our_services .hfd-content-inner .pkg-panel:hover {
            transform: translateY(-4px);
            border-color: var(--tkh-primary-line);
            box-shadow: 0 18px 36px rgba(2, 38, 74, .12);
        }

            .tkn-home .our_services .hfd-content-inner .pkg-panel:hover:after {
                left: 0;
                right: 0;
            }

        .tkn-home .our_services .hfd-content-inner .pkg-panel .circle {
            justify-content: center;
            width: 76px;
            height: 76px;
            margin: 0 auto;
            padding: 6px;
            background: var(--tkh-primary-soft);
            border-radius: 50%;
        }

            .tkn-home .our_services .hfd-content-inner .pkg-panel:hover .circle img {
                opacity: 1;
            }

        .tkn-home .our_services .hfd-content-inner .pkg-panel .sp-text {
            margin: 16px 0 0;
            font-size: 17px;
            font-weight: 700;
            line-height: 1.35;
            letter-spacing: 0;
            color: var(--tkh-navy);
        }

        .tkn-home .our_services .hfd-content-inner .pkg-panel .sp-text2 {
            margin: 8px 0 0;
            font-size: 14px;
            line-height: 1.65;
            letter-spacing: 0;
            color: var(--tkh-muted);
        }

/* ==========================================================================
   CONTENT - "The best place for flight deals" article
   ========================================================================== */
.tkn-home .flight_deals {
    margin: 0;
    padding: 28px 0 40px;
    background: transparent;
}

    .tkn-home .flight_deals .hfd-content-inner {
        padding: 36px 40px 22px;
        background: #fff;
        border: 1px solid var(--tkh-border);
        border-radius: 20px;
        box-shadow: var(--tkh-shadow);
    }

        .tkn-home .flight_deals .hfd-content-inner .hfdci-heading1 {
            display: block;
            position: relative;
            margin: 6px 0 16px;
            padding-left: 18px;
            font: 700 26px/1.3 "Open Sans", Arial, sans-serif;
            color: var(--tkh-navy);
        }

            .tkn-home .flight_deals .hfd-content-inner .hfdci-heading1:before {
                content: "";
                position: absolute;
                left: 0;
                top: 4px;
                bottom: 4px;
                width: 5px;
                background: linear-gradient(180deg, var(--tkh-accent-light), var(--tkh-accent));
                border-radius: 4px;
            }

            .tkn-home .flight_deals .hfd-content-inner .hfdci-heading1 span {
                display: inline;
                margin: 0;
                font-size: inherit;
                font-weight: 800;
                color: var(--tkh-accent);
            }

            .tkn-home .flight_deals .hfd-content-inner .hfdci-heading1 ~ .hfdci-heading1 {
                margin-top: 26px;
            }

        .tkn-home .flight_deals .hfd-content-inner .hfdci-info-text {
            display: block;
            margin: 0 0 14px;
            font-size: 15px;
            line-height: 1.75;
            letter-spacing: 0;
            text-align: left;
            color: #4b5a66;
        }

        /* Reasons list with check badges */
        .tkn-home .flight_deals .hfd-content-inner .ul-info {
            margin: 4px 0 18px;
            padding: 0;
            list-style: none;
        }

            .tkn-home .flight_deals .hfd-content-inner .ul-info li {
                position: relative;
                margin: 0 0 10px;
                padding: 12px 16px 12px 52px;
                font-size: 15px;
                line-height: 1.65;
                letter-spacing: 0;
                text-align: left;
                color: #4b5a66;
                background: #f7f9fb;
                border: 1px solid #edf1f4;
                border-radius: 12px;
            }

                .tkn-home .flight_deals .hfd-content-inner .ul-info li:before {
                    content: "\f00c";
                    position: absolute;
                    left: 14px;
                    top: 13px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 26px;
                    height: 26px;
                    font-family: FontAwesome;
                    font-size: 12px;
                    color: #fff;
                    background: var(--tkh-primary);
                    border-radius: 50%;
                }

                .tkn-home .flight_deals .hfd-content-inner .ul-info li b {
                    color: var(--tkh-navy);
                }

/* ==========================================================================
   POPULAR DESTINATIONS - rounded image tiles
   ========================================================================== */
.tkn-home .hotel-deals-panel {
    padding: 8px 0 48px;
    background: transparent;
}

    .tkn-home .hotel-deals-panel .hdp-content-inner .main-heading {
        margin: 0 0 6px;
        padding: 0;
        font: 800 30px/1.25 "Open Sans", Arial, sans-serif;
        text-align: center;
        color: var(--tkh-navy);
    }

        .tkn-home .hotel-deals-panel .hdp-content-inner .main-heading span {
            font-weight: 800;
            color: var(--tkh-accent);
        }

        .tkn-home .hotel-deals-panel .hdp-content-inner .main-heading:after {
            content: "Handpicked places our travellers love";
            display: block;
            margin: 6px 0 18px;
            font-size: 14px;
            font-weight: 400;
            color: var(--tkh-muted);
        }

    .tkn-home .hotel-deals-panel .hdp-content-inner .d-flex-row {
        width: calc(100% + 16px);
        margin-left: -8px;
    }

        .tkn-home .hotel-deals-panel .hdp-content-inner .d-flex-row .d-flex-col {
            padding: 8px;
        }

    .tkn-home .hotel-deals-panel .hdp-content-inner .package {
        margin: 0;
        overflow: hidden;
        border-radius: 18px;
        box-shadow: var(--tkh-shadow);
    }

        .tkn-home .hotel-deals-panel .hdp-content-inner .package .im,
        .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .im-inner {
            border-radius: 18px;
        }

            .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .im-inner img {
                height: 280px;
                object-fit: cover;
                transition: transform .5s;
            }

            .tkn-home .hotel-deals-panel .hdp-content-inner .package .im:hover .im-inner img {
                transform: scale(1.06);
            }

            /* Readable bottom fade instead of a flat wash */
            .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .im-inner:before {
                z-index: 1;
                background: linear-gradient(180deg, rgba(1, 27, 54, 0) 40%, rgba(1, 27, 54, .78) 100%);
            }

            .tkn-home .hotel-deals-panel .hdp-content-inner .package .im:hover .im-inner:before {
                background: linear-gradient(180deg, rgba(1, 27, 54, .15) 0%, rgba(1, 27, 54, .88) 100%);
            }

            .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .img-content-box {
                z-index: 2;
                padding: 18px 20px;
            }

                /* Destination name always visible, with a plane chip */
                .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .img-content-box .icb-text1 {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    margin: 0;
                    font-size: 18px;
                    font-weight: 800;
                    text-transform: none;
                    opacity: 1;
                    color: #fff;
                }

                    .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .img-content-box .icb-text1:before {
                        content: "\f072";
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        flex: 0 0 28px;
                        width: 28px;
                        height: 28px;
                        font-family: FontAwesome;
                        font-size: 12px;
                        font-weight: normal;
                        color: #fff;
                        background: var(--tkh-accent);
                        border-radius: 50%;
                    }

                /* Description reveals on hover (clipped to 3 lines) */
                .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .img-content-box .icb-text2 {
                    display: -webkit-box;
                    max-height: 0;
                    margin: 0;
                    overflow: hidden;
                    font-size: 13px;
                    text-transform: none;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    transition: max-height .35s, margin .35s, opacity .35s;
                }

                .tkn-home .hotel-deals-panel .hdp-content-inner .package .im.im-effect:hover .img-content-box .icb-text2 {
                    max-height: 70px;
                    margin-top: 8px;
                    opacity: 1;
                }

/* ==========================================================================
   NEWSLETTER - navy band
   ========================================================================== */
.tkn-home .f-news-letter {
    margin-top: 0;
    background: linear-gradient(135deg, var(--tkh-primary) 0%, var(--tkh-navy) 55%, var(--tkh-navy-dark) 100%);
}

    .tkn-home .f-news-letter:before {
        top: -120px;
        left: auto;
        right: -80px;
        width: 360px;
        height: 360px;
        background: radial-gradient(circle, rgba(246, 114, 12, .35) 0%, rgba(246, 114, 12, 0) 70%);
        border-radius: 50%;
    }

    .tkn-home .f-news-letter .fnews-letter-inner {
        flex-direction: row-reverse;
        gap: 24px 40px;
        padding: 40px 0;
    }

        .tkn-home .f-news-letter .fnews-letter-inner .nl-left {
            flex: 1 1 340px;
        }

            .tkn-home .f-news-letter .fnews-letter-inner .nl-left .nl-text-box .nl-text1 {
                display: block;
                margin: 0;
                padding: 0 0 0 62px;
                font-size: 18px;
                line-height: 1.5;
                color: rgba(255, 255, 255, .9);
                position: relative;
            }

                .tkn-home .f-news-letter .fnews-letter-inner .nl-left .nl-text-box .nl-text1:before {
                    content: "\f0e0";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 46px;
                    height: 46px;
                    margin-top: -23px;
                    font-family: FontAwesome;
                    font-size: 19px;
                    color: #fff;
                    background: rgba(255, 255, 255, .12);
                    border: 1px solid rgba(255, 255, 255, .2);
                    border-radius: 12px;
                }

                .tkn-home .f-news-letter .fnews-letter-inner .nl-left .nl-text-box .nl-text1 b {
                    display: inline;
                    font-weight: 800;
                    color: #fff;
                }

                .tkn-home .f-news-letter .fnews-letter-inner .nl-left .nl-text-box .nl-text1 a {
                    display: inline;
                    font-size: 13px;
                    color: #ffc995;
                }

        .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 {
            padding: 6px;
            background: #fff;
            border-radius: 14px;
            box-shadow: 0 12px 26px rgba(0, 0, 0, .2);
        }

            .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 .nl-input {
                width: auto;
                flex: 1 1 auto;
                height: 50px;
                margin: 0;
                padding: 0 14px;
                font-size: 14px;
                color: var(--tkh-text);
                border: 0;
                border-radius: 10px;
                box-shadow: none;
            }

                .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 .nl-input:focus {
                    outline: 0;
                    box-shadow: 0 0 0 3px rgba(11, 95, 165, .15);
                }

            .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 .nl-input-btn {
                flex: 0 0 auto;
                width: auto;
                height: 50px;
                padding: 0 24px;
                font-size: 14px;
                font-weight: 800;
                letter-spacing: .5px;
                color: #fff;
                background: linear-gradient(135deg, var(--tkh-accent-light) 0%, var(--tkh-accent) 45%, var(--tkh-accent-dark) 100%);
                border-radius: 10px;
                text-decoration: none;
                transition: transform .15s, box-shadow .2s;
            }

                .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 .nl-input-btn:hover {
                    background: linear-gradient(135deg, var(--tkh-accent-light) 0%, var(--tkh-accent) 45%, var(--tkh-accent-dark) 100%);
                    box-shadow: 0 8px 18px rgba(224, 82, 10, .4);
                }

        .tkn-home .f-news-letter .fnews-letter-inner .nl-right .nlr-botton-text {
            color: rgba(255, 255, 255, .7) !important;
        }

            .tkn-home .f-news-letter .fnews-letter-inner .nl-right .nlr-botton-text a {
                color: #fff;
            }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media only screen and (max-width: 1199px) {
    .tkn-home .banner-slider .carousel-caption h2 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .tkn-home .our_services .hfd-content-inner .d-flex-row .d-flex-col {
        width: 50%;
    }

    .tkn-home .flight_deals .hfd-content-inner {
        padding: 28px 26px 16px;
    }
}

@media only screen and (max-width: 767px) {
    .tkn-home .banner-slider .carousel-inner .item img {
        height: 300px;
        object-position: 70% center;
    }

    .tkn-home .banner-slider .carousel-caption .carousel-caption-inner:before {
        margin-bottom: 8px;
        font-size: 11px;
    }

    .tkn-home .banner-slider .carousel-caption h2 {
        font-size: 28px;
    }

    .tkn-home .banner-slider .carousel-caption .carousel-caption-inner:after {
        font-size: 14px;
    }

    .tkn-home .search_container .tab_full_container .tab-content {
        padding: 14px 12px 16px;
        border-radius: 16px;
    }

    /* Fields wrap into rows on phones - add a gap between rows */
    .tkn-home #divTabFlight .row-custom .width_large,
    .tkn-home #divTabFlight .row-custom .width_medium,
    .tkn-home #divTabFlight .row-custom .width_small {
        margin-bottom: 8px;
    }

    .tkn-home .our_services {
        padding-top: 36px;
    }

    .tkn-home .flight_deals .hfd-content-inner {
        padding: 22px 18px 10px;
        border-radius: 16px;
    }

        .tkn-home .flight_deals .hfd-content-inner .hfdci-heading1 {
            font-size: 21px;
        }

    .tkn-home .hotel-deals-panel .hdp-content-inner .main-heading {
        font-size: 24px;
    }

    .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .im-inner img {
        height: 220px;
    }

    /* No hover on touch: show the short description */
    .tkn-home .hotel-deals-panel .hdp-content-inner .package .im .img-content-box .icb-text2 {
        max-height: 70px;
        margin-top: 8px;
        opacity: 1;
    }

    .tkn-home .f-news-letter .fnews-letter-inner {
        flex-direction: column;
        align-items: stretch;
        padding: 30px 0;
    }
}

@media only screen and (max-width: 575px) {
    .tkn-home .our_services .hfd-content-inner .d-flex-row .d-flex-col {
        width: 100%;
    }

    .tkn-home .f-news-letter .fnews-letter-inner .nl-right .box2 .nl-input-btn {
        padding: 0 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tkn-home *,
    .tkn-home *:before,
    .tkn-home *:after {
        transition: none !important;
    }

    .tkn-home .our_services .hfd-content-inner .pkg-panel:hover,
    .tkn-home #divTabFlight .search-button .btn:hover {
        transform: none;
    }

    .tkn-home .hotel-deals-panel .hdp-content-inner .package .im:hover .im-inner img {
        transform: none;
    }
}