@import url('components/sortbyoption.css');



:root {
    /*PREMIER COLORS*/
    --primary-color: #215497;
    --primary-color-2: #215497;
    --dark-green: #183d6d;
    --top-bar-bg-color: #feca28;
    --appheader-bg: #fff;
    --appheader-color:#218887;
/**/
    /*PARADISE COLORS*/
    /*--primary-color: #02aaa9;
    --primary-color-2: #218887;
    --dark-green: #104443;
    --top-bar-bg-color: #fff;
    --appheader-bg: #218887;
    --appheader-color: #218887;*/
    
    /*Common Colors*/
    --header-icon-color: #fff;
    --search-text-color: #5d5d5d;
    --menu-bg-color: #f3f3f3;
    --menu-text-color: #3c4e5a;
    --primary-text-color: #707070;
    --secondary-color: #f9706a;
    --bs-modal-width: 'auto';
    --light-grey-color: #ededeb;
    --dark-text-color: #3c4e5a;
    --light-blue-color: #deffff;
    --red-color: red;
    --green-color: green;
    --yellow-color: #febb02;
    --link-blue: #009FF4;
    --btn-secondary-background-color: #dedede;
    --btn-secondary-hover-color: #d2d2d2;
    --btn-green-background: #23ae24;
    --sky-tooltip-background: #def6f5;
    --basic-tooltip-background: #707070;
    --search-results-box-shadow: 6px 6px 12px 0px;
    --search-results-box-shadow-color: rgba(0,0,0,.16);
    --general-box-shadow: 3px 3px 6px 0px;
    --general-box-shadow-color: rgba(0,0,0,.16);
    --info-msg-background-color: #dff6e1;
    --info-msg-text-color: #008009;
    --info-msg-red-background-color: #ffe7e8;
    --info-msg-red-text-color: #ff000b;
    --validation-error-color: #ca4a00;
    --validation-success-color: green;
    --main-border-radius: 8px;
    --small-border-radius: 4px;
}

.appHeader.bg-primary-2 {
    background: var(--appheader-bg) !important;
    color: var(--appheader-color);
}



@charset "UTF-8";
@import url("../inc/bootstrap/bootstrap.min.css");
@import url("../inc/splide/splide.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css?family=Inter:400,500,700&display=swap");

body {
    font-family: "Montserrat",Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.55rem;
    letter-spacing: -0.015rem;
    color: var(--dark-text-color);
    background: white;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}

ul {
    list-style-type: none
}


::-webkit-scrollbar {
    width: 0;
}

::selection {
    background: rgba(30, 116, 253, 0.3);
}

a {
    transition: none;
    color: var(--primary-color);
    outline: 0 !important;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    color: var(--dark-text-color);
    margin: 0 0 10px 0;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}

h1 {
    font-size: 34px;
    font-weight: 700;
}

h2 {
    font-size: 24px;
    font-weight: 700;
}

h3 {
    font-size: 17px;
    font-weight: 700;
}

h4 {
    font-size: 15px;
    font-weight: 500;
}

h5 {
    font-size: 13px;
    font-weight: 500;
}

h6 {
    font-size: 11px;
    font-weight: 500;
}

.top-bar {
    background: var(--top-bar-bg-color);
}

.appHeader {
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: env(safe-area-inset-top);
    left: 0;
    right: 0;
    z-index: 999;
    background: #FFF;
    color: #141515;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

    .appHeader:before {
        content: '';
        height: env(safe-area-inset-top);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
        background: #1E74FD;
    }

    .appHeader #MainLogo {
        width: 100%;
        min-width: 160px;
        max-height: 60px;
        transition: all 1s;
    }

    .appHeader.scrolled {
        background: transparent;
        border-bottom: 1px solid transparent;
        box-shadow: none;
        height: 0;
        transition: 0.1s all;
    }

    .appHeader .header-logos img {
        transition: all 1s;
    }

        .appHeader .head-phone b {
            font-size: 25px;
            line-height: 1.2;
            transition: all 1s;
        }

       /* PARADISE */
    /*.appHeader.bg-primary-2 {
        background: var(--primary-color-2);
        color: white !important;
    }

    .appHeader .btn-transparent.white-text-color {
        color: #fff !important;
    }

         .appHeader .head-phone {
        display: inline-block;
        line-height: 1;
        color: white;
        font-size: 14px;
        margin: auto;
        vertical-align: middle;
        margin-right: 11px;
        text-align: left;
        transition: all 1s;
    }

        .appHeader .head-phone p {
            line-height: 1;
            margin: 0;
            color: white;
        }*/

    

    /* PREMIER */
    .appHeader.bg-primary-2 {
        background: white !important;
        color: var(--primary-color-2);
    }

    .appHeader .btn-transparent.white-text-color {
        color: var(--primary-color) !important;
    }

    .appHeader .head-phone {
        display: inline-block;
        line-height: 1;
        color: var(--primary-color);
        font-size: 14px;
        margin: auto;
        vertical-align: middle;
        margin-right: 11px;
        text-align: left;
        transition: all 1s;
    }

        .appHeader .head-phone p {
            line-height: 1;
            margin: 0;
            color: var(--primary-color);
        }

.lh25 {
    line-height:25px;
}
.infinite-menu {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
}

    .infinite-menu::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.infinite-menu-topbar {
    padding: 0px 10px;
}

.infinite-menu .item {
    display: inline-flex;
    flex: unset;
    margin: 0 5px 0 0;
    width: 20%;
}

.infinite-menu-topbar .item {
    color: #222222;
    width: auto;
    font-size: 10pt;
}

    .infinite-menu-topbar .item.active {
        width: auto;
    }

    .infinite-menu-topbar .item:hover .btn {
        border: 1px solid white;
    }

    .infinite-menu-topbar .item .btn {
        border: 1px solid transparent;
        padding: 3px 10px;
    }

    .infinite-menu-topbar .item.active .btn {
        border-color: white !important;
        padding: 3px 15px;
    }

.row {
    margin-left: -8px;
    margin-right: -8px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    padding-left: 8px;
    padding-right: 8px;
}

.m-0 {
    margin: 0 !important;
}

.m-05 {
    margin: 5px !important;
}

.m-1 {
    margin: 8px !important;
}

.m-2 {
    margin: 16px !important;
}

.m-3 {
    margin: 24px !important;
}

.m-4 {
    margin: 32px !important;
}

.m-5 {
    margin: 40px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-05 {
    margin-top: 5px !important;
}

.mt-1 {
    margin-top: 8px !important;
}

.mt-2 {
    margin-top: 16px !important;
}

.mt-3 {
    margin-top: 24px !important;
}

.mt-4 {
    margin-top: 32px !important;
}

.mt-5 {
    margin-top: 40px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-05 {
    margin-bottom: 5px !important;
}

.mb-1 {
    margin-bottom: 8px !important;
}

.mb-2 {
    margin-bottom: 16px !important;
}

.mb-3 {
    margin-bottom: 24px !important;
}

.mb-4 {
    margin-bottom: 32px !important;
}

.mb-5 {
    margin-bottom: 40px !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-05 {
    margin-left: 5px !important;
}

.ms-1 {
    margin-left: 8px !important;
}

.ms-2 {
    margin-left: 16px !important;
}

.ms-3 {
    margin-left: 24px !important;
}

.ms-4 {
    margin-left: 32px !important;
}

.ms-5 {
    margin-left: 40px !important;
}

.me-0 {
    margin-right: 0px !important;
}

.me-05 {
    margin-right: 5px !important;
}

.me-1 {
    margin-right: 8px !important;
}

.me-2 {
    margin-right: 16px !important;
}

.me-3 {
    margin-right: 24px !important;
}

.me-4 {
    margin-right: 32px !important;
}

.me-5 {
    margin-right: 40px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-05 {
    padding: 5px !important;
}

.p-1 {
    padding: 8px !important;
}

.p-2 {
    padding: 16px !important;
}

.p-3 {
    padding: 24px !important;
}

.p-4 {
    padding: 32px !important;
}

.p-5 {
    padding: 40px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-05 {
    padding-top: 5px !important;
}

.pt-1 {
    padding-top: 8px !important;
}

.pt-2 {
    padding-top: 16px !important;
}

.pt-3 {
    padding-top: 24px !important;
}

.pt-4 {
    padding-top: 32px !important;
}

.pt-5 {
    padding-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-05 {
    padding-bottom: 5px !important;
}

.pb-1 {
    padding-bottom: 8px !important;
}

.pb-2 {
    padding-bottom: 16px !important;
}

.pb-3 {
    padding-bottom: 24px !important;
}

.pb-4 {
    padding-bottom: 32px !important;
}

.pb-5 {
    padding-bottom: 40px !important;
}

.ps-0 {
    padding-left: 0px !important;
}

.ps-05 {
    padding-left: 5px !important;
}

.ps-1 {
    padding-left: 8px !important;
}

.ps-2 {
    padding-left: 16px !important;
}

.ps-3 {
    padding-left: 24px !important;
}

.ps-4 {
    padding-left: 32px !important;
}

.ps-5 {
    padding-left: 40px !important;
}

.pe-0 {
    padding-right: 0px !important;
}

.pe-05 {
    padding-right: 5px !important;
}

.pe-1 {
    padding-right: 8px !important;
}

.pe-2 {
    padding-right: 16px !important;
}

.pe-3 {
    padding-right: 24px !important;
}

.pe-4 {
    padding-right: 32px !important;
}

.pe-5 {
    padding-right: 40px !important;
}

strong,
b {
    font-weight: 500;
}

ion-icon {
    --ionicon-stroke-width: 32px;
}
.d-contents {
display:contents !important;
}
body .block-waiting-wrapper {
    display: none;
}
.edit-search {
    color: var(--link-blue);
    text-decoration: underline;
    width: auto;
    cursor: pointer;
    margin-bottom: 5px;
}
.btn {
    height: 45px;
    padding: 3px 18px;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 500;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: none;
    text-decoration: none !important;
    border-radius: var(--small-border-radius);
    border-width: 2px;
}

    .btn i.bi,
    .btn i.icon,
    .btn ion-icon {
        font-size: 22px;
        margin-right: 10px;
        margin-top: -2px;
        font-weight: 700;
    }

    .btn.rounded {
        border-radius: var(--small-border-radius) !important;
    }


.light-blue-color {
    color: var(--light-blue-color)!important;
}
.btn-outline-light {
    background: transparent;
    border-color: #fff;
    border-width: 1px !important;
    color: #fff;
    transition: none;
}

    .btn-outline-light:hover, .btn-outline-light:active {
        background: rgba(255, 255, 255, 0.15) !important;
        border-color: #fff !important;
        color: #fff !important;
    }

    .btn-outline-light.active {
        background: #fff !important;
        color: #fff !important;
        border-color: #fff !important;
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #fff !important;
        border-color: #fff !important;
        background: transparent !important;
        opacity: 0.5;
    }

    .btn-outline-light:active {
        color: #141515 !important;
    }

.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background: var(--primary-color-2) !important;
        border-color: var(--primary-color-2) !important;
    }
.btn-mainnav, .btn-mainnav:hover, .btn-mainnav:active {
    color: white !important;
    padding: 3px 5px;
}
.btn-block {
    width:100%;
}

    .btn-mainnav ion-icon {
        margin-right: 0px;
    }

        .btn-mainnav ion-icon[name='airplane-outline'] {
            transform: rotate(-90deg);
        }

        .btn-mainnav ion-icon:last-child {
            margin-right: 5px;
        }

.mainnav .item.active .btn-outline-light {
    background: rgba(255, 255, 255, 0.3) !important;
    padding: 3px 15px;
}

.bg-primary-2 {
    background: var(--primary-color-2) !important;
    color: #FFF;
}.bg-primary {
    background: var(--primary-color) !important;
    color: #FFF;
}


strong {
    font-weight: 700 !important;
}

.f10 {
    font-size: 10px !important;
}

.f11 {
    font-size: 11px !important;
}

.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

.f17 {
    font-size: 17px !important;
}

.f18 {
    font-size: 18px !important;
}

.f19 {
    font-size: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

.f21 {
    font-size: 21px !important;
}

.f22 {
    font-size: 22px !important;
}

.f23 {
    font-size: 23px !important;
}

.f24 {
    font-size: 24px !important;
}

.f25 {
    font-size: 25px !important;
}

.f30 {
    font-size: 30px !important;
}

.f40 {
    font-size: 40px !important;
}

.f50 {
    font-size: 50px !important;
}

.f60 {
    font-size: 60px !important;
}

.f65 {
    font-size:65px !important;
}

.f70 {
    font-size: 70px !important;
}

.f80 {
    font-size: 80px !important;
}

.default-color {
    color: var(--primary-text-color);
}

.primary-color {
    color: var(--primary-color) !important;
}

.primary-text-color {
    color: var(--primary-text-color) !important;
}

.green-text-color {
    color: var(--green-color) !important;
}
.gray-text-color {
    color: #7A7A7A;
}
.light-gray-text-color {

    color:var(--light-grey-color);
}

.red-text-color {
    color: var(--red-color) !important;
}

.dark-text-color {
    color: var(--dark-text-color) !important;
}

.white-text-color {
    color: #fff !important;
}
.yellow-text-color{
    color:var(--yellow-color) !important;
}

.secondary-text-color {
    color: var(--secondary-color) !important;
}

.primary-background {
    background: var(--primary-color);
}
.primary2-background {
    background: var(--primary-color-2);
}

.secondary-background {
    background: var(--secondary-color) !important;
}
.grey-background {
    background-color: #efefef;
}
.yellow-background {
background-color: var(--yellow-color) !important;
}
.light-blue-background {
    background-color: var(--light-blue-color) !important;
}
.btn-transparent {
    background: transparent;
    border-radius: var(--small-border-radius);
    border: 1px solid;
}

    .btn-transparent.iOS {
        -webkit-appearance: none;
        /*height: 30px;*/
        display: inline-block;
        /*margin: 0 !important;*/
    }
.appHeader .btn-transparent:hover {
    background: rgba(255,255,255,10%);
    color: #fff !important;
}
.appHeader .btn-transparent.pwc:hover {
    background: var(--primary-color-2);
    color: #fff !important;
    border-radius:var(--small-border-radius);
    border-color:var(--primary-color-2);
}
.btn-secondary {
    background: var(--btn-secondary-background-color) !important;
    border-color: var(--btn-secondary-background-color) !important;
    color: #000 !important;
}
.btn-white {
    background:#fff;
    color:var(--primary-color-2);
    border: 1px solid #fff;border-radius:var(--small-border-radius);

}
    .btn-white:hover {
        background: rgba(255,255,255,80%);
        color:var(--primary-color-2);
    }
    .btn-blue{
        background:var(--primary-color-2);
        color:#fff;
        border:1px solid var(--primary-color-2);
        border-radius:var(--small-border-radius);
    }
        .btn-blue:hover {
            background: #fff;
            color: var(--primary-color-2);
        }

.ctaBtn {
    background: var(--primary-color);
    border: none;
    padding: 15px;
    color: white;
    font-size: 22px;
    border-radius: var(--small-border-radius);
    font-weight: 700;
}

a.ctaBtn:hover {
    color: #fff !important;
}


.btn-outline-primary {
    background: white;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 6px 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    /* 124% */
    border-radius: var(--small-border-radius);
}

    .btn-outline-primary:hover {
        background: var(--primary-color);
        color: white;
        border: 1px solid var(--primary-color);
    }

.ctaBtn-green {
    background: var(--yellow-color);
    border: none;
    padding: 10px;
    color: #0F1111;
    font-size: 22px;
    border-radius: var(--small-border-radius);
    font-weight: 700;
    border: 1px solid #FF8F00;
}

    .ctaBtn-green:hover {
        background: #FFA41C;
    }

.btn-general-hover:hover {
    text-decoration: none;
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 10%);
}

.link-general-hover:hover {
    text-decoration: none !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background: var(--btn-secondary-background-color) !important;
    border-color: var(--btn-secondary-background-color) !important;
    box-shadow: 0px 3px 3px 1px var(--btn-secondary-hover-color) !important;
}

.glass-btn {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: .7px;
    border-radius: var(--small-border-radius);
}

    .glass-btn:hover {
        background: white !important;
        color: var(--body-text-color);
        border-bottom: none;
    }

.primary-button {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: var(--main-border-radius);
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border: none;
}

.primary-section h1, .primary-section h2, .primary-section h3, .primary-section h4, .primary-section h5 {
    color: var(--dark-text-color);
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
.primary-section .intro-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 2rem !important;
    width: 80%;
    margin: auto;
}

.delimiter-line {
    text-align: center;
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 20px 0 30px;
}

.delimiter-line .delimiter-line-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 100%;
    margin-top: -10px;
    background-color: #ccc;
    background: url(/images/icons/delimeter.png) no-repeat 50% 50%;
    border-radius: 50%;
    vertical-align: middle;
}

.delimiter-line:before {
    position: absolute;
    content: "";
    left: calc(50% - 120px);
    width: 90px;
    height: 1px;
    background: #adbec5;
    top: 10px;
}

.delimiter-line:after {
    position: absolute;
    content: "";
    height: 1px;
    background: #adbec5;
    top: 10px;
    right: calc(50% - 120px);
    width: 90px;
}

.note-block {
    color: var(--body-text-color);
    line-height: 30px;
    font-size: 22px;
    font-family: Old-Standard-TT-Italic;
    max-width: 730px;
    margin: 0 auto 40px;
    padding-left: 40px;
    position: relative;
}

    .note-block:before {
        position: absolute;
        content: '';
        top: 5px;
        left: 0;
        background: url(/assets/images/qoute-bef.png) 50% 50% no-repeat;
        width: 26px;
        height: 23px;
    }

.hide {
    display: none !important;
}

.show {
    display: block;
}

p a {
    color: var(--primary-color);
}

    p a:hover {
        color: var(--primary-text-color);
    }

a:active, a:focus, a:hover {
    color: var(--primary-text-color);
}

.w-max-content {
    width: max-content !important;
}

/* Track */
body::-webkit-scrollbar-track {
    background: var(--light-grey-color);
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: var(--primary-text-color);
}

    /* Handle on hover */
    body::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* width */
.modal-body::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-body::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.modal-body::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: var(--main-border-radius);
}

    /* Handle on hover */
    .modal-body::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color-2);
    }


/*******CP Stars Rating start*************/

.cp-rating-sm {
    width: 16px !important;
    height: 16px !important;
}

.cp-rating-md {
    width: 18px !important;
    height: 18px !important;
}

.cp-rating-lg {
    width: 20px !important;
    height: 20px !important;
}

.cp-rating-combo {
    height: 16px !important;
    height: 16px !important;
}

/*******CP Stars Rating end *************/


/**********Top Utility Bar Start************/
.infinite-menu-topbar.utility-bar .item.active {
    background-color: var(--primary-color-2);
    color: white;
    padding: 5px 15px;
    border-radius: var(--main-border-radius) var(--main-border-radius) 0px 0px;
}
.wishlist-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

/* Badge styling */
.wishlist-badge {
    position: absolute;
    top: 1px;
    right: -22px;
    background-color: red;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    display: flex;
    font-size: 9px;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
/*Paradise Plus Badge*/
.pp-badge {
    display: inline-block;
    background-color: #02aaa9; /* Badge background color */
    color: white; /* Text color */
    font-size: 12px; /* Adjust font size */
    font-weight: bold;
    padding: 0px 5px;
    border-radius: var(--small-border-radius); /* Rounded corners */
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    position: relative;
    text-align: center;
}

    .pp-badge .dot {
        color: #ffd700; /* Golden color for the dot */
        margin: 0 1px;
        font-size: 19px; /* Slightly larger dot */
        vertical-align: middle;
    }

@media only screen and (min-width: 768px) {
    .infinite-menu-topbar.utility-bar .item {
        width: 15%;
        text-align: center;
    }
    .infinite-menu-topbar.utility-bar.right {
       overflow:visible;
    }
}

.appHeader.scrolled.bg-primary .headerButton {
    font-size: 30px;
    padding: 10px;
}

.header-logos img {
    max-width: 60px;
    /*max-height:26px;*/
}

.sign-in-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: var(--main-border-radius);
}

.primary-color-border {
    border: 1px solid var(--primary-color) !important;
}
.grey-color-border {
    border: 1px solid var(--light-grey-color) !important;
}

    .sign-in-btn:hover {
        text-decoration: none;
        box-shadow: 0 0 0 0.40883rem rgb(255 255 255 / 10%);
    }

/********Top Utility Bar End*********/

.sep {
    border-left: 1px solid #9f9f9f;
    height: 40px;
    width: 1%;
    margin: 6% 0px;
    padding: 0;
    display: inline;
}

.sep-li {
    border-left: 1px solid #9f9f9f;
    height: 40px;
    width: 1%;
    margin: 18% 0px 0px 0px;
    padding: 0;
    display: inline;
}

.subscription-wrap {
    display: flex;
}

.subscription-textbox {
    line-height: 3;
    width: 100%;
    border-radius: var(--main-border-radius) 0 0 var(--main-border-radius);
    margin: 0;
    border: 1px solid #707070;
    border-right: 0;
    font-size: 20px;
    padding-left: 20px;
    outline: none;
}

.primary-button:hover, .primary-button:focus, .primary-button:active, .primary-button.active {
    background: var(--primary-color-2) !important;
    border-color: var(--primary-color-2) !important;
}

.subscription-button {
    border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
    line-height: 4;
    padding: 2px 30px;
    margin: 0;
    height: 100%;
}
/********Social Widget Start*********/
.social-widget {
    background-color: var(--light-blue-color);
}

    .social-widget li {
        display: inline-block;
        font-size: 30px;
        padding: 0;
        transition: all .2s ease-in-out;
        width: 22%;
    }

        .social-widget li a {
            color: var(--primary-text-color);
        }

    .social-widget .text-content {
        font-size: 20px;
        font-style: italic;
        margin-bottom: 0;
    }

/********Social Widget End*********/

/********footer start*********/
footer {
}

    footer .footer-title {
        font-size: 20px;
        font-weight: 400;
    }

    footer .footer_titles {
        color: #fff;
    }

    footer .body-content {
        width: 99%;
    }

        footer .body-content .tel {
            font-size: 24px;
        }

        footer .body-content .tel, footer .body-content .hrs {
            margin-bottom: 0;
        }

    footer .social-widget {
        background: none;
    }

.social-widget li {
    width: auto;
    margin: 0 5px;
}

footer .social-widget li a {
    color: #fff;
}

.subscription-box {
    height: 50px;
    display: flex;
}

    .subscription-box .subscription-textbox {
        line-height: 2;
        width: 65% !important;
        height: 100%;
        border: none;
    }

    .subscription-box .subscription-button {
        line-height: 3;
        height: 100%;
        width: 35%;
    }

footer p a {
    color: #fff;
    text-decoration: underline;
}

footer .btn-transparent {
    color: #fff;
    font-size: 14px;
}

footer .border-bottom {
    border-color: var(--primary-color) !important;
}

.footer-links, .footer-links a, .footer-links h5 {
    color: #fff;
}

    .footer-links a {
        text-decoration: underline;
    }

        .footer-links a:hover {
            color: var(--primary-text-color);
        }

.footer-images img {
    margin: 0 3px;
}

.footer-shadow {
    box-shadow: inset 0 11px 22px -18px #3c4e5a;
}

/***Footer upper start****/
.footer-upper {
    background: #fff;
}

    .footer-upper p, .footer-upper .footer-title {
        color: var(--primary-color);
    }

    .footer-upper .footer-title {
        padding-left: 2rem;
    }

    .footer-upper a {
        text-decoration: underline;
        font-size: 13px;
    }

        .footer-upper a:hover {
            color: var(--primary-text-color);
        }

    .footer-upper .sep {
        height: auto;
        border-color: var(--primary-color);
        margin: 10% 0;
    }

    .footer-upper ul li {
        margin: 4px 0;
        list-style: none;
    }

/***Footer upper End****/
/***Footer lower start****/
.footer-lower {
    background: var(--dark-green);
    color: #fff !important;
}

    .footer-lower p, .footer-lower .footer-title {
        color: #fff;
    }

    .footer-lower .sep {
        height: auto;
        border-color: var(--primary-color);
        margin: 12% 0;
    }

.paradise-pay {
    width: 60%;
}

/***Footer lower End****/
/**************footer end********************/

/****************Cookie bar Section Start*********************/
#cookie-bar {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
}

.cookie-bar {
    background: #fff;
    min-height: 50px;
    border-top: 1px solid var(--light-grey-color);
}

/****************Cookie bar Section End*********************/

.section {
    padding: 0 16px;
}

    .section.full {
        padding: 0;
    }

.text-secondary,
a.text-secondary {
    color: #222222 !important;
}

textarea,
.form-control {
    background-clip: padding-box;
    background-image: linear-gradient(transparent, transparent);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-error {
    display:none;
    font-size:12px;
    color:red;
}
input.jp-card-invalid ~ .form-error {
    display: block !important;
}
.card {
    border: none;
}
.special-offer-single-section .card .card-img-top {
    border-radius: 0px;
}
.special-offer-single-section .card {
    border-radius: var(--main-border-radius);
    overflow: hidden;
}

    .special-offer-single-section .card .card-body {
        padding: 0;
        border: none;
    }

.special-offer-single-section .card .card-title {
    color: var(--dark-text-color);
    font-size: 20px;
    font-weight: 700;
    margin: auto;
    line-height: 1.5;
    margin-bottom: 10px;
}

.special-offer-single-section .card .card-text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--dark-text-color);
}


.special-offer-single-section .card .card-subtitle {
    color: #4F5050;
    font-weight: 500;
    letter-spacing: .01em;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: -4px;
}


.special-offer-single-section .card .left-text {
    padding: 20px;
    text-align: left;
}

.special-offer-single-section .card .left-price {
    position: relative;
}

    .special-offer-single-section .card .left-price p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-left: 2px solid;
        width: 100%;
        font-size: 18px;
        line-height: 1;
    }

        .special-offer-single-section .card .left-price p .price2 {
            margin: 5px 0px;
            display: block;
            font-size: 35px;
            color: var(--primary-color);
        }

            .special-offer-single-section .card .left-price p .price2 strong {
                font-size: 40px;
                font-weight: bold;
            }

    .special-offer-single-section .card .btn {
        height: 100%;
        border-radius: 0px;
        width: 100%;
        padding: 0px;
        margin-right: -1px;
    }

    .special-offer-single-section .card .btn ion-icon {
        font-size: 50px;
        margin-right: 0px;
        margin-top: 0px;
    }


.splide {
    margin-bottom: -20px !important;
}
.splide__slide {
    height:fit-content;
}

.splide .splide__list {
    padding-bottom: 20px !important;
    height: auto;
}

.carousel-single-home .splide__slide {
   /* margin-left: -22px !important;
    padding-right: 16px !important;*/
}

.carousel-single-home .card {
    background: none;
    box-shadow: none;
    text-align: left;
}

    .carousel-single-home .card .card-title {
        font-size: 16px;
        text-transform: uppercase;
        color: var(--dark-text-color);
    }

    .carousel-single-home .card .card-text {
        font-size: 13px;
    }


.special-offers-2 .card .card-title {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--dark-text-color);
    padding-right: 25px;
}

.special-offers-2 .card .card-text {
    font-size: 15px;
}

.special-offers-2 .card .share-btn {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    color: var(--primary-color);
}
.share-btn {
    -webkit-mask: url('../../img/icon/share-icon.svg') no-repeat center;
    mask: url('../../img/icon/share-icon.svg') no-repeat center;
    min-height: 25px;
    min-width: 25px;
    background-repeat: no-repeat;
    object-fit: cover;
    background-color: var(--primary-color);
    cursor:pointer;
}
.share-btn-black {
    min-height: 25px;
    min-width: 25px;
    background-repeat: no-repeat;
    object-fit: cover;
    cursor: pointer;
    background: url('../../img/icon/share-icon.svg');
    background-repeat:no-repeat;
}

.carousel-multiple-two .splide__track {
    margin: 0px 20px;
}

.carousel_icons {
}

.infobox-icons .carousel_icons_item span.heading {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3em;
    color: #141515;
    display: block;
}

.carousel_icons .carousel_icons_item p {
    margin-bottom: 2px;
    line-height: 1.5;
    font-size: 13px;
}

.carousel-image-box .card .card-img-top, .carousel-single-home .card .card-img-top {
    border-radius: var(--main-border-radius);
    transition: all 2s;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}
#wishlist-dropdown.dropdown-content {
    min-width: 300px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }
.show {
    display: block;
}

/***************Info messages Start**************************/
.info-message-blue {
    line-height: 1.5;
    font-size: 12px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    background: var(--light-blue-color);
    padding: 0px 15px;
    border-radius: var(--small-border-radius);
    display: inline-block;
    color: var(--dark-text-color);
    margin-bottom: 15px;
}

.info-message-green {
    font-size: 12px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    margin-left: 33px;
    background: #dff6e1;
    padding: 0px 15px;
    border-radius: var(--small-border-radius);
    display: inline-block;
    color: var(--dark-text-color);
    margin-bottom: 15px;
}

    .info-message-green.large {
        font-size: 15px;
    }

.info-message {
    font-size: 12px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    background: var(--info-msg-background-color);
    padding: 10px 15px;
    border-radius: var(--small-border-radius);
    display: inline-block;
    color: var(--info-msg-text-color);
    margin-bottom: 15px;
}

    .info-message.large {
        font-size: 15px;
    }

    .info-message.bordered {
        border: 1px solid var(--info-msg-text-color);
    }

    .info-message.red {
        background: var(--info-msg-red-background-color);
        color: var(--info-msg-red-text-color);
    }

        .info-message.red.bordered {
            border: 1px solid var(--info-msg-red-text-color);
        }

        .info-message.red .heading {
            color: var(--info-msg-red-text-color);
            font-size: 14px;
            font-weight: 700;
        }

/********************Info messages end*********************/

/****sidebar start*********/
.profileBox {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

    .profileBox .card .card-body {
        padding: 10px;
    }

    .profileBox .card-box {
        border: 1px solid #bebbbb;
        box-shadow: 0px 0px 0px 5px #F5F5F5;
        padding: 5px;
        border-radius: var(--small-border-radius);
    }

/*******sidebar end *********/

/*************Subscribtion letter start*******************/
.newsletter-body {
    background: url(/assets-mobile/img/subscription-bg.png);
}

.newsletter-box {
    background: rgba(0,0,0,0.3);
    min-height: 200px;
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    border-radius: var(--main-border-radius);
}

    .newsletter-box h2, .newsletter-box h3, .newsletter-box p, .newsletter-box p a {
        color: #fff;
    }

    .newsletter-box h2 {
        font-weight: 300;
    }

    .newsletter-box h3 {
        font-size: 22px;
    }

    .newsletter-box p {
        font-size: 14px;
    }

        .newsletter-box p a {
            text-decoration: underline;
        }

    .newsletter-box h2 strong {
        font-weight: 700;
    }

    .newsletter-box .item-container {
        width: 60%;
    }

.item-container .primary-button {
    border-radius: var(--small-border-radius);
}

.textbox-container {
    background: white;
    height: 50px;
    display: flex;
    border-radius: var(--small-border-radius);
}

    .textbox-container input {
        background: transparent;
        border: none;
        width: 85%;
        height: 100%
    }

        .textbox-container input:focus, .textbox-container input:active {
            border: none;
            outline: none;
        }

    .textbox-container ion-icon {
        color: var(--primary-text-color);
        width: 15%;
        font-size: 30px;
    }

/*************Subscribtion letter End*******************/
/*************Subscribe popup start*******************/
.subscribe-newsletter .modal-body .subscribe-header {
    background: url(/assets-mobile/img/subscription-header-bg3.jpg);
    min-height: 300px;
    background-size: cover;
    background-position: 50% 100%;
}

.subscribe-newsletter .modal-dialog {
    min-width: 30%;
}

.subscribe-newsletter .subscribe-body, #subscribe .subscribe-footer {
    margin: 10px 30px;
}

.subscribe-newsletter .textbox-container {
    border: 1px solid var(--light-grey-color);
}

.subscribe-newsletter .primary-button {
    border-radius: var(--small-border-radius);
}

#price-update .subscribe-newsletter {
    background: var(--light-grey-color);
    padding: 20px;
}

/*************SSubscribe popup End*******************/

.form-check {
    padding: 0;
    margin: 0;
    min-height: auto;
    height: auto;
}

    .form-check .form-check-input {
        display: none;
    }

    .form-check .form-check-label {
        cursor: pointer;
        position: relative;
        min-height: 20px;
        padding: 0px 0 0 32px;
        line-height: 1.7em;
        color: #3c4e5a;
        font-size: 16px;
    }

        .form-check .form-check-label.label-group {
            font-weight: 700;
        }

        .form-check .form-check-label:after {
            position: absolute;
            left: 0;
            top: 3px;
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            background: transparent;
            border-radius: var(--small-border-radius);
            border: 1px solid var(--dark-text-color);
        }

        .form-check .form-check-label:before {
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            position: absolute;
            left: 0;
            top: 3px;
            z-index: 3;
            opacity: 0;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        }

.form-check-input[type="radio"] ~ .form-check-label:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8px' height='8px' viewBox='0 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Ccircle id='Oval' fill='%23FFFFFF' cx='4' cy='4' r='4'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}

.form-check-input:checked ~ .form-check-label:after {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
}

.form-check-input:checked ~ .form-check-label:before {
    opacity: 1;
}

.form-check-inline {
    margin-right: 0;
}

    .form-check-inline .form-check-label {
        margin-bottom: -3px;
        padding-left: 24px;
    }

.input-list .form-check:after {
    content: "";
    height: 1px;
    background: #E1E1E1;
    display: block;
    margin-left: 54px;
}

.input-list .form-check .form-check-label {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.1s all;
    padding: 6px 16px 6px 54px;
}

    .input-list .form-check .form-check-label:before, .input-list .form-check .form-check-label:after {
        left: 16px;
        top: 14px;
    }

    .input-list .form-check .form-check-label:active {
        background: rgba(225, 225, 225, 0.3);
    }

.input-list .form-check:last-child:after {
    height: 0;
}

.form-switch {
    height: 30px;
}

    .form-switch .form-check-label {
        width: 56px;
        height: 30px;
        padding: 0;
        margin: 0;
    }

        .form-switch .form-check-label:after {
            height: 30px;
            width: 56px;
            background: #E1E1E1;
            border: 1px solid #d4d4d4;
            transition: .1s linear;
        }

        .form-switch .form-check-label:before {
            opacity: 1;
            border-radius: var(--main-border-radius);
            width: 24px;
            height: 24px;
            top: 3px;
            left: 4px;
            background: #ffffff;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
            transition: .15s ease-in-out;
        }

    .form-switch .form-check-input:checked ~ .form-check-label:before {
        left: 28px;
    }

.searchTabModal .modal-header ion-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 35px;
    color: gray;
    cursor: pointer;
}

.accordion-button:focus {
border-color:none;
box-shadow:unset;
}

.bg-secondary {
    background: var(--light-grey-color) !important;
    color: var(--dark-text-color);
}
.RegionEnd {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 25px;
}

.form-control:focus {
    box-shadow:none;
}
body .block-waiting-wrapper {
    display: none;
}

body.searching .block-waiting-wrapper {
    display: block;
    background: white;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}


    body.searching .block-waiting-wrapper .block-waiting {
        width: 40%;
        height: auto;
        margin: auto;
        vertical-align: middle;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
    }

        body.searching .block-waiting-wrapper .block-waiting img {
            width: 100%;
            margin: auto;
            vertical-align: middle;
        }

            body.searching .block-waiting-wrapper .block-waiting img.plane {
                position: absolute;
               top: 41.2%;
                left: 0;
                width: 100%;
                height: 40px;
                transform: translateY(-50%);
                -webkit-animation: plane-move 4s infinite;
                -moz-animation: plane-move 4s infinite;
                -o-animation: plane-move 4s infinite;
                animation: plane-move 4s infinite;
            }

@keyframes plane-move {
    0% {
        transform: translate(-0%, -50%);
        opacity: .6;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        transform: translate(80%, -50%);
        opacity: 1;
    }
}
/*************Deposit Note Start*******************/
.deposit-note {
    background: var(--light-blue-color);
    border: 1px solid;
    padding: 5px 10px;
    font-size: 14px;
    border-color: var(--primary-color);
    margin: 0px 15px;
    border-radius: var(--small-border-radius);
    cursor: pointer;
}

.item-search .deposit-note {
    border-radius: var(--main-border-radius);
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--primary-color);
    margin-right: 10px;
    margin-left: 10%;
}

.deposit-note p {
    margin-bottom: 0;
}

.deposit-note .edit-search {
    margin-bottom: 0;
}
/*************Deposit-note End*******************/
/*************Deposit popup Start*******************/
.generalPopup.deposit-options .modal-dialog {
    min-width: 30%;
}

.deposit-options .option {
    border: 1px solid var(--primary-text-color);
    border-radius: var(--main-border-radius);
    margin: 10px 5px;
    overflow: hidden;
}
/*.deposit-options .option-img {
    border-radius: var(--main-border-radius);
    margin: 10px;
    max-width: 150px;
}
*/
.deposit-options .option-heading {
    margin: 0;
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
}

.deposit-options .price-heading {
    margin: 10px;
    font-weight: 700;
    font-size: 20px;
}

    .deposit-options .price-heading span {
        font-weight: 500;
    }

.deposit-options .option-description {
    font-size: 15px;
    color: var(--primary-text-color);
}

.vertical-center {
    display: flex;
    align-items: center;
}

.xy-center {
    display: flex;
    align-items: center;
    justify-content:center;
}


/*************Deposit popup End*******************/
.payment-option {
    width: 95%;
    margin: auto;
    border-radius: var(--main-border-radius);
    border: 1px solid #d3d3d3;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 2px 2px 6px 0 rgb(0 0 0/12%);
}

.deposit-options .payment-option {
    box-shadow: none;
}
.low-deposit-label {
    background: #d3f3f0;
    color: var(--primary-color);
    padding: 2px 10px;
    width: max-content;
    border-bottom-right-radius: 15px;
    font-weight: 500;
    font-size: 14px;
}



.divider {
    height: 1px;
    background: #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stepper {
    height: 40px;
    width: 120px;
    min-width: 120px;
    border-radius: var(--small-border-radius);
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

    .stepper .form-control {
        padding: 0 3px;
        width: 52px;
        height: 40px;
        border-radius: 0;
        box-shadow: none !important;
        background: transparent;
        text-align: center;
        font-size: 17px;
        font-weight: 500;
    }

    .stepper .stepper-button {
        width: 40px;
        height: 40px;
        display: flex;
        font-size: 24px;
        align-items: center;
        justify-content: center;
        position: relative;
        border: 2px solid var(--primary-color);
    }


/********Search Filter Start*******/
.search-filter-section {
    background: #fff;
    border-radius: var(--main-border-radius);
    border: 1px solid #dedede;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .search-filter-section .filter-heading {
        color: var(--primary-color);
        font-weight: 600;
    }

.filter-items .item .item-description {
    line-height: 1;
    font-size: 12px;
    color: var(--primary-color);
    padding-left: 50px;
}

.filter-items .item .count {
    color: var(--primary-text-color);
    font-size: 12px;
}

.filter-items .item .form-check .form-check-label:after {
    left: 5px;
    top: 5px;
    border-radius: var(--small-border-radius);
    height: 16px;
    width: 16px;
    border-color: var(--primary-text-color);
}

.filter-items .item .form-check .form-check-label:before {
    left: 5px;
    top: 5px;
    height: 16px;
    border-radius: var(--small-border-radius);
    width: 16px;
    background-color: var(--primary-color);
}

.sticky-bottom-btn {
    position: sticky;
    bottom: 2px;
}

.btn-left-curve {
    border-radius: var(--small-border-radius) 0px 0px var(--small-border-radius);
}

.btn-right-curve {
    border-radius: 0px var(--small-border-radius) var(--small-border-radius) 0px;
}

#PriceFilter #steps-slider {
    margin-top: 50px;
}
/********Search Filter end*********/


/**********Alert grey color start*******/
.alert-light {
    background: #ebebeb;
    color: #222222;
    padding: 15px;
    border-radius: var(--small-border-radius);
}

    .alert-light span {
        font-weight: 400;
        display: inline-block;
        width: auto;
        padding: 0;
    }

    .alert-light i {
        display: inline-block;
        width: auto;
        margin-top: auto;
        margin-bottom: auto;
    }

    .alert-light p {
        margin: auto;
        line-height: 2;
        font-size: 15px;
    }

/**********Alert grey color End*******/

.form-group .input-wrapper {
    position: relative;
}
.form-group.boxed {
    margin: 0;
    padding: 8px 0;
}
    .form-group.boxed .form-control {
        background: #fff;
        box-shadow: none;
        height: 42px;
        /*border-radius: var(--small-border-radius);*/
        padding: 0 40px 0 16px;
        border-color: #e1e1e1;
    }
    .form-group.boxed .form-control.form-select,
    .form-group.basic .form-control.form-select {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline id='Path' stroke='%23A9ABAD' stroke-width='2' points='1.59326172 1.79663086 6.59326172 6.79663086 11.5932617 1.79663086'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
    }

    .form-group.boxed .form-control.form-select {
        background-position: right 12px center !important;
    }
.form-group .input-wrapper input, .basket-main-body .form-group .input-wrapper select, .form-group .input-wrapper select {
    font-size: 13px;
    border: 1px solid #d1d1d1;
    border-radius: var(--small-border-radius);
}

html[dir="rtl"] .form-group.boxed .form-control.form-select,
html[dir="rtl"] .form-group.basic .form-control.form-select,
body.rtl-mode .form-group.boxed .form-control.form-select,
body.rtl-mode .form-group.basic .form-control.form-select {
    background-position: left center !important;
}

html[dir="rtl"] .form-group.boxed .form-control.form-select,
body.rtl-mode .form-group.boxed .form-control.form-select {
    background-position: left 12px center !important;
}
.form-group.boxed .form-control.form-select, .form-group.basic .form-control.form-select {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzEzcHgnIGhlaWdodD0nOHB4JyB2aWV3Qm94PScwIDAgMTMgOCcgdmVyc2lvbj0nMS4xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJz48ZyBpZD0nUGFnZS0xJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnPjxwb2x5bGluZSBpZD0nUGF0aCcgc3Ryb2tlPScjQTlBQkFEJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nMS41OTMyNjE3MiAxLjc5NjYzMDg2IDYuNTkzMjYxNzIgNi43OTY2MzA4NiAxMS41OTMyNjE3IDEuNzk2NjMwODYnPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}
.form-group.boxed .form-control.form-select {
    background-position: right 12px center !important;
}

/************Accordion Start**************/
.accordion .accordion-item {
    border: 0;
    background: 0 0;
}

.accordion .accordion-header .btn i.bi, .accordion .accordion-header .btn i.icon, .accordion .accordion-header .btn ion-icon, .accordion .accordion-header .accordion-button i.bi, .accordion .accordion-header .accordion-button i.icon, .accordion .accordion-header .accordion-button ion-icon {
    width: 24px;
    font-size: 24px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion .accordion-header .btn, .accordion .accordion-header .accordion-button,
#boardBasis .accordion .accordion-header .btn, #boardBasis .accordion .accordion-header .accordion-button {
    box-shadow: none !important;
    justify-content: flex-start !important;
    border-radius: 0 !important;
    width: 100%;
    text-align: left !important;
    font-weight: 400;
    background: 0 0;
    font-size: 15px;
    padding: 8px 50px 8px 16px;
    border: 0 !important;
    min-height: 50px;
    color: #141515;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
/************Accordion End**************/
.SearchResultsBody .generalPopup .flightDetails {
    box-shadow: none;
    border-radius: unset;
}

.bodyCloseIcon {
cursor:pointer;
}
.generalPopup .modal-dialog .modal-content .modal-body .bodyCloseIcon {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 35px;
    color: var(--primary-text-color);
}

.SearchResultsBody .desktop .modal-dialog, .HO .desktop .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

    .SearchResultsBody .desktop .modal-dialog .modal-content {
        border: 4px solid #febb02;
    }


.SearchResultsBody .flightDetails .arrival-block, .SearchResultsBody .flightDetails .depart-block {
    font-size: 15px;
}

.card {
    background: #ffffff;
    border-radius: var(--small-border-radius);
    border: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

    .card .card-body {
        padding: 24px 10px;
        line-height: 1.4em;
    }

    .card .card-title {
        color: #141515;
        font-size: 24px;
        font-weight: 700;
    }

    .card .card-img-top {
        border-radius: var(--small-border-radius) var(--small-border-radius) 0 0;
    }

.carousel-image-box .card picture, .carousel-single-home .card picture {
    overflow: hidden;
    border-radius: var(--main-border-radius);
}
.carousel-image-box .card .card-body {
    padding: 0px 10px;
    text-align: left;
    position: relative;
}
.carousel-image-box .card {
    box-shadow:none;
}
/**********************/
/*******Widgets********/
/********Special offer widget start*********/
@media only screen and (max-width:640px) {
    .special-offer-single-section .card .left-price p {
        border-left: none;
        position: relative;
    }

    .special-offer-single-section .card .card-body {
        padding: 0;
        border: none;
    }

    .special-offer-single-section .card .left-price {
    }

    .b-top-1 {
        border-top: 1px solid #777;
    }
}



.sep {
    border-left: 1px solid #9f9f9f;
    height: 40px;
    width: 1%;
    margin: 6% 0px;
    padding: 0;
    display: inline;
}


.splide__slide:last-child .row .sep-li {
    border: none;
    height: 40px;
    width: 1%;
    padding: 0;
    display: inline;
}

/********Special offer widget End*********/

.border-radius-5px {
    border-radius: var(--small-border-radius) !important;
}

.border-radius-22px {
    border-radius: var(--main-border-radius);
}
iframe#video {
    border-radius: var(--main-border-radius);
    width: 100% !important;
    height: 410px !important;
}
.not-active {
    display: none !important;
}
.text-block-quote {
    position: relative;
}

    .text-block-quote:before {
        content: '';
        position: absolute;
        left: 0px;
        right: 0;
        bottom: 0;
        top: 5px;
       /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTQ5ODc2RDk3N0QxMUU2OEFBM0EwM0IzQTIxM0E2OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTQ5ODc2Qzk3N0QxMUU2OEFBM0EwM0IzQTIxM0E2OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOEUwQjM4MjBCOTZFNjExODI1MUVCMUFEQkJEQ0YyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkmbT8kAAAEmSURBVHja7JTLDYJAEIaXDQXQAdgB3jXRBnxc9aB2gBWgFViCXrxDBWosQDoQO6AEZ5Ih2Yw7gI94YpI/G4f5/ZjdWZzeaKaECEE7WjugwlZ0TY8vuf54PoAlBgWgLtQUWoBsQDcQGjwyNQqA4MudyIugCPOupXYPWrIcFqegcwXAI++EPYrhWaIbQBRtW1jTzM4CKb2B2dFSgGAXK1Be0U0keBP04hk5NAzY9p1WXjit6SSg8+TeAwBW5Q9tdMMLc+qkLiTv2kyUoIXlD7bSSLOwenG7OMgTDjppAAlI/G4deE4LkKxhN6EwPOodkPoQdJFAniX/UD8OV8j79Amp2xJfuFemt4Azy9yKkeUX0BGGgUfMvo34gkOt/hQtqAW1oO/jKcAAewpFwgFi/kIAAAAASUVORK5CYII=);*/
        z-index: 1;
        background-repeat: no-repeat;
    }

.black.text-block-quote:before {
    background-image: url(/assets-mobile/img/qoute-black.png);
}
.white.text-block-quote:before {
    background-image: url(/assets-mobile/img/qoute-white.png);
}
.grey.text-block-quote:before {
    background-image: url(/assets-mobile/img/qoute-grey.png);
}

.quote-body {
    margin-left: 50px;
}
.text-block-quote .quote-body .title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 5px;
   /* font-family: lobster;*/
}
.text-block-quote .quote-body .text {
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
}
.colorful .icon-img-container {
    width: max-content;
    padding: 12px;
    border-radius: 50%;
    margin: 10px auto;
}
.articles-main-body .ctaBtn{
    font-weight:300;
}
.icon-plane {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: sub;
    background: url(../../../../images/discover/golf/plane-small.png) no-repeat 50% 50%;
}
/*********Tooltip **********/

.tooltip-basic {
    position: relative;
    cursor: help;
}

    .tooltip-basic .tooltip-container {
        position: absolute;
        background: rgba(60,78,90,0.95);
        border-radius: var(--small-border-radius);
        padding: 15px;
        box-sizing: border-box;
        color: #fff;
        font-size: 15px;
        line-height: 24px;
        height: auto;
        text-shadow: none;
        transition: all ease .5s;
        text-transform: none;
        cursor: default;
        text-align: left;
        z-index: -1;
        opacity: 0;
        font-weight: normal;
    }

        .tooltip-basic .tooltip-container:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            transition: all ease .5s;
        }

        .tooltip-basic .tooltip-container.left {
            left: 100%;
            top: 0;
            margin-left: 15px;
        }

            .tooltip-basic .tooltip-container.left:before {
                left: -10px;
                top: 50%;
                margin-top: -10px;
                border-width: 10px 10px 10px 0;
                border-color: transparent rgba(60,78,90,0.95) transparent transparent;
            }
        

        .tooltip-basic.tooltip-container.bottom {
            top: 100%;
            margin-top: 15px;
        }

            .tooltip-basic .tooltip-container.bottom:before {
                left: 50%;
                margin-left: -10px;
                top: -10px;
                border-width: 0 10px 10px 10px;
                border-color: transparent transparent rgba(60,78,90,0.95) transparent;
            }

    .tooltip-basic:hover .tooltip-container {
        z-index: 4;
        opacity: 1;
    }

.tooltip-wide .tooltip-inner {
    max-width: 300px;
}

.tooltip .tooltip-inner h4 {
    color: white;
    text-align: left;
}


/********Tooltip end*********/

/*******sidebar Start**************/

#sidebarPanel {
    padding: 0;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

    #sidebarPanel .offcanvas-body {
        padding: 0 0 70px 0;
        margin-top: 74px;
    }

.offcanvas {
    width: 300px;
    border: 0;
}
.profileBox {
    width: 300px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    background: transparent;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    margin-top: env(safe-area-inset-top);
}
.listview {
    display: block;
    padding: 0;
    margin: 0;
    color: #141515;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.3em;
}

.listview.flush {
    border-top: 0;
    border-bottom: 0;
}
    .listview > li {
        padding: 8px 16px;
        display: block;
        align-items: center;
        justify-content: space-between;
        position: relative;
        min-height: 50px;
    }
.image-listview > li {
    padding: 0;
    min-height: auto;
}
.listview > li .item {
    position: relative;
}
    .image-listview > li .item {
        padding: 10px 16px;
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
    }

.image-listview > li a.item {
    color: #141515 !important;
    padding-right: 36px;
}

.image-listview > li .item .icon-box {
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    font-size: 20px;
    border-radius: 400px;
    margin-right: 16px;
}
.image-listview > li .item .in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.image-listview > li .item .icon-box.bg-primary, .image-listview > li .item .icon-box.bg-secondary, .image-listview > li .item .icon-box.bg-success, .image-listview > li .item .icon-box.bg-danger, .image-listview > li .item .icon-box.bg-warning, .image-listview > li .item .icon-box.bg-info, .image-listview > li .item .icon-box.bg-dark, .image-listview > li .item .icon-box.bg-light {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.image-listview > li a.item:after {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTZweCcgdmlld0JveD0nMCAwIDEwIDE2JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnPjxnIGlkPSdQYWdlLTEnIHN0cm9rZT0nbm9uZScgc3Ryb2tlLXdpZHRoPScxJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PGcgaWQ9J0xpc3R2aWV3JyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMTEyLjAwMDAwMCwgLTEyMC4wMDAwMDApJyBzdHJva2U9JyNBMUExQTInIHN0cm9rZS13aWR0aD0nMi4xNzgnPjxwb2x5bGluZSBpZD0nUGF0aCcgcG9pbnRzPScxMTQgMTIyIDEyMCAxMjggMTE0IDEzNCc+PC9wb2x5bGluZT48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 12px;
    opacity: .5;
    top: 50%;
    margin-top: -8px;
}

/*******sidebar End**************/
.caution {
    background-color: #FFF5F5;
    border: 1px solid #D4111E;
    border-radius:var(--main-border-radius);
}
/******Home Page video Block Start ********/
.home-video-block {
    background-image: url(https://www.cyprusparadise.com/images/home-video-1.jpg);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--small-border-radius);
}

    .home-video-block a img {
        max-width: 80px;
    }
/******Home Page video Block End ********/

/********************Video Section start***********/
.video-section {
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
}

    .video-section .title h2 {
        font-size: 40px;
        margin-bottom: 5px;
        color: #ffff;
        font-weight: 300;
    }

    .video-section .sub-title {
        font-size: 30px;
        color: #ffff;
        font-weight: 300;
    }

    .video-section .icon {
        max-width: 100px;
        margin: auto;
        cursor: pointer;
    }
/********************Video Section end***********/
.hide-for-small-only {
display:block;
}
.show-for-small-only {
    display:none;
}

.room-facilities li.facility {
    display: inline;
    line-height: 2.1;
    border: 1px solid #000;
    margin: 0px 3px;
    white-space: nowrap;
    padding: 3px 8px;
    border-radius: var(--small-border-radius);
}
.cursor-pointer {
    cursor: pointer;
}
.sticky {
    position: sticky;
    top: -1px;
    background: white;
    z-index: 99;
    box-shadow: 0px 3px 4px 0px var(--general-box-shadow-color);
}

.footer-links-widget .sep {
    height: auto !important;
    border-color: var(--primary-color);
}
.footer-links-widget .footer-title {
    font-size: 20px;
    font-weight: 400;
    color:var(--primary-color);
}

.info-message-green strong, .alert-box-green strong{
    color: #000;
}

.bordered-section {
    border: 1px solid lightgray;
    padding: 5px 10px;
    border-radius: var(--main-border-radius);
    font-size: 15px;
    line-height: 2.5;
}
.badge {
    font-size: 12px;
    line-height: 1em;
    border-radius: 100px;
    letter-spacing: 0;
    height: 22px;
    min-width: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border-color:var(--primary-color);
}

.border-bottom-light-gray {
    border-bottom: 1px solid var(--light-grey-color);
}
.error-note {
    font-size: 11px;
    color: red;
}

.hide-image {
    display: none;
}
/**********Fonts Start************/
@font-face {
    font-family: 'Old-Standard-TT-Italic';
    src: url("/assets/fonts/OldStandard-Italic.ttf");
}

@font-face {
    font-family: 'Lobster-Regular';
    src: url("/assets/fonts/Lobster-Regular.ttf");
}

@font-face {
    font-family: 'BungeeInline-Regular';
    src: url("../fonts/BungeeInline-Regular.ttf");
}

@font-face {
    font-family: 'Sacramento-Regular';
    src: url("../fonts/Sacramento-Regular.ttf");
}

@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url("../fonts/RobotoSlab-Regular.ttf");
}

@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url("../fonts/RobotoSlab-Bold.ttf");
}

@font-face {
    font-family: 'Merriweather-Regular';
    src: url("../fonts/Merriweather-Regular.ttf");
}

@font-face {
    font-family: 'Amatic-Bold';
    src: url("../fonts/Amatic-Bold.ttf");
}

@font-face {
    font-family: 'OldStandard-Bold';
    src: url("../fonts/OldStandard-Bold.ttf");
}

@font-face {
    font-family: 'OpenSans';
    src: url("/assets/fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: 'TitilliumWeb';
    src: url("../fonts/TitilliumWeb-Regular.ttf");
}

/**********Fonts End************/


/**************************   TABLET DESIGN START  ****************************/

@media only screen and (min-width:600px) and (max-width:1000px) {

    .home-video-block a img {
        max-width: 50px;
    }
    .infinite-menu-topbar.utility-bar .item {
    width:auto !important;
    
    }
}



/**************************   TABLET DESIGN END  ****************************/

@media (min-width: 744px) and (max-width:767px) { /*iPad Mini 2021*/
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
    .special-offer-single-section .card .left-price p {
    
        position: relative;
        border-left:none;
            
    }
 

}

@media (min-width: 740px) and (max-width:1024px) {
    body.searching .block-waiting-wrapper .block-waiting {
        width: 80%
    }
}
/*Black Friday label Start*/

.black-friday {
    background: black;
    border-radius: var(--main-border-radius);
    width: 100%;
    color: white;
    font-size: 13px;
    padding: 7px 10px;
}

    .black-friday strong {
        color: #ffd407;
        font-weight: bold;
    }
/*Black Friday label End*/

/*christmas discount label Start*/

.christmas-discount {
    background: red;
    border-radius: var(--main-border-radius);
    width: 100%;
    color: white;
    font-size: 13px;
    padding: 7px 10px;
    margin-top:10px;
}

    .christmas-discount strong {
        font-weight: bold;
    }
/*christmas discount label End*/