/* VARIABLES */

:root {

    --dak-black: #08090b;

    --dak-black-two: #0d0f12;

    --dak-black-three: #15171b;

    --dak-orange: #ff5a0a;

    --dak-orange-dark: #e94b00;

    --dak-orange-light: #fff0e8;

    --dak-white: #ffffff;

    --dak-soft-bg: #f7f7f5;

    --dak-soft-bg-two: #fbfaf8;

    --dak-text: #15171b;

    --dak-muted: #6c7077;

    --dak-border: #e5e5e2;

    --dak-radius: 20px;

    --dak-radius-large: 30px;

    --dak-shadow:
        0 22px 60px rgba(0, 0, 0, .09);

    --dak-shadow-dark:
        0 30px 80px rgba(0, 0, 0, .30);

}



/* =========================================================
           RESET
        ========================================================= */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    font-family: "DM Sans", sans-serif;

    font-size: 17px;

    line-height: 1.75;

    color: var(--dak-text);

    background: #ffffff;

    overflow-x: hidden;

}


h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: "Manrope", sans-serif;

    font-weight: 700;

}


a {

    text-decoration: none;

}


img {

    display: block;

    max-width: 100%;

}


p {

    margin-bottom: 0;

}


.dak-container {

    max-width: 1380px;

}



/* =========================================================
           COMMON SECTIONS
        ========================================================= */

.dak-section {

    padding: 75px 0;

}


.dak-section-soft {

    background: var(--dak-soft-bg-two);

}


.dak-section-dark {

    position: relative;

    overflow: hidden;

    color: #fff;

    background:

        radial-gradient(circle at 8% 18%,
            rgba(255, 90, 10, .10),
            transparent 28%),

        radial-gradient(circle at 92% 85%,
            rgba(255, 90, 10, .055),
            transparent 26%),

        var(--dak-black);

}


.dak-section-heading {

    max-width: 820px;

    margin: 0 auto 55px;

    text-align: center;

}


.dak-section-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 13px;

    color: var(--dak-orange);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}


.dak-section-label::before,
.dak-section-label::after {

    content: "";

    width: 25px;

    height: 2px;

    background: var(--dak-orange);

    border-radius: 30px;

}


.dak-section-label-left::after {

    display: none;

}


.dak-section-heading h2 {

    margin-bottom: 16px;

    font-size: clamp(36px, 4vw, 48px);

    line-height: 1.12;

    letter-spacing: normal;

}


.dak-section-heading p {

    max-width: 780px;

    margin: auto;

    color: var(--dak-muted);

    font-size: 17px;

    line-height: 1.85;

}


.dak-section-dark .dak-section-heading p {

    color: rgba(255, 255, 255, .60);

}



/* =========================================================
           BUTTONS
        ========================================================= */

.dak-btn {

    min-height: 55px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    border-radius: 10px;

    border: 1px solid transparent;

    font-size: 15px;

    font-weight: 700;

    transition: .25s ease;

}


.dak-btn:hover {

    transform: translateY(-2px);

}


.dak-btn-orange {

    color: #fff;

    background:

        linear-gradient(135deg,
            #ff762e,
            var(--dak-orange));

    box-shadow:

        0 12px 28px rgba(255, 90, 10, .25);

}


.dak-btn-orange:hover {

    color: #fff;

    background: var(--dak-orange-dark);

}


.dak-btn-black {

    color: #fff;

    background: var(--dak-black);

}


.dak-btn-black:hover {

    color: #fff;

    background: var(--dak-orange);

}


.dak-btn-white {

    color: var(--dak-black);

    background: #fff;

}


.dak-btn-white:hover {

    color: #fff;

    background: var(--dak-black);

}


.dak-btn-outline-white {

    color: #fff;

    border-color:
        rgba(255, 255, 255, .30);

    background:
        rgba(255, 255, 255, .045);

}


.dak-btn-outline-white:hover {

    color: #fff;

    border-color:
        rgba(255, 255, 255, .55);

    background:
        rgba(255, 255, 255, .12);

}



/* =========================================================
           TOPBAR
        ========================================================= */

.dak-topbar {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1020;

    height: 40px;

    display: flex;

    align-items: center;

    background: #050607;

    border-bottom:
        1px solid rgba(255, 255, 255, .06);

    color:
        rgba(255, 255, 255, .72);

    font-size: 13px;

    font-weight: 600;

}


.dak-topbar-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.dak-topbar-right {

    display: flex;

    align-items: center;

    gap: 25px;

}


.dak-topbar a {

    color:
        rgba(255, 255, 255, .78);

}


.dak-topbar i {

    margin-right: 5px;

    color: var(--dak-orange);

}



/* =========================================================
           HEADER
        ========================================================= */

.dak-header {

    position: absolute;

    top: 56px;

    left: 0;

    right: 0;

    z-index: 1050;

    transition: .35s ease;

}


/*
        NORMAL HEADER:
        Bootstrap .container is used.
        */


.dak-navbar {

    min-height: 78px;

    padding:
        5px 10px 5px 20px;

    border-radius: 18px;

    border:
        1px solid rgba(255, 255, 255, .10);

    background:
        rgba(7, 8, 10, .75);

    backdrop-filter: blur(16px);

    transition:
        min-height .35s ease,
        border-radius .35s ease,
        padding .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}



/* =========================================================
           STICKY HEADER
        ========================================================= */

.dak-header.is-sticky {

    position: fixed;

    top: 14px;

}


/*
        WHEN SCROLLING:

        JavaScript changes the wrapper from:

        .container .dak-container

        to:

        .container-fluid .dak-header-fluid

        */


.dak-header-fluid {

    width: calc(100% - 34px);

    max-width: 1760px;

    margin: auto;

    padding-left: 0 !important;

    padding-right: 0 !important;

}


.dak-header.is-sticky .dak-navbar {

    min-height: 86px;

    padding:
        5px 13px 5px 27px;

    border-radius: 52px;

    border: 1px solid #e7e7e7;

    background:
        rgba(255, 255, 255, .97);

    backdrop-filter: blur(18px);

    box-shadow:
        0 18px 55px rgba(0, 0, 0, .18);

}



/* =========================================================
           HEADER LOGO
        ========================================================= */

.dak-logo {

    flex: 0 0 auto;

    display: flex;

    align-items: center;
    padding: 0px;

}


.dak-logo img {

    width: auto;

    max-width: 205px;

    height: 63px;

    object-fit: contain;

    transition: .3s ease;

}


.dak-header.is-sticky .dak-logo img {

    max-width: 235px;

    height: 63px;

}



/* =========================================================
           HEADER NAVIGATION
        ========================================================= */

.dak-navbar .navbar-nav {

    gap: 4px;

}


.dak-navbar .nav-link {

    min-height: 46px;

    padding:
        0 12px !important;

    display: flex;

    align-items: center;

    gap: 7px;

    border-radius: 9px;

    color:
        rgba(255, 255, 255, .80);

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;

    transition: .2s ease;

}


.dak-navbar .nav-link i {

    color:
        rgba(255, 255, 255, .84);

    font-size: 14px;

}


.dak-navbar .nav-link:hover,

.dak-navbar .nav-link.active {

    color: var(--dak-orange);

    background:
        rgba(255, 90, 10, .10);

}



/* STICKY NAVIGATION */

.dak-header.is-sticky .dak-navbar .nav-link {

    min-height: 50px;

    padding:
        0 15px !important;

    color: #383b40;

    font-size: 14px;

}


.dak-header.is-sticky .dak-navbar .nav-link i {

    color: #303338;

    font-size: 15px;

}


.dak-header.is-sticky .dak-navbar .nav-link:hover,

.dak-header.is-sticky .dak-navbar .nav-link.active {

    color: var(--dak-orange);

    background: var(--dak-orange-light);

}


.dak-header.is-sticky .dak-navbar .nav-link:hover i,

.dak-header.is-sticky .dak-navbar .nav-link.active i {

    color: var(--dak-orange);

}



/* =========================================================
           HEADER BUTTONS
        ========================================================= */

.dak-header-actions {

    display: flex;

    align-items: center;

    gap: 9px;

}


.dak-header-call,
.dak-header-enquiry {

    min-height: 45px;

    padding: 0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 26px;

    font-size: 13px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .4px;

    transition: .25s ease;

}


.dak-header-call {

    color: #fff;

    border:
        1px solid rgba(255, 255, 255, .28);

}


.dak-header-call:hover {

    color: #fff;

    border-color: #fff;

}


.dak-header-enquiry {

    color: #fff;

    background: var(--dak-orange);

    box-shadow:
        0 8px 22px rgba(255, 90, 10, .22);

}


.dak-header-enquiry:hover {

    color: #fff;

    background: var(--dak-orange-dark);

}



/* STICKY BUTTONS */

.dak-header.is-sticky .dak-header-call,

.dak-header.is-sticky .dak-header-enquiry {

    min-height: 53px;

    padding: 0 22px;

    font-size: 14px;

}


.dak-header.is-sticky .dak-header-call {

    color: var(--dak-black);

    border-color:
        rgba(0, 0, 0, .16);

}


.dak-header.is-sticky .dak-header-call:hover {

    color: #fff;

    background: var(--dak-black);

}



/* =========================================================
           MOBILE HEADER
        ========================================================= */

.dak-menu-toggle {

    width: 47px;

    height: 47px;

    border: 0;

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: #fff;

    background: var(--dak-black);

}



/* =========================================================
           HERO
        ========================================================= */

.dak-hero {

    position: relative;

    min-height: 860px;

    display: flex;

    align-items: center;

    overflow: hidden;

    padding:
        190px 0 90px;

    color: #fff;

    background:

        linear-gradient(90deg,
            rgba(4, 5, 6, .89) 0%,
            rgba(5, 6, 7, .86) 43%,
            rgba(5, 6, 7, .73) 72%,
            rgba(5, 6, 7, .60) 100%),

        url("../images/banner-3.jpeg") center / cover no-repeat;

}


.dak-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    background:

        radial-gradient(circle at 18% 40%,
            rgba(255, 90, 10, .15),
            transparent 30%);

}



/* =========================================================
           HERO CONTENT
        ========================================================= */

.dak-hero-content {

    position: relative;

    z-index: 3;

    max-width: 760px;

}


.dak-hero-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 24px;

    padding: 10px 17px;

    border-radius: 50px;

    border:
        1px solid rgba(255, 90, 10, .36);

    color: #ffd2bb;

    background:
        rgba(255, 90, 10, .10);

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1.3px;

}


.dak-hero-label::before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--dak-orange);

}


.dak-hero h1 {

    margin-bottom: 26px;

    font-size:
        clamp(48px, 5.1vw, 62px);

    line-height: 1.01;

    letter-spacing: normal;

}


.dak-hero h1 span {

    color: var(--dak-orange);

}


.dak-hero-description {

    max-width: 670px;

    margin-bottom: 35px;

    color:
        rgba(255, 255, 255, .71);

    font-size: 19px;

    line-height: 1.85;

}


.dak-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 11px;

}



/* =========================================================
           HERO FORM
        ========================================================= */

.dak-hero-form-wrap {

    position: relative;

    z-index: 5;

}


.dak-enquiry-card {

    padding: 26px;

    border-radius: 28px;

    color: var(--dak-text);

    background:
        rgba(255, 255, 255, .98);

    box-shadow: var(--dak-shadow-dark);

}


.dak-enquiry-heading {

    margin-bottom: 10px;

}


.dak-enquiry-heading span {

    display: block;

    margin-bottom: 7px;

    color: var(--dak-orange);

    font-size: 13px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}


.dak-enquiry-heading h2 {

    margin: 0;

    font-size: 27px;

    line-height: 1.15;

    letter-spacing: normal;

}


.dak-form-label {

    margin-bottom: 7px;

    color: #363a40;

    font-size: 14px;

    font-weight: 700;

}


.dak-form-control {

    height: 47px;

    padding:
        10px 14px;

    border-radius: 10px;

    border: 1px solid #dedfe1;

    background: #fafafa;

    box-shadow: none !important;

    font-size: 15px;

}


.dak-form-control:focus {

    border-color:
        rgba(255, 90, 10, .62);

    background: #fff;

}


.dak-enquiry-submit {

    width: 100%;

    min-height: 56px;

    border: 0;

    border-radius: 10px;

    color: #fff;

    background:

        linear-gradient(135deg,
            #ff722a,
            var(--dak-orange));

    font-size: 15px;

    font-weight: 800;

    transition: .25s ease;

}


.dak-enquiry-submit:hover {

    background: var(--dak-orange-dark);

}



/* =========================================================
           ABOUT
        ========================================================= */

.dak-about-images {

    position: relative;

    min-height: 590px;

}


.dak-about-main {

    width: 87%;

    height: 540px;

    overflow: hidden;

    border-radius: 30px;

    box-shadow: var(--dak-shadow);

}


.dak-about-main img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.dak-about-small {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 47%;

    height: 225px;

    padding: 8px;

    border-radius: 21px;

    background: #fff;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .16);

}


.dak-about-small img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 14px;

}


.dak-about-content h2 {

    margin-bottom: 23px;

    font-size:
        clamp(38px, 4vw, 46px);

    line-height: 1.13;

    letter-spacing: -1.8px;

}


.dak-about-content p {

    margin-bottom: 18px;

    color: var(--dak-muted);

    font-size: 17px;

    line-height: 1.9;

}


.dak-about-content strong {

    color: #111;

}


.dak-about-action {

    margin-top: 27px;

}



/* =========================================================
           FLEET
        ========================================================= */

.dak-fleet-card {

    height: 100%;

    overflow: hidden;

    border-radius: 21px;

    border:
        1px solid rgba(255, 255, 255, .08);

    background:
        rgba(255, 255, 255, .045);

    transition: .3s ease;

}


.dak-fleet-card:hover {

    transform: translateY(-8px);

    border-color:
        rgba(255, 90, 10, .36);

    background:
        rgba(255, 255, 255, .065);

}


.dak-fleet-image {

    height: 250px;

    overflow: hidden;

}


.dak-fleet-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .55s ease;

}


.dak-fleet-card:hover .dak-fleet-image img {

    transform: scale(1.06);

}


.dak-fleet-body {

    padding: 26px;

}


.dak-fleet-body h3 {

    margin-bottom: 11px;

    color: #fff;

    font-size: 24px;

}


.dak-fleet-description {

    min-height: 86px;

    color:
        rgba(255, 255, 255, .60);

    font-size: 15px;

    line-height: 1.72;

}


.dak-best-title {

    margin-top: 18px;

    margin-bottom: 11px;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

}


.dak-best-list {

    min-height: 73px;

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.dak-best-list span {

    height: fit-content;

    padding:
        7px 10px;

    border-radius: 7px;

    color:
        rgba(255, 255, 255, .67);

    border:
        1px solid rgba(255, 255, 255, .08);

    background:
        rgba(255, 255, 255, .05);

    font-size: 12px;

}


.dak-fleet-actions {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 20px;

    padding-top: 18px;

    border-top:
        1px solid rgba(255, 255, 255, .08);

}


.dak-fleet-actions a {

    min-height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border-radius: 8px;

    font-size: 13px;

    font-weight: 700;

}


.dak-fleet-call {

    color: #fff;

    background: var(--dak-orange);

}


.dak-fleet-whatsapp {

    color: var(--dak-black);

    background: #fff;

}


.dak-fleet-whatsapp:hover {

    color: #fff;

    background: #20b75b;

}



/* =========================================================
           SERVICES
        ========================================================= */

.dak-service-card {

    height: 100%;

    min-height: 330px;

    padding: 33px;

    border-radius: 21px;

    border: 1px solid var(--dak-border);

    background: #fff;

    transition: .3s ease;

}


.dak-service-card:hover {

    transform: translateY(-7px);

    border-color:
        rgba(255, 90, 10, .25);

    box-shadow: var(--dak-shadow);

}


.dak-service-icon {

    width: 61px;

    height: 61px;

    margin-bottom: 22px;

    display: grid;

    place-items: center;

    border-radius: 16px;

    color: var(--dak-orange);

    background: var(--dak-orange-light);

    font-size: 24px;

}


.dak-service-card h3 {

    margin-bottom: 13px;

    color: var(--dak-black);

    font-size: 23px;

}


.dak-service-card p {

    min-height: 96px;

    margin-bottom: 23px;

    color: var(--dak-muted);

    font-size: 15px;

    line-height: 1.78;

}


.dak-service-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.dak-service-actions a {

    min-height: 44px;

    padding:
        0 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border-radius: 8px;

    font-size: 13px;

    font-weight: 700;

}


.dak-service-call {

    color: #fff;

    background: var(--dak-orange);

}


.dak-service-whatsapp {

    color: #fff;

    background: var(--dak-black);

}



/* =========================================================
           ROUTES
        ========================================================= */

.dak-route-card {

    position: relative;

    height: 425px;

    overflow: hidden;

    border-radius: 21px;

    box-shadow:
        0 16px 38px rgba(0, 0, 0, .13);

}


.dak-route-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .6s ease;

}


.dak-route-card:hover img {

    transform: scale(1.08);

}


.dak-route-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(to top,
            rgba(3, 4, 5, .97) 0%,
            rgba(3, 4, 5, .67) 43%,
            rgba(3, 4, 5, .08) 75%);

}


.dak-route-content {

    position: absolute;

    left: 22px;

    right: 22px;

    bottom: 22px;

    z-index: 3;

    color: #fff;

}


.dak-route-content h3 {

    margin-bottom: 8px;

    font-size: 26px;

}


.dak-route-content p {

    min-height: 70px;

    margin-bottom: 17px;

    color:
        rgba(255, 255, 255, .71);

    font-size: 14px;

    line-height: 1.65;

}


.dak-route-actions {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

}


.dak-route-actions a {

    min-height: 44px;

    padding: 0 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border-radius: 8px;

    font-size: 12px;

    font-weight: 700;

    transition: .25s ease;

}


.dak-route-call {

    color: #fff;

    background: var(--dak-orange);

}


.dak-route-whatsapp {

    color: var(--dak-black);

    background: #fff;

}


.dak-route-whatsapp:hover {

    color: #fff;

    background: #20b75b;

}



/* =========================================================
           WHY CHOOSE US
        ========================================================= */

.dak-why-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    overflow: hidden;

    border-radius: 23px;

    border:
        1px solid rgba(255, 255, 255, .08);

    background:
        rgba(255, 255, 255, .025);

}


.dak-why-card {

    min-height: 245px;

    padding: 35px;

    border-right:
        1px solid rgba(255, 255, 255, .07);

    border-bottom:
        1px solid rgba(255, 255, 255, .07);

    transition: .3s ease;

}


.dak-why-card:nth-child(3n) {

    border-right: 0;

}


.dak-why-card:nth-child(n+4) {

    border-bottom: 0;

}


.dak-why-card:hover {

    background:

        linear-gradient(140deg,
            rgba(255, 90, 10, .12),
            rgba(255, 255, 255, .02));

}


.dak-why-number {

    margin-bottom: 17px;

    color: var(--dak-orange);

    font-size: 14px;

    font-weight: 800;

}


.dak-why-card h3 {

    margin-bottom: 12px;

    font-size: 23px;

}


.dak-why-card p {

    color:
        rgba(255, 255, 255, .59);

    font-size: 15px;

    line-height: 1.75;

}



/* =========================================================
           CTA
        ========================================================= */

.dak-cta {

    padding: 68px 0;

    color: #fff;

    background:

        linear-gradient(125deg,
            var(--dak-orange),
            #ff762f);

}


.dak-cta h2 {

    margin-bottom: 8px;

    font-size:
        clamp(35px, 4vw, 49px);

}


.dak-cta p {

    color:
        rgba(255, 255, 255, .85);

    font-size: 17px;

}


.dak-cta-actions {

    display: flex;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 9px;

}



/* =========================================================
           BOOKING PROCESS
        ========================================================= */

.dak-process-row {

    position: relative;

}


.dak-process-row::before {

    content: "";

    position: absolute;

    top: 63px;

    left: 12.5%;

    right: 12.5%;

    height: 2px;

    background:

        linear-gradient(90deg,
            #e3e3e0,
            var(--dak-orange),
            #e3e3e0);

}


.dak-process-card {

    position: relative;

    z-index: 2;

    text-align: center;

}


.dak-process-icon {

    width: 86px;

    height: 86px;

    margin:
        0 auto 22px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    border: 5px solid #fff;
    color: #fff;

    background: var(--dak-orange);

    box-shadow:
        0 8px 27px rgba(0, 0, 0, .10);

    font-size: 27px;

    transition: .3s ease;

}


.dak-process-card:hover .dak-process-icon {


    color: var(--dak-orange);

    background: var(--dak-orange-light);

    transform: translateY(-5px);

}


.dak-process-number {

    margin-bottom: 7px;

    color: var(--dak-orange);

    font-size: 13px;

    font-weight: 800;

}


.dak-process-card h3 {

    margin-bottom: 10px;

    font-size: 21px;

}


.dak-process-card p {

    max-width: 280px;

    margin: auto;

    color: var(--dak-muted);

    font-size: 15px;

    line-height: 1.72;

}


.dak-process-bottom {

    margin-top: 54px;

    text-align: center;

}


.dak-process-bottom h3 {

    margin-bottom: 20px;

    font-size: 30px;

}



/* =========================================================
           GALLERY
        ========================================================= */

.dak-gallery-grid {

    display: grid;

    grid-template-columns: 1fr .9fr .9fr;
    grid-template-rows: 210px 210px;
    gap: 12px;

    gap: 12px;

}


.dak-gallery-item {

    overflow: hidden;

    border-radius: 17px;

}


.dak-gallery-item:first-child {

    grid-row: span 2;

}


.dak-gallery-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .55s ease;

}


.dak-gallery-item:hover img {

    transform: scale(1.07);

}


.dak-gallery-action {

    margin-top: 35px;

    text-align: center;

}



/* =========================================================
           FAQ
        ========================================================= */

.dak-faq-left {

    height: 100%;

    padding: 38px;

    border-radius: 22px;

    color: #fff;

    background:

        linear-gradient(rgba(5, 6, 7, .92),
            rgba(5, 6, 7, .92)),

        url("images/faq.jpg") center / cover no-repeat;

    box-shadow: var(--dak-shadow);

}


.dak-faq-left h3 {

    margin-bottom: 15px;

    font-size: 31px;

}


.dak-faq-left p {

    margin-bottom: 26px;

    color:
        rgba(255, 255, 255, .64);

    font-size: 16px;

    line-height: 1.8;

}


.dak-faq-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.dak-faq-accordion .accordion-item {

    margin-bottom: 11px;

    overflow: hidden;

    border-radius: 13px !important;

    border: 1px solid var(--dak-border);

}


.dak-faq-accordion .accordion-button {

    min-height: 73px;

    padding:
        18px 21px;

    color: var(--dak-text);

    background: #fff;

    box-shadow: none !important;

    font-size: 16px;

    font-weight: 700;

}


.dak-faq-accordion .accordion-button:not(.collapsed) {

    color: var(--dak-orange);

}


.dak-faq-accordion .accordion-body {

    padding:
        0 21px 21px;

    color: var(--dak-muted);

    font-size: 15px;

    line-height: 1.82;

}



/* =========================================================
           FINAL CTA
        ========================================================= */

.dak-final-cta {

    padding: 60px 0;

    color: #fff;

    background: var(--dak-black);

}


.dak-final-box {

    padding: 40px 44px;

    border-radius: 23px;

    border:
        1px solid rgba(255, 255, 255, .10);

    background:

        linear-gradient(135deg,
            rgba(255, 255, 255, .06),
            rgba(255, 90, 10, .055));

}


.dak-final-box h2 {

    margin-bottom: 9px;

    font-size:
        clamp(27px, 4vw, 42px);

}


.dak-final-box p {

    color:
        rgba(255, 255, 255, .60);

    font-size: 16px;

}



/* =========================================================
           COVERAGE
        ========================================================= */

.dak-coverage {

    padding: 82px 0;

    text-align: center;

    background: #fff;

}


.dak-coverage h2 {

    margin-bottom: 12px;

    font-size: 39px;

}


.dak-coverage p {

    margin-bottom: 28px;

    color: var(--dak-muted);

    font-size: 16px;

}


.dak-location-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 9px;

}


.dak-location-list span {

    min-height: 44px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    border-radius: 50px;

    border: 1px solid var(--dak-border);

    color: var(--dak-black);

    background: var(--dak-soft-bg);

    font-size: 13px;

    font-weight: 700;

}


.dak-location-list i {

    color: var(--dak-orange);

}



/* =========================================================
           FOOTER
        ========================================================= */

.dak-footer {

    position: relative;

    overflow: hidden;

    padding:
        76px 0 0;

    color: #fff;

    background:

        radial-gradient(circle at 7% 20%,
            rgba(255, 90, 10, .08),
            transparent 28%),

        var(--dak-black);

}


.dak-footer::after {

    content: "";

    position: absolute;

    right: -170px;

    bottom: -230px;

    width: 500px;

    height: 500px;

    border-radius: 50%;

    background:
        rgba(255, 90, 10, .05);

}



/* =========================================================
           FOOTER 4 COLUMN
        ========================================================= */

.dak-footer-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.2fr .9fr 1fr 1fr;

    gap: 20px;

}


.dak-footer-card {

    min-height: 420px;

    padding: 25px;

    border-radius: 22px;

    border:
        1px solid rgba(255, 255, 255, .11);

    background:

        linear-gradient(145deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .02));

    backdrop-filter: blur(18px);

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, .035);

}



/* FOOTER LOGO */

.dak-footer-logo {

    display: inline-flex;

    margin-bottom: 25px;

    padding:
        9px 14px;

    border-radius: 13px;

    background: #fff;

}


.dak-footer-logo img {

    width: auto;
    max-width: 133px;
    object-fit: contain;

}


.dak-footer-about-text {

    color:
        rgba(255, 255, 255, .65);

    font-size: 15px;

    line-height: 1.82;

}



/* FOOTER TITLES */

.dak-footer-title {

    margin-bottom: 24px;

    font-size: 17px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.7px;

}



/* FOOTER SERVICES */

.dak-footer-list {

    padding: 0;

    margin: 0;

    list-style: none;

}


.dak-footer-list li+li {

    margin-top: 10px;

}


.dak-footer-list a {

    min-height: 48px;

    padding:
        0 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 13px;

    border:
        1px solid rgba(255, 255, 255, .06);

    color:
        rgba(255, 255, 255, .72);

    background:
        rgba(255, 255, 255, .04);

    font-size: 13px;

    font-weight: 600;

    transition: .25s ease;

}


.dak-footer-list a:hover {

    color: #fff;

    padding-left: 19px;

    border-color:
        rgba(255, 90, 10, .20);

    background:
        rgba(255, 90, 10, .10);

}


.dak-footer-list i {

    color: var(--dak-orange);

}



/* FOOTER FLEET */

.dak-footer-fleet {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.dak-footer-fleet a {

    min-height: 39px;

    padding:
        0 12px;

    display: inline-flex;

    align-items: center;

    border-radius: 50px;

    border:
        1px solid rgba(255, 255, 255, .10);

    color:
        rgba(255, 255, 255, .70);

    background:
        rgba(255, 255, 255, .04);

    font-size: 12px;

    font-weight: 600;

}


.dak-footer-fleet a:hover {

    color: #fff;

    border-color:
        rgba(255, 90, 10, .30);

    background:
        rgba(255, 90, 10, .10);

}



/* FOOTER CONTACT */

.dak-footer-contact {

    display: flex;

    gap: 11px;

    padding:
        15px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, .07);

}


.dak-footer-contact:last-child {

    border-bottom: 0;

}


.dak-footer-contact-icon {

    width: 40px;

    height: 40px;

    flex: 0 0 40px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color: var(--dak-orange);

    background:
        rgba(255, 90, 10, .11);

}


.dak-footer-contact strong {

    display: block;

    margin-bottom: 2px;

    color: #fff;

    font-size: 12px;

}


.dak-footer-contact a,
.dak-footer-contact span {

    color:
        rgba(255, 255, 255, .58);

    font-size: 13px;

    line-height: 1.55;

}



/* FOOTER BOTTOM */

.dak-footer-bottom {

    position: relative;

    z-index: 2;

    margin-top: 54px;

    padding: 18px 0;

    border-top:
        1px solid rgba(255, 255, 255, .07);

    text-align: center;

    color:
        rgba(255, 255, 255, .67);

    font-size: 16px;

}





/* =========================================================
           OFFCANVAS
        ========================================================= */

.dak-offcanvas {
    color: #fff;
    background: var(--dak-black);
    z-index: 9999;
}


.dak-offcanvas .btn-close {

    filter: invert(1);

}


.dak-mobile-logo {

    display: inline-flex;

    padding:
        5px 8px;

    border-radius: 8px;

    background: #fff;

}


.dak-mobile-logo img {

    width: auto;

    max-width: 180px;

    height: 58px;

    object-fit: contain;

}


.dak-mobile-link {

    min-height: 52px;

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        rgba(255, 255, 255, .72);

    border-bottom:
        1px solid rgba(255, 255, 255, .07);

    font-size: 15px;

    font-weight: 600;

}


.dak-mobile-link i {

    color: var(--dak-orange);

}



/* =========================================================
           ANIMATION
        ========================================================= */

[data-reveal] {

    opacity: 0;

    transform: translateY(26px);

    transition:

        opacity .65s ease,

        transform .65s ease;

}


[data-reveal].revealed {

    opacity: 1;

    transform: translateY(0);

}



/* =========================================================
           LARGE SCREENS
        ========================================================= */

@media (min-width: 1600px) {

    .dak-container {

        max-width: 1460px;

    }


    .dak-header-fluid {

        max-width: 1810px;

    }

}



/* =========================================================
           1199
        ========================================================= */

@media (max-width:1199px) {

    .dak-logo img {

        max-width: 165px;

        height: 52px;

    }


    .dak-navbar .nav-link {

        padding:
            0 7px !important;

        font-size: 11px;

    }


    .dak-header-call,
    .dak-header-enquiry {

        padding:
            0 12px;

        font-size: 11px;

    }


    .dak-header.is-sticky .dak-navbar .nav-link {

        padding:
            0 9px !important;

        font-size: 12px;

    }


    .dak-header.is-sticky .dak-header-call,

    .dak-header.is-sticky .dak-header-enquiry {

        padding:
            0 14px;

        font-size: 12px;

    }

}



/* =========================================================
           991
        ========================================================= */

@media (max-width:991px) {

    .dak-topbar {

        display: none;

    }


    .dak-header {

        top: 12px;

    }


    .dak-header .container,

    .dak-header-fluid {

        width: calc(100% - 24px);

        padding-left: 0;

        padding-right: 0;

    }


    .dak-navbar,

    .dak-header.is-sticky .dak-navbar {

        min-height: 70px;

        padding:
            7px 8px 7px 15px;

        border-radius: 38px;

        background:
            rgba(255, 255, 255, .97);

        border:
            1px solid #e7e7e7;

    }


    .dak-logo img,

    .dak-header.is-sticky .dak-logo img {

        max-width: 160px;

        height: 50px;

    }


    .dak-hero {

        min-height: auto;

        padding:
            115px 0 76px;

    }


    .dak-hero-form-wrap {

        margin-top: 48px;

    }


    .dak-about-images {

        min-height: 520px;

        margin-bottom: 28px;

    }


    .dak-about-main {

        height: 470px;

    }


    .dak-why-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .dak-why-card {

        border-bottom:
            1px solid rgba(255, 255, 255, .07) !important;

    }


    .dak-why-card:nth-child(2n) {

        border-right: 0;

    }


    .dak-why-card:nth-last-child(-n+2) {

        border-bottom: 0 !important;

    }


    .dak-process-row::before {

        display: none;

    }


    .dak-process-card {

        height: 100%;

        padding: 25px;

        border-radius: 16px;

        border:
            1px solid var(--dak-border);

        background: #fff;

    }


    .dak-gallery-grid {

        grid-template-columns:
            repeat(2, 1fr);

        grid-template-rows:
            280px 210px 210px;

    }


    .dak-gallery-item:first-child {

        grid-column: span 2;

        grid-row: auto;

    }


    .dak-cta-actions {

        justify-content: flex-start;

        margin-top: 0px;

    }


    .dak-footer-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .dak-footer-card {

        min-height: 390px;

    }

}



/* =========================================================
           767
        ========================================================= */

@media (max-width:767px) {

    body {

        font-size: 16px;

    }


    .dak-section {

        padding: 48px 0;

    }

    .dak-faq-left {
        padding: 24px;
    }

    .dak-faq-left h3 {
        margin-bottom: 15px;
        font-size: 23px;
    }

    .dak-coverage h2 {
        font-size: 27px;
        font-weight: 700;
    }

    .dak-section-heading {

        margin-bottom: 42px;

    }


    .dak-section-heading h2 {

        font-size: 27px;

    }


    .dak-section-heading p {

        font-size: 15px;

    }


    .dak-hero h1 {

        font-size: 35px;

        letter-spacing: normal;

    }


    .dak-hero-description {

        font-size: 16px;

    }


    .dak-hero-actions {

        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

    }


    .dak-hero-actions .dak-btn {

        width: 100%;

    }


    .dak-enquiry-card {

        padding: 26px;

    }


    .dak-enquiry-heading h2 {

        font-size: 28px;

    }


    .dak-about-images {

        min-height: 430px;

    }


    .dak-about-main {

        width: 92%;

        height: 390px;

    }


    .dak-about-small {

        height: 175px;

    }


    .dak-about-content h2 {

        font-size: 31px;

    }


    .dak-about-content p {

        font-size: 15px;

    }


    .dak-fleet-image {

        height: 260px;

    }


    .dak-route-card {

        height: 435px;

    }


    .dak-cta {

        text-align: center;

    }


    .dak-cta-actions {

        justify-content: center;

    }


    .dak-final-box {

        padding:
            30px 24px;

        text-align: center;

    }


    .dak-footer-grid {

        grid-template-columns: 1fr;

    }


    .dak-footer-card {

        min-height: auto;

    }

}



/* =========================================================
           575
        ========================================================= */

@media (max-width:575px) {

    .dak-section {

        padding: 45px 0;

    }


    .dak-header .container,

    .dak-header-fluid {

        width: calc(100% - 16px);

    }


    .dak-logo img,

    .dak-header.is-sticky .dak-logo img {

        max-width: 150px;

        height: 57px;

    }


    .dak-hero {

        padding-top: 132px;

    }


    .dak-hero h1 {

        font-size: 35px;

    }


    .dak-hero-actions {

        grid-template-columns: 1fr;

    }


    .dak-enquiry-card {

        padding: 22px;

        border-radius: 20px;

    }


    .dak-about-images {

        min-height: 350px;

    }


    .dak-about-main {

        height: 320px;

    }


    .dak-about-small {

        width: 48%;

        height: 135px;

    }


    .dak-fleet-actions {

        grid-template-columns: 1fr;

    }


    .dak-service-card {

        min-height: auto;

        padding: 27px;

    }


    .dak-service-card p {

        min-height: auto;

    }


    .dak-route-card {

        height: 455px;

    }


    .dak-route-actions {

        grid-template-columns: 1fr;

    }


    .dak-why-grid {

        grid-template-columns: 1fr;

    }


    .dak-why-card {

        border-right: 0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .07) !important;

    }


    .dak-why-card:last-child {

        border-bottom: 0 !important;

    }


    .dak-gallery-grid {

        grid-template-columns: 1fr;

        grid-template-rows:
            repeat(5, 235px);

    }


    .dak-gallery-item:first-child {

        grid-column: auto;

    }


    .dak-footer {

        padding-top: 55px;

    }


    .dak-footer-card {

        padding: 25px;

        border-radius: 23px;

    }




}

/* =========================================================
   FLOATING ACTIONS
========================================================= */

.dak-floating-actions {

    position: fixed;

    left: 0;
    right: 0;

    bottom: 22px;

    z-index: 1080;

    pointer-events: none;

}


/* =========================================================
   COMMON BUTTON
========================================================= */

.dak-floating-btn {

    position: absolute;

    bottom: 0;

    min-height: 53px;

    padding: 5px 7px;

    display: flex;

    align-items: center;

    gap: 12px;

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

    pointer-events: auto;

    overflow: hidden;

    box-shadow:
        0 14px 38px rgba(0, 0, 0, .20);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.dak-floating-btn:hover {

    color: #fff;

    transform: translateY(-4px);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .26);

}


/* =========================================================
   ICON
========================================================= */

.dak-floating-icon {

    flex: 0 0 auto;

    width: 44px;

    height: 44px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .16);

    font-size: 18px;

    backdrop-filter: blur(8px);

}


/* =========================================================
   TEXT
========================================================= */

.dak-floating-text {

    display: flex;

    flex-direction: column;

    line-height: 1.15;

}


.dak-floating-text small {

    margin-bottom: 3px;

    color:
        rgba(255, 255, 255, .72);

    font-size:10.5px;

    font-weight: 500;

    letter-spacing: .3px;

}


.dak-floating-text strong {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

}


/* =========================================================
   WHATSAPP - LEFT
========================================================= */

.dak-floating-whatsapp {

    left: 11px;

    padding-right: 18px;

    background:
        linear-gradient(135deg,
            #24c768,
            #159447);

    border:
        1px solid rgba(255, 255, 255, .18);

}


.dak-floating-whatsapp::before {

    position: absolute;

    content: "";

    width: 70px;

    height: 70px;

    top: -35px;

    right: -20px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .10);

}


.dak-floating-whatsapp .dak-floating-icon {

    background:
        rgba(255, 255, 255, .18);

}


/* =========================================================
   CALL - RIGHT
========================================================= */

.dak-floating-call {

    right: 11px;

    padding-left: 18px;

    background:
        linear-gradient(135deg,
            #1b1d20,
            #08090a);

    border:
        1px solid rgba(255, 255, 255, .12);

}


.dak-floating-call::before {

    position: absolute;

    content: "";

    width: 75px;

    height: 75px;

    top: -40px;

    left: -25px;

    border-radius: 50%;

    background:
        rgba(241, 91, 42, .22);

}


.dak-floating-call .dak-floating-icon {

    background:
        var(--dak-orange);

    box-shadow:
        0 8px 18px rgba(241, 91, 42, .28);

}


/* =========================================================
   ICON ANIMATION
========================================================= */

.dak-floating-whatsapp:hover .dak-floating-icon {

    transform: rotate(-8deg) scale(1.05);

}


.dak-floating-call:hover .dak-floating-icon {

    animation:
        dakPhoneRing .55s ease;

}


@keyframes dakPhoneRing {

    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(12deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(8deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0);
    }

}

/* =========================================================
   MOBILE - FIXED 50/50 BOTTOM ACTION BAR
========================================================= */

@media (max-width: 767px) {

    /* give page space so bottom bar doesn't cover content */
    body {
        padding-bottom: 64px;
    }


    .dak-floating-actions {

        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;

        height: 64px;

        z-index: 1080;

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 0;

        background: #fff;

        box-shadow:
            0 -5px 25px rgba(0, 0, 0, .12);

        pointer-events: auto;

    }


    /* REMOVE DESKTOP ABSOLUTE POSITION */

    .dak-floating-btn {

        position: relative;

        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        width: 100%;
        height: 64px;
        min-height: 64px;

        padding: 0 14px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 13px;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        transform: none !important;

    }


    /* =====================================================
       WHATSAPP LEFT - 50%
    ===================================================== */

    .dak-floating-whatsapp {

        background:
            linear-gradient(135deg,
                #20b75b,
                #159448);

    }


    /* =====================================================
       CALL RIGHT - 50%
    ===================================================== */

    .dak-floating-call {

        background:
            linear-gradient(135deg,
                var(--dak-orange),
                #d94b19);

    }


    /* remove desktop decorative circles */

    .dak-floating-whatsapp::before,
    .dak-floating-call::before {

        display: none;

    }


    /* =====================================================
       ICON
    ===================================================== */

    .dak-floating-icon {

        width: 39px;
        height: 39px;

        flex: 0 0 39px;

        display: grid;

        place-items: center;

        border-radius: 50%;

        color: #fff;

        background:
            rgba(255, 255, 255, .16);

        font-size: 19px;

        box-shadow: none;

    }


    .dak-floating-call .dak-floating-icon {

        background:
            rgba(255, 255, 255, .18);

        box-shadow: none;

    }


    /* =====================================================
       TEXT - SHOW ON MOBILE
    ===================================================== */

    .dak-floating-text {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        line-height: 1.15;

    }


    .dak-floating-text small {

        display: block;

        margin-bottom: 2px;

        color:
            rgba(255, 255, 255, .76);

        font-size: 11px;

        font-weight: 500;

    }


    .dak-floating-text strong {

        color: #fff;

        font-size: 15px;

        font-weight: 700;

    }


    /* divider */

    .dak-floating-whatsapp {

        border-right:
            1px solid rgba(255, 255, 255, .18);

    }

}


@media (max-width: 991px) {

    html {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

}