@import '_content/Blazor.Flags/Blazor.Flags.bundle.scp.css';

/* _content/NeptuneScubaDiving/Pages/AdvancedMermaidCourseInBali.razor.rz.scp.css */

.header[b-1t69q3wuno] {
    margin-top: 128px;
}

    .header img[b-1t69q3wuno] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-1t69q3wuno] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-1t69q3wuno] {
    padding-inline: 200px;
}

b[b-1t69q3wuno] {
    font-weight: 600;
    color: #333333;
}

.small-img[b-1t69q3wuno] {
    max-height: 370px;
}

@media(max-width: 769px) {
    .standard-width-content[b-1t69q3wuno] {
        width: 95%;
    }

    .desc-padding[b-1t69q3wuno] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/AdvancedOpenWaterDiver.razor.rz.scp.css */
.header[b-cbjuauoeqe] {
    margin-top: 128px;
}

    .header img[b-cbjuauoeqe] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-cbjuauoeqe] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-cbjuauoeqe] {
    padding-inline: 200px;
}

b[b-cbjuauoeqe] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-cbjuauoeqe] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-cbjuauoeqe] {
    margin-block: 40px;
}

.page-content a[b-cbjuauoeqe] {
    color: #333333;
}


.three-col-grid[b-cbjuauoeqe] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-cbjuauoeqe] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-cbjuauoeqe] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-cbjuauoeqe] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-cbjuauoeqe] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-cbjuauoeqe] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-cbjuauoeqe] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-cbjuauoeqe] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-cbjuauoeqe] {
    background-color: #272727;
}

    .package-card .col-6[b-cbjuauoeqe] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-cbjuauoeqe] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }


h3[b-cbjuauoeqe] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-cbjuauoeqe] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-cbjuauoeqe] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-cbjuauoeqe] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-cbjuauoeqe] {
        text-align: center;
    }

    .page-content[b-cbjuauoeqe] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-cbjuauoeqe], .page-content .col-5[b-cbjuauoeqe] {
            width: 100%;
        }

    .three-col-grid[b-cbjuauoeqe] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-cbjuauoeqe] {
            margin-block: 0px;
        }

    .standard-width-content[b-cbjuauoeqe] {
        width: 95%;
    }

    .desc-padding[b-cbjuauoeqe] {
        padding-inline: 0px;


    }


    .border-box[b-cbjuauoeqe] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-cbjuauoeqe] {
            font-size: 20px !important;
        }

    .date-box h4[b-cbjuauoeqe] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-cbjuauoeqe] {
        padding-inline: 7px;
    }

        .date-box p[b-cbjuauoeqe] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-cbjuauoeqe] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-cbjuauoeqe] {
        font-size: 14px;
    }

    .snapshot b[b-cbjuauoeqe] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/AdvancedOpenWaterDiverKomodo.razor.rz.scp.css */
.header[b-f6gb2iv6v5] {
    margin-top: 128px;
}

    .header img[b-f6gb2iv6v5] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-f6gb2iv6v5] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-f6gb2iv6v5] {
    padding-inline: 200px;
}

b[b-f6gb2iv6v5] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-f6gb2iv6v5] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-f6gb2iv6v5] {
    margin-block: 40px;
}

.page-content a[b-f6gb2iv6v5] {
    color: #333333;
}


.three-col-grid[b-f6gb2iv6v5] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-f6gb2iv6v5] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-f6gb2iv6v5] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-f6gb2iv6v5] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-f6gb2iv6v5] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-f6gb2iv6v5] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-f6gb2iv6v5] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-f6gb2iv6v5] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-f6gb2iv6v5] {
    background-color: #272727;
}

    .package-card .col-6[b-f6gb2iv6v5] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-f6gb2iv6v5] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-f6gb2iv6v5] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-f6gb2iv6v5] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-f6gb2iv6v5] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-f6gb2iv6v5] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-f6gb2iv6v5] {
        text-align: center;
    }

    .page-content[b-f6gb2iv6v5] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-f6gb2iv6v5], .page-content .col-5[b-f6gb2iv6v5] {
            width: 100%;
        }

    .three-col-grid[b-f6gb2iv6v5] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-f6gb2iv6v5] {
            margin-block: 0px;
        }

    .standard-width-content[b-f6gb2iv6v5] {
        width: 95%;
    }

    .desc-padding[b-f6gb2iv6v5] {
        padding-inline: 0px;
    }

     .border-box[b-f6gb2iv6v5] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-f6gb2iv6v5] {
            font-size: 20px!important;
        }

    .date-box h4[b-f6gb2iv6v5] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-f6gb2iv6v5]{
        padding-inline: 7px;
    }

    .date-box p[b-f6gb2iv6v5]{
        font-size: 12px;
    }

    .date-box .dark-blue-filled-btn[b-f6gb2iv6v5] {
        font-size: 12px;
        padding: 5px 15px;
    }

    .border-box .outline-btn[b-f6gb2iv6v5] {
        font-size: 14px;
    }

    .snapshot b[b-f6gb2iv6v5] {
        font-weight: 500;
        font-size: 12px;
    }

}
/* _content/NeptuneScubaDiving/Pages/AmedDiving.razor.rz.scp.css */

.header[b-b5ef1h08uu] {
    margin-top: 128px;
}

    .header img[b-b5ef1h08uu] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-b5ef1h08uu] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-b5ef1h08uu] {
    padding-inline: 200px;
}

b[b-b5ef1h08uu] {
    font-weight: 600;
    color: #333333;
}



@media(max-width: 769px) {
    .maps-section[b-b5ef1h08uu] {
        width: 100%
    }

    .standard-width-content[b-b5ef1h08uu] {
        width: 95%;
    }

    .desc-padding[b-b5ef1h08uu] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Bali.razor.rz.scp.css */
.header[b-stmqezehzv] {
    margin-top: 128px;
}

    .header img[b-stmqezehzv] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-stmqezehzv] {
        font-size: 34px;
        color: #000000;
    }

.dark-blue-filled-btn:hover[b-stmqezehzv] {
    color: white !important;
}

.dark-blue-filled-btn[b-stmqezehzv]{
    text-decoration: none!important;
}

.desc-padding[b-stmqezehzv] {
    padding-inline: 200px;
}

.dive-center-grid[b-stmqezehzv]{
    row-gap: 10px;
}

.dive-center-grid img[b-stmqezehzv] {
    max-height: 200px;
    min-width: 49% !important;
    max-width: 100%;
}

b[b-stmqezehzv] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-stmqezehzv], .image-w-text-left img[b-stmqezehzv] {
    min-width: 610px;
}

.three-col-grid[b-stmqezehzv] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-stmqezehzv] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }


        .three-col-grid .grid-elem img[b-stmqezehzv] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
        }

        .three-col-grid .grid-elem b[b-stmqezehzv] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 15px;
        }

        .three-col-grid .grid-elem p[b-stmqezehzv] {
            margin-bottom: 0;
        }

.location-chip[b-stmqezehzv] {
    color: #092B5B;
    font-family: OpenSans;
    font-size: 16px;
    font-weight: 600;
    background-color: #EAFAFF;
    border-radius: 100px;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.features-grid[b-stmqezehzv] {
    display: grid;
    grid-template-columns: 40% 40%;
    width: 100%;
    row-gap: 10px;
}

    .features-grid .grid-elem[b-stmqezehzv] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .features-grid .grid-elem p[b-stmqezehzv] {
            font-weight: 500;
            margin-bottom: 0;
        }

.gray-bg-section[b-stmqezehzv] {
    background-color: #F9F9F9;
    padding-block: 70px;
}

.courses-btn[b-stmqezehzv] {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    font-family: OpenSans;
    border: none;
    box-shadow: none;
    padding: 10px 40px;
    background-color: transparent;
    border-radius: 6px;
}

.two-col-grid[b-stmqezehzv] {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}

.courses-three-col-grid[b-stmqezehzv] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 25px;
}

.two-col-grid .grid-elem[b-stmqezehzv], .courses-three-col-grid .grid-elem[b-stmqezehzv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 25px 25px;
}

        .two-col-grid .grid-elem h4[b-stmqezehzv], .courses-three-col-grid .grid-elem h4[b-stmqezehzv] {
            font-family: Rubik;
            font-weight: 600;
            font-size: 20px;
            color: #101828;
        }

        .two-col-grid .grid-elem .text-btn[b-stmqezehzv], .courses-three-col-grid .grid-elem .text-btn[b-stmqezehzv] {
            color: #27C2F6;
            font-family: OpenSans;
            display: flex;
            align-items: center;
            gap: 10px;
            background-color: transparent;
            border: none;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
        }

    @media(max-width: 769px) {
        .package-card .img-bg[b-stmqezehzv] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

        .header img[b-stmqezehzv] {
            width: 90%;
            min-width: 90% !important;
        }

    .standard-width-content[b-stmqezehzv] {
        width: 95%;
    }

    .desc-padding[b-stmqezehzv] {
        padding-inline: 0px;
    }

    .gray-bg-section[b-stmqezehzv] {
        padding-block: 30px;
    }

        .mobile-only[b-stmqezehzv] {
            margin: 0!important;
        }

        .image-w-text-right img[b-stmqezehzv], .image-w-text-left img[b-stmqezehzv] {
            min-width: 100% !important;
        }

        .three-col-grid[b-stmqezehzv] {
            grid-template-columns: 100%;
        }

            .three-col-grid .grid-elem b[b-stmqezehzv] {
                margin-block: 10px;
            }

        .features-grid[b-stmqezehzv] {
            grid-template-columns: 50% 50%;
        }

        .courses-btn[b-stmqezehzv] {
            font-size: 14px;
            padding: 10px 10px;
        }

        .two-col-grid[b-stmqezehzv], .courses-three-col-grid[b-stmqezehzv] {
            grid-template-columns: 100%;
            row-gap: 15px;
            text-align: center;
        }
}

    @media(max-width: 500px){
        .dive-center-grid img[b-stmqezehzv] {
            max-height: 100px;
     
        }
    }
/* _content/NeptuneScubaDiving/Pages/BaliDiveShop.razor.rz.scp.css */
.header[b-565nxjdm93] {
    margin-top: 128px;
}

    .header img[b-565nxjdm93] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-565nxjdm93] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-565nxjdm93] {
    padding-inline: 200px;
}

b[b-565nxjdm93] {
    font-weight: 600;
    color: #333333;
}

@media(max-width: 769px) {
    .standard-width-content[b-565nxjdm93] {
        width: 95%;
    }

    .desc-padding[b-565nxjdm93] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDiveSites.razor.rz.scp.css */
.header[b-6ktsqglppo] {
    margin-top: 128px;
}

    .header img[b-6ktsqglppo] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-6ktsqglppo] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-6ktsqglppo] {
    padding-inline: 200px;
}

b[b-6ktsqglppo] {
    font-weight: 600;
    color: #333333;
}

@media(max-width: 769px) {
    .standard-width-content[b-6ktsqglppo] {
        width: 95%;
    }

    .desc-padding[b-6ktsqglppo] {
        padding-inline: 0px;
    }


}
/* _content/NeptuneScubaDiving/Pages/BaliDiveTrips.razor.rz.scp.css */
.header[b-mewk93c8rm] {
    margin-top: 128px;
}

    .header img[b-mewk93c8rm] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-mewk93c8rm] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-mewk93c8rm] {
    padding-inline: 200px;
}

b[b-mewk93c8rm] {
    font-weight: 600;
    color: #333333;
}

.background-section[b-mewk93c8rm] {
    padding-block: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/divers-red-sea-dahab-scuba-diving-egypt 2.png');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

@media(max-width: 769px) {
    .standard-width-content[b-mewk93c8rm] {
        width: 95%;
    }

    .desc-padding[b-mewk93c8rm] {
        padding-inline: 0px;
    }

    .background-section[b-mewk93c8rm]{
        width: 95%;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDiving.razor.rz.scp.css */
.header[b-gs796ccakh] {
    margin-top: 128px;
}

    .header img[b-gs796ccakh] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-gs796ccakh] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-gs796ccakh] {
    padding-inline: 200px;
}

b[b-gs796ccakh] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-gs796ccakh], .image-w-text-left img[b-gs796ccakh]{
    max-height: 410px;
}

@media(max-width: 769px) {
    .standard-width-content[b-gs796ccakh] {
        width: 95%;
    }

    .desc-padding[b-gs796ccakh] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDivingCenter.razor.rz.scp.css */

.header[b-n1uberagsu] {
    margin-top: 128px;
}

    .header img[b-n1uberagsu] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-n1uberagsu] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-n1uberagsu] {
    padding-inline: 200px;
}

b[b-n1uberagsu] {
    font-weight: 600;
    color: #333333;
}



@media(max-width: 769px) {
    .standard-width-content[b-n1uberagsu] {
        width: 95%;
    }

    .desc-padding[b-n1uberagsu] {
        padding-inline: 0px;
    }


}
/* _content/NeptuneScubaDiving/Pages/BaliDivingCourse.razor.rz.scp.css */

.header[b-id2lu9sy6z] {
    margin-top: 128px;
}

    .header img[b-id2lu9sy6z] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-id2lu9sy6z] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-id2lu9sy6z] {
    padding-inline: 200px;
}

b[b-id2lu9sy6z] {
    font-weight: 600;
    color: #333333;
}

.image-w-text-right img[b-id2lu9sy6z], .image-w-text-left img[b-id2lu9sy6z] {
    height: 380px;
}

@media(max-width: 769px) {
    .standard-width-content[b-id2lu9sy6z] {
        width: 95%;
    }

    .desc-padding[b-id2lu9sy6z] {
        padding-inline: 0px;
    }

    .image-w-text-left img[b-id2lu9sy6z] {
        height: 240px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDivingPackages.razor.rz.scp.css */
.header[b-mg6qa5h03l] {
    margin-top: 128px;
}

    .header img[b-mg6qa5h03l] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-mg6qa5h03l] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-mg6qa5h03l] {
    padding-inline: 200px;
}

b[b-mg6qa5h03l] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.packages-grid[b-mg6qa5h03l]{
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
}

    .packages-grid .grid-elem[b-mg6qa5h03l] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .packages-grid .grid-elem h4[b-mg6qa5h03l] {
        color: #222222 !important;
    }

        .packages-grid .grid-elem p[b-mg6qa5h03l] {
            color: #5E5E5E;
        }

        .packages-grid .grid-elem b[b-mg6qa5h03l] {
            color: #222222;
            font-weight: 600;
        }

        .packages-grid .grid-elem img[b-mg6qa5h03l] {
            max-height: 300px;
            height: 100%;
            border-radius: 12px;
            width: 100%;
        }

@media(max-width: 769px) {
    .standard-width-content[b-mg6qa5h03l] {
        width: 95%;
    }

    .desc-padding[b-mg6qa5h03l] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDivingPrices.razor.rz.scp.css */

.header[b-4iashbsdhu] {
    margin-top: 128px;
}

    .header img[b-4iashbsdhu] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-4iashbsdhu] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-4iashbsdhu] {
    padding-inline: 200px;
}

b[b-4iashbsdhu] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-4iashbsdhu] {
        width: 95%;
    }

    .desc-padding[b-4iashbsdhu] {
        padding-inline: 0px;
    }

    .maps-section[b-4iashbsdhu] {
        width: 100%
    }

    .maps-section[b-4iashbsdhu] {
        width: 100%
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliDivingSanur.razor.rz.scp.css */

.header[b-bhu00g89h0] {
    margin-top: 128px;
}

    .header img[b-bhu00g89h0] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-bhu00g89h0] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-bhu00g89h0]{
    padding-inline: 200px;
}

b[b-bhu00g89h0] {
    font-weight: 600;
    color: #333333;
}

@media(max-width: 769px) {
    .standard-width-content[b-bhu00g89h0] {
        width: 95%;
    }

    .desc-padding[b-bhu00g89h0] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BaliIDCCourse.razor.rz.scp.css */
.header[b-67a6txjjr2] {
    margin-top: 128px;
}

    .header img[b-67a6txjjr2] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-67a6txjjr2] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-67a6txjjr2] {
    padding-inline: 200px;
}

b[b-67a6txjjr2] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-67a6txjjr2] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-67a6txjjr2] {
    margin-block: 40px;
}

.page-content a[b-67a6txjjr2] {
    color: #333333;
}


.three-col-grid[b-67a6txjjr2] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-67a6txjjr2] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-67a6txjjr2] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-67a6txjjr2] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-67a6txjjr2] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-67a6txjjr2] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-67a6txjjr2] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-67a6txjjr2] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-67a6txjjr2] {
    background-color: #272727;
}

    .package-card .col-6[b-67a6txjjr2] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-67a6txjjr2] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-67a6txjjr2] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-67a6txjjr2] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-67a6txjjr2] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-67a6txjjr2] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-67a6txjjr2] {
        text-align: center;
    }

    .page-content[b-67a6txjjr2] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-67a6txjjr2], .page-content .col-5[b-67a6txjjr2] {
            width: 100%;
        }

    .three-col-grid[b-67a6txjjr2] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-67a6txjjr2] {
            margin-block: 0px;
        }

    .standard-width-content[b-67a6txjjr2] {
        width: 95%;
    }

    .desc-padding[b-67a6txjjr2] {
        padding-inline: 0px;
    }

    .border-box[b-67a6txjjr2] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-67a6txjjr2] {
            font-size: 20px !important;
        }

    .date-box h4[b-67a6txjjr2] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-67a6txjjr2] {
        padding-inline: 7px;
    }

        .date-box p[b-67a6txjjr2] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-67a6txjjr2] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-67a6txjjr2] {
        font-size: 14px;
    }

    .snapshot b[b-67a6txjjr2] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BandaSeaLiveaboard.razor.rz.scp.css */
.header[b-0hwuu961z4] {
    margin-top: 128px;
}

    .header img[b-0hwuu961z4] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-0hwuu961z4] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-0hwuu961z4] {
    padding-inline: 200px;
}

b[b-0hwuu961z4] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-0hwuu961z4] {
        width: 95%;
    }

    .desc-padding[b-0hwuu961z4] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BasicMermaid.razor.rz.scp.css */

.header[b-xd3c95ctz5] {
    margin-top: 128px;
}

    .header img[b-xd3c95ctz5] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-xd3c95ctz5] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-xd3c95ctz5] {
    padding-inline: 200px;
}

b[b-xd3c95ctz5] {
    font-weight: 600;
    color: #333333;
}

.small-img[b-xd3c95ctz5] {
    max-height: 370px;
}

@media(max-width: 769px) {
    .standard-width-content[b-xd3c95ctz5] {
        width: 95%;
    }

    .desc-padding[b-xd3c95ctz5] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BatuBolongDiving.razor.rz.scp.css */
.header[b-2lllub198g] {
    margin-top: 128px;
}

    .header img[b-2lllub198g] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-2lllub198g] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-2lllub198g] {
    padding-inline: 200px;
}

b[b-2lllub198g] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-2lllub198g] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-2lllub198g] {
    margin-block: 40px;
}

.page-content a[b-2lllub198g] {
    color: #333333;
}


.three-col-grid[b-2lllub198g] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-2lllub198g] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-2lllub198g] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-2lllub198g] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-2lllub198g] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-2lllub198g] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-2lllub198g] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-2lllub198g] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-2lllub198g] {
    background-color: #272727;
}

    .package-card .col-6[b-2lllub198g] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-2lllub198g] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-2lllub198g] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-2lllub198g] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-2lllub198g] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-2lllub198g] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-2lllub198g] {
        text-align: center;
    }

    .page-content[b-2lllub198g] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-2lllub198g], .page-content .col-5[b-2lllub198g] {
            width: 100%;
        }

    .three-col-grid[b-2lllub198g] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-2lllub198g] {
            margin-block: 0px;
        }

    .standard-width-content[b-2lllub198g] {
        width: 95%;
    }

    .desc-padding[b-2lllub198g] {
        padding-inline: 0px;
    }


    .border-box[b-2lllub198g] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-2lllub198g] {
            font-size: 20px !important;
        }

    .date-box h4[b-2lllub198g] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-2lllub198g] {
        padding-inline: 7px;
    }

        .date-box p[b-2lllub198g] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-2lllub198g] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-2lllub198g] {
        font-size: 14px;
    }

    .snapshot b[b-2lllub198g] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BookingProcess.razor.rz.scp.css */
.booking-container[b-8c2c3cflkk] {
    margin-top: 100px;
}

p[b-8c2c3cflkk], b[b-8c2c3cflkk] {
    font-family: OpenSans;
}

b[b-8c2c3cflkk] {
    font-weight: 600;
}

.date-input[b-8c2c3cflkk] {
    z-index: 3;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    height: 42px;
    background-color: transparent;
    color: #475467;
    font-family: 'OpenSans';
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-left: 7px;
}

.input-row[b-8c2c3cflkk] {
    gap: 15px;
}

    .input-row .col[b-8c2c3cflkk] {
        display: flex;
        flex-direction: column;
    }

input[b-8c2c3cflkk] {
    padding-left: 5px;
}

.activity-config[b-8c2c3cflkk] {
    gap: 15px;
}

.booking-form[b-8c2c3cflkk] {
    padding-top: 30px;
    gap: 20px;
}

    .booking-form label[b-8c2c3cflkk] {
        font-family: OpenSans;
        font-size: 12px;
        color: #6A6A6A;
        margin-bottom: 5px;
    }

.options label[b-8c2c3cflkk] {
    font-family: OpenSans;
    font-size: 14px;
    color: #344054;
    margin: 0;
}

.phone-number-container[b-8c2c3cflkk] {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
}

.phone-number-container input[type="tel"][b-8c2c3cflkk] {
    flex: 1;
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #D0D5DD !important;
    margin-left: 0 !important;
    height: 40px;
    box-sizing: border-box;
}

.text-btn[b-8c2c3cflkk] {
    border: none;
    background-color: transparent;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    font-family: OpenSans;
    display: flex;
    align-items: center;
    gap: 10px;
}

.border-box[b-8c2c3cflkk] {
    border: 1px solid #CCCCCC;
    padding: 20px;
    border-radius: 10px;
}

.person-info-grid[b-8c2c3cflkk] {
    display: grid;
    grid-template-columns: 25% 25% 20% 30%;
    justify-content: space-between;
    align-items: start;
}

    .person-info-grid .grid-elem[b-8c2c3cflkk] {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
    }

.summary-grid[b-8c2c3cflkk] {
    display: grid;
    grid-template-columns: 25% 30% 20% 25%;
    justify-content: space-between;
    align-items: start;
}

    .summary-grid .grid-elem[b-8c2c3cflkk] {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
    }

small[b-8c2c3cflkk], p[b-8c2c3cflkk], b[b-8c2c3cflkk] {
    font-family: OpenSans;
    color: #333333;
}

input[type=number][b-8c2c3cflkk] {
    border-top: none;
    border-inline: none;
    box-shadow: none;
    border-radius: 0;
    width: 50px;
    height: 25px;
}

.activity-selection[b-8c2c3cflkk] {
    padding-right: 7px;
}


@media(max-width: 769px) {
    .booking-container[b-8c2c3cflkk] {
        margin-top: 40px;
    }

    .booking-form[b-8c2c3cflkk] {
        flex-direction: column-reverse;
        gap: 30px;
        padding-top: 10px;
    }

        .booking-form .col-8[b-8c2c3cflkk], .booking-form .col-4[b-8c2c3cflkk] {
            width: 100%;
        }

    .standard-width-content[b-8c2c3cflkk] {
        width: 95%;
    }

    .input-row[b-8c2c3cflkk], .hotel-section[b-8c2c3cflkk], .activity-selection[b-8c2c3cflkk] {
        flex-direction: column;
    }

    .hotel-section[b-8c2c3cflkk] {
        align-items: start !important;
    }

    .border-box[b-8c2c3cflkk] {
        width: 100% !important;
        padding: 10px;
    }

    .summary-grid[b-8c2c3cflkk], .person-info-grid[b-8c2c3cflkk] {
        grid-template-columns: 100% !important;
    }

    .grid-elem[b-8c2c3cflkk] {
        justify-content: start !important;
        align-items: start !important;
    }

    .diving-info[b-8c2c3cflkk] {
        flex-direction: column;
        align-items: start !important;
    }

    .input-row .col-6[b-8c2c3cflkk]{
        width: 100%;
    }

    .add-activity-btn[b-8c2c3cflkk]{
        padding-block: 10px;
    }
}

/* Validation styles */
.required[b-8c2c3cflkk] {
    color: #F04438;
    font-weight: 600;
}

.input-error[b-8c2c3cflkk] {
    border: 1px solid #F04438 !important;
    background-color: #FEF3F2 !important;
}

.input-error:focus[b-8c2c3cflkk] {
    border-color: #F04438 !important;
    outline: none;
}

/* Hotel Transfer Info Popup */
.hotel-transfer-info-popup[b-8c2c3cflkk] {
    background: #FFF;
    max-height: 90%;
    height: fit-content;
    overflow-y: scroll;
    z-index: 1002;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 776px;
    padding: 20px;
}

.hotel-transfer-info-popup h1[b-8c2c3cflkk] {
    color: #0A2B5B;
    font-family: Rubik;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 33px;
    margin: 0;
    padding: 0;
}

.hotel-transfer-info-popup .fa-xmark[b-8c2c3cflkk] {
    color: #969696;
    font-size: 24px;
    width: fit-content;
    cursor: pointer;
    padding: 0;
}

.hotel-transfer-info-popup p[b-8c2c3cflkk] {
    color: #333333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

@media(max-width: 800px) {
    .hotel-transfer-info-popup[b-8c2c3cflkk] {
        width: 100%;
        min-height: 100%;
        align-items: start;
        flex-direction: column;
        display: flex;
        padding: 20px 15px;
    }
}
/* _content/NeptuneScubaDiving/Pages/BrokenBeach.razor.rz.scp.css */

.header[b-jbbf2tm10m] {
    margin-top: 128px;
}

    .header img[b-jbbf2tm10m] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-jbbf2tm10m] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-jbbf2tm10m] {
    padding-inline: 200px;
}

b[b-jbbf2tm10m] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}



@media(max-width: 769px) {
    .maps-section[b-jbbf2tm10m] {
        width: 100%
    }

    .standard-width-content[b-jbbf2tm10m] {
        width: 95%;
    }

    .desc-padding[b-jbbf2tm10m] {
        padding-inline: 0px;
    }

    .maps-section[b-jbbf2tm10m] {
        width: 100%
    }

}
/* _content/NeptuneScubaDiving/Pages/CastleRockDiving.razor.rz.scp.css */
.header[b-330ehdzgaw] {
    margin-top: 128px;
}

    .header img[b-330ehdzgaw] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-330ehdzgaw] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-330ehdzgaw] {
    padding-inline: 200px;
}

b[b-330ehdzgaw] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-330ehdzgaw] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-330ehdzgaw] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-330ehdzgaw] {
    border-radius: 10px;
}

.snapshot[b-330ehdzgaw] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-330ehdzgaw] {
    margin-block: 40px;
}

.page-content a[b-330ehdzgaw] {
    color: #333333;
}


.three-col-grid[b-330ehdzgaw] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-330ehdzgaw] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-330ehdzgaw] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-330ehdzgaw] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-330ehdzgaw] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-330ehdzgaw] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-330ehdzgaw] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-330ehdzgaw] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-330ehdzgaw] {
    background-color: #272727;
}

    .package-card .col-6[b-330ehdzgaw] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-330ehdzgaw] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-330ehdzgaw] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-330ehdzgaw] {
        text-align: center;
    }

    .page-content[b-330ehdzgaw] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-330ehdzgaw], .page-content .col-5[b-330ehdzgaw] {
            width: 100%;
        }

    .three-col-grid[b-330ehdzgaw] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-330ehdzgaw] {
            margin-block: 0px;
        }

    .standard-width-content[b-330ehdzgaw] {
        width: 95%;
    }

    .desc-padding[b-330ehdzgaw] {
        padding-inline: 0px;
    }

    .border-box[b-330ehdzgaw] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-330ehdzgaw] {
            font-size: 20px !important;
        }

    .date-box h4[b-330ehdzgaw] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-330ehdzgaw] {
        padding-inline: 7px;
    }

        .date-box p[b-330ehdzgaw] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-330ehdzgaw] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-330ehdzgaw] {
        font-size: 14px;
    }

    .snapshot b[b-330ehdzgaw] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Checkout.razor.rz.scp.css */
.cta-btn[b-0n4w7ehk0l] {
    background-color: #27C2F6;
    color: white;
    display: inline-flex;
    padding: 14px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    border: none;
    border-radius: 100px;
}

[b-0n4w7ehk0l] .numeric-field {
    width: 100%;
    border: 0.5px solid #BDBDBD;
    border-radius: 5px;
    padding-block: 5px;
    margin-left: 10px;
    padding-left: 10px;
}

.fixed-desktop-btn[b-0n4w7ehk0l] {
    position: fixed;
    bottom: 0;
    background-color: white;
    padding: 20px 0;
    left: 0;
    margin: 0 !important;
    z-index: 1;
    min-width: 100vw;
    padding-inline: 10px;
    box-shadow: 0px -4px 9px 3px rgba(0,0,0,0.08);
}

.mobile-continue-fixed[b-0n4w7ehk0l] {
    position: fixed;
    bottom: 0;
    background-color: white;
    padding: 20px 0;
    left: 0;
    margin: 0 !important;
    z-index: 1;
    padding-inline: 10px;
    width: 100%;
}

.header[b-0n4w7ehk0l] {
    background-color: #0A2B5B;
    justify-content: center;
    display: flex;
    height: fit-content;
    padding: 0px 100px;
    height: 150px;
    align-items: center;
    margin-top: 100px;
    padding-top: 0;
}

.desktop-checkout-page[b-0n4w7ehk0l] {
    margin-top: 45px;
}

.checkout-step[b-0n4w7ehk0l] {
    color: white;
}

.step-num[b-0n4w7ehk0l] {
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.09px;
    color: white;
}

.step-name[b-0n4w7ehk0l] {
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.35px;
    color: white;
}

.step-title[b-0n4w7ehk0l] {
    color: #303131;
    font-family: Rubik;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    margin: 0;
}

.liveaboard-details-summary[b-0n4w7ehk0l] {
    padding-right: 107px;
    padding-left: 0;
    border: 1px solid #BDBDBD;
    display: flex;
    height: 261px;
}

input[b-0n4w7ehk0l], textarea[b-0n4w7ehk0l]{
    border: 1px solid #969696;
    border-radius: 5px
}

    .liveaboard-details-summary .image[b-0n4w7ehk0l] {
        /* height: 260px;*/
        background-position: center;
        background-size: cover;
    }

    .liveaboard-details-summary .text[b-0n4w7ehk0l] {
        padding: 15px 0;
        padding-left: 40px;
    }

.book-now[b-0n4w7ehk0l] {
    background-color: #EAF9FF;
    display: flex;
    height: 80%;
    padding: 20px 45.5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}


.step-info[b-0n4w7ehk0l] {
    font-family: OpenSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #969696;
    margin-bottom: 20px;
}

.name[b-0n4w7ehk0l] {
    color: #303131;
    font-family: Rubik;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    cursor: poOpenSans;
}


.main-text[b-0n4w7ehk0l] {
    color: #969696;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
    margin-bottom: 5px;
}

.steps-divider[b-0n4w7ehk0l] {
    width: 50px;
    color: #FFFFFF;
    height: 3px;
}

.price-chip .text[b-0n4w7ehk0l] {
    font-size: 16px !important;
}

.price-chip .chip-icon[b-0n4w7ehk0l] {
    width: 22px;
    height: 22px;
}

.price-chip[b-0n4w7ehk0l] {
    width: 100% !important;
}

.step-chip[b-0n4w7ehk0l] {
    display: flex;
    padding: 10px 30px 10px 10px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    height: fit-content !important;
    width: 200px;
    border-radius: 150px !important;
}

.price-chip[b-0n4w7ehk0l] {
    height: fit-content !important;
    padding: 5px;
}

.gallery-overlay[b-0n4w7ehk0l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cabin-card[b-0n4w7ehk0l] {
    border: 1px solid #BDBDBD;
    height: 207px;
    margin-bottom: 25px;
}

.cabin-image[b-0n4w7ehk0l] {
    background-position: center;
    background-size: cover;
    height: 206px;
    width: 352px;
    object-fit: cover;
    overflow: hidden;
}

[b-0n4w7ehk0l] .checkbox {
    width: 30px;
    font-size: 30px;
    height: 30px;
}

.cabin-card-main-text[b-0n4w7ehk0l] {
    color: #969696;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.09px;
}

.cancellation-policy[b-0n4w7ehk0l] {
    background-color: #27C2F61A;
    display: flex;
    min-width: 1300px;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #27C2F6;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    margin-top: 0px;
    cursor: poOpenSans;
    margin-bottom: 0px;
}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input[b-0n4w7ehk0l] {
    padding: 10px;
}

input[b-0n4w7ehk0l] {
    padding-left: 10px;
    border-style: ridge;
    height: 30px;
}

.cancellation-policy .mud-icon-root[b-0n4w7ehk0l] {
    color: #0A2B5B;
    font-size: 50px;
}

input[type='checkbox'][b-0n4w7ehk0l] {
    accent-color: #0A2B5B;
}

.email-section[b-0n4w7ehk0l] {
    display: flex;
    padding: 60px 203px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-top: 30px;
}

[b-0n4w7ehk0l] select {
    word-wrap: normal;
    background-color: white !important;
    border: none;
    height: 30px;
}

.order-summary[b-0n4w7ehk0l] {
    border: 1px solid #BDBDBD;
    margin-left: 20px;
    height: fit-content;
}

.section-title[b-0n4w7ehk0l] {
    color: #303131;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.mud-input > input.mud-input-root-outlined[b-0n4w7ehk0l], div.mud-input-slot.mud-input-root-outlined[b-0n4w7ehk0l] {
    padding: 10px 14px;
}

.person-details[b-0n4w7ehk0l] {
    border: 1px solid #BDBDBD;
    background: transparent;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.padded-section[b-0n4w7ehk0l] {
    padding: 35px 20px !important;
}

label[b-0n4w7ehk0l] {
    color: #969696;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
    padding-left: 0 !important;
}

.person-details .mud-icon-root[b-0n4w7ehk0l] {
    color: #BDBDBD !important;
}


.title[b-0n4w7ehk0l] {
    color: #303131;
    font-family: Rubik;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.72px;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0;
}


.subtitle[b-0n4w7ehk0l] {
    color: #969696;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.booking-summary[b-0n4w7ehk0l] {
    border-radius: 25px;
    background: #27C2F61A;
    margin-top: 30px;
    padding: 40px;
    margin-bottom: 100px;
}

    .booking-summary .main-text[b-0n4w7ehk0l] {
        color: #969696;
        font-family: OpenSans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
    }

@media(min-width: 1000px) {
    .checkout-mobile[b-0n4w7ehk0l] {
        display: none !important;
    }
}

@media(max-width: 1000px) {

    .numeric-field[b-0n4w7ehk0l] {
        width: 90%;
    }

    .email-section[b-0n4w7ehk0l] {
        padding-bottom: 30px !important;
    }

    label[b-0n4w7ehk0l] {
        font-size: 14px;
    }

    .section-title[b-0n4w7ehk0l] {
        font-size: 18px;
        line-height: normal;
    }

    .name[b-0n4w7ehk0l] {
        font-size: 14px !important;
        margin: 0;
        line-height: normal;
        align-items: center;
    }

    .liveaboard-details-summary[b-0n4w7ehk0l] {
        height: fit-content;
    }

    .checkout-desktop[b-0n4w7ehk0l] {
        display: none !important;
    }

    .step-title[b-0n4w7ehk0l] {
        color: #303131;
        font-family: Rubik;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 45px;
        text-align: center !important;
    }

    .step-info[b-0n4w7ehk0l] {
        color: #868686;
        text-align: center !important;
        font-family: OpenSans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: 0.09px;
    }

    .liveaboard-details-card[b-0n4w7ehk0l] {
        border-radius: 5px;
        border: 1px solid #B9B9B9;
        margin-bottom: 50px;
        margin-top: 15px;
        width: 100%;
    }

        .liveaboard-details-card .liveaboard-image[b-0n4w7ehk0l] {
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 200px;
            margin: 0;
        }

    .header[b-0n4w7ehk0l] {
        flex-wrap: nowrap;
        height: 160px;
        padding-bottom: 30px;
    }

    .step-chip[b-0n4w7ehk0l] {
        width: fit-content;
        padding: 10px 15px !important;
        border-radius: 150px !important;
    }

    .checkout-step .mud-avatar.mud-avatar-medium[b-0n4w7ehk0l] {
        width: 30px;
        height: 30px;
    }

    .checkout-step .mud-icon-size-large[b-0n4w7ehk0l] {
        font-size: 1rem;
    }

    .steps-divider[b-0n4w7ehk0l] {
        width: 20px;
        height: 2px;
    }

    .checkout-mobile-content[b-0n4w7ehk0l] {
        padding: 25px 20px;
    }

    .liveaboard-details-content[b-0n4w7ehk0l] {
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .cabin-details-card[b-0n4w7ehk0l] {
        border: 1px solid #B9B9B9;
        margin-bottom: 20px;
    }

        .cabin-details-card .name[b-0n4w7ehk0l] {
            font-family: Rubik;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px;
        }

        .cabin-details-card .main-text[b-0n4w7ehk0l] {
            color: #A9A9A9;
            font-family: OpenSans;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0.09px;
        }

    .cabin-details-content[b-0n4w7ehk0l] {
        padding: 30px 15px;
        display: flex;
        flex-direction: column;
    }

    .cabin-details-card .cabin-image[b-0n4w7ehk0l] {
        width: 100%;
        margin: 0;
        height: 160px;
        border-bottom-left-radius: 0px;
    }

    .cancellation-policy[b-0n4w7ehk0l] {
        width: 100%;
        min-width: 100%;
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding: 10px 40px;
        height: fit-content !important;
    }

        .cancellation-policy .mud-icon-root[b-0n4w7ehk0l] {
            font-size: 50px;
        }

    .itinerary-name-row[b-0n4w7ehk0l] {
        font-size: 30px;
        line-height: 36.31px;
        font-weight: 600;
    }

    .itinerary-title[b-0n4w7ehk0l] {
        font-size: 24px;
        line-height: 24px;
        color: #CD9744;
    }

    .itinerary-details-section[b-0n4w7ehk0l] {
        margin-top: 2rem;
        margin-bottom: 2rem;
        background-color: #CD97441A;
        padding: 25px 15px;
    }

    .timeline-row[b-0n4w7ehk0l] {
        margin: 2rem 0;
    }

    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default[b-0n4w7ehk0l] {
        background-color: #FFB400;
        color: white;
        font-size: 16px;
        font-weight: 700;
        font-family: 'OpenSans', sans-serif !important;
    }

    .mud-timeline-vertical[b-0n4w7ehk0l]::before {
        top: 0;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 2px;
        background: transparent;
        border-style: dashed;
        border-color: var(--mud-palette-divider);
        border-width: 1px;
    }

    .mud-timeline-vertical.mud-timeline-position-start[b-0n4w7ehk0l]::before {
        right: auto;
        left: 47px;
    }

    .mud-timeline-vertical[b-0n4w7ehk0l] {
        padding-left: 0;
    }

    .day-number[b-0n4w7ehk0l] {
        color: #303131;
        font-size: 16px;
        font-weight: 700;
    }

    .day-description[b-0n4w7ehk0l] {
        color: #969696;
        font-size: 14px;
        line-height: 21px;
    }

    .mud-timeline-vertical .mud-timeline-item[b-0n4w7ehk0l] {
        padding-bottom: 3rem;
    }

    .helper-card[b-0n4w7ehk0l] {
        background-color: #EAF9FF;
        padding: 1rem;
        color: #969696;
        font-size: 14px;
        font-weight: 400;
    }

    .length-trip-text[b-0n4w7ehk0l] {
        color: #303131;
        font-size: 20px;
        font-weight: 600;
        line-height: 24.2px;
        opacity: 87%;
        margin-top: 1rem;
    }

    .length-trip-value[b-0n4w7ehk0l] {
        color: #868686;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        margin-top: 0.8rem;
    }

    .marine-life-row[b-0n4w7ehk0l] {
        font-size: 16px;
        line-height: 28px;
        padding-left: 1rem;
        margin-bottom: 2rem;
    }

    .card-footer[b-0n4w7ehk0l] {
        background-color: #FFF6E7;
        padding: 2rem 1.5rem;
        border: none;
    }

    .main-text[b-0n4w7ehk0l] {
        color: #868686;
        font-size: 16px;
    }

    .timeline-row[b-0n4w7ehk0l] {
        margin: 2rem 0;
    }

    .horizontal-line[b-0n4w7ehk0l] {
        padding: 0;
        margin-bottom: 1rem;
    }

    .email-section[b-0n4w7ehk0l] {
        padding: 50px 20px;
        margin-bottom: 40px;
    }


    .book-now[b-0n4w7ehk0l] {
        padding: 35px 40px;
        height: fit-content;
    }

    .step-chip .mud-chip-content[b-0n4w7ehk0l] {
        padding-right: 0;
        padding-left: 0;
    }

    .order-summary[b-0n4w7ehk0l] {
        margin-left: 0;
        justify-content: center;
        width: 100%;
    }

    .step-title[b-0n4w7ehk0l] {
        text-align: start;
        font-size: 20px !important;
    }

    .padded-section[b-0n4w7ehk0l] {
        padding: 30px !important;
    }

    .liveaboard-details-summary[b-0n4w7ehk0l] {
        padding: 0;
    }

        .liveaboard-details-summary .image[b-0n4w7ehk0l] {
            width: 100%;
            height: 190px;
            padding: 0;
            margin: 0;
            border-bottom-left-radius: 0;
        }

        .liveaboard-details-summary .text[b-0n4w7ehk0l] {
            padding: 15px;
            margin: 0;
        }

    .title[b-0n4w7ehk0l] {
        color: #303131;
        text-align: center;
        font-family: Rubik;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 50px;
        letter-spacing: -0.6px;
    }


    .subtitle[b-0n4w7ehk0l] {
        color: #868686;
        text-align: center;
        font-family: OpenSans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: 0.09px;
    }

    .booking-summary[b-0n4w7ehk0l] {
        margin: 40px 0;
        padding: 20px 15px;
    }

        .booking-summary .main-text[b-0n4w7ehk0l] {
            color: #333;
            font-family: OpenSans;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.08px;
        }

    .price-chip[b-0n4w7ehk0l] {
        padding: 0;
    }
}

@media(max-width: 400px) {
    .price-chip .text[b-0n4w7ehk0l] {
        font-size: 15px !important;
    }

    .cancellation-policy[b-ighgogcnlm][b-0n4w7ehk0l] {
        width: 100%;
        min-width: 100%;
        font-size: 15px;
        padding: 10px 10px;
    }

    .cta-btn[b-0n4w7ehk0l] {
        padding: 10px;
        font-size: 15px;
    }



    .email-section[b-0n4w7ehk0l] {
        padding: 50px 10px;
        margin-bottom: 30px;
    }
}
/* _content/NeptuneScubaDiving/Pages/ContactBali.razor.rz.scp.css */
.header[b-chdoqkbgpe] {
    margin-top: 128px;
}

    .header img[b-chdoqkbgpe] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-chdoqkbgpe] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-chdoqkbgpe] {
    padding-inline: 200px;
}

b[b-chdoqkbgpe] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.contact-grid[b-chdoqkbgpe] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    padding-inline: 0;
}

    .contact-grid .grid-elem[b-chdoqkbgpe] {
        background-color: #F9FAFB;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .contact-grid .grid-elem h4[b-chdoqkbgpe] {
            margin-top: 20px;
            color: #101828;
            margin-bottom: 0px;
        }

.form-group[b-chdoqkbgpe] {
    margin-bottom: 15px;
}

    .form-group label[b-chdoqkbgpe] {
        font-size: 14px;
        font-family: Rubik;
        font-weight: 500;
        color: #344054;
        margin-bottom: 5px;
    }

.btn:focus[b-chdoqkbgpe], .btn:active:focus[b-chdoqkbgpe], .btn-link.nav-link:focus[b-chdoqkbgpe], .form-control:focus[b-chdoqkbgpe], .form-check-input:focus[b-chdoqkbgpe] {
    box-shadow: none;
}

.form-check-label[b-chdoqkbgpe] {
    font-weight: 400 !important;
    color: #475467 !important;
}

.submit-btn[b-chdoqkbgpe] {
    background-color: #4285F4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: Rubik;
    font-weight: 500;
    border: none;
    width: 100%;
}

.success-popup-overlay[b-chdoqkbgpe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 200 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-popup-overlay[b-chdoqkbgpe] {
    /* existing styles */
    overflow-y: scroll; /* Enable vertical scrolling within the popup on mobile */
    -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS devices */
}

    /*Hide scrollbar for Chrome, Safari and Opera */
    .success-popup-overlay[b-chdoqkbgpe]::-webkit-scrollbar {
        display: none;
    }

/*Hide scrollbar for IE, Edge, and Firefox */
.success-popup-overlay[b-chdoqkbgpe] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.success-popup[b-chdoqkbgpe] {
    border-radius: 20px;
    background: #FFF;
    width: 696px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed; /* Use fixed positioning to make it relative to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    z-index: 220 !important;
    padding: 20px;
    padding-bottom: 40px;
}

@media(max-width: 800px) {
    .success-popup[b-chdoqkbgpe] {
        width: 95% !important;
    }

        .success-popup p[b-chdoqkbgpe] {
            padding-inline: 0 !important;
        }
}


@media(max-width: 769px) {
    .standard-width-content[b-chdoqkbgpe] {
        width: 95%;
    }

    .desc-padding[b-chdoqkbgpe] {
        padding-inline: 0px;
    }

    .contact-grid[b-chdoqkbgpe] {
        grid-template-columns: 100%;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .image-w-text-left[b-chdoqkbgpe] {
        flex-direction: column;
        gap: 40px;
    }

        .image-w-text-left .col-5[b-chdoqkbgpe] {
            width: 95%;
        }
}
/* _content/NeptuneScubaDiving/Pages/ContactKomodo.razor.rz.scp.css */
.header[b-m4qst4zjy6] {
    margin-top: 128px;
}

    .header img[b-m4qst4zjy6] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-m4qst4zjy6] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-m4qst4zjy6] {
    padding-inline: 200px;
}

b[b-m4qst4zjy6] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.contact-grid[b-m4qst4zjy6] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    padding-inline: 0;
}

    .contact-grid .grid-elem[b-m4qst4zjy6] {
        background-color: #F9FAFB;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .contact-grid .grid-elem h4[b-m4qst4zjy6] {
            margin-top: 20px;
            color: #101828;
            margin-bottom: 0px;
        }

.form-group[b-m4qst4zjy6]{
    margin-bottom: 15px;
}

    .form-group label[b-m4qst4zjy6] {
        font-size: 14px;
        font-family: Rubik;
        font-weight: 500;
        color: #344054;
        margin-bottom: 5px;
    }

.btn:focus[b-m4qst4zjy6], .btn:active:focus[b-m4qst4zjy6], .btn-link.nav-link:focus[b-m4qst4zjy6], .form-control:focus[b-m4qst4zjy6], .form-check-input:focus[b-m4qst4zjy6]{
    box-shadow: none;
}

.form-check-label[b-m4qst4zjy6] {
    font-weight: 400!important;
    color: #475467!important;
}

.submit-btn[b-m4qst4zjy6] {
    background-color: #4285F4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-family: Rubik;
    font-weight: 500;
    border: none;
    width: 100%;
}

.success-popup-overlay[b-m4qst4zjy6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 200 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-popup-overlay[b-m4qst4zjy6] {
    /* existing styles */
    overflow-y: scroll; /* Enable vertical scrolling within the popup on mobile */
    -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS devices */
}

    /*Hide scrollbar for Chrome, Safari and Opera */
    .success-popup-overlay[b-m4qst4zjy6]::-webkit-scrollbar {
        display: none;
    }

/*Hide scrollbar for IE, Edge, and Firefox */
.success-popup-overlay[b-m4qst4zjy6] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.success-popup[b-m4qst4zjy6] {
    border-radius: 20px;
    background: #FFF;
    width: 696px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed; /* Use fixed positioning to make it relative to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    z-index: 220 !important;
    padding: 20px;
    padding-bottom: 40px;
}

@media(max-width: 800px) {
    .success-popup[b-m4qst4zjy6] {
        width: 95% !important;
    }

        .success-popup p[b-m4qst4zjy6] {
            padding-inline: 0 !important;
        }
}


@media(max-width: 769px) {
    .standard-width-content[b-m4qst4zjy6] {
        width: 95%;
    }

    .desc-padding[b-m4qst4zjy6] {
        padding-inline: 0px;
    }

    .contact-grid[b-m4qst4zjy6] {
        grid-template-columns: 100%;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .image-w-text-left[b-m4qst4zjy6]{
        flex-direction: column;
        gap: 40px;
    }

    .image-w-text-left .col-5[b-m4qst4zjy6]{
        width: 95%;
    }
}
/* _content/NeptuneScubaDiving/Pages/CookiesPolicy.razor.rz.scp.css */

.header[b-thrrwr6prh] {
    margin-top: 128px;
}

    .header img[b-thrrwr6prh] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-thrrwr6prh] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-thrrwr6prh] {
    padding-inline: 200px;
}

b[b-thrrwr6prh] {
    font-weight: 600;
    color: #333333;
}

ul[b-thrrwr6prh] {
    padding-left: 30px;
}

@media(max-width: 769px) {
    .standard-width-content[b-thrrwr6prh] {
        width: 95%;
    }

    .desc-padding[b-thrrwr6prh] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/CrystalBay.razor.rz.scp.css */


.header[b-q3q8c2q5jo] {
    margin-top: 128px;
}

    .header img[b-q3q8c2q5jo] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-q3q8c2q5jo] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-q3q8c2q5jo] {
    padding-inline: 200px;
}

b[b-q3q8c2q5jo] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.four-col-grid[b-q3q8c2q5jo] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
}

.four-col-grid .grid-elem[b-q3q8c2q5jo]{
    display: flex;
    flex-direction: column;
    align-items: start;
}

    .four-col-grid .grid-elem .title[b-q3q8c2q5jo] {
        color: #0A2B5B;
        font-family: Rubik;
        font-weight: 600;
        font-size: 20px;
        margin-top: 10px;
    }

    .four-col-grid .grid-elem img[b-q3q8c2q5jo] {
        width: 100%;
        max-width: 315px;
        max-height: 238px;
        height: 100%;
        min-height: 238px;
        object-fit: cover;
        overflow: hidden;
    }

        @media(max-width: 769px) {
            .standard-width-content[b-q3q8c2q5jo] {
        width: 95%;
    }

    .desc-padding[b-q3q8c2q5jo] {
        padding-inline: 0px;
    }

            .four-col-grid[b-q3q8c2q5jo] {
                display: grid;
                grid-template-columns: 100%;
                justify-content: start;
            }

                .four-col-grid .grid-elem img[b-q3q8c2q5jo]{
                    max-width: 100%;
                }
}
/* _content/NeptuneScubaDiving/Pages/CrystalRockDiving.razor.rz.scp.css */
.header[b-vatyq1pq3v] {
    margin-top: 128px;
}

    .header img[b-vatyq1pq3v] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-vatyq1pq3v] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-vatyq1pq3v] {
    padding-inline: 200px;
}

b[b-vatyq1pq3v] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-vatyq1pq3v] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-vatyq1pq3v] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-vatyq1pq3v] {
    border-radius: 10px;
}

.snapshot[b-vatyq1pq3v] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-vatyq1pq3v] {
    margin-block: 40px;
}

.page-content a[b-vatyq1pq3v] {
    color: #333333;
}


.three-col-grid[b-vatyq1pq3v] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-vatyq1pq3v] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-vatyq1pq3v] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-vatyq1pq3v] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-vatyq1pq3v] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-vatyq1pq3v] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-vatyq1pq3v] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-vatyq1pq3v] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-vatyq1pq3v] {
    background-color: #272727;
}

    .package-card .col-6[b-vatyq1pq3v] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-vatyq1pq3v] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-vatyq1pq3v] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-vatyq1pq3v] {
        text-align: center;
    }

    .page-content[b-vatyq1pq3v] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-vatyq1pq3v], .page-content .col-5[b-vatyq1pq3v] {
            width: 100%;
        }

    .three-col-grid[b-vatyq1pq3v] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-vatyq1pq3v] {
            margin-block: 0px;
        }

    .standard-width-content[b-vatyq1pq3v] {
        width: 95%;
    }

    .desc-padding[b-vatyq1pq3v] {
        padding-inline: 0px;
    }

    .border-box[b-vatyq1pq3v] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-vatyq1pq3v] {
            font-size: 20px !important;
        }

    .date-box h4[b-vatyq1pq3v] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-vatyq1pq3v] {
        padding-inline: 7px;
    }

        .date-box p[b-vatyq1pq3v] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-vatyq1pq3v] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-vatyq1pq3v] {
        font-size: 14px;
    }

    .snapshot b[b-vatyq1pq3v] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/DiamondBeachNusaPenida.razor.rz.scp.css */

.header[b-ruahey8c5i] {
    margin-top: 128px;
}

    .header img[b-ruahey8c5i] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-ruahey8c5i] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-ruahey8c5i] {
    padding-inline: 200px;
}

b[b-ruahey8c5i] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .maps-section[b-ruahey8c5i] {
        width: 100%
    }

    .standard-width-content[b-ruahey8c5i] {
        width: 95%;
    }

    .desc-padding[b-ruahey8c5i] {
        padding-inline: 0px;
    }

    .maps-section[b-ruahey8c5i] {
        width: 100%
    }

    .maps-section[b-ruahey8c5i] {
        width: 100%
    }

}
/* _content/NeptuneScubaDiving/Pages/DiscoverMermaid.razor.rz.scp.css */

.header[b-x1fsc2hypd] {
    margin-top: 128px;
}

    .header img[b-x1fsc2hypd] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-x1fsc2hypd] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-x1fsc2hypd] {
    padding-inline: 200px;
}

b[b-x1fsc2hypd] {
    font-weight: 600;
    color: #333333;
}

.small-img[b-x1fsc2hypd] {
    max-height: 370px;
}

@media(max-width: 769px) {
    .standard-width-content[b-x1fsc2hypd] {
        width: 95%;
    }

    .desc-padding[b-x1fsc2hypd] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/DiveCenterSanur.razor.rz.scp.css */



.header[b-hgabmi1qhy] {
    margin-top: 128px;
}

    .header img[b-hgabmi1qhy] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-hgabmi1qhy] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-hgabmi1qhy] {
    padding-inline: 200px;
}

b[b-hgabmi1qhy] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}



@media(max-width: 769px) {
    .maps-section[b-hgabmi1qhy] {
        width: 100%
    }

    .standard-width-content[b-hgabmi1qhy] {
        width: 95%;
    }

    .desc-padding[b-hgabmi1qhy] {
        padding-inline: 0px;
    }



}
/* _content/NeptuneScubaDiving/Pages/DivemastersBali.razor.rz.scp.css */

.header[b-n1ez4ipvnc] {
    margin-top: 128px;
}

    .header img[b-n1ez4ipvnc] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-n1ez4ipvnc] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-n1ez4ipvnc] {
    padding-inline: 200px;
}

b[b-n1ez4ipvnc] {
    font-weight: 600;
    color: #333333;
}



@media(max-width: 769px) {
    .maps-section[b-n1ez4ipvnc] {
        width: 100%
    }

    .standard-width-content[b-n1ez4ipvnc] {
        width: 95%;
    }

    .desc-padding[b-n1ez4ipvnc] {
        padding-inline: 0px;
    }

    .image-w-text-right img[b-n1ez4ipvnc], .image-w-text-left img[b-n1ez4ipvnc] {
        max-height: 230px;
    }
}
/* _content/NeptuneScubaDiving/Pages/DiveShopBali.razor.rz.scp.css */

.header[b-idlr0shzy2] {
    margin-top: 128px;
}

    .header img[b-idlr0shzy2] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-idlr0shzy2] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-idlr0shzy2] {
    padding-inline: 200px;
}

b[b-idlr0shzy2] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}



@media(max-width: 769px) {
    .maps-section[b-idlr0shzy2] {
        width: 100%
    }

    .standard-width-content[b-idlr0shzy2] {
        width: 95%;
    }

    .desc-padding[b-idlr0shzy2] {
        padding-inline: 0px;
    }

}
/* _content/NeptuneScubaDiving/Pages/DivingAtNusaPenida.razor.rz.scp.css */
.header[b-g41toh676w] {
    margin-top: 128px;
}

    .header img[b-g41toh676w] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-g41toh676w] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-g41toh676w] {
    padding-inline: 200px;
}

b[b-g41toh676w] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-g41toh676w] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-g41toh676w] {
    margin-block: 40px;
}

.page-content a[b-g41toh676w] {
    color: #333333;
}


.four-col-grid[b-g41toh676w] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-g41toh676w] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-g41toh676w] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-g41toh676w] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-g41toh676w] {
            margin-bottom: 0;
        }

        .four-col-grid a[b-g41toh676w]{
            text-decoration: none!important;
            color: #333333;
        }

.border-box[b-g41toh676w] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-g41toh676w] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-g41toh676w] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-g41toh676w] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-g41toh676w]{
    border-radius: 10px;
}

@media(max-width: 769px) {
    .header p[b-g41toh676w] {
        text-align: center;
    }

    .page-content[b-g41toh676w]{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-g41toh676w], .page-content .col-5[b-g41toh676w] {
            width: 100%;
        }

    .four-col-grid[b-g41toh676w] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-g41toh676w] {
            margin-block: 0px;
        }

    .standard-width-content[b-g41toh676w] {
        width: 95%;
    }

    .desc-padding[b-g41toh676w] {
        padding-inline: 0px;
    }

    .border-box[b-g41toh676w] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-g41toh676w] {
            font-size: 20px!important;
        }

    .date-box h4[b-g41toh676w] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-g41toh676w]{
        padding-inline: 7px;
    }

    .date-box p[b-g41toh676w]{
        font-size: 12px;
    }

    .date-box .dark-blue-filled-btn[b-g41toh676w] {
        font-size: 12px;
        padding: 5px 15px;
    }

    .border-box .outline-btn[b-g41toh676w] {
        font-size: 14px;
    }

    .snapshot b[b-g41toh676w] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/DivingSchoolBali.razor.rz.scp.css */


.header[b-e53iynxbrm] {
    margin-top: 128px;
}

    .header img[b-e53iynxbrm] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-e53iynxbrm] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-e53iynxbrm] {
    padding-inline: 200px;
}

b[b-e53iynxbrm] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}



@media(max-width: 769px) {
    .standard-width-content[b-e53iynxbrm] {
        width: 95%;
    }

    .desc-padding[b-e53iynxbrm] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/EmergencyFirstResponse.razor.rz.scp.css */
.header[b-rxkg9dn3ul] {
    margin-top: 128px;
}

    .header img[b-rxkg9dn3ul] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-rxkg9dn3ul] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-rxkg9dn3ul] {
    padding-inline: 200px;
}

b[b-rxkg9dn3ul] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-rxkg9dn3ul] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

h3[b-rxkg9dn3ul] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-rxkg9dn3ul] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-rxkg9dn3ul] {
    border-radius: 10px;
}

.page-content hr[b-rxkg9dn3ul] {
    margin-block: 40px;
}

.page-content a[b-rxkg9dn3ul] {
    color: #333333;
}


.three-col-grid[b-rxkg9dn3ul] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-rxkg9dn3ul] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-rxkg9dn3ul] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-rxkg9dn3ul] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-rxkg9dn3ul] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-rxkg9dn3ul] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-rxkg9dn3ul] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-rxkg9dn3ul] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-rxkg9dn3ul] {
    background-color: #272727;
}

    .package-card .col-6[b-rxkg9dn3ul] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-rxkg9dn3ul] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-rxkg9dn3ul] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-rxkg9dn3ul] {
        text-align: center;
    }

    .page-content[b-rxkg9dn3ul] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-rxkg9dn3ul], .page-content .col-5[b-rxkg9dn3ul] {
            width: 100%;
        }

    .three-col-grid[b-rxkg9dn3ul] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-rxkg9dn3ul] {
            margin-block: 0px;
        }

    .standard-width-content[b-rxkg9dn3ul] {
        width: 95%;
    }

    .desc-padding[b-rxkg9dn3ul] {
        padding-inline: 0px;
    }

    .border-box[b-rxkg9dn3ul] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-rxkg9dn3ul] {
            font-size: 20px !important;
        }

    .date-box h4[b-rxkg9dn3ul] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-rxkg9dn3ul] {
        padding-inline: 7px;
    }

        .date-box p[b-rxkg9dn3ul] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-rxkg9dn3ul] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-rxkg9dn3ul] {
        font-size: 14px;
    }

    .snapshot b[b-rxkg9dn3ul] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/EmergencyFirstResponseKomodo.razor.rz.scp.css */
.header[b-4i1j032gip] {
    margin-top: 128px;
}

    .header img[b-4i1j032gip] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-4i1j032gip] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-4i1j032gip] {
    padding-inline: 200px;
}

h3[b-4i1j032gip] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-4i1j032gip] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-4i1j032gip] {
    border-radius: 10px;
}

b[b-4i1j032gip] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-4i1j032gip] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-4i1j032gip] {
    margin-block: 40px;
}

.page-content a[b-4i1j032gip] {
    color: #333333;
}


.three-col-grid[b-4i1j032gip] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-4i1j032gip] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-4i1j032gip] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-4i1j032gip] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-4i1j032gip] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-4i1j032gip] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-4i1j032gip] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-4i1j032gip] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-4i1j032gip] {
    background-color: #272727;
}

    .package-card .col-6[b-4i1j032gip] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-4i1j032gip] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-4i1j032gip] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-4i1j032gip] {
        text-align: center;
    }

    .page-content[b-4i1j032gip] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-4i1j032gip], .page-content .col-5[b-4i1j032gip] {
            width: 100%;
        }

    .three-col-grid[b-4i1j032gip] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-4i1j032gip] {
            margin-block: 0px;
        }

    .standard-width-content[b-4i1j032gip] {
        width: 95%;
    }

    .desc-padding[b-4i1j032gip] {
        padding-inline: 0px;
    }

    .border-box[b-4i1j032gip] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-4i1j032gip] {
            font-size: 20px !important;
        }

    .date-box h4[b-4i1j032gip] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-4i1j032gip] {
        padding-inline: 7px;
    }

        .date-box p[b-4i1j032gip] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-4i1j032gip] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-4i1j032gip] {
        font-size: 14px;
    }

    .snapshot b[b-4i1j032gip] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/EnrichedAirDiver.razor.rz.scp.css */
.header[b-993q85ujc1] {
    margin-top: 128px;
}

    .header img[b-993q85ujc1] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-993q85ujc1] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-993q85ujc1] {
    padding-inline: 200px;
}

b[b-993q85ujc1] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-993q85ujc1] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-993q85ujc1] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-993q85ujc1] {
    border-radius: 10px;
}

.snapshot[b-993q85ujc1] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-993q85ujc1] {
    margin-block: 40px;
}

.page-content a[b-993q85ujc1] {
    color: #333333;
}


.three-col-grid[b-993q85ujc1] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-993q85ujc1] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-993q85ujc1] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-993q85ujc1] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-993q85ujc1] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-993q85ujc1] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-993q85ujc1] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-993q85ujc1] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-993q85ujc1] {
    background-color: #272727;
}

    .package-card .col-6[b-993q85ujc1] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-993q85ujc1] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-993q85ujc1] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-993q85ujc1] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-993q85ujc1] {
            font-size: 20px !important;
        }

    .date-box h4[b-993q85ujc1] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-993q85ujc1] {
        padding-inline: 7px;
    }

        .date-box p[b-993q85ujc1] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-993q85ujc1] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-993q85ujc1] {
        font-size: 14px;
    }

    .snapshot b[b-993q85ujc1] {
        font-weight: 500;
        font-size: 12px;
    }

    .header p[b-993q85ujc1] {
        text-align: center;
    }

    .page-content[b-993q85ujc1] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-993q85ujc1], .page-content .col-5[b-993q85ujc1] {
            width: 100%;
        }

    .three-col-grid[b-993q85ujc1] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-993q85ujc1] {
            margin-block: 0px;
        }

    .standard-width-content[b-993q85ujc1] {
        width: 95%;
    }

    .desc-padding[b-993q85ujc1] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/EnrichedAirDiverKomodo.razor.rz.scp.css */
.header[b-g9svygisp1] {
    margin-top: 128px;
}

    .header img[b-g9svygisp1] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-g9svygisp1] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-g9svygisp1] {
    padding-inline: 200px;
}

h3[b-g9svygisp1] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-g9svygisp1] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-g9svygisp1] {
    border-radius: 10px;
}

b[b-g9svygisp1] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-g9svygisp1] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-g9svygisp1] {
    margin-block: 40px;
}

.page-content a[b-g9svygisp1] {
    color: #333333;
}


.three-col-grid[b-g9svygisp1] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-g9svygisp1] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-g9svygisp1] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-g9svygisp1] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-g9svygisp1] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-g9svygisp1] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-g9svygisp1] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-g9svygisp1] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-g9svygisp1] {
    background-color: #272727;
}

    .package-card .col-6[b-g9svygisp1] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-g9svygisp1] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-g9svygisp1] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-g9svygisp1] {
        text-align: center;
    }

    .page-content[b-g9svygisp1] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-g9svygisp1], .page-content .col-5[b-g9svygisp1] {
            width: 100%;
        }

    .three-col-grid[b-g9svygisp1] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-g9svygisp1] {
            margin-block: 0px;
        }

    .standard-width-content[b-g9svygisp1] {
        width: 95%;
    }

    .desc-padding[b-g9svygisp1] {
        padding-inline: 0px;
    }

    .border-box[b-g9svygisp1] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-g9svygisp1] {
            font-size: 20px !important;
        }

    .date-box h4[b-g9svygisp1] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-g9svygisp1] {
        padding-inline: 7px;
    }

        .date-box p[b-g9svygisp1] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-g9svygisp1] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-g9svygisp1] {
        font-size: 14px;
    }

    .snapshot b[b-g9svygisp1] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/GiliMimpangTepekong.razor.rz.scp.css */
.header[b-n1mmr7fska] {
    margin-top: 128px;
}

    .header img[b-n1mmr7fska] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-n1mmr7fska] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-n1mmr7fska] {
    padding-inline: 200px;
}

b[b-n1mmr7fska] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-n1mmr7fska] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-n1mmr7fska] {
    margin-block: 40px;
}

.page-content a[b-n1mmr7fska] {
    color: #333333;
}


.four-col-grid[b-n1mmr7fska] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-n1mmr7fska] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-n1mmr7fska] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-n1mmr7fska] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-n1mmr7fska] {
            margin-bottom: 0;
        }

    .four-col-grid a[b-n1mmr7fska] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-n1mmr7fska] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-n1mmr7fska] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-n1mmr7fska] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-n1mmr7fska] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-n1mmr7fska] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .header p[b-n1mmr7fska] {
        text-align: center;
    }

    .page-content[b-n1mmr7fska] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-n1mmr7fska], .page-content .col-5[b-n1mmr7fska] {
            width: 100%;
        }

    .four-col-grid[b-n1mmr7fska] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-n1mmr7fska] {
            margin-block: 0px;
        }

    .standard-width-content[b-n1mmr7fska] {
        width: 95%;
    }

    .desc-padding[b-n1mmr7fska] {
        padding-inline: 0px;
    }
    .border-box[b-n1mmr7fska] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-n1mmr7fska] {
            font-size: 20px !important;
        }

    .date-box h4[b-n1mmr7fska] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-n1mmr7fska] {
        padding-inline: 7px;
    }

        .date-box p[b-n1mmr7fska] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-n1mmr7fska] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-n1mmr7fska] {
        font-size: 14px;
    }

    .snapshot b[b-n1mmr7fska] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Homepage.razor.rz.scp.css */
.header[b-vao80mffca] {
    height: fit-content;
    background-position: center;
    background-size: cover;
    padding: 100px 120px;
    border-radius: 20px;
    text-align: center;
    margin-top: 128px;
}

    .header h1[b-vao80mffca] {
        color: #10BCF5;
        text-align: center;
        font-size: 70px!important;
    }

    .header p[b-vao80mffca] {
        margin-top: 15px;
        font-size: 16px;
        text-align: center;
    }

    a[b-vao80mffca]{
        text-decoration: none!important;
    }

.subheading[b-vao80mffca] {
    font-size: 70px;
    color: #383838;
    font-weight: 500;
}


h2[b-vao80mffca] {
    color: #092B5B;
    text-align: center;
    margin-bottom: 20px;
    padding: 0;
}

.section-desc[b-vao80mffca] {
    padding-inline: 250px;
    text-align: center;
    margin-bottom: 25px;
}

.four-col-grid[b-vao80mffca]{
   display: grid;
   grid-template-columns: 25% 25% 25% 25%;
}

.three-col-grid[b-vao80mffca] {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

    .three-col-grid a[b-vao80mffca] {
        border: none;
        background-color: transparent;
        font-family: OpenSans;
        color: #092B5B;
        font-size: 16px;
        font-weight: 600;
        padding: 0;
    }

    .three-col-grid img[b-vao80mffca] {
        border-radius: 10px;
        width: 100%;
        height: 280px;
        object-fit: cover;
        overflow: hidden;
    }

    .three-col-grid h3[b-vao80mffca]{
        margin-top: 10px;
    }

    .three-col-grid .grid-elem[b-vao80mffca] {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }

    .four-col-grid .grid-elem[b-vao80mffca] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding-inline: 10px;
    }

        .four-col-grid .grid-elem .title[b-vao80mffca] {
            font-weight: 600;
            color: #092B5B;
            font-size: 18px;
            font-family: Rubik;
        }

        .four-col-grid .grid-elem p[b-vao80mffca] {
            color: #333333;
            text-align: center;
        }

.banner[b-vao80mffca] {
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 75%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/beautiful-landscape-panorama-view-at-padar-island-2023-11-27-05-11-42-utc 1.webp');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 60px 50px;
    background-blend-mode: screen;
}

.dest-grid[b-vao80mffca]{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;

}


    .dest-grid .grid-elem img[b-vao80mffca] {
        border-radius: 12px;
        height: 308px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }

        .dest-grid .grid-elem .title[b-vao80mffca] {
            font-size: 14px;
            font-weight: 600;
            color: #222222;
            font-family: OpenSans;
            margin-block: 10px;
        }

    .dest-grid .grid-elem p[b-vao80mffca] {
        font-size: 14px;
        color: #5E5E5E;
        font-family: OpenSans;
    }

.w-badge[b-vao80mffca] {
    background-color: white;
    border-radius: 4px;
    padding: 4px 9px;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    position: absolute;
    margin-top: -295px;
    margin-left: 10px;
}

.map-section[b-vao80mffca] {
    border-radius: 20px;
    background-color: #F0FBFF;
    padding: 50px 90px;
}

    @media(max-width: 769px) {
       .header h1[b-vao80mffca]{
           font-size: 35px!important;
       }

        .subheading[b-vao80mffca] {
            font-size: 35px!important;
        }

        .standard-width-content[b-vao80mffca] {
            width: 90%;
        }

        .maps-section[b-vao80mffca] {
            width: 100%
        }

        .header[b-vao80mffca] {
            padding: 20px 10px;
            margin-top: 80px;
        }

        .section-desc[b-vao80mffca]{
            padding-inline: 10px;
        }

        .four-col-grid[b-vao80mffca], .three-col-grid[b-vao80mffca]{
            grid-template-columns: 100%;
        }

        .three-col-grid[b-vao80mffca]{
            gap: 15px;
        }

        .three-col-grid .grid-elem[b-vao80mffca]{
            padding-inline: 0!important;
        }

        .banner .col-5[b-vao80mffca]{
            width: 100%;
        }

        .banner[b-vao80mffca] {
            padding: 25px 20px;
        }

        .dest-grid[b-vao80mffca]{
            grid-template-columns: 100%;
        }

        .dest-grid .grid-elem[b-vao80mffca]{
            padding-inline: 0!important;
        }

        .map-section[b-vao80mffca]{
            flex-direction: column;
            align-items: center;
        }

        .map-section .col-6[b-vao80mffca]{
            width: 100%;
        }

        .map-section[b-vao80mffca] {
            padding: 25px 20px;
        }

        .header[b-vao80mffca] {
            padding-bottom: 70px;
        }
    }
/* _content/NeptuneScubaDiving/Pages/IndonesiaLiveaboard.razor.rz.scp.css */
.header[b-qh3dlu3im7] {
    margin-top: 128px;
}

    .header img[b-qh3dlu3im7] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-qh3dlu3im7] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-qh3dlu3im7] {
    padding-inline: 200px;
}

b[b-qh3dlu3im7] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.liveaboards-grid[b-qh3dlu3im7]{
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}

    .liveaboards-grid .grid-elem[b-qh3dlu3im7]{
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .liveaboards-grid h3[b-qh3dlu3im7]{
        margin-block: 15px;
    }

    .liveaboards-grid img[b-qh3dlu3im7] {
        height: 550px;
        max-height: 550px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }


    @media(max-width: 769px) {
        .standard-width-content[b-qh3dlu3im7] {
        width: 95%;
    }

    .desc-padding[b-qh3dlu3im7] {
        padding-inline: 0px;
    }

        .liveaboards-grid[b-qh3dlu3im7]{
            grid-template-columns: 100%;
            justify-content: center;
        }

            .liveaboards-grid img[b-qh3dlu3im7] {
                height: 350px;
                max-height: 350px;
              
            }
}
/* _content/NeptuneScubaDiving/Pages/KelingkingBeach.razor.rz.scp.css */


.header[b-y4487lmcpj] {
    margin-top: 128px;
}

    .header img[b-y4487lmcpj] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-y4487lmcpj] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-y4487lmcpj] {
    padding-inline: 200px;
}

b[b-y4487lmcpj] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-y4487lmcpj], .image-w-text-left img[b-y4487lmcpj]{
    max-height: 390px;
}


@media(max-width: 769px) {
    .maps-section[b-y4487lmcpj] {
        width: 100%
    }

    .standard-width-content[b-y4487lmcpj] {
        width: 95%;
    }

    .desc-padding[b-y4487lmcpj] {
        padding-inline: 0px;
    }

}
/* _content/NeptuneScubaDiving/Pages/KingNeptuneLiveaboard.razor.rz.scp.css */
.header[b-s3e597f222] {
    background: url('https://neptunescubadiving.blob.core.windows.net/siteimages/cruise-yacht-bow-in-clear-water-near-a-coral-reef-2023-11-27-04-52-07-utc1.webp');
    height: fit-content;
    min-height: 463px;
    background-position: center;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: white !important;
}

.breadcrumbs-link[b-s3e597f222] {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    color: #475467;
}

.breadcrumbs[b-s3e597f222] {
    gap: 15px;
    margin-left: 10px;
    margin-top: 140px !important;
}

.skeleton[b-s3e597f222] {
    animation: skeleton-loading-b-s3e597f222 1s linear infinite alternate;
    height: 100px;
}

@keyframes skeleton-loading-b-s3e597f222 {
    0% {
        background-color: hsl(200, 20%, 80%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.image-w-text-left svg[b-s3e597f222], .image-w-text-right svg[b-s3e597f222] {
    min-width: 30px;
    width: 30px;
}

.loader[b-s3e597f222] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #27C2F6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-i0rd589s7h 2s linear infinite;
}

@keyframes spin-b-s3e597f222 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.image-cta h2[b-s3e597f222] {
    color: white !important;
}

.header .standard-width-content[b-s3e597f222] {
    padding-inline: 120px;
    text-align: center;
}

.pagination[b-s3e597f222] {
    display: flex;
}

.pagination-elem[b-s3e597f222] {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    color: #BDBDBD;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-inline: 5px;
    cursor: pointer;
    font-size: 14px;
}

.pagination-btn[b-s3e597f222] {
    border: none;
    box-shadow: none;
    outline: none;
    color: #27C2F6;
    font-size: 14px;
    font-family: OpensSans;
    height: 50px;
    min-height: 50px;
    width: 50px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
}

.review-content p[b-s3e597f222] {
    font-size: 14px !important;
    letter-spacing: 0.25px;
    line-height: 21px;
}

.reviews-header h2[b-s3e597f222] {
    font-family: Rubik !important;
    font-size: 20px;
    line-height: 36px;
    color: #303131;
    font-weight: 600;
    border-bottom: 2px solid #303131;
    padding-bottom: 7px;
}

.header .blue-filled-btn[b-s3e597f222] {
    margin-top: 15px;
}

.header small[b-s3e597f222] {
    margin-top: 25px;
}

.header p[b-s3e597f222] {
    font-size: 16px !important;
    color: #E6E6E6;
    font-family: OpenSans;
    text-align: start;
    margin-left: 3px;
}

h1[b-s3e597f222] {
    text-align: start;
}

small[b-s3e597f222], a[b-s3e597f222] {
    color: #FFF;
    font-family: OpensSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    text-decoration: none;
}


h2[b-s3e597f222] {
    color: #3A3A3A;
    font-family: "Rubik";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

h3[b-s3e597f222] {
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}


p[b-s3e597f222] {
    color: #333;
    line-height: 25px;
}

.date-selection-popover-title[b-s3e597f222] {
    display: flex;
    justify-content: center;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.grid-container[b-s3e597f222] {
    display: grid;
    grid-template-columns: 14% 50% 16% 20%;
    gap: 0px;
    padding: 0px;
}

.special-deal[b-s3e597f222] {
    color: #27C2F6;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}

.on-request[b-s3e597f222] {
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}


.grid-item[b-s3e597f222] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #BDBDBD;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    padding: 12px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-header[b-s3e597f222] {
    color: #303131;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-align: start;
}

.price[b-s3e597f222] {
    color: #303131;
    font-family: OpenSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-content: center;
    display: inline-grid;
    padding: 10px 0;
}


.review small[b-s3e597f222] {
    color: #696969;
    font-size: 14px;
}

.review[b-s3e597f222] {
    justify-content: space-between;
}

    .review .trip-date[b-s3e597f222] {
        color: #27C2F6;
        font-size: 14px;
        background-color: #ECFAFF;
        padding: 8px 10px;
        border-radius: 8px;
        margin-right: 10px;
    }

p[b-s3e597f222] {
    font-size: 14px !important;
}

.itinerary[b-s3e597f222] {
    overflow: hidden;
    color: #303131;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.itinerary-status[b-s3e597f222] {
    justify-content: center;
    margin-top: 5px;
    font-weight: 500;
    font-size: 15px;
}

.grid-container .date[b-s3e597f222] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.72px;
    line-height: normal;
}

.date-option[b-s3e597f222] {
    padding: 15px;
    cursor: pointer;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.selected-text[b-s3e597f222] {
    color: #00BFFB !important;
}

.popover-outline-btn[b-s3e597f222] {
    border-radius: 5px;
    border: 1px solid #CACACA;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07px;
    background-color: transparent;
    height: fit-content;
    width: 100%;
    padding: 5px;
}

.date-selection-popover-content[b-s3e597f222] {
    width: 100%;
}

.disabled-option[b-s3e597f222] {
    color: lightgray !important;
}

.custom-date-picker[b-s3e597f222] {
    background-color: #CD9744;
    display: flex;
    height: 52px;
    padding: 15px 30px;
    align-items: center;
    gap: 10px;
    color: white;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
    width: 270px;
}

.recommendation[b-s3e597f222] {
    font-family: Rubik !important;
    font-size: 14px !important;
    font-weight: 500;
    padding-block: 12px;
    letter-spacing: 0.5px;
}

.sort-option[b-s3e597f222] {
    cursor: pointer;
    width: 100%;
    padding-block: 5px;
}

    .sort-option:hover[b-s3e597f222] {
        background-color: rgba(0, 191, 251, 0.05);
    }

.extras-row h4[b-s3e597f222] {
    color: #333;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: start;
}

.blue-filled-btn[b-s3e597f222] {
    flex-direction: row !important;
}

.custom-date-picker[b-s3e597f222]::after {
    content: '\25BC'; /* Unicode character for down arrow */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 24px;
}

.sheen-gold-filled-btn[b-s3e597f222] {
    color: white;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
}

.grid-container .sheen-gold-filled-btn[b-s3e597f222] {
    font-size: 16px;
    padding: 10px 25px;
}

.date-menu[b-s3e597f222] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    position: absolute;
    z-index: 3;
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sort-menu[b-s3e597f222] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    margin-top: 20px;
    right: 0px;
}

.date-menu-row[b-s3e597f222] {
    position: absolute;
    z-index: 2;
}

.border-box[b-s3e597f222] {
    border: 1px solid #BDBDBD;
    padding: 20px;
}

.payment-img[b-s3e597f222] {
    width: 418.999px;
    height: 50.482px;
}

.calendar-btn[b-s3e597f222] {
    border-radius: 10px;
}

ul[b-s3e597f222] {
    list-style-type: disc;
    color: #333;
    padding-left: 30px;
}

li[b-s3e597f222], .border-box small[b-s3e597f222] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.border-box h5[b-s3e597f222] {
    color: #343935;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.border-box svg[b-s3e597f222] {
    margin-right: 10px;
}

.cabin[b-s3e597f222] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view-more-btn[b-s3e597f222] {
    background-color: #00BFFB;
    display: inline-flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    border: none;
    width: fit-content;
    position: absolute;
    margin-top: 170px;
    margin-right: 25px;
}

.large-img[b-s3e597f222] {
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

.small-img[b-s3e597f222] {
    width: 100%;
    padding: 10px 10px;
}

.features p[b-s3e597f222] {
    margin: 0;
    font-size: 14px;
}

.features img[b-s3e597f222] {
    margin-right: 5px;
}

.facilities-row[b-s3e597f222] {
    gap: 30px;
}

    .facilities-row p[b-s3e597f222] {
        margin: 0;
        font-size: 14px;
    }

    .facilities-row img[b-s3e597f222] {
        margin-right: 5px;
    }

.extras-section h3[b-s3e597f222] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.cabins-section p[b-s3e597f222] {
    padding: 0 200px;
    text-align: center;
    font-size: 14px;
}

.cabins-row .cabin h3[b-s3e597f222] {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    font-family: Monesta;
}

.cabins-row .cabin p[b-s3e597f222] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
    text-align: start;
    margin-bottom: 0;
}

.cabins-row .cabin .details[b-s3e597f222] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.cabins-row .cabin img[b-s3e597f222] {
    margin-bottom: 10px;
    width: 100%;
}

.cabins-row[b-s3e597f222] {
    padding: 0;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 100%;
}

.fa-circle-check[b-s3e597f222] {
    margin-right: 5px;
    font-size: 25px;
}

.general-details b[b-s3e597f222], .safety-features b[b-s3e597f222] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.boat-details p[b-s3e597f222] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.boat-details[b-s3e597f222] {
    gap: 20px;
    flex-wrap: nowrap;
}

.general-details .row[b-s3e597f222], .safety-features .row[b-s3e597f222] {
    margin-bottom: 17px;
}

.faq-card-details[b-s3e597f222] {
    display: flex;
    width: 100%;
    padding: 40px 0px;
    flex-direction: row;
    gap: 64px;
    background-color: transparent;
}

.faq-section[b-s3e597f222] {
    width: 35%;
}

.faq-section-title[b-s3e597f222] {
    color: #333;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.faq-section-details[b-s3e597f222] {
    color: #333;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: start;
    line-height: 25px;
}

.faq-section-button[b-s3e597f222] {
    display: flex;
    padding: 14px 30px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: #CD9744;
    color: white;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    width: fit-content;
    border: none;
}

.faq-questions-section[b-s3e597f222] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}

.faq-question[b-s3e597f222] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #333;
    font-family: 'OpenSans';
    align-items: center;
    font-weight: 500;
}

.question[b-s3e597f222] {
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.answer[b-s3e597f222] {
    margin-top: 8px;
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    position: relative;
}

.faq-card .fa-solid[b-s3e597f222] {
    height: fit-content;
}

.gallery-overlay[b-s3e597f222] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.liveaboard-description[b-s3e597f222] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.dollar-sign[b-s3e597f222] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.price-before-discount[b-s3e597f222] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.trip-price[b-s3e597f222] {
    color: #303131;
    font-family: OpenSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.discount-percentage[b-s3e597f222] {
    color: #27C2F6;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.035px;
    border-radius: 227.907px;
    background: #BBEDFF;
    height: fit-content;
    padding-right: 5px !important;
}

    .discount-percentage svg[b-s3e597f222] {
        height: 25px;
        width: 25px;
    }

.inactive-cell [b-s3e597f222]::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}



@media(max-width: 1024px) {
    .header[b-s3e597f222] {
        padding: 0px 70px;
        padding-top: 150px;
    }

    .title-row[b-s3e597f222] {
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 15px;
    }

        .title-row h2[b-s3e597f222] {
            text-align: start;
        }

    .sort-menu[b-s3e597f222] {
        left: 0;
        right: auto;
        margin-top: 80px;
        width: 100%;
    }

    h2[b-s3e597f222] {
        text-align: center;
    }

    .faq-card-details[b-s3e597f222] {
        flex-direction: column;
        justify-content: center;
    }

    .faq-section[b-s3e597f222] {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .faq-card-details[b-s3e597f222] {
        padding: 40px;
        gap: 35px;
    }

    h5[b-s3e597f222] {
        text-align: center;
    }

    .reviews-header[b-s3e597f222], .reviews-section[b-s3e597f222] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        padding-inline: 20px !important;
    }


        .reviews-section .col-3[b-s3e597f222], .reviews-section .col-9[b-s3e597f222] {
            width: 100%;
        }

        .reviews-section .col-3[b-s3e597f222] {
            margin-bottom: 30px;
        }
}

@media(min-width: 769px) {

    .mobile-only[b-s3e597f222] {
        display: none !important;
    }
}

@media(max-width: 769px) {
    .cabins-row .cabin h3[b-s3e597f222] {
        padding: 0;
    }

    .breadcrumbs-link[b-s3e597f222] {
        font-size: 12px;
    }

    .description[b-s3e597f222] {
        padding-inline: 20px;
    }

    .category-ratings[b-s3e597f222] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .reviews-header[b-s3e597f222] {
        padding-inline: 20px !important;
    }

    .calendar-btn[b-s3e597f222] {
        border-radius: 0;
        height: 100%;
    }

    .calendar-btn[b-s3e597f222] {
        width: 70% !important;
    }

    .icon-btn[b-s3e597f222] {
        width: 15% !important;
    }

    .date-menu[b-s3e597f222] {
        margin-top: 120px;
    }

    .standard-width-content[b-s3e597f222] {
        padding-inline: 0 !important;
    }

    .trip-price[b-s3e597f222] {
        font-size: 32px;
    }

    .discount-percentage[b-s3e597f222] {
        font-size: 20px;
    }

        .discount-percentage img[b-s3e597f222] {
            height: 30px;
            width: 30px;
        }

    .price-before-discount[b-s3e597f222] {
        font-size: 15px;
    }

    .dollar-sign[b-s3e597f222] {
        font-size: 24px;
    }

    .desktop-only[b-s3e597f222] {
        display: none !important;
    }


    .icon-btn[b-s3e597f222] {
        display: flex;
        width: 70px;
        padding: 11px 20px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: #00BFFB;
        border: none;
        color: white;
        height: 100%;
        font-size: 30px;
    }

    .header[b-s3e597f222] {
        padding-top: 90px !important;
        padding: 0px 20px;
    }

    label[b-s3e597f222] {
        font-size: 16px;
    }

    h1[b-s3e597f222] {
        margin-top: 5px;
    }

    h3[b-s3e597f222] {
        font-size: 24px !important;
        line-height: 33px;
        padding: 0 15px;
    }


    .extras-section .col-3[b-s3e597f222], .extras-section .col-4[b-s3e597f222] {
        width: 100%;
    }

    .extras-row[b-s3e597f222] {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 20px;
    }

    .border-box[b-s3e597f222] {
        width: 100%;
        border-right: none;
        border-left: none;
    }

    .payment-img[b-s3e597f222] {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .facilities-row[b-s3e597f222] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section p[b-s3e597f222] {
        padding: 0 10px;
    }

    .cabin[b-s3e597f222] {
        width: 90%;
        padding-inline: 0;
    }

    .cabins-row[b-s3e597f222] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section[b-s3e597f222], .boat-details[b-s3e597f222] {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        display: flex;
        width: 100%;
    }

    .drawing-section[b-s3e597f222] {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        display: flex;
        width: 100%;
    }

        .drawing-section .col-6[b-s3e597f222] {
            width: 100%;
        }

        .drawing-section h3[b-s3e597f222] {
            padding: 0;
        }

    .faq-section-title[b-s3e597f222] {
        text-align: center;
    }

    .faq-card-details[b-s3e597f222] {
        padding: 20px;
    }

    .safety-features .col[b-s3e597f222] {
        padding: 0 5px !important;
    }



    .gallery-carousel[b-s3e597f222] {
        display: inline-flex;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        overflow-x: scroll;
        padding: 0;
    }

        .gallery-carousel img[b-s3e597f222] {
            min-width: 100vw;
            height: 379.62px;
            object-fit: cover;
            padding: 0;
        }

    .trips-mobile[b-s3e597f222] {
        padding: 20px;
    }

    .date-text[b-s3e597f222] {
        font-family: Monesta;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 33px;
    }

    .date[b-s3e597f222] {
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6.306px;
        align-self: stretch;
    }

    .itinerary[b-s3e597f222] {
        overflow: hidden;
        color: #303131;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: OpenSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .trip-length-mobile[b-s3e597f222] {
        color: #303131;
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .itinerary-status[b-s3e597f222] {
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
    }

    .breadcrumbs[b-s3e597f222] {
        margin-top: 80px !important;
    }
}

@media(max-width: 500px) {
    .pagination-elem[b-s3e597f222] {
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 14px;
    }

    .pagination-btn[b-s3e597f222] {
        font-size: 14px;
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    .review[b-s3e597f222] {
        flex-direction: column;
    }
}

@media(max-width: 380px) {

    .header[b-s3e597f222] {
        padding: 0px 0px;
    }

        .header small[b-s3e597f222], .header a[b-s3e597f222] {
            font-size: 12px;
        }

    h2[b-s3e597f222] {
        line-height: normal;
    }

    .pagination-elem[b-s3e597f222] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-inline: 2px;
    }

    .pagination-btn[b-s3e597f222] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Komodo.razor.rz.scp.css */
.header[b-av908ctyx5] {
    margin-top: 128px;
}

    .header img[b-av908ctyx5] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-av908ctyx5] {
        font-size: 34px;
        color: #000000;
    }

    .small-img[b-av908ctyx5]{
        min-width: 50%;
    }

.dark-blue-filled-btn:hover[b-av908ctyx5]{
    color: white!important;
}

.desc-padding[b-av908ctyx5] {
    padding-inline: 200px;
}

b[b-av908ctyx5] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.three-col-grid[b-av908ctyx5] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-av908ctyx5] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }


        .three-col-grid .grid-elem img[b-av908ctyx5] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
        }

        .three-col-grid .grid-elem b[b-av908ctyx5] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 15px;
        }

        .three-col-grid .grid-elem p[b-av908ctyx5] {
            margin-bottom: 0;
        }

.location-chip[b-av908ctyx5] {
    color: #092B5B;
    font-family: OpenSans;
    font-size: 16px;
    font-weight: 600;
    background-color: #EAFAFF;
    border-radius: 100px;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.features-grid[b-av908ctyx5] {
    display: grid;
    grid-template-columns: 40% 40%;
    width: 100%;
    row-gap: 10px;
}

    .features-grid .grid-elem[b-av908ctyx5] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .features-grid .grid-elem p[b-av908ctyx5] {
            font-weight: 500;
            margin-bottom: 0;
        }

.gray-bg-section[b-av908ctyx5] {
    background-color: #F9F9F9;
    padding-block: 70px;
}

.courses-btn[b-av908ctyx5] {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    font-family: OpenSans;
    border: none;
    box-shadow: none;
    padding: 10px 40px;
    background-color: transparent;
    border-radius: 6px;
}

.two-col-grid[b-av908ctyx5] {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
    row-gap: 20px;
}

.courses-three-col-grid[b-av908ctyx5] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 25px;
}

    .two-col-grid .grid-elem[b-av908ctyx5], .courses-three-col-grid .grid-elem[b-av908ctyx5] {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #BDBDBD;
        border-radius: 10px;
        padding: 25px 25px;
    }

        .two-col-grid .grid-elem h4[b-av908ctyx5], .courses-three-col-grid .grid-elem h4[b-av908ctyx5] {
            font-family: Rubik;
            font-weight: 600;
            font-size: 20px;
            color: #101828;
        }

        .two-col-grid .grid-elem .text-btn[b-av908ctyx5], .courses-three-col-grid .grid-elem .text-btn[b-av908ctyx5] {
            color: #27C2F6;
            font-family: OpenSans;
            display: flex;
            align-items: center;
            gap: 10px;
            background-color: transparent;
            border: none;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
        }

@media(max-width: 769px) {
    .header img[b-av908ctyx5] {
        width: 90%;
        min-width: 90% !important;
    }

    .standard-width-content[b-av908ctyx5] {
        width: 95%;
    }

    .desc-padding[b-av908ctyx5] {
        padding-inline: 0px;
    }

    .gray-bg-section[b-av908ctyx5] {
        padding-block: 30px;
    }

    .mobile-only[b-av908ctyx5] {
        margin: 0 !important;
    }

    .image-w-text-right img[b-av908ctyx5], .image-w-text-left img[b-av908ctyx5] {
        min-width: 100% !important;
    }

    .three-col-grid[b-av908ctyx5] {
        grid-template-columns: 100%;
    }

        .three-col-grid .grid-elem b[b-av908ctyx5] {
            margin-block: 10px;
        }

    .features-grid[b-av908ctyx5] {
        grid-template-columns: 50% 50%;
    }

    .courses-btn[b-av908ctyx5] {
        font-size: 14px;
        padding: 10px 10px;
    }

    .two-col-grid[b-av908ctyx5], .courses-three-col-grid[b-av908ctyx5] {
        grid-template-columns: 100%;
        row-gap: 15px;
        text-align: center;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoDiving.razor.rz.scp.css */
.header[b-us79ww78xl] {
    margin-top: 128px;
}

    .header img[b-us79ww78xl] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-us79ww78xl] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-us79ww78xl] {
    padding-inline: 200px;
}

b[b-us79ww78xl] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    margin-right: 5px;
}

@media(max-width: 769px) {
    .standard-width-content[b-us79ww78xl] {
        width: 95%;
    }

    .desc-padding[b-us79ww78xl] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoIslandDiving.razor.rz.scp.css */
.header[b-60xxm459ig] {
    margin-top: 128px;
}

    .header img[b-60xxm459ig] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-60xxm459ig] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-60xxm459ig] {
    padding-inline: 200px;
}

b[b-60xxm459ig] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    margin-right: 5px;
}

@media(max-width: 769px) {
    .standard-width-content[b-60xxm459ig] {
        width: 95%;
    }

    .desc-padding[b-60xxm459ig] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoIslandTour.razor.rz.scp.css */
.header[b-hj8xe460hc] {
    margin-top: 128px;
}

    .header img[b-hj8xe460hc] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-hj8xe460hc] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-hj8xe460hc] {
    padding-inline: 200px;
}

b[b-hj8xe460hc] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    margin-right: 5px;
}

@media(max-width: 769px) {
    .standard-width-content[b-hj8xe460hc] {
        width: 95%;
    }

    .desc-padding[b-hj8xe460hc] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoLiveaboard.razor.rz.scp.css */
.header[b-uyb70nb44r] {
    margin-top: 128px;
}

    .header img[b-uyb70nb44r] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-uyb70nb44r] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-uyb70nb44r] {
    padding-inline: 200px;
}

b[b-uyb70nb44r] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.liveaboards-grid[b-uyb70nb44r] {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}

    .liveaboards-grid .grid-elem[b-uyb70nb44r] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .liveaboards-grid h3[b-uyb70nb44r] {
        margin-block: 15px;
    }

    .liveaboards-grid img[b-uyb70nb44r] {
        height: 550px;
        max-height: 550px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }


@media(max-width: 769px) {
    .standard-width-content[b-uyb70nb44r] {
        width: 95%;
    }

    .desc-padding[b-uyb70nb44r] {
        padding-inline: 0px;
    }

    .liveaboards-grid[b-uyb70nb44r] {
        grid-template-columns: 100%;
        justify-content: center;
    }

        .liveaboards-grid img[b-uyb70nb44r] {
            height: 350px;
            max-height: 350px;
        }
}
/* _content/NeptuneScubaDiving/Pages/KomodoNationalPark.razor.rz.scp.css */
.header[b-mt1wc6lf25] {
    margin-top: 128px;
}

    .header img[b-mt1wc6lf25] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-mt1wc6lf25] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-mt1wc6lf25] {
    padding-inline: 200px;
}

b[b-mt1wc6lf25] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

@media(max-width: 769px) {
    .standard-width-content[b-mt1wc6lf25] {
        width: 95%;
    }

    .desc-padding[b-mt1wc6lf25] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoNationalParkTours.razor.rz.scp.css */
.header[b-qp69p2ur4x] {
    margin-top: 128px;
}

    .header img[b-qp69p2ur4x] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-qp69p2ur4x] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-qp69p2ur4x] {
    padding-inline: 200px;
}

b[b-qp69p2ur4x] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-qp69p2ur4x] {
        width: 95%;
    }

    .desc-padding[b-qp69p2ur4x] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoSeaDragon.razor.rz.scp.css */

.header[b-3wu1742js1] {
    background: url('https://neptunescubadiving.blob.core.windows.net/siteimages/wp-ksd-5-w857h570crwidth857crheight570.webp');
    height: fit-content;
    min-height: 463px;
    background-position: center;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: white !important;
}

.breadcrumbs-link[b-3wu1742js1] {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    color: #475467;
}

.breadcrumbs[b-3wu1742js1] {
    gap: 15px;
    margin-left: 10px;
    margin-top: 140px!important;
}

.skeleton[b-3wu1742js1] {
    animation: skeleton-loading-b-3wu1742js1 1s linear infinite alternate;
    height: 100px;
}

@keyframes skeleton-loading-b-3wu1742js1 {
    0% {
        background-color: hsl(200, 20%, 80%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.image-w-text-left svg[b-3wu1742js1], .image-w-text-right svg[b-3wu1742js1] {
    min-width: 30px;
    width: 30px;
}

.loader[b-3wu1742js1] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #27C2F6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-i0rd589s7h 2s linear infinite;
}

@keyframes spin-b-3wu1742js1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.image-cta h2[b-3wu1742js1] {
    color: white !important;
}

.header .standard-width-content[b-3wu1742js1] {
    padding-inline: 120px;
    text-align: center;
}

.pagination[b-3wu1742js1] {
    display: flex;
}

.pagination-elem[b-3wu1742js1] {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    color: #BDBDBD;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-inline: 5px;
    cursor: poOpenSans;
    font-size: 14px;
}

.pagination-btn[b-3wu1742js1] {
    border: none;
    box-shadow: none;
    outline: none;
    color: #27C2F6;
    font-size: 14px;
    font-family: OpensSans;
    height: 50px;
    min-height: 50px;
    width: 50px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: poOpenSans;
}

.review-content p[b-3wu1742js1] {
    font-size: 14px !important;
    letter-spacing: 0.25px;
    line-height: 21px;
}

.reviews-header h2[b-3wu1742js1] {
    font-family: Rubik !important;
    font-size: 20px;
    line-height: 36px;
    color: #303131;
    font-weight: 600;
    border-bottom: 2px solid #303131;
    padding-bottom: 7px;
}

.header .blue-filled-btn[b-3wu1742js1] {
    margin-top: 15px;
}

.header small[b-3wu1742js1] {
    margin-top: 25px;
}

.header p[b-3wu1742js1] {
    font-size: 16px !important;
    color: #E6E6E6;
    font-family: OpenSans;
    text-align: start;
    margin-left: 3px;
}

h1[b-3wu1742js1] {
    text-align: start;
}

small[b-3wu1742js1], a[b-3wu1742js1] {
    color: #FFF;
    font-family: OpensSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    text-decoration: none;
}


h2[b-3wu1742js1] {
    color: #3A3A3A;
    font-family: "Rubik";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

h3[b-3wu1742js1] {
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}


p[b-3wu1742js1] {
    color: #333;
    line-height: 25px;
}

.date-selection-popover-title[b-3wu1742js1] {
    display: flex;
    justify-content: center;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.grid-container[b-3wu1742js1] {
    display: grid;
    grid-template-columns: 14% 50% 16% 20%;
    gap: 0px;
    padding: 0px;
}

.special-deal[b-3wu1742js1] {
    color: #27C2F6;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}

.on-request[b-3wu1742js1] {
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}


.grid-item[b-3wu1742js1] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #BDBDBD;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    padding: 12px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-header[b-3wu1742js1] {
    color: #303131;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-align: start;
}

.price[b-3wu1742js1] {
    color: #303131;
    font-family: OpenSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-content: center;
    display: inline-grid;
    padding: 10px 0;
}


.review small[b-3wu1742js1] {
    color: #696969;
    font-size: 14px;
}

.review[b-3wu1742js1] {
    justify-content: space-between;
}

    .review .trip-date[b-3wu1742js1] {
        color: #27C2F6;
        font-size: 14px;
        background-color: #ECFAFF;
        padding: 8px 10px;
        border-radius: 8px;
        margin-right: 10px;
    }

p[b-3wu1742js1] {
    font-size: 14px !important;
}

.itinerary[b-3wu1742js1] {
    overflow: hidden;
    color: #303131;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.itinerary-status[b-3wu1742js1] {
    justify-content: center;
    margin-top: 5px;
    font-weight: 500;
    font-size: 15px;
}

.grid-container .date[b-3wu1742js1] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.72px;
    line-height: normal;
}

.date-option[b-3wu1742js1] {
    padding: 15px;
    cursor: poOpenSans;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.selected-text[b-3wu1742js1] {
    color: #00BFFB !important;
}

.popover-outline-btn[b-3wu1742js1] {
    border-radius: 5px;
    border: 1px solid #CACACA;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07px;
    background-color: transparent;
    height: fit-content;
    width: 100%;
    padding: 5px;
}

.date-selection-popover-content[b-3wu1742js1] {
    width: 100%;
}

.disabled-option[b-3wu1742js1] {
    color: lightgray !important;
}

.custom-date-picker[b-3wu1742js1] {
    background-color: #CD9744;
    display: flex;
    height: 52px;
    padding: 15px 30px;
    align-items: center;
    gap: 10px;
    color: white;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
    width: 270px;
}

.recommendation[b-3wu1742js1] {
    font-family: Rubik !important;
    font-size: 14px !important;
    font-weight: 500;
    padding-block: 12px;
    letter-spacing: 0.5px;
}

.sort-option[b-3wu1742js1] {
    cursor: poOpenSans;
    width: 100%;
    padding-block: 5px;
}

    .sort-option:hover[b-3wu1742js1] {
        background-color: rgba(0, 191, 251, 0.05);
    }

.extras-row h4[b-3wu1742js1] {
    color: #333;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: start;
}

.blue-filled-btn[b-3wu1742js1] {
    flex-direction: row !important;
}

.custom-date-picker[b-3wu1742js1]::after {
    content: '\25BC'; /* Unicode character for down arrow */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 24px;
}

.sheen-gold-filled-btn[b-3wu1742js1] {
    color: white;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
}

.grid-container .sheen-gold-filled-btn[b-3wu1742js1] {
    font-size: 16px;
    padding: 10px 25px;
}

.date-menu[b-3wu1742js1] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    position: absolute;
    z-index: 3;
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sort-menu[b-3wu1742js1] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    margin-top: 20px;
    right: 0px;
}

.date-menu-row[b-3wu1742js1] {
    position: absolute;
    z-index: 2;
}

.border-box[b-3wu1742js1] {
    border: 1px solid #BDBDBD;
    padding: 20px;
}

.payment-img[b-3wu1742js1] {
    width: 418.999px;
    height: 50.482px;
}

.calendar-btn[b-3wu1742js1] {
    border-radius: 10px;
}

ul[b-3wu1742js1] {
    list-style-type: disc;
    color: #333;
    padding-left: 30px;
}

li[b-3wu1742js1], .border-box small[b-3wu1742js1] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.border-box h5[b-3wu1742js1] {
    color: #343935;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.border-box svg[b-3wu1742js1] {
    margin-right: 10px;
}

.cabin[b-3wu1742js1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view-more-btn[b-3wu1742js1] {
    background-color: #00BFFB;
    display: inline-flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    border: none;
    width: fit-content;
    position: absolute;
    margin-top: 170px;
    margin-right: 25px;
}

.large-img[b-3wu1742js1] {
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

.small-img[b-3wu1742js1] {
    width: 100%;
    padding: 10px 10px;
}

.features p[b-3wu1742js1] {
    margin: 0;
    font-size: 14px;
}

.features img[b-3wu1742js1] {
    margin-right: 5px;
}

.facilities-row[b-3wu1742js1] {
    gap: 30px;
}

    .facilities-row p[b-3wu1742js1] {
        margin: 0;
        font-size: 14px;
    }

    .facilities-row img[b-3wu1742js1] {
        margin-right: 5px;
    }

.extras-section h3[b-3wu1742js1] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.cabins-section p[b-3wu1742js1] {
    padding: 0 200px;
    text-align: center;
    font-size: 14px;
}

.cabins-row .cabin h3[b-3wu1742js1] {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    font-family: Monesta;
}

.cabins-row .cabin p[b-3wu1742js1] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
    text-align: start;
    margin-bottom: 0;
}

.cabins-row .cabin .details[b-3wu1742js1] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.cabins-row .cabin img[b-3wu1742js1] {
    margin-bottom: 10px;
    width: 100%;
}

.cabins-row[b-3wu1742js1] {
    padding: 0;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 100%;
}

.fa-circle-check[b-3wu1742js1] {
    margin-right: 5px;
    font-size: 25px;
}

.general-details b[b-3wu1742js1], .safety-features b[b-3wu1742js1] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.boat-details p[b-3wu1742js1] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.boat-details[b-3wu1742js1] {
    gap: 20px;
    flex-wrap: nowrap;
}

.general-details .row[b-3wu1742js1], .safety-features .row[b-3wu1742js1] {
    margin-bottom: 17px;
}

.faq-card-details[b-3wu1742js1] {
    display: flex;
    width: 100%;
    padding: 40px 0px;
    flex-direction: row;
    gap: 64px;
    background-color: transparent;
}

.faq-section[b-3wu1742js1] {
    width: 35%;
}

.faq-section-title[b-3wu1742js1] {
    color: #333;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.faq-section-details[b-3wu1742js1] {
    color: #333;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: start;
    line-height: 25px;
}

.faq-section-button[b-3wu1742js1] {
    display: flex;
    padding: 14px 30px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: #CD9744;
    color: white;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    width: fit-content;
    border: none;
}

.faq-questions-section[b-3wu1742js1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}

.faq-question[b-3wu1742js1] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #333;
    font-family: 'OpenSans';
    align-items: center;
    font-weight: 500;
}

.question[b-3wu1742js1] {
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.answer[b-3wu1742js1] {
    margin-top: 8px;
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    position: relative;
}

.faq-card .fa-solid[b-3wu1742js1] {
    height: fit-content;
}

.gallery-overlay[b-3wu1742js1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.liveaboard-description[b-3wu1742js1] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.dollar-sign[b-3wu1742js1] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.price-before-discount[b-3wu1742js1] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.trip-price[b-3wu1742js1] {
    color: #303131;
    font-family: OpenSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.discount-percentage[b-3wu1742js1] {
    color: #27C2F6;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.035px;
    border-radius: 227.907px;
    background: #BBEDFF;
    height: fit-content;
    padding-right: 5px !important;
}

    .discount-percentage svg[b-3wu1742js1] {
        height: 25px;
        width: 25px;
    }

.inactive-cell [b-3wu1742js1]::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}



@media(max-width: 1024px) {
    .header[b-3wu1742js1] {
        padding: 0px 70px;
        padding-top: 150px;
    }

    .title-row[b-3wu1742js1] {
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 15px;
    }

        .title-row h2[b-3wu1742js1] {
            text-align: start;
        }

    .sort-menu[b-3wu1742js1] {
        left: 0;
        right: auto;
        margin-top: 80px;
        width: 100%;
    }

    h2[b-3wu1742js1] {
        text-align: center;
    }

    .faq-card-details[b-3wu1742js1] {
        flex-direction: column;
        justify-content: center;
    }

    .faq-section[b-3wu1742js1] {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .faq-card-details[b-3wu1742js1] {
        padding: 40px;
        gap: 35px;
    }

    h5[b-3wu1742js1] {
        text-align: center;
    }

    .reviews-header[b-3wu1742js1], .reviews-section[b-3wu1742js1] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        padding-inline: 20px !important;
    }


        .reviews-section .col-3[b-3wu1742js1], .reviews-section .col-9[b-3wu1742js1] {
            width: 100%;
        }

        .reviews-section .col-3[b-3wu1742js1] {
            margin-bottom: 30px;
        }
}

@media(min-width: 769px) {

    .mobile-only[b-3wu1742js1] {
        display: none !important;
    }
}

@media(max-width: 769px) {
    .cabins-row .cabin h3[b-3wu1742js1] {
        padding: 0;
    }

    .breadcrumbs-link[b-3wu1742js1]{
        font-size: 12px;
    }

    .breadcrumbs[b-3wu1742js1] {
        margin-top: 80px !important;
    }

    .description[b-3wu1742js1] {
        padding-inline: 20px;
    }

    .category-ratings[b-3wu1742js1] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .reviews-header[b-3wu1742js1] {
        padding-inline: 20px !important;
    }

    .calendar-btn[b-3wu1742js1] {
        border-radius: 0;
        height: 100%;
    }

    .calendar-btn[b-3wu1742js1] {
        width: 70% !important;
    }

    .icon-btn[b-3wu1742js1] {
        width: 15% !important;
    }

    .date-menu[b-3wu1742js1] {
        margin-top: 120px;
    }

    .standard-width-content[b-3wu1742js1] {
        padding-inline: 0 !important;
    }

    .trip-price[b-3wu1742js1] {
        font-size: 32px;
    }

    .discount-percentage[b-3wu1742js1] {
        font-size: 20px;
    }

        .discount-percentage img[b-3wu1742js1] {
            height: 30px;
            width: 30px;
        }

    .price-before-discount[b-3wu1742js1] {
        font-size: 15px;
    }

    .dollar-sign[b-3wu1742js1] {
        font-size: 24px;
    }

    .desktop-only[b-3wu1742js1] {
        display: none !important;
    }


    .icon-btn[b-3wu1742js1] {
        display: flex;
        width: 70px;
        padding: 11px 20px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: #00BFFB;
        border: none;
        color: white;
        height: 100%;
        font-size: 30px;
    }

    .header[b-3wu1742js1] {
        padding-top: 90px !important;
        padding: 0px 20px;
    }

    label[b-3wu1742js1] {
        font-size: 16px;
    }

    h1[b-3wu1742js1] {
        margin-top: 5px;
    }

    h3[b-3wu1742js1] {
        font-size: 24px !important;
        line-height: 33px;
        padding: 0 15px;
    }


    .extras-section .col-3[b-3wu1742js1], .extras-section .col-4[b-3wu1742js1] {
        width: 100%;
    }

    .extras-row[b-3wu1742js1] {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 20px;
    }

    .border-box[b-3wu1742js1] {
        width: 100%;
        border-right: none;
        border-left: none;
    }

    .payment-img[b-3wu1742js1] {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .facilities-row[b-3wu1742js1] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section p[b-3wu1742js1] {
        padding: 0 10px;
    }

    .cabin[b-3wu1742js1] {
        width: 90%;
        padding-inline: 0;
    }

    .cabins-row[b-3wu1742js1] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section[b-3wu1742js1], .boat-details[b-3wu1742js1] {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        display: flex;
        width: 100%;
    }

    .drawing-section[b-3wu1742js1] {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        display: flex;
        width: 100%;
    }

        .drawing-section .col-6[b-3wu1742js1] {
            width: 100%;
        }

        .drawing-section h3[b-3wu1742js1] {
            padding: 0;
        }

    .faq-section-title[b-3wu1742js1] {
        text-align: center;
    }

    .faq-card-details[b-3wu1742js1] {
        padding: 20px;
    }

    .safety-features .col[b-3wu1742js1] {
        padding: 0 5px !important;
    }



    .gallery-carousel[b-3wu1742js1] {
        display: inline-flex;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        overflow-x: scroll;
        padding: 0;
    }

        .gallery-carousel img[b-3wu1742js1] {
            min-width: 100vw;
            height: 379.62px;
            object-fit: cover;
            padding: 0;
        }

    .trips-mobile[b-3wu1742js1] {
        padding: 20px;
    }

    .date-text[b-3wu1742js1] {
        font-family: Monesta;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 33px;
    }

    .date[b-3wu1742js1] {
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6.306px;
        align-self: stretch;
    }

    .itinerary[b-3wu1742js1] {
        overflow: hidden;
        color: #303131;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: OpenSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .trip-length-mobile[b-3wu1742js1] {
        color: #303131;
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .itinerary-status[b-3wu1742js1] {
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
    }
}

@media(max-width: 500px) {
    .pagination-elem[b-3wu1742js1] {
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 14px;
    }

    .pagination-btn[b-3wu1742js1] {
        font-size: 14px;
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    .review[b-3wu1742js1] {
        flex-direction: column;
    }
}

@media(max-width: 380px) {

    .header[b-3wu1742js1] {
        padding: 0px 0px;
    }

        .header small[b-3wu1742js1], .header a[b-3wu1742js1] {
            font-size: 12px;
        }

    h2[b-3wu1742js1] {
        line-height: normal;
    }

    .pagination-elem[b-3wu1742js1] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-inline: 2px;
    }

    .pagination-btn[b-3wu1742js1] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
    }
}
/* _content/NeptuneScubaDiving/Pages/KomodoTourFromBali.razor.rz.scp.css */
.header[b-0wracvov56] {
    margin-top: 128px;
}

    .header img[b-0wracvov56] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-0wracvov56] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-0wracvov56] {
    padding-inline: 200px;
}

b[b-0wracvov56] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    margin-right: 5px;
}

@media(max-width: 769px) {
    .standard-width-content[b-0wracvov56] {
        width: 95%;
    }

    .desc-padding[b-0wracvov56] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Legalinfo.razor.rz.scp.css */

.header[b-8tnvhjlh5a] {
    margin-top: 128px;
}

    .header img[b-8tnvhjlh5a] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-8tnvhjlh5a] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-8tnvhjlh5a] {
    padding-inline: 200px;
}

b[b-8tnvhjlh5a] {
    font-weight: 600;
    color: #333333;
}


@media(max-width: 769px) {
    .standard-width-content[b-8tnvhjlh5a] {
        width: 95%;
    }

    .desc-padding[b-8tnvhjlh5a] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/LighthouseReefDiving.razor.rz.scp.css */
.header[b-nb41lz6sti] {
    margin-top: 128px;
}

    .header img[b-nb41lz6sti] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-nb41lz6sti] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-nb41lz6sti] {
    padding-inline: 200px;
}

b[b-nb41lz6sti] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-nb41lz6sti] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-nb41lz6sti] {
    margin-block: 40px;
}

.page-content a[b-nb41lz6sti] {
    color: #333333;
}


.three-col-grid[b-nb41lz6sti] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-nb41lz6sti] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-nb41lz6sti] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-nb41lz6sti] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-nb41lz6sti] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-nb41lz6sti] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-nb41lz6sti] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-nb41lz6sti] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-nb41lz6sti] {
    background-color: #272727;
}

    .package-card .col-6[b-nb41lz6sti] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-nb41lz6sti] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-nb41lz6sti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-nb41lz6sti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-nb41lz6sti] {
    border-radius: 10px;
}

.border-box[b-nb41lz6sti] {
    width: 100%;
    margin-left: 0 !important;
    padding: 15px;
}

    .border-box h3[b-nb41lz6sti] {
        font-size: 20px !important;
    }

.date-box h4[b-nb41lz6sti] {
    font-size: 12px;
    flex-direction: column;
    align-items: end;
}

.date-box[b-nb41lz6sti] {
    padding-inline: 7px;
}

    .date-box p[b-nb41lz6sti] {
        font-size: 12px;
    }

    .date-box .dark-blue-filled-btn[b-nb41lz6sti] {
        font-size: 12px;
        padding: 5px 15px;
    }

.border-box .outline-btn[b-nb41lz6sti] {
    font-size: 14px;
}

.snapshot b[b-nb41lz6sti] {
    font-weight: 500;
    font-size: 12px;
}

h3[b-nb41lz6sti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-nb41lz6sti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-nb41lz6sti] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-nb41lz6sti] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-nb41lz6sti] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-nb41lz6sti] {
            font-size: 20px !important;
        }

    .date-box h4[b-nb41lz6sti] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-nb41lz6sti] {
        padding-inline: 7px;
    }

        .date-box p[b-nb41lz6sti] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-nb41lz6sti] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-nb41lz6sti] {
        font-size: 14px;
    }

    .snapshot b[b-nb41lz6sti] {
        font-weight: 500;
        font-size: 12px;
    }

    .header p[b-nb41lz6sti] {
        text-align: center;
    }

    .page-content[b-nb41lz6sti] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-nb41lz6sti], .page-content .col-5[b-nb41lz6sti] {
            width: 100%;
        }

    .three-col-grid[b-nb41lz6sti] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-nb41lz6sti] {
            margin-block: 0px;
        }

    .standard-width-content[b-nb41lz6sti] {
        width: 95%;
    }

    .desc-padding[b-nb41lz6sti] {
        padding-inline: 0px;
    }


}
/* _content/NeptuneScubaDiving/Pages/Liveaboard.razor.rz.scp.css */
.header[b-0vav2aeeyq] {
    margin-top: 128px;
}

    .header img[b-0vav2aeeyq] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-0vav2aeeyq] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-0vav2aeeyq] {
    padding-inline: 200px;
}

b[b-0vav2aeeyq] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.three-col-grid[b-0vav2aeeyq]{
    display: grid;
    grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
}

.three-col-grid .grid-elem[b-0vav2aeeyq]{
    display: flex;
    flex-direction: column;
    align-items: start;
}

    .three-col-grid .grid-elem .title[b-0vav2aeeyq]{
        font-family: Rubik;
        font-size: 20px;
        color: #000000;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .three-col-grid .grid-elem .text-btn[b-0vav2aeeyq] {
        color: #092B5B;
        font-family: OpenSans;
        font-size: 16px;
        font-weight: 600;
    }

    .three-col-grid .grid-elem img[b-0vav2aeeyq]{
        max-height: 300px;
        height: 300px;
        width: 100%;
        border-radius: 10px;
    }

    @media(max-width: 769px) {
        .standard-width-content[b-0vav2aeeyq] {
        width: 95%;
    }

        .header[b-0vav2aeeyq] {
            margin-top: 70px;
        }

    .desc-padding[b-0vav2aeeyq] {
        padding-inline: 0px;
    }

        .three-col-grid[b-0vav2aeeyq] {
            display: grid;
            grid-template-columns: 100%;
            gap: 15px;
        }

            .three-col-grid .grid-elem img[b-0vav2aeeyq]{
                height: 240px;
            }
}
/* _content/NeptuneScubaDiving/Pages/LuxuryBoatKomodo.razor.rz.scp.css */
.header[b-ax18f6mj74] {
    margin-top: 128px;
}

    .header img[b-ax18f6mj74] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-ax18f6mj74] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-ax18f6mj74] {
    padding-inline: 200px;
}

b[b-ax18f6mj74] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    margin-right: 5px;
}

.cruises img[b-ax18f6mj74] {
    max-width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 600px;
    border-radius: 20px;
}

.cruises h2[b-ax18f6mj74]{
    margin-top: 15px;
}

@media(max-width: 769px) {
    .standard-width-content[b-ax18f6mj74] {
        width: 95%;
    }

    .desc-padding[b-ax18f6mj74] {
        padding-inline: 0px;
    }

    .cruises[b-ax18f6mj74]{
        display: flex;
        flex-direction: column;
    }

        .cruises img[b-ax18f6mj74] {
            width: 100%;
            height: 400px;
        }

        .cruises .col-6[b-ax18f6mj74]{
            width: 100%;
            padding-inline: 0!important;
        }
}
/* _content/NeptuneScubaDiving/Pages/MantaPoint.razor.rz.scp.css */

.header[b-3dv4zny4nr] {
    margin-top: 128px;
}

    .header img[b-3dv4zny4nr] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-3dv4zny4nr] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-3dv4zny4nr] {
    padding-inline: 200px;
}

b[b-3dv4zny4nr] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-3dv4zny4nr] {
        width: 95%;
    }

    .desc-padding[b-3dv4zny4nr] {
        padding-inline: 0px;
    }

    .maps-section[b-3dv4zny4nr] {
        width: 100%
    }

    .maps-section[b-3dv4zny4nr] {
        width: 100%
    }
}
/* _content/NeptuneScubaDiving/Pages/MantaPointDiving.razor.rz.scp.css */
.header[b-k0z1wegnmr] {
    margin-top: 128px;
}

    .header img[b-k0z1wegnmr] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-k0z1wegnmr] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-k0z1wegnmr] {
    padding-inline: 200px;
}

h3[b-k0z1wegnmr] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-k0z1wegnmr] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-k0z1wegnmr] {
    border-radius: 10px;
}

b[b-k0z1wegnmr] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-k0z1wegnmr] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-k0z1wegnmr] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-k0z1wegnmr] {
    border-radius: 10px;
}

.snapshot[b-k0z1wegnmr] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-k0z1wegnmr] {
    margin-block: 40px;
}

.page-content a[b-k0z1wegnmr] {
    color: #333333;
}


.three-col-grid[b-k0z1wegnmr] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-k0z1wegnmr] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-k0z1wegnmr] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-k0z1wegnmr] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-k0z1wegnmr] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-k0z1wegnmr] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-k0z1wegnmr] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-k0z1wegnmr] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-k0z1wegnmr] {
    background-color: #272727;
}

    .package-card .col-6[b-k0z1wegnmr] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-k0z1wegnmr] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-k0z1wegnmr] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-k0z1wegnmr] {
        text-align: center;
    }

    .page-content[b-k0z1wegnmr] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-k0z1wegnmr], .page-content .col-5[b-k0z1wegnmr] {
            width: 100%;
        }

    .three-col-grid[b-k0z1wegnmr] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-k0z1wegnmr] {
            margin-block: 0px;
        }

    .standard-width-content[b-k0z1wegnmr] {
        width: 95%;
    }

    .desc-padding[b-k0z1wegnmr] {
        padding-inline: 0px;
    }

    .border-box[b-k0z1wegnmr] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-k0z1wegnmr] {
            font-size: 20px !important;
        }

    .date-box h4[b-k0z1wegnmr] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-k0z1wegnmr] {
        padding-inline: 7px;
    }

        .date-box p[b-k0z1wegnmr] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-k0z1wegnmr] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-k0z1wegnmr] {
        font-size: 14px;
    }

    .snapshot b[b-k0z1wegnmr] {
        font-weight: 500;
        font-size: 12px;
    }

    .border-box[b-k0z1wegnmr] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-k0z1wegnmr] {
            font-size: 20px !important;
        }

    .date-box h4[b-k0z1wegnmr] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-k0z1wegnmr] {
        padding-inline: 7px;
    }

        .date-box p[b-k0z1wegnmr] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-k0z1wegnmr] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-k0z1wegnmr] {
        font-size: 14px;
    }

    .snapshot b[b-k0z1wegnmr] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Mawan.razor.rz.scp.css */
.header[b-v3ucpairik] {
    margin-top: 128px;
}

    .header img[b-v3ucpairik] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-v3ucpairik] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-v3ucpairik] {
    padding-inline: 200px;
}

b[b-v3ucpairik] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-v3ucpairik] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-v3ucpairik] {
    margin-block: 40px;
}

.page-content a[b-v3ucpairik] {
    color: #333333;
}


.three-col-grid[b-v3ucpairik] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-v3ucpairik] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-v3ucpairik] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-v3ucpairik] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-v3ucpairik] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-v3ucpairik] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-v3ucpairik] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-v3ucpairik] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-v3ucpairik] {
    background-color: #272727;
}

    .package-card .col-6[b-v3ucpairik] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-v3ucpairik] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-v3ucpairik] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-v3ucpairik] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-v3ucpairik] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-v3ucpairik] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-v3ucpairik] {
        text-align: center;
    }

    .page-content[b-v3ucpairik] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-v3ucpairik], .page-content .col-5[b-v3ucpairik] {
            width: 100%;
        }

    .three-col-grid[b-v3ucpairik] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-v3ucpairik] {
            margin-block: 0px;
        }

    .standard-width-content[b-v3ucpairik] {
        width: 95%;
    }

    .desc-padding[b-v3ucpairik] {
        padding-inline: 0px;
    }

    .border-box[b-v3ucpairik] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-v3ucpairik] {
            font-size: 20px !important;
        }

    .date-box h4[b-v3ucpairik] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-v3ucpairik] {
        padding-inline: 7px;
    }

        .date-box p[b-v3ucpairik] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-v3ucpairik] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-v3ucpairik] {
        font-size: 14px;
    }

    .snapshot b[b-v3ucpairik] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/MenjanganDiving.razor.rz.scp.css */
.header[b-tkg39n6wto] {
    margin-top: 128px;
}

    .header img[b-tkg39n6wto] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-tkg39n6wto] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-tkg39n6wto] {
    padding-inline: 200px;
}

b[b-tkg39n6wto] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-tkg39n6wto] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-tkg39n6wto] {
    margin-block: 40px;
}

.page-content a[b-tkg39n6wto] {
    color: #333333;
}


.four-col-grid[b-tkg39n6wto] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-tkg39n6wto] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-tkg39n6wto] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-tkg39n6wto] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-tkg39n6wto] {
            margin-bottom: 0;
        }

    .four-col-grid a[b-tkg39n6wto] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-tkg39n6wto] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-tkg39n6wto] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-tkg39n6wto] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-tkg39n6wto] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-tkg39n6wto] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .header p[b-tkg39n6wto] {
        text-align: center;
    }

    .page-content[b-tkg39n6wto] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-tkg39n6wto], .page-content .col-5[b-tkg39n6wto] {
            width: 100%;
        }

    .four-col-grid[b-tkg39n6wto] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-tkg39n6wto] {
            margin-block: 0px;
        }

    .standard-width-content[b-tkg39n6wto] {
        width: 95%;
    }

    .desc-padding[b-tkg39n6wto] {
        padding-inline: 0px;
    }

    .border-box[b-tkg39n6wto] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-tkg39n6wto] {
            font-size: 20px !important;
        }

    .date-box h4[b-tkg39n6wto] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-tkg39n6wto] {
        padding-inline: 7px;
    }

        .date-box p[b-tkg39n6wto] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-tkg39n6wto] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-tkg39n6wto] {
        font-size: 14px;
    }

    .snapshot b[b-tkg39n6wto] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Mermaid.razor.rz.scp.css */

.header[b-lcv8f85p9r] {
    margin-top: 128px;
}

    .header img[b-lcv8f85p9r] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-lcv8f85p9r] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-lcv8f85p9r] {
    padding-inline: 200px;
}

b[b-lcv8f85p9r] {
    font-weight: 600;
    color: #333333;
}

.small-img[b-lcv8f85p9r] {
    max-height: 370px;
}

@media(max-width: 769px) {
    .standard-width-content[b-lcv8f85p9r] {
        width: 95%;
    }

    .desc-padding[b-lcv8f85p9r] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/NeptuneOneLiveaboard.razor.rz.scp.css */
.header[b-9n0zbb1b6f] {
    background: url('https://neptunescubadiving.blob.core.windows.net/siteimages/cruise-yacht-bow-in-clear-water-near-a-coral-reef-2023-11-27-04-52-07-utc1.webp');
    height: fit-content;
    min-height: 463px;
    background-position: center;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: white !important;
}

.breadcrumbs-link[b-9n0zbb1b6f] {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    color: #475467;
}

.breadcrumbs[b-9n0zbb1b6f] {
    gap: 15px;
    margin-left: 10px;
    margin-top: 140px !important;
}

.skeleton[b-9n0zbb1b6f] {
    animation: skeleton-loading-b-9n0zbb1b6f 1s linear infinite alternate;
    height: 100px;
}

@keyframes skeleton-loading-b-9n0zbb1b6f {
    0% {
        background-color: hsl(200, 20%, 80%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.image-w-text-left svg[b-9n0zbb1b6f], .image-w-text-right svg[b-9n0zbb1b6f] {
    min-width: 30px;
    width: 30px;
}

.loader[b-9n0zbb1b6f] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #27C2F6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-i0rd589s7h 2s linear infinite;
}

@keyframes spin-b-9n0zbb1b6f {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.image-cta h2[b-9n0zbb1b6f] {
    color: white !important;
}

.header .standard-width-content[b-9n0zbb1b6f] {
    padding-inline: 120px;
    text-align: center;
}

.pagination[b-9n0zbb1b6f] {
    display: flex;
}

.pagination-elem[b-9n0zbb1b6f] {
    border: 1px solid #BDBDBD;
    border-radius: 6px;
    color: #BDBDBD;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-inline: 5px;
    cursor: pointer;
    font-size: 14px;
}

.pagination-btn[b-9n0zbb1b6f] {
    border: none;
    box-shadow: none;
    outline: none;
    color: #27C2F6;
    font-size: 14px;
    font-family: OpensSans;
    height: 50px;
    min-height: 50px;
    width: 50px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
}

.review-content p[b-9n0zbb1b6f] {
    font-size: 14px !important;
    letter-spacing: 0.25px;
    line-height: 21px;
}

.reviews-header h2[b-9n0zbb1b6f] {
    font-family: Rubik !important;
    font-size: 20px;
    line-height: 36px;
    color: #303131;
    font-weight: 600;
    border-bottom: 2px solid #303131;
    padding-bottom: 7px;
}

.header .blue-filled-btn[b-9n0zbb1b6f] {
    margin-top: 15px;
}

.header small[b-9n0zbb1b6f] {
    margin-top: 25px;
}

.header p[b-9n0zbb1b6f] {
    font-size: 16px !important;
    color: #E6E6E6;
    font-family: OpenSans;
    text-align: start;
    margin-left: 3px;
}

h1[b-9n0zbb1b6f] {
    text-align: start;
}

small[b-9n0zbb1b6f], a[b-9n0zbb1b6f] {
    color: #FFF;
    font-family: OpensSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    text-decoration: none;
}


h2[b-9n0zbb1b6f] {
    color: #3A3A3A;
    font-family: "Rubik";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

h3[b-9n0zbb1b6f] {
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}


p[b-9n0zbb1b6f] {
    color: #333;
    line-height: 25px;
}

.date-selection-popover-title[b-9n0zbb1b6f] {
    display: flex;
    justify-content: center;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.grid-container[b-9n0zbb1b6f] {
    display: grid;
    grid-template-columns: 14% 50% 16% 20%;
    gap: 0px;
    padding: 0px;
}

.special-deal[b-9n0zbb1b6f] {
    color: #27C2F6;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}

.on-request[b-9n0zbb1b6f] {
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}


.grid-item[b-9n0zbb1b6f] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #BDBDBD;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    padding: 12px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-header[b-9n0zbb1b6f] {
    color: #303131;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-align: start;
}

.price[b-9n0zbb1b6f] {
    color: #303131;
    font-family: OpenSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-content: center;
    display: inline-grid;
    padding: 10px 0;
}


.review small[b-9n0zbb1b6f] {
    color: #696969;
    font-size: 14px;
}

.review[b-9n0zbb1b6f] {
    justify-content: space-between;
}

    .review .trip-date[b-9n0zbb1b6f] {
        color: #27C2F6;
        font-size: 14px;
        background-color: #ECFAFF;
        padding: 8px 10px;
        border-radius: 8px;
        margin-right: 10px;
    }

p[b-9n0zbb1b6f] {
    font-size: 14px !important;
}

.itinerary[b-9n0zbb1b6f] {
    overflow: hidden;
    color: #303131;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.itinerary-status[b-9n0zbb1b6f] {
    justify-content: center;
    margin-top: 5px;
    font-weight: 500;
    font-size: 15px;
}

.grid-container .date[b-9n0zbb1b6f] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.72px;
    line-height: normal;
}

.date-option[b-9n0zbb1b6f] {
    padding: 15px;
    cursor: pointer;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.selected-text[b-9n0zbb1b6f] {
    color: #00BFFB !important;
}

.popover-outline-btn[b-9n0zbb1b6f] {
    border-radius: 5px;
    border: 1px solid #CACACA;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07px;
    background-color: transparent;
    height: fit-content;
    width: 100%;
    padding: 5px;
}

.date-selection-popover-content[b-9n0zbb1b6f] {
    width: 100%;
}

.disabled-option[b-9n0zbb1b6f] {
    color: lightgray !important;
}

.custom-date-picker[b-9n0zbb1b6f] {
    background-color: #CD9744;
    display: flex;
    height: 52px;
    padding: 15px 30px;
    align-items: center;
    gap: 10px;
    color: white;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
    width: 270px;
}

.recommendation[b-9n0zbb1b6f] {
    font-family: Rubik !important;
    font-size: 14px !important;
    font-weight: 500;
    padding-block: 12px;
    letter-spacing: 0.5px;
}

.sort-option[b-9n0zbb1b6f] {
    cursor: pointer;
    width: 100%;
    padding-block: 5px;
}

    .sort-option:hover[b-9n0zbb1b6f] {
        background-color: rgba(0, 191, 251, 0.05);
    }

.extras-row h4[b-9n0zbb1b6f] {
    color: #333;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: start;
}

.blue-filled-btn[b-9n0zbb1b6f] {
    flex-direction: row !important;
}

.custom-date-picker[b-9n0zbb1b6f]::after {
    content: '\25BC'; /* Unicode character for down arrow */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 24px;
}

.sheen-gold-filled-btn[b-9n0zbb1b6f] {
    color: white;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.09px;
}

.grid-container .sheen-gold-filled-btn[b-9n0zbb1b6f] {
    font-size: 16px;
    padding: 10px 25px;
}

.date-menu[b-9n0zbb1b6f] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    position: absolute;
    z-index: 3;
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sort-menu[b-9n0zbb1b6f] {
    width: 270px;
    height: fit-content;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    margin-top: 20px;
    right: 0px;
}

.date-menu-row[b-9n0zbb1b6f] {
    position: absolute;
    z-index: 2;
}

.border-box[b-9n0zbb1b6f] {
    border: 1px solid #BDBDBD;
    padding: 20px;
}

.payment-img[b-9n0zbb1b6f] {
    width: 418.999px;
    height: 50.482px;
}

.calendar-btn[b-9n0zbb1b6f] {
    border-radius: 10px;
}

ul[b-9n0zbb1b6f] {
    list-style-type: disc;
    color: #333;
    padding-left: 30px;
}

li[b-9n0zbb1b6f], .border-box small[b-9n0zbb1b6f] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.border-box h5[b-9n0zbb1b6f] {
    color: #343935;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.border-box svg[b-9n0zbb1b6f] {
    margin-right: 10px;
}

.cabin[b-9n0zbb1b6f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view-more-btn[b-9n0zbb1b6f] {
    background-color: #00BFFB;
    display: inline-flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    border: none;
    width: fit-content;
    position: absolute;
    margin-top: 170px;
    margin-right: 25px;
}

.large-img[b-9n0zbb1b6f] {
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

.small-img[b-9n0zbb1b6f] {
    width: 100%;
    padding: 10px 10px;
}

.features p[b-9n0zbb1b6f] {
    margin: 0;
    font-size: 14px;
}

.features img[b-9n0zbb1b6f] {
    margin-right: 5px;
}

.facilities-row[b-9n0zbb1b6f] {
    gap: 30px;
}

    .facilities-row p[b-9n0zbb1b6f] {
        margin: 0;
        font-size: 14px;
    }

    .facilities-row img[b-9n0zbb1b6f] {
        margin-right: 5px;
    }

.extras-section h3[b-9n0zbb1b6f] {
    color: #333;
    text-align: center;
    font-family: Monesta;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.cabins-section p[b-9n0zbb1b6f] {
    padding: 0 200px;
    text-align: center;
    font-size: 14px;
}

.cabins-row .cabin h3[b-9n0zbb1b6f] {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    font-family: Monesta;
}

.cabins-row .cabin p[b-9n0zbb1b6f] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
    text-align: start;
    margin-bottom: 0;
}

.cabins-row .cabin .details[b-9n0zbb1b6f] {
    color: #343935;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.cabins-row .cabin img[b-9n0zbb1b6f] {
    margin-bottom: 10px;
    width: 100%;
}

.cabins-row[b-9n0zbb1b6f] {
    padding: 0;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 100%;
}

.fa-circle-check[b-9n0zbb1b6f] {
    margin-right: 5px;
    font-size: 25px;
}

.general-details b[b-9n0zbb1b6f], .safety-features b[b-9n0zbb1b6f] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.boat-details p[b-9n0zbb1b6f] {
    color: #303131;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.boat-details[b-9n0zbb1b6f] {
    gap: 20px;
    flex-wrap: nowrap;
}

.general-details .row[b-9n0zbb1b6f], .safety-features .row[b-9n0zbb1b6f] {
    margin-bottom: 17px;
}

.faq-card-details[b-9n0zbb1b6f] {
    display: flex;
    width: 100%;
    padding: 40px 0px;
    flex-direction: row;
    gap: 64px;
    background-color: transparent;
}

.faq-section[b-9n0zbb1b6f] {
    width: 35%;
}

.faq-section-title[b-9n0zbb1b6f] {
    color: #333;
    font-family: Monesta;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-align: start;
}

.faq-section-details[b-9n0zbb1b6f] {
    color: #333;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: start;
    line-height: 25px;
}

.faq-section-button[b-9n0zbb1b6f] {
    display: flex;
    padding: 14px 30px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: #CD9744;
    color: white;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    width: fit-content;
    border: none;
}

.faq-questions-section[b-9n0zbb1b6f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}

.faq-question[b-9n0zbb1b6f] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #333;
    font-family: 'OpenSans';
    align-items: center;
    font-weight: 500;
}

.question[b-9n0zbb1b6f] {
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.answer[b-9n0zbb1b6f] {
    margin-top: 8px;
    align-self: stretch;
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    position: relative;
}

.faq-card .fa-solid[b-9n0zbb1b6f] {
    height: fit-content;
}

.gallery-overlay[b-9n0zbb1b6f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ECFAFF;
    opacity: 0.9;
    z-index: 2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.liveaboard-description[b-9n0zbb1b6f] {
    color: #333;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.dollar-sign[b-9n0zbb1b6f] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.price-before-discount[b-9n0zbb1b6f] {
    width: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.trip-price[b-9n0zbb1b6f] {
    color: #303131;
    font-family: OpenSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.discount-percentage[b-9n0zbb1b6f] {
    color: #27C2F6;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.035px;
    border-radius: 227.907px;
    background: #BBEDFF;
    height: fit-content;
    padding-right: 5px !important;
}

    .discount-percentage svg[b-9n0zbb1b6f] {
        height: 25px;
        width: 25px;
    }

.inactive-cell [b-9n0zbb1b6f]::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}



@media(max-width: 1024px) {
    .header[b-9n0zbb1b6f] {
        padding: 0px 70px;
        padding-top: 150px;
    }

    .title-row[b-9n0zbb1b6f] {
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 15px;
    }

        .title-row h2[b-9n0zbb1b6f] {
            text-align: start;
        }

    .sort-menu[b-9n0zbb1b6f] {
        left: 0;
        right: auto;
        margin-top: 80px;
        width: 100%;
    }

    h2[b-9n0zbb1b6f] {
        text-align: center;
    }

    .faq-card-details[b-9n0zbb1b6f] {
        flex-direction: column;
        justify-content: center;
    }

    .faq-section[b-9n0zbb1b6f] {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .faq-card-details[b-9n0zbb1b6f] {
        padding: 40px;
        gap: 35px;
    }

    h5[b-9n0zbb1b6f] {
        text-align: center;
    }

    .reviews-header[b-9n0zbb1b6f], .reviews-section[b-9n0zbb1b6f] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        padding-inline: 20px !important;
    }


        .reviews-section .col-3[b-9n0zbb1b6f], .reviews-section .col-9[b-9n0zbb1b6f] {
            width: 100%;
        }

        .reviews-section .col-3[b-9n0zbb1b6f] {
            margin-bottom: 30px;
        }
}

@media(min-width: 769px) {

    .mobile-only[b-9n0zbb1b6f] {
        display: none !important;
    }
}

@media(max-width: 769px) {
    .cabins-row .cabin h3[b-9n0zbb1b6f] {
        padding: 0;
    }

    .breadcrumbs-link[b-9n0zbb1b6f] {
        font-size: 12px;
    }

    .description[b-9n0zbb1b6f] {
        padding-inline: 20px;
    }

    .category-ratings[b-9n0zbb1b6f] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .reviews-header[b-9n0zbb1b6f] {
        padding-inline: 20px !important;
    }

    .calendar-btn[b-9n0zbb1b6f] {
        border-radius: 0;
        height: 100%;
    }

    .calendar-btn[b-9n0zbb1b6f] {
        width: 70% !important;
    }

    .icon-btn[b-9n0zbb1b6f] {
        width: 15% !important;
    }

    .date-menu[b-9n0zbb1b6f] {
        margin-top: 120px;
    }

    .standard-width-content[b-9n0zbb1b6f] {
        padding-inline: 0 !important;
    }

    .trip-price[b-9n0zbb1b6f] {
        font-size: 32px;
    }

    .discount-percentage[b-9n0zbb1b6f] {
        font-size: 20px;
    }

        .discount-percentage img[b-9n0zbb1b6f] {
            height: 30px;
            width: 30px;
        }

    .price-before-discount[b-9n0zbb1b6f] {
        font-size: 15px;
    }

    .dollar-sign[b-9n0zbb1b6f] {
        font-size: 24px;
    }

    .desktop-only[b-9n0zbb1b6f] {
        display: none !important;
    }


    .icon-btn[b-9n0zbb1b6f] {
        display: flex;
        width: 70px;
        padding: 11px 20px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: #00BFFB;
        border: none;
        color: white;
        height: 100%;
        font-size: 30px;
    }

    .header[b-9n0zbb1b6f] {
        padding-top: 90px !important;
        padding: 0px 20px;
    }

    label[b-9n0zbb1b6f] {
        font-size: 16px;
    }

    h1[b-9n0zbb1b6f] {
        margin-top: 5px;
    }

    h3[b-9n0zbb1b6f] {
        font-size: 24px !important;
        line-height: 33px;
        padding: 0 15px;
    }


    .extras-section .col-3[b-9n0zbb1b6f], .extras-section .col-4[b-9n0zbb1b6f] {
        width: 100%;
    }

    .extras-row[b-9n0zbb1b6f] {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 20px;
    }

    .border-box[b-9n0zbb1b6f] {
        width: 100%;
        border-right: none;
        border-left: none;
    }

    .payment-img[b-9n0zbb1b6f] {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .facilities-row[b-9n0zbb1b6f] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section p[b-9n0zbb1b6f] {
        padding: 0 10px;
    }

    .cabin[b-9n0zbb1b6f] {
        width: 90%;
        padding-inline: 0;
    }

    .cabins-row[b-9n0zbb1b6f] {
        flex-direction: column;
        align-items: center;
    }

    .cabins-section[b-9n0zbb1b6f], .boat-details[b-9n0zbb1b6f] {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        display: flex;
        width: 100%;
    }

    .drawing-section[b-9n0zbb1b6f] {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        display: flex;
        width: 100%;
    }

        .drawing-section .col-6[b-9n0zbb1b6f] {
            width: 100%;
        }

        .drawing-section h3[b-9n0zbb1b6f] {
            padding: 0;
        }

    .faq-section-title[b-9n0zbb1b6f] {
        text-align: center;
    }

    .faq-card-details[b-9n0zbb1b6f] {
        padding: 20px;
    }

    .safety-features .col[b-9n0zbb1b6f] {
        padding: 0 5px !important;
    }



    .gallery-carousel[b-9n0zbb1b6f] {
        display: inline-flex;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        overflow-x: scroll;
        padding: 0;
    }

        .gallery-carousel img[b-9n0zbb1b6f] {
            min-width: 100vw;
            height: 379.62px;
            object-fit: cover;
            padding: 0;
        }

    .trips-mobile[b-9n0zbb1b6f] {
        padding: 20px;
    }

    .date-text[b-9n0zbb1b6f] {
        font-family: Monesta;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 33px;
    }

    .date[b-9n0zbb1b6f] {
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6.306px;
        align-self: stretch;
    }

    .itinerary[b-9n0zbb1b6f] {
        overflow: hidden;
        color: #303131;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: OpenSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .trip-length-mobile[b-9n0zbb1b6f] {
        color: #303131;
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .itinerary-status[b-9n0zbb1b6f] {
        font-family: OpenSans;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
    }

    .breadcrumbs[b-9n0zbb1b6f] {
        margin-top: 80px !important;
    }
}

@media(max-width: 500px) {
    .pagination-elem[b-9n0zbb1b6f] {
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 14px;
    }

    .pagination-btn[b-9n0zbb1b6f] {
        font-size: 14px;
        height: 50px;
        width: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    .review[b-9n0zbb1b6f] {
        flex-direction: column;
    }
}

@media(max-width: 380px) {

    .header[b-9n0zbb1b6f] {
        padding: 0px 0px;
    }

        .header small[b-9n0zbb1b6f], .header a[b-9n0zbb1b6f] {
            font-size: 12px;
        }

    h2[b-9n0zbb1b6f] {
        line-height: normal;
    }

    .pagination-elem[b-9n0zbb1b6f] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-inline: 2px;
    }

    .pagination-btn[b-9n0zbb1b6f] {
        height: 40px;
        width: 40px;
        min-width: 40px;
        min-height: 40px;
    }
}
/* _content/NeptuneScubaDiving/Pages/NusaPenida.razor.rz.scp.css */

.header[b-a3ifkp0mxl] {
    margin-top: 128px;
}

    .header img[b-a3ifkp0mxl] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-a3ifkp0mxl] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-a3ifkp0mxl] {
    padding-inline: 200px;
    text-align: center;
}

b[b-a3ifkp0mxl] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}




@media(max-width: 769px) {
    .maps-section[b-a3ifkp0mxl] {
        width: 100%
    }

    .standard-width-content[b-a3ifkp0mxl] {
        width: 95%;
    }

    .desc-padding[b-a3ifkp0mxl] {
        padding-inline: 0px;
    }


}
/* _content/NeptuneScubaDiving/Pages/NusaPenidaDiveSites.razor.rz.scp.css */

.header[b-u8bg6sp777] {
    margin-top: 128px;
}

    .header img[b-u8bg6sp777] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-u8bg6sp777] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-u8bg6sp777] {
    padding-inline: 200px;
}

b[b-u8bg6sp777] {
    font-weight: 600;
    color: #333333;
}



@media(max-width: 769px) {
    .maps-section[b-u8bg6sp777] {
        width: 100%
    }

    .standard-width-content[b-u8bg6sp777] {
        width: 95%;
    }

    .desc-padding[b-u8bg6sp777] {
        padding-inline: 0px;
    }

    .image-w-text-right img[b-u8bg6sp777], .image-w-text-left img[b-u8bg6sp777] {
        max-height: 230px;
    }
}
/* _content/NeptuneScubaDiving/Pages/NusaPenidaIsland.razor.rz.scp.css */


.header[b-639boawa9v] {
    margin-top: 128px;
}

    .header img[b-639boawa9v] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-639boawa9v] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-639boawa9v] {
    padding-inline: 200px;
}

b[b-639boawa9v] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}



@media(max-width: 769px) {

    .standard-width-content[b-639boawa9v] {
        width: 95%;
    }

    .desc-padding[b-639boawa9v] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/NusaPenidaSnorkeling.razor.rz.scp.css */
.header[b-sbvezwlbu7] {
    margin-top: 128px;
}

    .header img[b-sbvezwlbu7] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-sbvezwlbu7] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-sbvezwlbu7] {
    padding-inline: 200px;
}

b[b-sbvezwlbu7] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-sbvezwlbu7] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-sbvezwlbu7] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-sbvezwlbu7] {
    border-radius: 10px;
}

.image-w-text-right img[b-sbvezwlbu7], .image-w-text-left img[b-sbvezwlbu7] {
    min-width: 610px;
    max-height: 400px;
}

.snapshot[b-sbvezwlbu7] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-sbvezwlbu7] {
    margin-block: 40px;
}

.page-content a[b-sbvezwlbu7] {
    color: #333333;
}


.three-col-grid[b-sbvezwlbu7] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-sbvezwlbu7] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-sbvezwlbu7] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-sbvezwlbu7] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-sbvezwlbu7] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-sbvezwlbu7] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-sbvezwlbu7] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-sbvezwlbu7] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-sbvezwlbu7] {
    background-color: #272727;
}

    .package-card .col-6[b-sbvezwlbu7] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-sbvezwlbu7] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-sbvezwlbu7] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-sbvezwlbu7] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-sbvezwlbu7] {
            font-size: 20px !important;
        }

    .date-box h4[b-sbvezwlbu7] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-sbvezwlbu7] {
        padding-inline: 7px;
    }

        .date-box p[b-sbvezwlbu7] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-sbvezwlbu7] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-sbvezwlbu7] {
        font-size: 14px;
    }

    .snapshot b[b-sbvezwlbu7] {
        font-weight: 500;
        font-size: 12px;
    }
    .image-w-text-right img[b-sbvezwlbu7], .image-w-text-left img[b-sbvezwlbu7] {
        min-width: 100%;
    }

    .package-section[b-sbvezwlbu7] {
        flex-direction: column;
    }

    .package-card[b-sbvezwlbu7] {
        flex-direction: column;
    }

    .header p[b-sbvezwlbu7] {
        text-align: center;
    }

    .page-content[b-sbvezwlbu7] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-sbvezwlbu7], .page-content .col-5[b-sbvezwlbu7] {
            width: 100%;
        }

    .three-col-grid[b-sbvezwlbu7] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-sbvezwlbu7] {
            margin-block: 0px;
        }

    .standard-width-content[b-sbvezwlbu7] {
        width: 95%;
    }

    .desc-padding[b-sbvezwlbu7] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/OpenWaterDivingCourseBali.razor.rz.scp.css */
.header[b-apxk783t05] {
    margin-top: 128px;
}

    .header img[b-apxk783t05] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-apxk783t05] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-apxk783t05] {
    padding-inline: 200px;
}

b[b-apxk783t05] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-apxk783t05] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-apxk783t05] {
    margin-block: 40px;
}

.page-content a[b-apxk783t05] {
    color: #333333;
}


.three-col-grid[b-apxk783t05] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-apxk783t05] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-apxk783t05] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-apxk783t05] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-apxk783t05] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-apxk783t05] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-apxk783t05] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-apxk783t05] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-apxk783t05] {
    background-color: #272727;
}

    .package-card .col-6[b-apxk783t05] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-apxk783t05] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-apxk783t05] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-apxk783t05] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-apxk783t05] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-apxk783t05] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-apxk783t05] {
        text-align: center;
    }

    .page-content[b-apxk783t05] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-apxk783t05], .page-content .col-5[b-apxk783t05] {
            width: 100%;
        }

    .three-col-grid[b-apxk783t05] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-apxk783t05] {
            margin-block: 0px;
        }

    .standard-width-content[b-apxk783t05] {
        width: 95%;
    }

    .desc-padding[b-apxk783t05] {
        padding-inline: 0px;
    }

    .border-box[b-apxk783t05] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-apxk783t05] {
            font-size: 20px !important;
        }

    .date-box h4[b-apxk783t05] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-apxk783t05] {
        padding-inline: 7px;
    }

        .date-box p[b-apxk783t05] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-apxk783t05] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-apxk783t05] {
        font-size: 14px;
    }

    .snapshot b[b-apxk783t05] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/OpenWaterDivingCourseKomodo.razor.rz.scp.css */
.header[b-gqshp2a2jf] {
    margin-top: 128px;
}

h3[b-gqshp2a2jf] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-gqshp2a2jf] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-gqshp2a2jf] {
    border-radius: 10px;
}

    .header img[b-gqshp2a2jf] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-gqshp2a2jf] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-gqshp2a2jf] {
    padding-inline: 200px;
}

b[b-gqshp2a2jf] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-gqshp2a2jf] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-gqshp2a2jf] {
    margin-block: 40px;
}

.page-content a[b-gqshp2a2jf] {
    color: #333333;
}


.three-col-grid[b-gqshp2a2jf] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-gqshp2a2jf] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-gqshp2a2jf] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-gqshp2a2jf] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-gqshp2a2jf] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-gqshp2a2jf] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-gqshp2a2jf] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-gqshp2a2jf] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-gqshp2a2jf] {
    background-color: #272727;
}

    .package-card .col-6[b-gqshp2a2jf] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-gqshp2a2jf] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-gqshp2a2jf] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-gqshp2a2jf] {
        text-align: center;
    }

    .page-content[b-gqshp2a2jf] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-gqshp2a2jf], .page-content .col-5[b-gqshp2a2jf] {
            width: 100%;
        }

    .three-col-grid[b-gqshp2a2jf] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-gqshp2a2jf] {
            margin-block: 0px;
        }

    .standard-width-content[b-gqshp2a2jf] {
        width: 95%;
    }

    .desc-padding[b-gqshp2a2jf] {
        padding-inline: 0px;
    }

    .border-box[b-gqshp2a2jf] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-gqshp2a2jf] {
            font-size: 20px !important;
        }

    .date-box h4[b-gqshp2a2jf] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-gqshp2a2jf] {
        padding-inline: 7px;
    }

        .date-box p[b-gqshp2a2jf] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-gqshp2a2jf] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-gqshp2a2jf] {
        font-size: 14px;
    }

    .snapshot b[b-gqshp2a2jf] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PadangBai.razor.rz.scp.css */
.header[b-i9z9l03w0t] {
    margin-top: 128px;
}

    .header img[b-i9z9l03w0t] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-i9z9l03w0t] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-i9z9l03w0t] {
    padding-inline: 200px;
}

b[b-i9z9l03w0t] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-i9z9l03w0t] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-i9z9l03w0t] {
    margin-block: 40px;
}

.page-content a[b-i9z9l03w0t] {
    color: #333333;
}


.four-col-grid[b-i9z9l03w0t] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-i9z9l03w0t] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-i9z9l03w0t] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-i9z9l03w0t] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-i9z9l03w0t] {
            margin-bottom: 0;
        }

    .four-col-grid a[b-i9z9l03w0t] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-i9z9l03w0t] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-i9z9l03w0t] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-i9z9l03w0t] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-i9z9l03w0t] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-i9z9l03w0t] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .header p[b-i9z9l03w0t] {
        text-align: center;
    }

    .page-content[b-i9z9l03w0t] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-i9z9l03w0t], .page-content .col-5[b-i9z9l03w0t] {
            width: 100%;
        }

    .four-col-grid[b-i9z9l03w0t] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-i9z9l03w0t] {
            margin-block: 0px;
        }

    .standard-width-content[b-i9z9l03w0t] {
        width: 95%;
    }

    .desc-padding[b-i9z9l03w0t] {
        padding-inline: 0px;
    }

    .border-box[b-i9z9l03w0t] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-i9z9l03w0t] {
            font-size: 20px !important;
        }

    .date-box h4[b-i9z9l03w0t] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-i9z9l03w0t] {
        padding-inline: 7px;
    }

        .date-box p[b-i9z9l03w0t] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-i9z9l03w0t] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-i9z9l03w0t] {
        font-size: 14px;
    }

    .snapshot b[b-i9z9l03w0t] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PadiCertificationBali.razor.rz.scp.css */
.header[b-qfjz93i7dq] {
    margin-top: 128px;
}

    .header img[b-qfjz93i7dq] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-qfjz93i7dq] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-qfjz93i7dq] {
    padding-inline: 200px;
}

.small-img[b-qfjz93i7dq] {
    min-width: 610px;
}

b[b-qfjz93i7dq] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h2[b-qfjz93i7dq]{
    text-align: start;
    width: 100%;
}

.snapshot[b-qfjz93i7dq] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-qfjz93i7dq] {
    margin-block: 40px;
}

.page-content a[b-qfjz93i7dq] {
    color: #333333;
}


.courses-grid[b-qfjz93i7dq] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

.courses-grid .grid-elem[b-qfjz93i7dq] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}


.courses-grid .grid-elem img[b-qfjz93i7dq] {
    border-radius: 12px;
    height: 308px;
    max-height: 308px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

.courses-grid .grid-elem b[b-qfjz93i7dq] {
    color: #222222;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: 600;
    margin-block: 0px;
}

.courses-grid .grid-elem p[b-qfjz93i7dq] {
    margin-bottom: 0;
}

.courses-grid a[b-qfjz93i7dq] {
    text-decoration: none !important;
    color: #333333;
}



.outline-btn[b-qfjz93i7dq] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-qfjz93i7dq] {
    background-color: #272727;
}

    .package-card .col-6[b-qfjz93i7dq] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-qfjz93i7dq] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-qfjz93i7dq] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-qfjz93i7dq] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-qfjz93i7dq] {
    border-radius: 10px;
}

a[b-qfjz93i7dq]{
    text-decoration: none!important;
}


@media(max-width: 1200px) {
    .small-img[b-qfjz93i7dq] {
        min-width: 410px;
    }
}

@media(max-width: 769px) {
    .package-card .img-bg[b-qfjz93i7dq] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-qfjz93i7dq] {
        text-align: center;
        margin-top: 70px;
    }


    .small-img[b-qfjz93i7dq] {
        min-width: 100%;
    }

    .courses-grid[b-qfjz93i7dq] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .courses-grid .grid-elem b[b-qfjz93i7dq] {
            margin-block: 0px;
        }

    .standard-width-content[b-qfjz93i7dq] {
        width: 90%;
    }

    .desc-padding[b-qfjz93i7dq] {
        padding-inline: 0px;
    }

    .dark-blue-filled-btn[b-qfjz93i7dq]{
        min-width: fit-content;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDeepDiverSpecialty.razor.rz.scp.css */
.header[b-5abposkdpq] {
    margin-top: 128px;
}

    .header img[b-5abposkdpq] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-5abposkdpq] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-5abposkdpq] {
    padding-inline: 200px;
}

h3[b-5abposkdpq] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-5abposkdpq] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-5abposkdpq] {
    border-radius: 10px;
}

b[b-5abposkdpq] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-5abposkdpq] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-5abposkdpq] {
    margin-block: 40px;
}

.page-content a[b-5abposkdpq] {
    color: #333333;
}


.three-col-grid[b-5abposkdpq] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-5abposkdpq] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-5abposkdpq] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-5abposkdpq] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-5abposkdpq] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-5abposkdpq] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-5abposkdpq] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-5abposkdpq] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-5abposkdpq] {
    background-color: #272727;
}

    .package-card .col-6[b-5abposkdpq] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-5abposkdpq] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-5abposkdpq] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-5abposkdpq] {
        text-align: center;
    }

    .page-content[b-5abposkdpq] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-5abposkdpq], .page-content .col-5[b-5abposkdpq] {
            width: 100%;
        }

    .three-col-grid[b-5abposkdpq] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-5abposkdpq] {
            margin-block: 0px;
        }

    .standard-width-content[b-5abposkdpq] {
        width: 95%;
    }

    .desc-padding[b-5abposkdpq] {
        padding-inline: 0px;
    }

    .border-box[b-5abposkdpq] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-5abposkdpq] {
            font-size: 20px !important;
        }

    .date-box h4[b-5abposkdpq] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-5abposkdpq] {
        padding-inline: 7px;
    }

        .date-box p[b-5abposkdpq] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-5abposkdpq] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-5abposkdpq] {
        font-size: 14px;
    }

    .snapshot b[b-5abposkdpq] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDeepDiverSpecialtyKomodo.razor.rz.scp.css */
.header[b-e71pgttu8u] {
    margin-top: 128px;
}

    .header img[b-e71pgttu8u] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-e71pgttu8u] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-e71pgttu8u] {
    padding-inline: 200px;
}

b[b-e71pgttu8u] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-e71pgttu8u] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-e71pgttu8u] {
    margin-block: 40px;
}

.page-content a[b-e71pgttu8u] {
    color: #333333;
}

h3[b-e71pgttu8u] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-e71pgttu8u] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-e71pgttu8u] {
    border-radius: 10px;
}

.three-col-grid[b-e71pgttu8u] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-e71pgttu8u] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-e71pgttu8u] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-e71pgttu8u] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-e71pgttu8u] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-e71pgttu8u] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-e71pgttu8u] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-e71pgttu8u] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-e71pgttu8u] {
    background-color: #272727;
}

    .package-card .col-6[b-e71pgttu8u] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-e71pgttu8u] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-e71pgttu8u] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-e71pgttu8u] {
        text-align: center;
    }

    .page-content[b-e71pgttu8u] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-e71pgttu8u], .page-content .col-5[b-e71pgttu8u] {
            width: 100%;
        }

    .three-col-grid[b-e71pgttu8u] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-e71pgttu8u] {
            margin-block: 0px;
        }

    .standard-width-content[b-e71pgttu8u] {
        width: 95%;
    }

    .desc-padding[b-e71pgttu8u] {
        padding-inline: 0px;
    }

    .border-box[b-e71pgttu8u] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-e71pgttu8u] {
            font-size: 20px !important;
        }

    .date-box h4[b-e71pgttu8u] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-e71pgttu8u] {
        padding-inline: 7px;
    }

        .date-box p[b-e71pgttu8u] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-e71pgttu8u] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-e71pgttu8u] {
        font-size: 14px;
    }

    .snapshot b[b-e71pgttu8u] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDivemasterBali.razor.rz.scp.css */
.header[b-j4plgc9x4c] {
    margin-top: 128px;
}

    .header img[b-j4plgc9x4c] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-j4plgc9x4c] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-j4plgc9x4c] {
    padding-inline: 200px;
}

b[b-j4plgc9x4c] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-j4plgc9x4c] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-j4plgc9x4c] {
    margin-block: 40px;
}

.page-content a[b-j4plgc9x4c] {
    color: #333333;
}


.three-col-grid[b-j4plgc9x4c] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-j4plgc9x4c] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-j4plgc9x4c] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-j4plgc9x4c] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-j4plgc9x4c] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-j4plgc9x4c] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-j4plgc9x4c] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-j4plgc9x4c] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-j4plgc9x4c] {
    background-color: #272727;
}

    .package-card .col-6[b-j4plgc9x4c] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-j4plgc9x4c] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-j4plgc9x4c] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-j4plgc9x4c] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-j4plgc9x4c] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-j4plgc9x4c] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-j4plgc9x4c] {
        text-align: center;
    }

    .page-content[b-j4plgc9x4c] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-j4plgc9x4c], .page-content .col-5[b-j4plgc9x4c] {
            width: 100%;
        }

    .three-col-grid[b-j4plgc9x4c] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-j4plgc9x4c] {
            margin-block: 0px;
        }

    .standard-width-content[b-j4plgc9x4c] {
        width: 95%;
    }

    .desc-padding[b-j4plgc9x4c] {
        padding-inline: 0px;
    }

    .border-box[b-j4plgc9x4c] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-j4plgc9x4c] {
            font-size: 20px !important;
        }

    .date-box h4[b-j4plgc9x4c] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-j4plgc9x4c] {
        padding-inline: 7px;
    }

        .date-box p[b-j4plgc9x4c] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-j4plgc9x4c] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-j4plgc9x4c] {
        font-size: 14px;
    }

    .snapshot b[b-j4plgc9x4c] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDivemasterKomodo.razor.rz.scp.css */
.header[b-fql26gozky] {
    margin-top: 128px;
}

    .header img[b-fql26gozky] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-fql26gozky] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-fql26gozky] {
    padding-inline: 200px;
}

h3[b-fql26gozky] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-fql26gozky] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-fql26gozky] {
    border-radius: 10px;
}

b[b-fql26gozky] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-fql26gozky] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-fql26gozky] {
    margin-block: 40px;
}

.page-content a[b-fql26gozky] {
    color: #333333;
}


.three-col-grid[b-fql26gozky] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-fql26gozky] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-fql26gozky] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-fql26gozky] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-fql26gozky] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-fql26gozky] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-fql26gozky] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-fql26gozky] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-fql26gozky] {
    background-color: #272727;
}

    .package-card .col-6[b-fql26gozky] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-fql26gozky] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-fql26gozky] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-fql26gozky] {
        text-align: center;
    }

    .page-content[b-fql26gozky] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-fql26gozky], .page-content .col-5[b-fql26gozky] {
            width: 100%;
        }

    .three-col-grid[b-fql26gozky] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-fql26gozky] {
            margin-block: 0px;
        }

    .standard-width-content[b-fql26gozky] {
        width: 95%;
    }

    .desc-padding[b-fql26gozky] {
        padding-inline: 0px;
    }

    .border-box[b-fql26gozky] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-fql26gozky] {
            font-size: 20px !important;
        }

    .date-box h4[b-fql26gozky] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-fql26gozky] {
        padding-inline: 7px;
    }

        .date-box p[b-fql26gozky] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-fql26gozky] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-fql26gozky] {
        font-size: 14px;
    }

    .snapshot b[b-fql26gozky] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDriftDiverSpecialtyMasterBali.razor.rz.scp.css */
.header[b-gvkwhwy3zx] {
    margin-top: 128px;
}

    .header img[b-gvkwhwy3zx] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-gvkwhwy3zx] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-gvkwhwy3zx] {
    padding-inline: 200px;
}

b[b-gvkwhwy3zx] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-gvkwhwy3zx] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-gvkwhwy3zx] {
    margin-block: 40px;
}

.page-content a[b-gvkwhwy3zx] {
    color: #333333;
}


.three-col-grid[b-gvkwhwy3zx] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-gvkwhwy3zx] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-gvkwhwy3zx] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-gvkwhwy3zx] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-gvkwhwy3zx] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-gvkwhwy3zx] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-gvkwhwy3zx] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-gvkwhwy3zx] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-gvkwhwy3zx] {
    background-color: #272727;
}

    .package-card .col-6[b-gvkwhwy3zx] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-gvkwhwy3zx] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-gvkwhwy3zx] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-gvkwhwy3zx] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-gvkwhwy3zx] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-gvkwhwy3zx] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-gvkwhwy3zx] {
        text-align: center;
    }

    .page-content[b-gvkwhwy3zx] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-gvkwhwy3zx], .page-content .col-5[b-gvkwhwy3zx] {
            width: 100%;
        }

    .three-col-grid[b-gvkwhwy3zx] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-gvkwhwy3zx] {
            margin-block: 0px;
        }

    .standard-width-content[b-gvkwhwy3zx] {
        width: 95%;
    }

    .desc-padding[b-gvkwhwy3zx] {
        padding-inline: 0px;
    }

    .border-box[b-gvkwhwy3zx] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-gvkwhwy3zx] {
            font-size: 20px !important;
        }

    .date-box h4[b-gvkwhwy3zx] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-gvkwhwy3zx] {
        padding-inline: 7px;
    }

        .date-box p[b-gvkwhwy3zx] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-gvkwhwy3zx] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-gvkwhwy3zx] {
        font-size: 14px;
    }

    .snapshot b[b-gvkwhwy3zx] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIDriftDiverSpecialtyMasterKomodo.razor.rz.scp.css */
.header[b-34hkg58pc3] {
    margin-top: 128px;
}

    .header img[b-34hkg58pc3] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-34hkg58pc3] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-34hkg58pc3] {
    padding-inline: 200px;
}

h3[b-34hkg58pc3] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-34hkg58pc3] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-34hkg58pc3] {
    border-radius: 10px;
}

b[b-34hkg58pc3] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-34hkg58pc3] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-34hkg58pc3] {
    margin-block: 40px;
}

.page-content a[b-34hkg58pc3] {
    color: #333333;
}


.three-col-grid[b-34hkg58pc3] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-34hkg58pc3] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-34hkg58pc3] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-34hkg58pc3] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-34hkg58pc3] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-34hkg58pc3] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-34hkg58pc3] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-34hkg58pc3] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-34hkg58pc3] {
    background-color: #272727;
}

    .package-card .col-6[b-34hkg58pc3] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-34hkg58pc3] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-34hkg58pc3] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-34hkg58pc3] {
        text-align: center;
    }

    .page-content[b-34hkg58pc3] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-34hkg58pc3], .page-content .col-5[b-34hkg58pc3] {
            width: 100%;
        }

    .three-col-grid[b-34hkg58pc3] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-34hkg58pc3] {
            margin-block: 0px;
        }

    .standard-width-content[b-34hkg58pc3] {
        width: 95%;
    }

    .desc-padding[b-34hkg58pc3] {
        padding-inline: 0px;
    }

    .border-box[b-34hkg58pc3] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-34hkg58pc3] {
            font-size: 20px !important;
        }

    .date-box h4[b-34hkg58pc3] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-34hkg58pc3] {
        padding-inline: 7px;
    }

        .date-box p[b-34hkg58pc3] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-34hkg58pc3] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-34hkg58pc3] {
        font-size: 14px;
    }

    .snapshot b[b-34hkg58pc3] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIMermaidCourseInBali.razor.rz.scp.css */

.header[b-9ncszocfiv] {
    margin-top: 128px;
}

    .header img[b-9ncszocfiv] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-9ncszocfiv] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-9ncszocfiv] {
    padding-inline: 200px;
}

b[b-9ncszocfiv] {
    font-weight: 600;
    color: #333333;
}

.small-img[b-9ncszocfiv] {
    max-height: 370px;
}

@media(max-width: 769px) {
    .standard-width-content[b-9ncszocfiv] {
        width: 95%;
    }

    .desc-padding[b-9ncszocfiv] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADINightDiverSpecialty.razor.rz.scp.css */
.header[b-bns87dp3a4] {
    margin-top: 128px;
}

    .header img[b-bns87dp3a4] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-bns87dp3a4] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-bns87dp3a4] {
    padding-inline: 200px;
}

b[b-bns87dp3a4] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-bns87dp3a4] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-bns87dp3a4] {
    margin-block: 40px;
}

.page-content a[b-bns87dp3a4] {
    color: #333333;
}


.three-col-grid[b-bns87dp3a4] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-bns87dp3a4] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-bns87dp3a4] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-bns87dp3a4] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-bns87dp3a4] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-bns87dp3a4] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-bns87dp3a4] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-bns87dp3a4] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-bns87dp3a4] {
    background-color: #272727;
}

    .package-card .col-6[b-bns87dp3a4] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-bns87dp3a4] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-bns87dp3a4] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-bns87dp3a4] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-bns87dp3a4] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-bns87dp3a4] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-bns87dp3a4] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-bns87dp3a4] {
            font-size: 20px !important;
        }

    .date-box h4[b-bns87dp3a4] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-bns87dp3a4] {
        padding-inline: 7px;
    }

        .date-box p[b-bns87dp3a4] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-bns87dp3a4] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-bns87dp3a4] {
        font-size: 14px;
    }

    .snapshot b[b-bns87dp3a4] {
        font-weight: 500;
        font-size: 12px;
    }

    .package-section[b-bns87dp3a4] {
        flex-direction: column;
    }

    .package-card[b-bns87dp3a4] {
        flex-direction: column;
    }

    .header p[b-bns87dp3a4] {
        text-align: center;
    }

    .page-content[b-bns87dp3a4] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-bns87dp3a4], .page-content .col-5[b-bns87dp3a4] {
            width: 100%;
        }

    .three-col-grid[b-bns87dp3a4] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-bns87dp3a4] {
            margin-block: 0px;
        }

    .standard-width-content[b-bns87dp3a4] {
        width: 95%;
    }

    .desc-padding[b-bns87dp3a4] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIPeakPerformanceBuoyancy.razor.rz.scp.css */
.header[b-s4yn9nude3] {
    margin-top: 128px;
}

    .header img[b-s4yn9nude3] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-s4yn9nude3] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-s4yn9nude3] {
    padding-inline: 200px;
}

b[b-s4yn9nude3] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-s4yn9nude3] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-s4yn9nude3] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-s4yn9nude3] {
    border-radius: 10px;
}

.snapshot[b-s4yn9nude3] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-s4yn9nude3] {
    margin-block: 40px;
}

.page-content a[b-s4yn9nude3] {
    color: #333333;
}


.three-col-grid[b-s4yn9nude3] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-s4yn9nude3] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-s4yn9nude3] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-s4yn9nude3] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-s4yn9nude3] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-s4yn9nude3] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-s4yn9nude3] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-s4yn9nude3] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-s4yn9nude3] {
    background-color: #272727;
}

    .package-card .col-6[b-s4yn9nude3] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-s4yn9nude3] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-s4yn9nude3] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-s4yn9nude3] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-s4yn9nude3] {
            font-size: 20px !important;
        }

    .date-box h4[b-s4yn9nude3] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-s4yn9nude3] {
        padding-inline: 7px;
    }

        .date-box p[b-s4yn9nude3] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-s4yn9nude3] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-s4yn9nude3] {
        font-size: 14px;
    }

    .snapshot b[b-s4yn9nude3] {
        font-weight: 500;
        font-size: 12px;
    }

    .package-section[b-s4yn9nude3] {
        flex-direction: column;
    }

    .package-card[b-s4yn9nude3] {
        flex-direction: column;
    }

    .header p[b-s4yn9nude3] {
        text-align: center;
    }

    .page-content[b-s4yn9nude3] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-s4yn9nude3], .page-content .col-5[b-s4yn9nude3] {
            width: 100%;
        }

    .three-col-grid[b-s4yn9nude3] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-s4yn9nude3] {
            margin-block: 0px;
        }

    .standard-width-content[b-s4yn9nude3] {
        width: 95%;
    }

    .desc-padding[b-s4yn9nude3] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIPeakPerformanceBuoyancyKomodo.razor.rz.scp.css */
.header[b-0pz1txocw0] {
    margin-top: 128px;
}

    .header img[b-0pz1txocw0] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-0pz1txocw0] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-0pz1txocw0] {
    padding-inline: 200px;
}

b[b-0pz1txocw0] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-0pz1txocw0] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-0pz1txocw0] {
    margin-block: 40px;
}

.page-content a[b-0pz1txocw0] {
    color: #333333;
}


.three-col-grid[b-0pz1txocw0] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-0pz1txocw0] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-0pz1txocw0] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-0pz1txocw0] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-0pz1txocw0] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-0pz1txocw0] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-0pz1txocw0] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-0pz1txocw0] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-0pz1txocw0] {
    background-color: #272727;
}

    .package-card .col-6[b-0pz1txocw0] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-0pz1txocw0] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-0pz1txocw0] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-0pz1txocw0] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-0pz1txocw0] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-0pz1txocw0] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-0pz1txocw0] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-0pz1txocw0] {
            font-size: 20px !important;
        }

    .date-box h4[b-0pz1txocw0] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-0pz1txocw0] {
        padding-inline: 7px;
    }

        .date-box p[b-0pz1txocw0] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-0pz1txocw0] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-0pz1txocw0] {
        font-size: 14px;
    }

    .snapshot b[b-0pz1txocw0] {
        font-weight: 500;
        font-size: 12px;
    }

    .package-section[b-0pz1txocw0] {
        flex-direction: column;
    }

    .package-card[b-0pz1txocw0] {
        flex-direction: column;
    }

    .header p[b-0pz1txocw0] {
        text-align: center;
    }

    .page-content[b-0pz1txocw0] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-0pz1txocw0], .page-content .col-5[b-0pz1txocw0] {
            width: 100%;
        }

    .three-col-grid[b-0pz1txocw0] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-0pz1txocw0] {
            margin-block: 0px;
        }

    .standard-width-content[b-0pz1txocw0] {
        width: 95%;
    }

    .desc-padding[b-0pz1txocw0] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIRescueDiver.razor.rz.scp.css */
.header[b-usvx4d71pi] {
    margin-top: 128px;
}

    .header img[b-usvx4d71pi] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-usvx4d71pi] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-usvx4d71pi] {
    padding-inline: 200px;
}

b[b-usvx4d71pi] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-usvx4d71pi] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-usvx4d71pi] {
    margin-block: 40px;
}

.page-content a[b-usvx4d71pi] {
    color: #333333;
}


.three-col-grid[b-usvx4d71pi] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-usvx4d71pi] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-usvx4d71pi] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-usvx4d71pi] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-usvx4d71pi] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-usvx4d71pi] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-usvx4d71pi] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-usvx4d71pi] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-usvx4d71pi] {
    background-color: #272727;
}

    .package-card .col-6[b-usvx4d71pi] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-usvx4d71pi] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-usvx4d71pi] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-usvx4d71pi] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-usvx4d71pi] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-usvx4d71pi] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-usvx4d71pi] {
        text-align: center;
    }

    .page-content[b-usvx4d71pi] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-usvx4d71pi], .page-content .col-5[b-usvx4d71pi] {
            width: 100%;
        }

    .three-col-grid[b-usvx4d71pi] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-usvx4d71pi] {
            margin-block: 0px;
        }

    .standard-width-content[b-usvx4d71pi] {
        width: 95%;
    }

    .desc-padding[b-usvx4d71pi] {
        padding-inline: 0px;
    }

    .border-box[b-usvx4d71pi] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-usvx4d71pi] {
            font-size: 20px !important;
        }

    .date-box h4[b-usvx4d71pi] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-usvx4d71pi] {
        padding-inline: 7px;
    }

        .date-box p[b-usvx4d71pi] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-usvx4d71pi] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-usvx4d71pi] {
        font-size: 14px;
    }

    .snapshot b[b-usvx4d71pi] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIRescueDiverKomodo.razor.rz.scp.css */
.header[b-nck01nojba] {
    margin-top: 128px;
}

    .header img[b-nck01nojba] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-nck01nojba] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-nck01nojba] {
    padding-inline: 200px;
}

b[b-nck01nojba] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-nck01nojba] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-nck01nojba] {
    margin-block: 40px;
}

.page-content a[b-nck01nojba] {
    color: #333333;
}


.three-col-grid[b-nck01nojba] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-nck01nojba] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-nck01nojba] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-nck01nojba] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-nck01nojba] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-nck01nojba] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-nck01nojba] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-nck01nojba] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-nck01nojba] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-nck01nojba] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-nck01nojba] {
    border-radius: 10px;
}

.package-card[b-nck01nojba] {
    background-color: #272727;
}

    .package-card .col-6[b-nck01nojba] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-nck01nojba] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-nck01nojba] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-nck01nojba] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-nck01nojba] {
            font-size: 20px !important;
        }

    .date-box h4[b-nck01nojba] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-nck01nojba] {
        padding-inline: 7px;
    }

        .date-box p[b-nck01nojba] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-nck01nojba] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-nck01nojba] {
        font-size: 14px;
    }

    .snapshot b[b-nck01nojba] {
        font-weight: 500;
        font-size: 12px;
    }
    .header p[b-nck01nojba] {
        text-align: center;
    }

    .page-content[b-nck01nojba] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-nck01nojba], .page-content .col-5[b-nck01nojba] {
            width: 100%;
        }

    .three-col-grid[b-nck01nojba] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-nck01nojba] {
            margin-block: 0px;
        }

    .standard-width-content[b-nck01nojba] {
        width: 95%;
    }

    .desc-padding[b-nck01nojba] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PADIWreckDiverSpecialty.razor.rz.scp.css */
.header[b-dj80plr4qd] {
    margin-top: 128px;
}

    .header img[b-dj80plr4qd] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-dj80plr4qd] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-dj80plr4qd] {
    padding-inline: 200px;
}

b[b-dj80plr4qd] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-dj80plr4qd] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-dj80plr4qd] {
    margin-block: 40px;
}

.page-content a[b-dj80plr4qd] {
    color: #333333;
}


.three-col-grid[b-dj80plr4qd] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-dj80plr4qd] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-dj80plr4qd] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-dj80plr4qd] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-dj80plr4qd] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-dj80plr4qd] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-dj80plr4qd] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-dj80plr4qd] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-dj80plr4qd] {
    background-color: #272727;
}

h3[b-dj80plr4qd] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-dj80plr4qd] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-dj80plr4qd] {
    border-radius: 10px;
}

    .package-card .col-6[b-dj80plr4qd] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-dj80plr4qd] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-dj80plr4qd] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .package-section[b-dj80plr4qd] {
        flex-direction: column;
    }

    .package-card[b-dj80plr4qd] {
        flex-direction: column;
    }

    .header p[b-dj80plr4qd] {
        text-align: center;
    }

    .page-content[b-dj80plr4qd] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-dj80plr4qd], .page-content .col-5[b-dj80plr4qd] {
            width: 100%;
        }

    .three-col-grid[b-dj80plr4qd] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-dj80plr4qd] {
            margin-block: 0px;
        }

    .standard-width-content[b-dj80plr4qd] {
        width: 95%;
    }

    .desc-padding[b-dj80plr4qd] {
        padding-inline: 0px;
    }

    .border-box[b-dj80plr4qd] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-dj80plr4qd] {
            font-size: 20px !important;
        }

    .date-box h4[b-dj80plr4qd] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-dj80plr4qd] {
        padding-inline: 7px;
    }

        .date-box p[b-dj80plr4qd] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-dj80plr4qd] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-dj80plr4qd] {
        font-size: 14px;
    }

    .snapshot b[b-dj80plr4qd] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/PrivacyPolicy.razor.rz.scp.css */

.header[b-lfhhaxjjna] {
    margin-top: 128px;
}

    .header img[b-lfhhaxjjna] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-lfhhaxjjna] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-lfhhaxjjna] {
    padding-inline: 200px;
}

b[b-lfhhaxjjna] {
    font-weight: 600;
    color: #333333;
}

ul[b-lfhhaxjjna] {
    padding-left: 30px;
}
@media(max-width: 769px) {
    .standard-width-content[b-lfhhaxjjna] {
        width: 95%;
    }

    .desc-padding[b-lfhhaxjjna] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/RajaAmpatLiveaboard.razor.rz.scp.css */
.header[b-598ia0entt] {
    margin-top: 128px;
}

    .header img[b-598ia0entt] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-598ia0entt] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-598ia0entt] {
    padding-inline: 200px;
}

b[b-598ia0entt] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-598ia0entt] {
        width: 95%;
    }

    .desc-padding[b-598ia0entt] {
        padding-inline: 0px;
    }


}
/* _content/NeptuneScubaDiving/Pages/ScubaDiving.razor.rz.scp.css */
.header[b-zplkzwjyaf] {
    margin-top: 128px;
}

    .header img[b-zplkzwjyaf] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-zplkzwjyaf] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-zplkzwjyaf] {
    padding-inline: 200px;
}

b[b-zplkzwjyaf] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-zplkzwjyaf] {
        width: 95%;
    }

    .desc-padding[b-zplkzwjyaf] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/ScubaDivingAmedBali.razor.rz.scp.css */
.header[b-vtptcyelb9] {
    margin-top: 128px;
}

    .header img[b-vtptcyelb9] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-vtptcyelb9] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-vtptcyelb9] {
    padding-inline: 200px;
}

b[b-vtptcyelb9] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-vtptcyelb9] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-vtptcyelb9] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-vtptcyelb9] {
    border-radius: 10px;
}

.snapshot[b-vtptcyelb9] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-vtptcyelb9] {
    margin-block: 40px;
}

.page-content a[b-vtptcyelb9] {
    color: #333333;
}


.four-col-grid[b-vtptcyelb9] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-vtptcyelb9] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-vtptcyelb9] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-vtptcyelb9] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-vtptcyelb9] {
            margin-bottom: 0;
        }

    .four-col-grid a[b-vtptcyelb9] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-vtptcyelb9] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-vtptcyelb9] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

@media(max-width: 769px) {
    .header p[b-vtptcyelb9] {
        text-align: center;
    }

    .page-content[b-vtptcyelb9] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-vtptcyelb9], .page-content .col-5[b-vtptcyelb9] {
            width: 100%;
        }

    .four-col-grid[b-vtptcyelb9] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-vtptcyelb9] {
            margin-block: 0px;
        }

    .standard-width-content[b-vtptcyelb9] {
        width: 95%;
    }

    .desc-padding[b-vtptcyelb9] {
        padding-inline: 0px;
    }

    .border-box[b-vtptcyelb9] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-vtptcyelb9] {
            font-size: 20px !important;
        }

    .date-box h4[b-vtptcyelb9] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-vtptcyelb9] {
        padding-inline: 7px;
    }

        .date-box p[b-vtptcyelb9] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-vtptcyelb9] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-vtptcyelb9] {
        font-size: 14px;
    }

    .snapshot b[b-vtptcyelb9] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/ScubaDivingBali.razor.rz.scp.css */

.header[b-6tp52eoj6n] {
    margin-top: 128px;
}

    .header img[b-6tp52eoj6n] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-6tp52eoj6n] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-6tp52eoj6n] {
    padding-inline: 200px;
}

b[b-6tp52eoj6n] {
    font-weight: 600;
    color: #333333;
}

.image-w-text-right img[b-6tp52eoj6n], .image-w-text-left img[b-6tp52eoj6n] {
    height: 380px;
}

@media(max-width: 769px) {
    .maps-section[b-6tp52eoj6n]{
        width: 100%
    }

    .standard-width-content[b-6tp52eoj6n] {
        width: 95%;
    }

    .desc-padding[b-6tp52eoj6n] {
        padding-inline: 0px;
    }

    .image-w-text-left img[b-6tp52eoj6n] {
        height: 240px;
    }
}
/* _content/NeptuneScubaDiving/Pages/ScubaDivingCertification.razor.rz.scp.css */
.header[b-a5nh5w41qg] {
    margin-top: 128px;
}

    .header img[b-a5nh5w41qg] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-a5nh5w41qg] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-a5nh5w41qg] {
    padding-inline: 200px;
}

b[b-a5nh5w41qg] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}


@media(max-width: 769px) {
    .standard-width-content[b-a5nh5w41qg] {
        width: 95%;
    }

    .desc-padding[b-a5nh5w41qg] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/ShotgunDiving.razor.rz.scp.css */
.header[b-0lji3qbxw7] {
    margin-top: 128px;
}

    .header img[b-0lji3qbxw7] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-0lji3qbxw7] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-0lji3qbxw7] {
    padding-inline: 200px;
}

b[b-0lji3qbxw7] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

h3[b-0lji3qbxw7] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-0lji3qbxw7] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-0lji3qbxw7] {
    border-radius: 10px;
}

.snapshot[b-0lji3qbxw7] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-0lji3qbxw7] {
    margin-block: 40px;
}

.page-content a[b-0lji3qbxw7] {
    color: #333333;
}


.three-col-grid[b-0lji3qbxw7] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-0lji3qbxw7] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-0lji3qbxw7] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-0lji3qbxw7] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-0lji3qbxw7] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-0lji3qbxw7] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-0lji3qbxw7] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-0lji3qbxw7] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-0lji3qbxw7] {
    background-color: #272727;
}

    .package-card .col-6[b-0lji3qbxw7] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-0lji3qbxw7] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-0lji3qbxw7] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-0lji3qbxw7] {
        text-align: center;
    }

    .page-content[b-0lji3qbxw7] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-0lji3qbxw7], .page-content .col-5[b-0lji3qbxw7] {
            width: 100%;
        }

    .three-col-grid[b-0lji3qbxw7] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-0lji3qbxw7] {
            margin-block: 0px;
        }

    .standard-width-content[b-0lji3qbxw7] {
        width: 95%;
    }

    .desc-padding[b-0lji3qbxw7] {
        padding-inline: 0px;
    }

    .border-box[b-0lji3qbxw7] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-0lji3qbxw7] {
            font-size: 20px !important;
        }

    .date-box h4[b-0lji3qbxw7] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-0lji3qbxw7] {
        padding-inline: 7px;
    }

        .date-box p[b-0lji3qbxw7] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-0lji3qbxw7] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-0lji3qbxw7] {
        font-size: 14px;
    }

    .snapshot b[b-0lji3qbxw7] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/SiabaBesar.razor.rz.scp.css */
.header[b-pmc9q4zw2v] {
    margin-top: 128px;
}

    .header img[b-pmc9q4zw2v] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-pmc9q4zw2v] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-pmc9q4zw2v] {
    padding-inline: 200px;
}

b[b-pmc9q4zw2v] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-pmc9q4zw2v] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-pmc9q4zw2v] {
    margin-block: 40px;
}

.page-content a[b-pmc9q4zw2v] {
    color: #333333;
}


.three-col-grid[b-pmc9q4zw2v] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-pmc9q4zw2v] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-pmc9q4zw2v] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-pmc9q4zw2v] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-pmc9q4zw2v] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-pmc9q4zw2v] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-pmc9q4zw2v] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-pmc9q4zw2v] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-pmc9q4zw2v] {
    background-color: #272727;
}

    .package-card .col-6[b-pmc9q4zw2v] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-pmc9q4zw2v] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-pmc9q4zw2v] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .header p[b-pmc9q4zw2v] {
        text-align: center;
    }

    .page-content[b-pmc9q4zw2v] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-pmc9q4zw2v], .page-content .col-5[b-pmc9q4zw2v] {
            width: 100%;
        }

    .three-col-grid[b-pmc9q4zw2v] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-pmc9q4zw2v] {
            margin-block: 0px;
        }

    .standard-width-content[b-pmc9q4zw2v] {
        width: 95%;
    }

    .desc-padding[b-pmc9q4zw2v] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Snorkeling.razor.rz.scp.css */
.header[b-envxgy3qzq] {
    margin-top: 128px;
}

    .header img[b-envxgy3qzq] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-envxgy3qzq] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-envxgy3qzq] {
    padding-inline: 200px;
}

b[b-envxgy3qzq] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot-grid[b-envxgy3qzq] {
    display: grid;
    grid-template-columns: 19% 19% 19% 19% 19%;
    justify-content: space-between;
}

    .snapshot-grid .snapshot[b-envxgy3qzq] {
        display: flex;
        flex-direction: column;
        align-items: start;
        border-radius: 10px;
        border: 1px solid #CCCCCC;
        padding: 15px 8px;
    }

        .snapshot-grid .snapshot p[b-envxgy3qzq] {
            font-weight: 500;
            font-size: 16px;
            color: #222222;
            margin: 0;
        }

.three-col-grid[b-envxgy3qzq] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
}

    .three-col-grid .grid-elem[b-envxgy3qzq] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .three-col-grid .grid-elem img[b-envxgy3qzq] {
            max-height: 308px;
            width: 100%;
            height: 100%;
            border-radius: 12px;
        }

        .three-col-grid .grid-elem .title[b-envxgy3qzq] {
            color: #222222;
            font-size: 18px;
            font-family: Rubik;
            font-weight: 600;
            margin-top: 15px;
            margin-bottom: 10px;
        }

.border-box[b-envxgy3qzq] {
    border: 1px solid #CCCCCC;
    padding: 20px 10px;
}

.package-card[b-envxgy3qzq] {
   
    background-color: #272727;
}

    .package-card .col-6[b-envxgy3qzq] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-envxgy3qzq] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px!important;
    }

    @media(max-width: 769px) {
        .package-card .img-bg[b-envxgy3qzq] {
            background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
            min-height: 250px;
        }


        .standard-width-content[b-envxgy3qzq] {
        width: 95%;
    }

    .desc-padding[b-envxgy3qzq] {
        padding-inline: 0px;
    }

    .snapshot-grid[b-envxgy3qzq] {
        grid-template-columns: 100%;
        justify-content: center;
        gap: 10px;
        padding: 0;
    }

    .three-col-grid[b-envxgy3qzq] {
        grid-template-columns: 100%;
        justify-content: center;
        gap: 15px;
        padding: 0;
    }

    .border-box[b-envxgy3qzq]{
        width: 100%!important;
    }

    .col-6[b-envxgy3qzq]{
        width: 100%;
    }

        .package-section[b-envxgy3qzq]{
            flex-direction: column;
        }

        .package-card[b-envxgy3qzq] {
            flex-direction: column;
        }

        .itinerary-section[b-envxgy3qzq]{
            padding: 0;
        }
}
/* _content/NeptuneScubaDiving/Pages/SnorkelingBali.razor.rz.scp.css */
.header[b-y6rsmgjy65] {
    margin-top: 128px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .header img[b-y6rsmgjy65] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-y6rsmgjy65] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-y6rsmgjy65] {
    padding-inline: 200px;
}

b[b-y6rsmgjy65] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot-grid[b-y6rsmgjy65] {
    display: grid;
    grid-template-columns: 31% 32% 32%;
    justify-content: space-between;
}

.two-col-grid[b-y6rsmgjy65] {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}

.snapshot-grid .grid-elem[b-y6rsmgjy65], .two-col-grid .grid-elem[b-y6rsmgjy65] {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

    .snapshot-grid .grid-elem p[b-y6rsmgjy65], .two-col-grid .grid-elem p[b-y6rsmgjy65] {
        color: #222222;
        font-family: OpenSans;
        font-size: 16px;
        font-weight: 600;
    }


.three-col-grid[b-y6rsmgjy65] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid a[b-y6rsmgjy65] {
        text-decoration: none;
        color: #333333;
    }

    .three-col-grid .grid-elem[b-y6rsmgjy65] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-y6rsmgjy65] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
        }

        .three-col-grid .grid-elem b[b-y6rsmgjy65] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 5px;
        }

        .three-col-grid .grid-elem a[b-y6rsmgjy65] {
            text-decoration: none;
            color: #222222;
        }

        .three-col-grid .grid-elem p[b-y6rsmgjy65] {
            margin-bottom: 0;
        }

.border-box[b-y6rsmgjy65] {
    border: 1px solid #CCCCCC;
    padding: 20px;
}

.package-card[b-y6rsmgjy65] {
    background-color: #272727;
}

    .package-card .col-6[b-y6rsmgjy65] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-y6rsmgjy65] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-y6rsmgjy65] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-y6rsmgjy65] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-y6rsmgjy65] {
    border-radius: 10px;
}

.border-box[b-y6rsmgjy65] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-y6rsmgjy65] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}
@media(max-width: 769px) {
    .package-card .img-bg[b-y6rsmgjy65] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }


    .page-content[b-y6rsmgjy65] {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-y6rsmgjy65], .page-content .col-5[b-y6rsmgjy65], .page-content .border-box[b-y6rsmgjy65] {
            width: 100%;
        }


    .header p[b-y6rsmgjy65]{
        text-align: center;
    }

    .col-6[b-y6rsmgjy65] {
        width: 100%;
    }

    .border-box[b-y6rsmgjy65] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-y6rsmgjy65] {
            font-size: 20px !important;
        }

    .date-box h4[b-y6rsmgjy65] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-y6rsmgjy65] {
        padding-inline: 7px;
    }

        .date-box p[b-y6rsmgjy65] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-y6rsmgjy65] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-y6rsmgjy65] {
        font-size: 14px;
    }

    .snapshot b[b-y6rsmgjy65] {
        font-weight: 500;
        font-size: 12px;
    }

    .package-section[b-y6rsmgjy65] {
        flex-direction: column;
    }

    .package-card[b-y6rsmgjy65] {
        flex-direction: column;
    }


    .header img[b-y6rsmgjy65] {
        width: 90%;
        min-width: 90% !important;
    }

    .standard-width-content[b-y6rsmgjy65] {
        width: 95%;
    }

    .desc-padding[b-y6rsmgjy65] {
        padding-inline: 0px;
    }

    .three-col-grid[b-y6rsmgjy65] {
        grid-template-columns: 100%;
    }

        .three-col-grid .grid-elem b[b-y6rsmgjy65] {
            margin-block: 10px;
        }

    .snapshot-grid[b-y6rsmgjy65], .two-col-grid[b-y6rsmgjy65] {
        display: grid;
        grid-template-columns: 100%;
        justify-content: center;
        gap: 10px;
    }

    .itinerary-section[b-y6rsmgjy65]{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .itinerary-section .border-box[b-y6rsmgjy65]{
        width: 100%;
    }
}
/* _content/NeptuneScubaDiving/Pages/SnorkelingInBali.razor.rz.scp.css */

.header[b-1qavwyr32b] {
    margin-top: 128px;
}

    .header img[b-1qavwyr32b] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-1qavwyr32b] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-1qavwyr32b] {
    padding-inline: 200px;
}

b[b-1qavwyr32b] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-1qavwyr32b], .image-w-text-left img[b-1qavwyr32b] {
    max-height: 370px;
    min-height: 370px;
}


@media(max-width: 769px) {
    .maps-section[b-1qavwyr32b] {
        width: 100%
    }

    .standard-width-content[b-1qavwyr32b] {
        width: 95%;
    }

    .desc-padding[b-1qavwyr32b] {
        padding-inline: 0px;
    }

    .image-w-text-right img[b-1qavwyr32b], .image-w-text-left img[b-1qavwyr32b] {
        max-height: 230px;
        min-height: fit-content;
    }
}
/* _content/NeptuneScubaDiving/Pages/SnorkelingPadangBai.razor.rz.scp.css */
.header[b-msnfbzvx72] {
    margin-top: 128px;
}

    .header img[b-msnfbzvx72] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-msnfbzvx72] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-msnfbzvx72] {
    padding-inline: 200px;
}

b[b-msnfbzvx72] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-msnfbzvx72], .image-w-text-left img[b-msnfbzvx72] {
    min-width: 610px;
}

.snapshot[b-msnfbzvx72] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-msnfbzvx72] {
    margin-block: 40px;
}

.page-content a[b-msnfbzvx72] {
    color: #333333;
}


.three-col-grid[b-msnfbzvx72] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-msnfbzvx72] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-msnfbzvx72] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-msnfbzvx72] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-msnfbzvx72] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-msnfbzvx72] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-msnfbzvx72] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-msnfbzvx72] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-msnfbzvx72] {
    background-color: #272727;
}

    .package-card .col-6[b-msnfbzvx72] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-msnfbzvx72] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-msnfbzvx72] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-msnfbzvx72] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-msnfbzvx72] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-msnfbzvx72] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-msnfbzvx72] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-msnfbzvx72] {
            font-size: 20px !important;
        }

    .date-box h4[b-msnfbzvx72] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-msnfbzvx72] {
        padding-inline: 7px;
    }

        .date-box p[b-msnfbzvx72] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-msnfbzvx72] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-msnfbzvx72] {
        font-size: 14px;
    }

    .snapshot b[b-msnfbzvx72] {
        font-weight: 500;
        font-size: 12px;
    }

    .image-w-text-right img[b-msnfbzvx72], .image-w-text-left img[b-msnfbzvx72] {
        min-width: 100%;
    }

    .package-section[b-msnfbzvx72] {
        flex-direction: column;
    }

    .package-card[b-msnfbzvx72] {
        flex-direction: column;
    }

    .header p[b-msnfbzvx72] {
        text-align: center;
    }

    .page-content[b-msnfbzvx72] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-msnfbzvx72], .page-content .col-5[b-msnfbzvx72] {
            width: 100%;
        }

    .three-col-grid[b-msnfbzvx72] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-msnfbzvx72] {
            margin-block: 0px;
        }

    .standard-width-content[b-msnfbzvx72] {
        width: 95%;
    }

    .desc-padding[b-msnfbzvx72] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/SnorkelingTulamben.razor.rz.scp.css */
.header[b-u95h7smpnx] {
    margin-top: 128px;
}

    .header img[b-u95h7smpnx] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-u95h7smpnx] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-u95h7smpnx] {
    padding-inline: 200px;
}

b[b-u95h7smpnx] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.image-w-text-right img[b-u95h7smpnx], .image-w-text-left img[b-u95h7smpnx] {
    min-width: 610px;
}

.snapshot[b-u95h7smpnx] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-u95h7smpnx] {
    margin-block: 40px;
}

.page-content a[b-u95h7smpnx] {
    color: #333333;
}


.three-col-grid[b-u95h7smpnx] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-u95h7smpnx] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-u95h7smpnx] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-u95h7smpnx] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-u95h7smpnx] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-u95h7smpnx] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-u95h7smpnx] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-u95h7smpnx] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-u95h7smpnx] {
    background-color: #272727;
}

    .package-card .col-6[b-u95h7smpnx] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-u95h7smpnx] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-u95h7smpnx] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-u95h7smpnx] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-u95h7smpnx] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-u95h7smpnx] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-u95h7smpnx] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-u95h7smpnx] {
            font-size: 20px !important;
        }

    .date-box h4[b-u95h7smpnx] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-u95h7smpnx] {
        padding-inline: 7px;
    }

        .date-box p[b-u95h7smpnx] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-u95h7smpnx] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-u95h7smpnx] {
        font-size: 14px;
    }

    .snapshot b[b-u95h7smpnx] {
        font-weight: 500;
        font-size: 12px;
    }

    .image-w-text-right img[b-u95h7smpnx], .image-w-text-left img[b-u95h7smpnx] {
        min-width: 100%;
    }

    .package-section[b-u95h7smpnx] {
        flex-direction: column;
    }

    .package-card[b-u95h7smpnx] {
        flex-direction: column;
    }

    .header p[b-u95h7smpnx] {
        text-align: center;
    }

    .page-content[b-u95h7smpnx] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-u95h7smpnx], .page-content .col-5[b-u95h7smpnx] {
            width: 100%;
        }

    .three-col-grid[b-u95h7smpnx] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-u95h7smpnx] {
            margin-block: 0px;
        }

    .standard-width-content[b-u95h7smpnx] {
        width: 95%;
    }

    .desc-padding[b-u95h7smpnx] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TatawaBesarDiving.razor.rz.scp.css */
.header[b-sf8qgcer9a] {
    margin-top: 128px;
}

    .header img[b-sf8qgcer9a] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-sf8qgcer9a] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-sf8qgcer9a] {
    padding-inline: 200px;
}

b[b-sf8qgcer9a] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-sf8qgcer9a] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-sf8qgcer9a] {
    margin-block: 40px;
}

.page-content a[b-sf8qgcer9a] {
    color: #333333;
}


.three-col-grid[b-sf8qgcer9a] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-sf8qgcer9a] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-sf8qgcer9a] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-sf8qgcer9a] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-sf8qgcer9a] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-sf8qgcer9a] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-sf8qgcer9a] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-sf8qgcer9a] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-sf8qgcer9a] {
    background-color: #272727;
}

    .package-card .col-6[b-sf8qgcer9a] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-sf8qgcer9a] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-sf8qgcer9a] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-sf8qgcer9a] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-sf8qgcer9a] {
    border-radius: 10px;
}
@media(max-width: 769px) {
    .package-card .img-bg[b-sf8qgcer9a] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-sf8qgcer9a] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-sf8qgcer9a] {
            font-size: 20px !important;
        }

    .date-box h4[b-sf8qgcer9a] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-sf8qgcer9a] {
        padding-inline: 7px;
    }

        .date-box p[b-sf8qgcer9a] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-sf8qgcer9a] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-sf8qgcer9a] {
        font-size: 14px;
    }

    .snapshot b[b-sf8qgcer9a] {
        font-weight: 500;
        font-size: 12px;
    }

    .header p[b-sf8qgcer9a] {
        text-align: center;
    }

    .page-content[b-sf8qgcer9a] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-sf8qgcer9a], .page-content .col-5[b-sf8qgcer9a] {
            width: 100%;
        }

    .three-col-grid[b-sf8qgcer9a] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-sf8qgcer9a] {
            margin-block: 0px;
        }

    .standard-width-content[b-sf8qgcer9a] {
        width: 95%;
    }

    .desc-padding[b-sf8qgcer9a] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TatawaKecilDiving.razor.rz.scp.css */
.header[b-7q9b54nb83] {
    margin-top: 128px;
}

    .header img[b-7q9b54nb83] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-7q9b54nb83] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-7q9b54nb83] {
    padding-inline: 200px;
}

b[b-7q9b54nb83] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-7q9b54nb83] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-7q9b54nb83] {
    margin-block: 40px;
}

.page-content a[b-7q9b54nb83] {
    color: #333333;
}


.three-col-grid[b-7q9b54nb83] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-7q9b54nb83] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-7q9b54nb83] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-7q9b54nb83] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-7q9b54nb83] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-7q9b54nb83] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-7q9b54nb83] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-7q9b54nb83] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-7q9b54nb83] {
    background-color: #272727;
}

    .package-card .col-6[b-7q9b54nb83] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-7q9b54nb83] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-7q9b54nb83] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-7q9b54nb83] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-7q9b54nb83] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-7q9b54nb83] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-7q9b54nb83] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-7q9b54nb83] {
            font-size: 20px !important;
        }

    .date-box h4[b-7q9b54nb83] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-7q9b54nb83] {
        padding-inline: 7px;
    }

        .date-box p[b-7q9b54nb83] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-7q9b54nb83] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-7q9b54nb83] {
        font-size: 14px;
    }

    .snapshot b[b-7q9b54nb83] {
        font-weight: 500;
        font-size: 12px;
    }

    .header p[b-7q9b54nb83] {
        text-align: center;
    }

    .page-content[b-7q9b54nb83] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-7q9b54nb83], .page-content .col-5[b-7q9b54nb83] {
            width: 100%;
        }

    .three-col-grid[b-7q9b54nb83] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-7q9b54nb83] {
            margin-block: 0px;
        }

    .standard-width-content[b-7q9b54nb83] {
        width: 95%;
    }

    .desc-padding[b-7q9b54nb83] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TermsAndConditions.razor.rz.scp.css */

.header[b-lr4zly8z7r] {
    margin-top: 128px;
}

    .header img[b-lr4zly8z7r] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-lr4zly8z7r] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-lr4zly8z7r] {
    padding-inline: 200px;
}

b[b-lr4zly8z7r] {
    font-weight: 600;
    color: #333333;
}


@media(max-width: 769px) {
    .standard-width-content[b-lr4zly8z7r] {
        width: 95%;
    }

    .desc-padding[b-lr4zly8z7r] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TryDivingInBali.razor.rz.scp.css */
.header[b-665lpb0p56] {
    margin-top: 128px;
}

    .header img[b-665lpb0p56] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-665lpb0p56] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-665lpb0p56] {
    padding-inline: 200px;
}

.continue-learning .col-5[b-665lpb0p56] {
    background-color: #0A2B5B;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: #ffffff !important;
    padding: 80px 40px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}



.continue-learning[b-665lpb0p56] {
    border-radius: 30px;
}

b[b-665lpb0p56] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-665lpb0p56] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-665lpb0p56] {
    margin-block: 40px;
}

.page-content a[b-665lpb0p56] {
    color: #333333;
}


.three-col-grid[b-665lpb0p56] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-665lpb0p56] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-665lpb0p56] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-665lpb0p56] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-665lpb0p56] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-665lpb0p56] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-665lpb0p56] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

h3[b-665lpb0p56] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-665lpb0p56] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-665lpb0p56] {
    border-radius: 10px;
}

.outline-btn[b-665lpb0p56] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-665lpb0p56] {
    background-color: #272727;
}

    .package-card .col-6[b-665lpb0p56] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-665lpb0p56] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

@media(max-width: 769px) {
    .package-card .img-bg[b-665lpb0p56] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .border-box[b-665lpb0p56] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-665lpb0p56] {
            font-size: 20px !important;
        }

    .date-box h4[b-665lpb0p56] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-665lpb0p56] {
        padding-inline: 7px;
    }

        .date-box p[b-665lpb0p56] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-665lpb0p56] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-665lpb0p56] {
        font-size: 14px;
    }

    .snapshot b[b-665lpb0p56] {
        font-weight: 500;
        font-size: 12px;
    }

    .continue-learning[b-665lpb0p56] {
        display: flex;
        flex-direction: column;
        padding-inline: 10px !important;
    }

        .continue-learning .col-5[b-665lpb0p56], .continue-learning .col-7[b-665lpb0p56] {
            width: 100%;
        }

            .continue-learning .col-5[b-665lpb0p56]{
                border-top-left-radius: 30px;
                border-top-right-radius: 30px;
                border-bottom-left-radius: 0;
            }

        .continue-learning .col-7[b-665lpb0p56] {
            border-top-left-radius: 0px!important;
            border-top-right-radius: 0px!important;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            min-height: 300px;
        }

        .continue-learning .col-7 img[b-665lpb0p56] {
            border-top-left-radius: 0px!important;
            border-top-right-radius: 0px!important;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            min-height: 300px!important;
        }

            .header p[b-665lpb0p56] {
                text-align: center;
            }

    .page-content[b-665lpb0p56] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-665lpb0p56], .page-content .col-5[b-665lpb0p56] {
            width: 100%;
        }

    .three-col-grid[b-665lpb0p56] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-665lpb0p56] {
            margin-block: 0px;
        }

    .standard-width-content[b-665lpb0p56] {
        width: 95%;
    }

    .desc-padding[b-665lpb0p56] {
        padding-inline: 0px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TryDivingInKomodo.razor.rz.scp.css */
.header[b-tvp6a9cu6c] {
    margin-top: 128px;
}

    .header img[b-tvp6a9cu6c] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-tvp6a9cu6c] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-tvp6a9cu6c] {
    padding-inline: 200px;
}

.continue-learning .col-5[b-tvp6a9cu6c] {
    background-color: #0A2B5B;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: #ffffff !important;
    padding: 80px 40px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

.continue-learning .col-7[b-tvp6a9cu6c] {
    background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/instructor-and-two-divers-lesson-in-diving-school-2023-11-27-05-19-23-utc 1.webp');
    background-size: cover;
    background-position: center;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.continue-learning[b-tvp6a9cu6c] {
    border-radius: 30px;
}

b[b-tvp6a9cu6c] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-tvp6a9cu6c] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-tvp6a9cu6c] {
    margin-block: 40px;
}

.page-content a[b-tvp6a9cu6c] {
    color: #333333;
}


.three-col-grid[b-tvp6a9cu6c] {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    row-gap: 10px;
}

    .three-col-grid .grid-elem[b-tvp6a9cu6c] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .three-col-grid .grid-elem img[b-tvp6a9cu6c] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .three-col-grid .grid-elem b[b-tvp6a9cu6c] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .three-col-grid .grid-elem p[b-tvp6a9cu6c] {
            margin-bottom: 0;
        }

    .three-col-grid a[b-tvp6a9cu6c] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-tvp6a9cu6c] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-tvp6a9cu6c] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

.package-card[b-tvp6a9cu6c] {
    background-color: #272727;
}

    .package-card .col-6[b-tvp6a9cu6c] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .package-card .img-bg[b-tvp6a9cu6c] {
        background-image: url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelingInBaliPackages.png');
        background-size: cover;
        background-position: center;
        padding: 0px !important;
    }

h3[b-tvp6a9cu6c] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-tvp6a9cu6c] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-tvp6a9cu6c] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .package-card .img-bg[b-tvp6a9cu6c] {
        background-image: linear-gradient(180deg, rgba(39,39,39,1) 0%, rgba(39,39,39,0.711922268907563) 32%, rgba(39,39,39,0) 52%), url('https://neptunescubadiving.blob.core.windows.net/siteimages/SnorkelinginBaliPackagesMobile.png');
        min-height: 250px;
    }

    .continue-learning[b-tvp6a9cu6c] {
        display: flex;
        flex-direction: column;
    }

        .continue-learning .col-5[b-tvp6a9cu6c], .continue-learning .col-7[b-tvp6a9cu6c] {
            width: 100%;
        }

        .continue-learning .col-5[b-tvp6a9cu6c] {
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            border-bottom-left-radius: 0;
        }

        .continue-learning .col-7[b-tvp6a9cu6c] {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            min-height: 300px;
        }

    .header p[b-tvp6a9cu6c] {
        text-align: center;
    }

    .page-content[b-tvp6a9cu6c] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-tvp6a9cu6c], .page-content .col-5[b-tvp6a9cu6c] {
            width: 100%;
        }

    .three-col-grid[b-tvp6a9cu6c] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .three-col-grid .grid-elem b[b-tvp6a9cu6c] {
            margin-block: 0px;
        }

    .standard-width-content[b-tvp6a9cu6c] {
        width: 95%;
    }

    .desc-padding[b-tvp6a9cu6c] {
        padding-inline: 0px;
    }

    .border-box[b-tvp6a9cu6c] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-tvp6a9cu6c] {
            font-size: 20px !important;
        }

    .date-box h4[b-tvp6a9cu6c] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-tvp6a9cu6c] {
        padding-inline: 7px;
    }

        .date-box p[b-tvp6a9cu6c] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-tvp6a9cu6c] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-tvp6a9cu6c] {
        font-size: 14px;
    }

    .snapshot b[b-tvp6a9cu6c] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/Tulamben.razor.rz.scp.css */
.header[b-con0ezhkti] {
    margin-top: 128px;
}

    .header img[b-con0ezhkti] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-con0ezhkti] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-con0ezhkti] {
    padding-inline: 200px;
}

b[b-con0ezhkti] {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

.snapshot[b-con0ezhkti] {
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page-content hr[b-con0ezhkti] {
    margin-block: 40px;
}

.page-content a[b-con0ezhkti] {
    color: #333333;
}


.four-col-grid[b-con0ezhkti] {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    row-gap: 10px;
}

    .four-col-grid .grid-elem[b-con0ezhkti] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }


        .four-col-grid .grid-elem img[b-con0ezhkti] {
            border-radius: 12px;
            height: 308px;
            max-height: 308px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .four-col-grid .grid-elem b[b-con0ezhkti] {
            color: #222222;
            font-size: 14px;
            font-family: OpenSans;
            font-weight: 600;
            margin-block: 0px;
        }

        .four-col-grid .grid-elem p[b-con0ezhkti] {
            margin-bottom: 0;
        }

    .four-col-grid a[b-con0ezhkti] {
        text-decoration: none !important;
        color: #333333;
    }

.border-box[b-con0ezhkti] {
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    margin-left: 30px;
    height: fit-content;
    padding: 20px;
}

.outline-btn[b-con0ezhkti] {
    color: #222222;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: 600;
    width: 100%;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    padding-block: 7px;
}

h3[b-con0ezhkti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
}

h4[b-con0ezhkti] {
    font-family: OpenSans;
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}

.date-box .dark-blue-filled-btn[b-con0ezhkti] {
    border-radius: 10px;
}

@media(max-width: 769px) {
    .header p[b-con0ezhkti] {
        text-align: center;
    }

    .page-content[b-con0ezhkti] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .page-content .col-7[b-con0ezhkti], .page-content .col-5[b-con0ezhkti] {
            width: 100%;
        }

    .four-col-grid[b-con0ezhkti] {
        grid-template-columns: 100%;
        gap: 20px;
    }

        .four-col-grid .grid-elem b[b-con0ezhkti] {
            margin-block: 0px;
        }

    .standard-width-content[b-con0ezhkti] {
        width: 95%;
    }

    .desc-padding[b-con0ezhkti] {
        padding-inline: 0px;
    }

    .border-box[b-con0ezhkti] {
        width: 100%;
        margin-left: 0 !important;
        padding: 15px;
    }

        .border-box h3[b-con0ezhkti] {
            font-size: 20px !important;
        }

    .date-box h4[b-con0ezhkti] {
        font-size: 12px;
        flex-direction: column;
        align-items: end;
    }

    .date-box[b-con0ezhkti] {
        padding-inline: 7px;
    }

        .date-box p[b-con0ezhkti] {
            font-size: 12px;
        }

        .date-box .dark-blue-filled-btn[b-con0ezhkti] {
            font-size: 12px;
            padding: 5px 15px;
        }

    .border-box .outline-btn[b-con0ezhkti] {
        font-size: 14px;
    }

    .snapshot b[b-con0ezhkti] {
        font-weight: 500;
        font-size: 12px;
    }
}
/* _content/NeptuneScubaDiving/Pages/TulambenUSATLibertyShipwreck.razor.rz.scp.css */

.header[b-1ip22fyj33] {
    margin-top: 128px;
}

    .header img[b-1ip22fyj33] {
        border-radius: 20px;
        height: 500px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        margin-top: 20px;
    }

    .header h1[b-1ip22fyj33] {
        font-size: 34px;
        color: #000000;
    }

.desc-padding[b-1ip22fyj33] {
    padding-inline: 200px;
}

b[b-1ip22fyj33] {
    font-weight: 600;
    color: #333333;
}



@media(max-width: 769px) {
    .maps-section[b-1ip22fyj33] {
        width: 100%
    }

    .standard-width-content[b-1ip22fyj33] {
        width: 95%;
    }

    .desc-padding[b-1ip22fyj33] {
        padding-inline: 0px;
    }

  
}
/* _content/NeptuneScubaDiving/Shared/ContactCta.razor.rz.scp.css */
.contact-cta[b-yn25qi9azl] {
    background-color: #535353;
    padding-inline: 240px;
    padding-block: 63px;
    border-radius: 20px;
}

.contact-cta h2[b-yn25qi9azl], .contact-cta p[b-yn25qi9azl] {
    color: white;
    text-align: center;
}

.transparent-white-btn[b-yn25qi9azl] {
    background-color: transparent;
    border: 2px solid white;
    box-shadow: none;
    color: white!important;
    font-family: OpenSans;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
}

.contact-cta .blue-filled-btn[b-yn25qi9azl] {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
}

.contact-link[b-yn25qi9azl] {
    padding-inline: 10px;
}

@media(max-width: 769px){
    .contact-cta[b-yn25qi9azl]{
        padding-inline: 10px;
        width: 95%;
    }

    .btn-row[b-yn25qi9azl]{
        flex-direction: column;
    }

    .transparent-white-btn[b-yn25qi9azl] {
        padding: 15px 38px;
        margin-top: 15px;
    }

    .contact-cta .blue-filled-btn[b-yn25qi9azl] {
        padding: 15px 45px;
    }
}
/* _content/NeptuneScubaDiving/Shared/ContactModal.razor.rz.scp.css */
.contact-popup[b-ecyhwlp7nh] {
    width: 90%;
    height: fit-content;
    z-index: 200 !important;
    background-color: transparent;
    position: fixed; /* Use fixed positioning to make it relative to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    display: flex;
    overflow-y: scroll;
}

.success-popup[b-ecyhwlp7nh] {
    border-radius: 20px;
    background: #FFF;
    width: 696px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed; /* Use fixed positioning to make it relative to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    z-index: 220 !important;
    padding: 20px;
    padding-bottom: 40px;
}

.fa-solid[b-ecyhwlp7nh] {
    cursor: pointer;
}

.contact-info[b-ecyhwlp7nh] {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

h1[b-ecyhwlp7nh] {
    color: #FFF;
    font-family: Rubik;
    font-size: 48px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

h2[b-ecyhwlp7nh] {
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    margin-block: 18px;
}

.contact-popup .contact-form[b-ecyhwlp7nh] {
    background: url('https://neptuneliveaboards-cdn.azureedge.net/siteimages/contact-background.webp');
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
    padding: 30px 30px;
}

.contact-popup .border-box[b-ecyhwlp7nh] {
    border: 1px solid #FFF;
}

.contact-popup p[b-ecyhwlp7nh] {
    color: #FFF;
    text-align: start;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.contact-popup label[b-ecyhwlp7nh] {
    color: #FFF;
    text-align: start;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.send-btn[b-ecyhwlp7nh] {
    border-radius: 10px;
    background: #27C2F6;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: white;
    border: none;
}

.contact-popup a[b-ecyhwlp7nh] {
    color: white;
}

.contact-popup b[b-ecyhwlp7nh] {
    color: #FFF;
    text-align: center;
    font-family: OpenSans;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.contact-popup input[b-ecyhwlp7nh] {
    padding-left: 10px;
    height: 40px;
    border-radius: 8px;
    border: none;
    width: 100%;
}

.phone-number-container[b-ecyhwlp7nh] {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
}

.phone-number-container input[type="tel"][b-ecyhwlp7nh] {
    flex: 1;
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #D0D5DD !important;
    margin-left: 0 !important;
    height: 40px;
    box-sizing: border-box;
}

textarea[b-ecyhwlp7nh] {
    border-radius: 8px;
    border: none;
}

.phone-prefix[b-ecyhwlp7nh] {
    -webkit-appearance: menulist-button;
    height: 50px;
}

.contact-popup[b-ecyhwlp7nh]  select {
    height: 40px;
    border: none;
    width: 70px;
    font-size: 12px;
}

[b-ecyhwlp7nh] form {
    padding: 20px;
}

    [b-ecyhwlp7nh] form .col {
        padding: 10px;
    }

.contact-popup .checkbox[b-ecyhwlp7nh] {
    width: 30px;
    font-size: 30px;
    height: 30px;
}

.contact-popup .close-btn[b-ecyhwlp7nh] {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 1px solid #969696;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .contact-popup .close-btn i[b-ecyhwlp7nh] {
        font-size: 25px;
        color: #969696;
        margin: 0;
    }

.contact[b-ecyhwlp7nh] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .contact-popup .contact label[b-ecyhwlp7nh], .contact p[b-ecyhwlp7nh] {
        text-align: center;
    }


.contact-popup .contact label[b-ecyhwlp7nh] {
    color: #0A2B5B
}

.contact-popup .fa-solid[b-ecyhwlp7nh], .fa-regular[b-ecyhwlp7nh], .fa-brands[b-ecyhwlp7nh] {
    width: fit-content;
    color: #0A2B5B;
    margin-bottom: 10px;
    font-size: 20px;
}

@media(max-width: 1400px) {
    .contact-popup[b-ecyhwlp7nh] {
        width: 100%;
    }
}

@media(max-width: 1500px) {
    .contact-row[b-ecyhwlp7nh] {
        flex-direction: column !important;
        gap: 0 !important;
    }
}

@media(min-width: 1024px) {
    .mobile-only[b-ecyhwlp7nh] {
        display: none !important;
    }

    .contact-mobile-only[b-ecyhwlp7nh] {
        display: none !important;
    }
}

@media(max-width: 1024px) {
    .desktop-only[b-ecyhwlp7nh] {
        display: none !important;
    }

    .contact-popup .close-btn[b-ecyhwlp7nh] {
        border: 1px solid white;
    }

        .contact-popup .close-btn i[b-ecyhwlp7nh] {
            color: white;
        }

    .contact-popup[b-ecyhwlp7nh] {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        overflow-y: scroll;
    }

        .contact-popup p[b-ecyhwlp7nh] {
            text-align: center !important;
        }

    .col-7[b-ecyhwlp7nh], .col-5[b-ecyhwlp7nh] {
        width: 100%;
    }
}

@media(max-width: 800px) {
    .success-popup[b-ecyhwlp7nh] {
        width: 95% !important;
    }

        .success-popup p[b-ecyhwlp7nh] {
            padding-inline: 0 !important;
        }
}

@media(max-width: 500px) {
    .contact-form[b-ecyhwlp7nh], .contact-info[b-ecyhwlp7nh] {
        padding: 20px 10px !important;
    }

    h1[b-ecyhwlp7nh], h2[b-ecyhwlp7nh] {
        font-size: 42px !important;
        text-align: center;
    }

    .contact-info .row[b-ecyhwlp7nh], .contact-info .d-flex[b-ecyhwlp7nh] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    form[b-ecyhwlp7nh] {
        padding: 10px;
    }

    img[b-ecyhwlp7nh] {
        margin-top: 0 !important;
    }
}
/* _content/NeptuneScubaDiving/Shared/Footer.razor.rz.scp.css */
.footer[b-v6b1amm5ku] {
    background-color: transparent;
    padding-top: 50px;
    padding-bottom: 40px;
   
}

.footer-section[b-v6b1amm5ku] {
    justify-content: space-between;
}

.details[b-v6b1amm5ku] {
    width: 410px;
    padding-block: 0;
}

hr[b-v6b1amm5ku] {
    height: 1px;
    color: #383838;
    opacity: 1;
    margin-block: 25px;
}

.sr-only[b-v6b1amm5ku] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.section-details[b-v6b1amm5ku] {
    color: #383838;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 15px;
}

.footer-primary-logo[b-v6b1amm5ku] {
    margin-bottom: 9px;
}

.social-logos[b-v6b1amm5ku] {
    margin-top: 27px;
    margin-left: 0;
    gap: 10px;
}

.social-logo[b-v6b1amm5ku] {
    width: auto;
    padding: 0;
}

.services[b-v6b1amm5ku] {
    width: auto;
    display: inline-flex;
    align-items: flex-start;
    gap: 60px;
}

.service-title[b-v6b1amm5ku] {
    color: #0A2B5B;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
}

.service[b-v6b1amm5ku] {
    color: #383838;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding-left: 0px;
}

.custom-select[b-v6b1amm5ku] {
    width: 256px;
    height: 55px;
    outline: none;
    appearance: none;
    background: #FFF;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.06);
    padding-left: 15px;
    color: #333333;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.08px;
    border-radius: 0;
}

.line-separator[b-v6b1amm5ku] {
    width: 100%;
    height: 1px;
    opacity: 0.2;
    background: #383838;
}



.select-group[b-v6b1amm5ku] {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.privacy-section[b-v6b1amm5ku] {
    padding: 20px 0;
    width: auto;
}

    .privacy-section .service[b-v6b1amm5ku] {
        padding-left: 30px;
    }

.privacy-buttons[b-v6b1amm5ku] {
    width: auto;
    gap: 60px;
}

.neptune-group[b-v6b1amm5ku] {
}

.neptune-group-details[b-v6b1amm5ku] {
    color: #383838;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}

.neptune-group-logos[b-v6b1amm5ku] {
    max-width: 900px;
    margin-top: 5px;
    margin-inline: 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

    .neptune-group-logos svg[b-v6b1amm5ku] {
        width: auto;
    }

    .neptune-group-logos a[b-v6b1amm5ku] {
        align-items: center;
        display: flex;
    }

.logo-large[b-v6b1amm5ku] {
    height: 40px;
}

.logo-medium[b-v6b1amm5ku] {
    height: 26px;
}

.logo-small[b-v6b1amm5ku] {
    height: 22px;
}

@media(max-width: 1300px) {
    .footer[b-v6b1amm5ku] {
        max-width: 100%;
    }
}

@media(min-width: 900px) {
    .mobile-only[b-v6b1amm5ku] {
        display: none !important;
    }
}

@media(max-width: 900px) {
    .logo-large[b-v6b1amm5ku] {
        height: 35px;
    }

    .logo-medium[b-v6b1amm5ku] {
        height: 21px;
    }

    .logo-small[b-v6b1amm5ku] {
        height: 17px;
    }

    .footer-links[b-v6b1amm5ku] {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 30px;
        padding-inline: 20px !important;
    }

    .desktop-only[b-v6b1amm5ku] {
        display: none !important;
    }

    .service-title[b-v6b1amm5ku] {
        height: fit-content !important;
    }

    .details[b-v6b1amm5ku] {
        width: 95%;
        padding-inline: 0;
    }

    .footer-section[b-v6b1amm5ku] {
        justify-content: center;
    }

    hr[b-v6b1amm5ku] {
        display: none;
    }

    .footer[b-v6b1amm5ku] {
        padding-bottom: 0;
    }

    .custom-select[b-v6b1amm5ku] {
        width: 100%;
    }

    .neptune-group-logos[b-v6b1amm5ku] {
        max-width: 90%
    }
}

@media(max-width: 650px) {
    .neptune-group-logos svg[b-v6b1amm5ku] {
        padding-inline: 0;
    }

    .neptune-group-logos[b-v6b1amm5ku] {
        width: 100%;
        max-width: 100%;
    }

    .logo-large[b-v6b1amm5ku] {
        height: 30px;
    }

    .logo-medium[b-v6b1amm5ku] {
        height: 16px;
    }

    .logo-small[b-v6b1amm5ku] {
        height: 12px;
    }
}

@media(max-width: 480px) {
    .footer-section[b-v6b1amm5ku] {
        padding: 45px 20px 0px;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer[b-v6b1amm5ku] {
        padding-bottom: 0;
        padding-top: 0;
    }

    .footer-primary-logo[b-v6b1amm5ku] {
        margin-bottom: 20px;
    }

    .details[b-v6b1amm5ku] {
        width: 100%;
        padding: 0;
    }

    .section-details[b-v6b1amm5ku] {
        font-size: 16px;
    }

    .services-mobile[b-v6b1amm5ku] {
        width: 100%;
    }

    .services[b-v6b1amm5ku] {
        padding: 0;
        gap: 0;
        margin-left: 0;
    }

    .service[b-v6b1amm5ku] {
        line-height: 20px;
    }

    .line-separator[b-v6b1amm5ku] {
        margin-top: 33px;
    }

    .select-group[b-v6b1amm5ku] {
        padding: 26px 0px 0px;
        width: 100%;
    }

    .custom-select[b-v6b1amm5ku] {
        width: 100%;
    }

    .privacy-section[b-v6b1amm5ku] {
        padding: 26px 20px;
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }

        .privacy-section .service[b-v6b1amm5ku] {
            padding-left: 0;
        }

    .privacy-buttons[b-v6b1amm5ku] {
        width: 100%;
        justify-content: center;
        gap: 0;
    }

        .privacy-buttons .service[b-v6b1amm5ku] {
            width: 25%;
            text-align: center;
        }

    .neptune-group[b-v6b1amm5ku] {
        padding: 0px 20px 52px;
    }

    .neptune-group-details[b-v6b1amm5ku] {
        font-size: 14px;
        line-height: 20px;
        justify-content: center;
    }

    .neptune-group-logos[b-v6b1amm5ku] {
        justify-content: space-between;
        align-items: center;
        margin-top: 26px;
        padding-inline: 0;
    }

    .neptune-group-logo[b-v6b1amm5ku] {
        padding: 0;
        width: 25%;
        object-fit: cover;
        overflow: hidden;
        height: auto;
    }

    .logo-large[b-v6b1amm5ku] {
        height: 22px;
    }

    .logo-medium[b-v6b1amm5ku] {
        height: 12px;
    }

    .logo-small[b-v6b1amm5ku] {
        height: 9px;
    }
}

@media(max-width: 448px) {

    .logo-large[b-v6b1amm5ku] {
        height: 19px;
    }

    .logo-medium[b-v6b1amm5ku] {
        height: 9px;
    }

    .logo-small[b-v6b1amm5ku] {
        height: 8px;
    }
}
/* _content/NeptuneScubaDiving/Shared/ItineraryModal.razor.rz.scp.css */
.itinerary-popup[b-f6gecmnvan] {
    background: #FFF;
    max-height: 90%;
    height: fit-content;
    overflow-y: scroll;
    width: fit-content;
    padding: 30px;
    z-index: 30;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1241px;
}

    .itinerary-popup h1[b-f6gecmnvan] {
        color: #3A3A3A;
        font-family: Rubik;
        font-size: 34px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
        width: fit-content;
    }

a[b-f6gecmnvan] {
    color: #0A2B5B;
}

.fa-xmark[b-f6gecmnvan] {
    color: #969696;
    font-size: 24px;
    width: fit-content;
    cursor: pointer;
}

.itinerary-popup h2[b-f6gecmnvan] {
    color: #303131;
    font-family: Rubik;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}


.gallery[b-f6gecmnvan] {
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

    .gallery img[b-f6gecmnvan] {
        width: 580px;
        height: 381px;
        object-fit: cover;
        overflow: hidden;
        max-height: 100%;
    }

.arrow-btn[b-f6gecmnvan] {
    background-color: lightgray;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: white;
}

.departure-info[b-f6gecmnvan] {
    background-color: #ECFAFF;
    padding: 24px 30px;
    margin-block: 25px;
}

.fa-anchor[b-f6gecmnvan] {
    font-size: 28px;
    color: #0A2B5B;
}

small[b-f6gecmnvan] {
    color: #969696;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.itinerary-popup p[b-f6gecmnvan] {
    color: #303131;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.hr-col[b-f6gecmnvan] {
    margin-inline: 30px;
}

.itinerary-popup hr[b-f6gecmnvan] {
    margin-bottom: 45px;
}

.helper[b-f6gecmnvan] {
    padding: 20px;
    border-radius: 10px;
    background: #ECFAFF;
    color: #868686;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.timeline[b-f6gecmnvan] {
    position: relative;
    padding-left: 50px;
    list-style: none;
}

    .timeline[b-f6gecmnvan]:before {
        top: 0;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 2px;
        background: transparent;
        border-style: dashed;
        border-color: #BDBDBD;
        border-width: 1px;
    }

.day[b-f6gecmnvan] {
    position: relative;
    margin: 0;
    align-items: center;
    display: flex;
    padding: 30px 20px;
}

.day-number[b-f6gecmnvan] {
    line-height: 40px;
    border-radius: 50%;
    background-color: #27C2F6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    padding: 18px;
    color: #FFF;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.description[b-f6gecmnvan] {
    padding-left: 20px;
    text-align: left !important;
    display: inline-block;
    color: #303131;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

@media(min-width: 1024px) {
    .mobile-only[b-f6gecmnvan] {
        display: none !important;
    }
}

@media(max-width: 1024px) {
    .gallery[b-f6gecmnvan] {
        width: 100%;
        height: 300px;
    }

    .desktop-only[b-f6gecmnvan] {
        display: none !important;
    }

    .itinerary-popup[b-f6gecmnvan] {
        height: 100%;
        max-height: 100%;
        width: 100%;
        padding: 40px 20px;
        padding-top: 15px !important;
    }

    .departure-info[b-f6gecmnvan] {
        flex-direction: column;
    }

    .return-and-departure[b-f6gecmnvan] {
        flex-direction: column;
    }

    .dives-and-experience[b-f6gecmnvan] {
        flex-direction: row;
        display: flex;
    }

    .itinerary-section[b-f6gecmnvan] {
        flex-direction: column;
    }

    .helper[b-f6gecmnvan] {
        margin-top: 35px;
    }

    .departure-info[b-f6gecmnvan] {
        padding: 10px;
    }

    .itinerary-popup p[b-f6gecmnvan] {
        margin: 0 !important;
    }

    .return-and-departure .col-auto[b-f6gecmnvan], .dives-and-experience .col[b-f6gecmnvan] {
        width: 50%;
    }
}
/* _content/NeptuneScubaDiving/Shared/MainLayout.razor.rz.scp.css */
.page[b-x8mkijk3zx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x8mkijk3zx] {
    flex: 1;
}

.sidebar[b-x8mkijk3zx] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-x8mkijk3zx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-x8mkijk3zx]  a, .top-row .btn-link[b-x8mkijk3zx] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-x8mkijk3zx] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-x8mkijk3zx] {
        display: none;
    }

    .top-row.auth[b-x8mkijk3zx] {
        justify-content: space-between;
    }

    .top-row a[b-x8mkijk3zx], .top-row .btn-link[b-x8mkijk3zx] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-x8mkijk3zx] {
        flex-direction: row;
    }

    .sidebar[b-x8mkijk3zx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x8mkijk3zx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-x8mkijk3zx], article[b-x8mkijk3zx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/NeptuneScubaDiving/Shared/Search.razor.rz.scp.css */
.search-box[b-cdtwjv44cp] {
    padding: 7px 7px;
    display: flex;
    align-items: center;
    justify-content: end;
    border: 1px solid #CCCCCC;
    border-radius: 1000px;
    padding-left: 20px;
}

    .search-box .search-btn[b-cdtwjv44cp] {
        background-color: #092B5B;
        border-radius: 100px;
        height: 48px;
        width: 48px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search-box .custom-select[b-cdtwjv44cp]{
        display: flex;
        flex-direction: column;
        align-items: start;
        cursor: pointer;
    }

    .search-box label[b-cdtwjv44cp] {
        color: black;
        font-size: 14px;
        font-weight: 500;
        font-family: OpenSans;
        line-height: normal;
    }

    .search-box span[b-cdtwjv44cp] {
        color: #898989;
        font-size: 14px;
        font-family: OpenSans;
        line-height: normal;
    }

.border-right[b-cdtwjv44cp] {
    border-right: 1px solid #898989;
}


.date-menu[b-cdtwjv44cp], .destination-menu[b-cdtwjv44cp] {
    width: 290px;
    height: fit-content;
    padding: 10px 0;
    background-color: white;
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.date-option[b-cdtwjv44cp] {
    padding: 15px;
    cursor: pointer;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.destination-option[b-cdtwjv44cp] {
    padding: 15px;
    cursor: pointer;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    text-align: start;
}

.year-option[b-cdtwjv44cp] {
    cursor: pointer;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.selected-text[b-cdtwjv44cp] {
    color: #00BFFB !important;
}

.popover-outline-btn[b-cdtwjv44cp] {
    border-radius: 20px;
    border: 1px solid #CACACA;
    color: #606060;
    text-align: center;
    font-family: OpenSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.07px;
    background-color: transparent;
    height: fit-content;
    width: 100%;
    padding: 10px 5px;
}

.menu-shadow[b-cdtwjv44cp] {
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.search-box .border-bottom[b-cdtwjv44cp] {
    border-bottom: none!important;
}

@media(max-width: 769px) {
    .search-box[b-cdtwjv44cp] {
        flex-direction: column;
        padding: 20px 20px;
        border-radius: 50px;
        gap: 15px;
    }

    .border-right[b-cdtwjv44cp] {
        border-right: none;
        border-bottom: 1px solid #898989;
        padding-bottom: 7px;
    }

    .search-box .border-bottom[b-cdtwjv44cp] {
        border-bottom: 1px solid #898989!important;
        padding-bottom: 7px;
    }

    .search-box .search-btn[b-cdtwjv44cp] {
        width: 100%;
        gap: 10px;
    }

        .search-box .search-btn span[b-cdtwjv44cp] {
            font-family: OpenSans;
            font-size: 14px;
            font-weight: 500;
            color: white;
        }
}

@media(max-width: 414px) {

}
/* _content/NeptuneScubaDiving/Shared/Toolbar.razor.rz.scp.css */
.toolbar-ul[b-ns4zoz5y8g] {
    list-style-type: none;
    margin: 0;
    align-items: center;
    gap: 52px;
    border: 1px solid #C7C7C7;
    border-radius: 100px;
    padding: 15px 40px;
}

.toolbar[b-ns4zoz5y8g] {
    padding-bottom: 24px;
    padding-top: 34px;
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    position: absolute;
    z-index: 5;
}

.toolbar-li[b-ns4zoz5y8g] {
    width: fit-content;
    list-style: none;
    height: fit-content;
    padding-inline: 0;
}

    .toolbar-li:hover > .menu[b-ns4zoz5y8g] {
        display: block;
    }

    .toolbar-li:hover > .submenu[b-ns4zoz5y8g] {
        display: block;
    }



.menu[b-ns4zoz5y8g] {
    display: none;
}

.submenu[b-ns4zoz5y8g] {
    display: none;
}

.toolbar-option a:hover[b-ns4zoz5y8g] {
    color: white;
}


.menu[b-ns4zoz5y8g] {
    position: absolute;
    background: white;
    margin: 0;
    color: #101828;
    padding: 10px 20px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    margin-left: 0px;
    z-index: 3;
}

.submenu[b-ns4zoz5y8g] {
    position: absolute;
    background: white;
    margin: 0;
    color: #101828;
    width: 158px;
    padding: 10px 20px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    z-index: 4;
    top: 10px;
}

.menu-option[b-ns4zoz5y8g] {
    color: #898989 !important;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 5px !important;
    text-decoration: none;
}

.toolbar-option[b-ns4zoz5y8g] {
    color: #898989;
    font-family: OpenSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.submenu-option[b-ns4zoz5y8g] {
    color: #FFF;
    font-family: OpenSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    padding: 10px 0;
}

.menu-option:hover[b-ns4zoz5y8g] {
    background-color: #E4EFFF;
}

.mobile-menu[b-ns4zoz5y8g] {
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    transition: max-height 0.2s ease, visibility 0s linear 0.2s;
    z-index: 1000;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
}

.mobile-submenu.open[b-ns4zoz5y8g] {
    left: 0;
}


.mobile-menu.open[b-ns4zoz5y8g] {
    transition: max-height 0.3s ease, visibility 0s linear;
    max-height: 100vh;
    width: 100vw;
    overflow-y: scroll;
    visibility: visible;
}

.menu-content[b-ns4zoz5y8g] {
    padding: 20px 15px;
}

    .menu-content .option[b-ns4zoz5y8g] {
        color: #0A2B5B;
        text-align: center;
        font-family: "Rubik";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        padding: 5px 25px;
    }



.currency-picker[b-ns4zoz5y8g] {
    border: 1px solid #3867AA;
    background-color: transparent;
    width: fit-content;
    padding: 5px 10px;
    color: #092B5B;
    cursor: pointer;
}

.language-picker[b-ns4zoz5y8g] {
    cursor: pointer;
}

    .close-btn i[b-ns4zoz5y8g] {
        font-size: 25px;
        color: #383838;
    }


.fa-chevron-down[b-ns4zoz5y8g] {
    margin-left: 5px;
    font-size: 14px;
}

.currency-picker[b-ns4zoz5y8g]{

}

@media(max-width: 1425px) {
    .desktop-contact-menu[b-ns4zoz5y8g]{
        right: 0;
    }
}

@media(min-width: 1024px) {
    .tb-mobile-only[b-ns4zoz5y8g] {
        display: none!important;
    }
}

@media(max-width: 1024px) {
    .tb-desktop-only[b-ns4zoz5y8g]{
        display: none!important;
    }

    .tb-logo[b-ns4zoz5y8g]{
        width: 110px;
    }

    .toolbar[b-ns4zoz5y8g]{
        padding-top: 0;
    }
}
