@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Philosopher:wght@700&family=Gilda+Display&display=swap");

@font-face {
    font-family: 'FuturaLT-Condensed';
    src: url('../fonts/FuturaLT-Condensed.ttf') format('truetype');
}

@font-face {
    font-family: 'Philosopher';
    src: url('../fonts/Philosopher-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Questrial';
    src: url('../fonts/Questrial-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'remine-fares';
    src: url('../fonts/remine-fares.otf') format('opentype');
}

:root {
    /**
  @font family declaration
  */
    --bd-ff-body: 'Questrial', sans-serif;
    --bd-ff-heading: 'Philosopher', serif;
    --bd-ff-p: 'poppins', sans-serif;
    --bd-ff-menu: 'poppins', sans-serif;
    --bd-ff-fontawesome: "Font Awesome 6 Pro";
    /**
  @color declaration
  */
    --bd-common-white: #FFFFFF;
    --bd-common-black: #000000;
    --bd-heading-primary: #000000;
    --bd-grey-1: #D9D9D9;
    --bd-grey-2: #E9CFCF;
    --bd-grey-3: #6C6C6C;
    --bd-text-body: #424242;
    --bd-text-1: #000000;
    --bd-text-2: #414141;
    --bd-theme-1: #164a72;
    --bd-theme-2: #F8F5F0;
    --bd-theme-3: #F9F5F0;
    --bd-theme-4: #FFF8EB;
    --bd-theme-5: #FFA455;
    --bd-theme-6: #FFF6EB;
    --bd-theme-7: #EBFFFE;
    --bd-theme-8: #FFECD6;
    --bd-theme-9: #FF7C7C;
    --bd-theme-10: #7C81FF;
    --bd-theme-11: #00B9F1;
    /**
  @font weight declaration
  */
    --bd-fw-normal: normal;
    --bd-fw-elight: 200;
    --bd-fw-light: 300;
    --bd-fw-regular: 400;
    --bd-fw-medium: 500;
    --bd-fw-sbold: 600;
    --bd-fw-bold: 700;
    --bd-fw-ebold: 800;
    --bd-fw-black: 900;
    /**
  @font size declaration
  */
    --bd-fz-body: 16px;
    --bd-fz-p: 16px;
    --bd-fz-h1: 70px;
    --bd-fz-h2: 55px;
    --bd-fz-h3: 40px;
    --bd-fz-h4: 24px;
    --bd-fz-h5: 16px;
    --bd-fz-h6: 16px;
}



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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
    font-family: var(--bd-ff-body);
    font-size: var(--bd-fz-body);
    font-weight: normal;
    color: var(--bd-text-body);
    line-height: 26px;
}

a {
    text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: var(--bd-ff-heading);
    color: #164a72;
    margin-top: 0px;
    font-weight: var(--bd-fw-regular);
}

h1 {
    font-size: var(--bd-fz-h1);
    line-height: 1.08;
}

h2 {
    font-size: var(--bd-fz-h2);
    line-height: 1.18;
}

h3 {
    font-size: var(--bd-fz-h3);
    line-height: 1.33;
}

h4 {
    font-size: var(--bd-fz-h4);
    line-height: 1.66;
}

h5 {
    font-size: var(--bd-fz-h5);
}

h6 {
    font-size: var(--bd-fz-h6);
    line-height: 2;
}

ul {
    margin: 0px;
    padding: 0px;
}

p {
    font-family: var(--bd-ff-p);
    font-size: var(--bd-fz-p);
    font-weight: var(--bd-fw-normal);
    color: var(--bd-text-body);
    margin-bottom: 15px;
    line-height: 30px;
}



a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

    button:hover {
        cursor: pointer;
    }

    button:focus {
        outline: 0;
    }

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

    input[type=color] {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: none;
        border: 0;
        cursor: pointer;
        height: 100%;
        width: 100%;
        padding: 0;
        border-radius: 50%;
    }

.ryl-cp {
    cursor: pointer;
}

*::-moz-selection {
    background: var(--bd-common-black);
    color: var(--bd-common-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--bd-common-black);
    color: var(--bd-common-white);
    text-shadow: none;
}

::selection {
    background: var(--bd-common-black);
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--bd-common-black);
    font-size: var(--bd-fz-body);
    opacity: 1;
}

*::placeholder {
    color: var(--bd-common-black);
    font-size: var(--bd-fz-body);
    opacity: 1;
}

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
i[class^=flaticon-] {
    line-height: 1;
    top: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/*----------------------------------------
  Magnific popup iframe
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
    max-width: 1500px;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.radius-24 {
    border-radius: 24px;
}

.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.fix-x {
    overflow-x: hidden;
}

.clear {
    clear: both;
}

.z-index-1 {
    z-index: 1;
}

.z-index-11 {
    z-index: 11;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.overflow-hidden {
    overflow: hidden;
}

.x-clip {
    overflow-x: clip;
}

.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.accordion-button:not(.collapsed) {
    pointer-events: none;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(10px);
}

    .body-overlay:hover {
        cursor: pointer;
    }

    .body-overlay.opened {
        opacity: 1;
        visibility: visible;
    }

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
    .progress-wrap {
        right: 15px;
        bottom: 15px;
    }
}

.basic-pagination ul li {
    display: inline-block;
}

    .basic-pagination ul li:not(:last-child) {
        margin-right: 10px;
    }

    .basic-pagination ul li a, .basic-pagination ul li span {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        border-radius: 7px;
        border: 2px solid #f1f1f1;
        font-size: 18px;
        font-weight: 600;
    }

        .basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
            background: var(--bd-theme-1);
            border-color: var(--bd-theme-1);
            color: var(--bd-common-white);
        }

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-inline-end: var(--bs-gutter-x, 15px);
    padding-inline-start: var(--bs-gutter-x, 15px);
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.row {
    --bs-gutter-x: 30px;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

@media (min-width: 992px) {
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

.nice-select::after {
    border: none;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    right: 15px;
    content: "\f107";
    font-family: var(--bd-ff-fontawesome);
    transform-origin: center;
    color: #ffffff;
    font-weight: 500;
    height: auto;
    width: auto;
}

.nice-select.open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 1px solid var(--bd-theme-1);
    background: var(--bd-theme-1);
    font-weight: normal;
    color: #fff;
}

.ui-widget-header .ui-icon {
    background-image: url("../img/ui-icon/ui-icons_444444_256x240.html");
}

.ui-corner-all.ui-state-hover {
    background: transparent;
    border: 0;
}

.ui-state-default.ui-state-default:hover {
    background-color: var(--bd-theme-1);
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    text-align: center;
}

.ui-widget-header {
    border: 1px solid var(--bd-theme-1);
    background: var(--bd-theme-1);
    color: var(--bd-common-black);
    font-weight: 600;
}

/* cart plus minus default style css */
.cart-plus,
.cart-minus {
    width: 25px;
    height: 30px;
    border: 2px solid var(--bd-border-1);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

    .cart-plus:hover,
    .cart-minus:hover {
        cursor: pointer;
        color: var(--bd-common-white);
        background: var(--bd-theme-1);
        border-color: var(--bd-theme-1);
    }

.cart-input {
    height: 30px;
    width: 32px;
    text-align: center;
    font-size: 14px;
    border: none;
    border-top: 2px solid var(--bd-border-1);
    border-bottom: 2px solid var(--bd-border-1);
    display: inline-block;
    vertical-align: middle;
    margin: 0 -3px;
    padding-bottom: 0px;
}

    .cart-input:focus {
        outline: none;
    }

/* dropcap */
.bd-dropcap {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    float: left;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: var(--bd-common-black);
    background-color: var(--bd-common-white);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    margin-right: 20px;
}

hr {
    margin: 0rem 0;
}

.img-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-common-black {
    background: var(--bd-common-black);
}

.bg-theme-1 {
    background: var(--bd-theme-1);
}

.bg-theme-2 {
    background: #f6fbff;
}

.bg-theme-3 {
    background: var(--bd-theme-3);
}

/*----------------------------------------
    - Spacing
-----------------------------------------*/ /*----------------------------------------*/
/*  02. BUTTON CSS
/*----------------------------------------*/
/* theme btn */
.bd-btn {
    text-transform: uppercase;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 15px 30px;
    font-weight: var(--bd-fw-medium);
    line-height: 19.5px;
    color: var(--bd-common-white);
    border: 1px solid var(--bd-common-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    padding-right: 50px;
    white-space: nowrap;
}

    .bd-btn.theme-btn {
        color: var(--bd-common-black);
        border: 1px solid var(--bd-theme-1);
    }

    .bd-btn.fill-btn {
        background-color: var(--bd-theme-1);
        color: var(--bd-common-black);
        border-color: var(--bd-theme-1);
    }

        .bd-btn.fill-btn:hover {
            background-color: var(--bd-common-black);
            color: var(--bd-common-white);
            border-color: var(--bd-common-black);
        }

    .bd-btn.dark-btn {
        color: var(--bd-common-black);
        border: 1px solid var(--bd-common-black);
        padding-right: 50px;
    }

    .bd-btn i {
        transform: rotate(-45deg);
    }

    .bd-btn:hover {
        background-color: var(--bd-theme-1);
        color: var(--bd-common-black);
        border-color: var(--bd-theme-1);
    }

        .bd-btn:hover span i {
            -webkit-transform: translate(20px, -20px) rotate(-45deg);
            transform: translate(20px, -20px) rotate(-45deg);
        }

        .bd-btn:hover span::after {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate(20px, -20px) rotate(-45deg);
            transform: translate(20px, -20px) rotate(-45deg);
        }

    .bd-btn span {
        overflow: hidden;
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
    }

        .bd-btn span i {
            -webkit-transform: translate(0, 0) rotate(-45deg);
            transform: translate(0, 0) rotate(-45deg);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .bd-btn span::after {
            position: absolute;
            content: "\f178";
            font-family: var(--bd-ff-fontawesome);
            font-weight: 900;
            left: -20px;
            bottom: -20px;
            -webkit-transform: translate(0, 0) rotate(-45deg);
            transform: translate(0, 0) rotate(-45deg);
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

.bd-btn-2 {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: var(--bd-common-black);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 8px 0;
}

    .bd-btn-2::before {
        content: "";
        width: 50px;
        height: 2px;
        position: absolute;
        left: 0;
        background-color: var(--bd-theme-1);
        bottom: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

[dir=rtl] .bd-btn-2::before {
    left: auto;
    right: 0;
}

.bd-btn-2 i {
    transform: translateY(3px) rotate(-45deg);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-btn-2:hover::before {
    width: 100%;
    left: auto;
}

[dir=rtl] .bd-btn-2:hover::before {
    right: auto;
}

.bd-btn-2:hover i {
    transform: translateY(3px) rotate(0deg);
}

.bd-btn-2.is-white {
    color: var(--bd-common-white);
}

    .bd-btn-2.is-white::before {
        background-color: var(--bd-common-white);
    }

/* pulse btn */
.bd-pulse-btn {
    position: relative;
}

    .bd-pulse-btn::after, .bd-pulse-btn::before {
        position: absolute;
        content: "";
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.4);
        animation: borderanimate2 2s linear infinite;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        z-index: -1;
    }

    .bd-pulse-btn.btn-2::after, .bd-pulse-btn.btn-2::before {
        left: 15%;
        top: 53%;
        width: 50px;
        height: 50px;
        border: 1px solid var(--bd-theme-8);
    }

[dir=rtl] .bd-pulse-btn.btn-2::after, [dir=rtl] .bd-pulse-btn.btn-2::before {
    left: auto;
    right: -10%;
}

.bd-pulse-btn::before {
    animation-delay: 0.7s;
}

/* hambur btn */
.hamburger-btn {
    margin-inline-start: 25px;
    width: 36px;
    height: 36px;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
}

    .hamburger-btn span {
        display: inline-block;
        width: 100%;
        display: block;
        position: absolute;
        height: 16px;
        width: 16px;
        border: 3px solid var(--bd-theme-1);
        border-radius: 5px;
        opacity: 1;
        top: 0;
        inset-inline-start: 0;
        z-index: 1;
        transition: 0.3s ease-in-out;
    }

        .hamburger-btn span:nth-child(1) {
            inset-inline-start: 0;
        }

        .hamburger-btn span:nth-child(2) {
            inset-inline-start: 19px;
        }

        .hamburger-btn span:nth-child(3) {
            inset-inline-start: 0px;
            top: 19px;
        }

        .hamburger-btn span:nth-child(4) {
            inset-inline-start: 19px;
            top: 19px;
        }

    .hamburger-btn:hover span:nth-child(4) {
        border-radius: 50%;
    }

.square-nav {
    width: 40px;
    height: 40px;
    border: 1px solid var(--bd-theme-2);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .square-nav:hover {
        border-color: var(--bd-theme-1);
        background: var(--bd-theme-1);
        color: var(--bd-common-white);
    }

    .square-nav.is-black {
        border-color: var(--bd-text-body);
    }

        .square-nav.is-black:hover {
            border-color: var(--bd-theme-1);
        }

/*----------------------------------------*/
/*  03. ANIMATION CSS
/*----------------------------------------*/
/* pulse effect animation */
@keyframes borderanimate2 {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes bd-updown {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes bd-updown-2 {
    0% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(-25deg);
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes swell {
    0%, 100% {
        transform: translate3d(0, -25px, 0);
    }

    50% {
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes wave {
    0% {
        margin-inline-start: 0;
    }

    100% {
        margin-inline-start: -1600px;
    }
}

@keyframes panel {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes rotate-infinite {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

@keyframes rotate-infinite-2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes img-blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes wobble-vertical {
    16.65% {
        transform: translateY(8px);
    }

    33.3% {
        transform: translateY(-6px);
    }

    49.95% {
        transform: translateY(4px);
    }

    66.6% {
        transform: translateY(-2px);
    }

    83.25% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes wobble-vertical {
    16.65% {
        transform: translateY(8px);
    }

    33.3% {
        transform: translateY(-6px);
    }

    49.95% {
        transform: translateY(4px);
    }

    66.6% {
        transform: translateY(-2px);
    }

    83.25% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0);
    }
}

.ryl-up-down-anim:hover i {
    animation-name: wobble-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
    }
}

.ryl-up-down2-anim {
    animation-name: up-down;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

/*----------------------------------------*/
/*  04. PRELOADER CSS START
/*----------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    transition: 0.3s;
}

.preloader-thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 260px;
    width: 260px;
}

@media (max-width: 575px) {
    .preloader-thumb {
        height: 200px;
        width: 200px;
    }
}

@media (max-width: 450px) {
    .preloader-thumb {
        height: 150px;
        width: 150px;
    }
}

.preloader-thumb img {
    width: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: img-blink 1s ease-in-out infinite alternate;
}

@media (max-width: 450px) {
    .preloader-thumb img {
        width: 100px;
    }
}

.preloader-thumb-wrap {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.preloader-border {
    border: 4px dotted #1b4e75;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    animation: rotate-infinite-2 15s linear infinite;
}

@media (max-width: 450px) {
    .preloader-border {
        border-width: 1px;
    }
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
    background: var(--bd-grey-1);
}

.grey-bg-2 {
    background: var(--bd-grey-2);
}

.white-bg {
    background: var(--bd-common-white);
}

.black-bg {
    background: var(--bd-common-black);
}

.theme-bg {
    background-color: var(--bd-theme-1);
}

.theme-bg-2 {
    background-color: var(--bd-theme-2);
}

.theme-bg-3 {
    background-color: var(--bd-theme-3);
}

.theme-bg-6 {
    background-color: var(--bd-theme-6);
}

.theme-bg-7 {
    background-color: var(--bd-theme-7);
}

.theme-bg-8 {
    background-color: var(--bd-theme-11);
}

.theme-bg-9 {
    background-color: var(--bd-theme-9);
}

.theme-bg-10 {
    background-color: var(--bd-theme-10);
}

.theme-bg-11 {
    background-color: var(--bd-theme-8);
}

.bd-gradient-bg {
    background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
    transform: rotate(-180deg);
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    z-index: -1;
}

/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area {
    position: fixed;
    right: -490px;
    top: 0;
    width: 450px;
    height: 100%;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-duration: 1s;
    z-index: 9999;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: scroll;
}

    .offcanvas__area::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
    }

    .offcanvas__area.offcanvas-opened {
        right: 0px;
    }

@media (max-width: 575px) {
    .offcanvas__area {
        width: 290px;
    }
}

.offcanvas__bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
    z-index: -1;
    backdrop-filter: blur(37px);
}

.offcanvas__wrapper {
    position: relative;
    padding: 45px;
    overflow: auto;
    height: 100%;
    background-color: var(--bd-common-white);
}

@media (max-width: 575px) {
    .offcanvas__wrapper {
        padding: 20px;
    }
}

.offcanvas__map {
    border: 2px solid var(--bd-theme-2);
    border-radius: 16px;
    overflow: hidden;
}

.offcanvas__close-btn {
    display: inline-block;
    font-size: 45px;
    color: var(--bd-common-black);
}

@media (max-width: 575px) {
    .offcanvas__close-btn {
        font-size: 30px;
    }
}

.offcanvas__close-btn:hover {
    transform: rotate(90deg);
}

.offcanvas__color {
    margin-bottom: 40px;
}

    .offcanvas__color h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .offcanvas__color input {
        display: none;
    }

    .offcanvas__color label {
        width: 100%;
        height: 60px;
        background-color: var(--bd-theme-1);
    }

        .offcanvas__color label:hover {
            cursor: pointer;
        }

.offcanvas__search {
    position: relative;
}

    .offcanvas__search input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: transparent;
        border: none;
        outline: none;
        border-bottom: 1px solid #D5D5D5;
        font-size: 18px;
        color: var(--bd-common-black);
        padding-right: 30px;
    }

[dir=rtl] .offcanvas__search input {
    padding-right: auto;
    padding-left: 30px;
}

.offcanvas__search input::placeholder {
    color: #686868;
}

.offcanvas__search input:focus {
    border-color: var(--bd-theme-1);
}

.offcanvas__search button {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--bd-text-1);
}

    .offcanvas__search button:hover {
        color: var(--bd-theme-1);
    }

.offcanvas__text p {
    margin-bottom: 25px;
}

.offcanvas__about h4 {
    font-size: 23px;
    color: var(--bd-common-black);
    font-weight: 500;
    margin-bottom: 10px;
}

.offcanvas__contact h4 {
    font-size: 23px;
    margin-bottom: 20px;
    color: var(--bd-common-black);
    font-weight: 500;
}

.offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 20px;
}

.offcanvas__contact ul li a:hover {
    color: var(--bd-theme-1);
}

.offcanvas__contact-icon i {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid var(--bd-theme-1);
    border-radius: 50%;
    color: var(--bd-theme-1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .offcanvas__contact-icon i:hover {
        color: var(--bd-common-black);
        border-color: #D5D5D5;
    }

.offcanvas__contact-text a {
    font-size: 18px;
    font-weight: 400;
    color: var(--bd-text-1);
}

    .offcanvas__contact-text a:hover {
        color: var(--bd-theme-1);
    }

.offcanvas__map img {
    width: 100%;
}

.offcanvas__social {
    margin-top: 80px;
}

    .offcanvas__social h4 {
        font-size: 23px;
        margin-bottom: 20px;
        color: var(--bd-common-black);
        font-weight: 500;
    }

    .offcanvas__social ul {
        display: flex;
        gap: 15px;
        border-top: 1px solid #D5D5D5;
        padding: 15px 0;
    }

        .offcanvas__social ul li {
            display: inline-block;
        }

            .offcanvas__social ul li:not(:last-child) {
                margin-right: 5px;
            }

            .offcanvas__social ul li a {
                display: inline-block;
                width: 42px;
                height: 42px;
                border: 1px solid #D5D5D5;
                line-height: 40px;
                text-align: center;
                color: var(--bd-common-black);
                border-radius: 50px;
            }

                .offcanvas__social ul li a:hover {
                    color: var(--bd-common-black);
                    border-color: var(--bd-theme-1);
                    background-color: var(--bd-theme-1);
                }

.offcanvas__notification-icon a {
    font-size: 14px;
    color: var(--bd-common-black);
    position: relative;
}

    .offcanvas__notification-icon a .notification-count {
        position: absolute;
        top: -4px;
        right: -13px;
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 22px;
        font-size: 12px;
        font-weight: 600;
        background-color: var(--bd-theme-1);
        border-radius: 50%;
        color: var(--bd-common-white);
        text-align: center;
    }

.offcanvas__notification-text p {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--bd-common-black);
    font-size: 14px;
}

    .offcanvas__notification-text p .notification-number {
        color: var(--bd-theme-1);
    }

    .offcanvas__notification-text p a {
        color: var(--bd-theme-1);
    }

.offcanvas__btn a {
    margin-bottom: 20px;
}

/*----------------------------------------*/
/*  BREADCRUMB CSS START
/*----------------------------------------*/
.bd-breadcrumb {
    position: relative;
    z-index: 2;
    min-height: 400px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-breadcrumb {
        min-height: 350px;
    }
}

.bd-breadcrumb-area {
    padding-top: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-breadcrumb-area {
        padding-top: 90px;
    }
}

.bd-breadcrumb__thumb {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.05;
    z-index: -1;
}

.bd-breadcrumb__title {
    font-size: 70px;
    line-height: 1.2;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-breadcrumb__title {
        font-size: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-breadcrumb__title {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-breadcrumb__title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-breadcrumb__title {
        font-size: 45px;
    }
}

@media (max-width: 450px) {
    .bd-breadcrumb__title {
        font-size: 40px;
    }
}

.bd-breadcrumb__list {
    display: flex;
    gap: 28px;
}

    .bd-breadcrumb__list span {
        position: relative;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--bd-common-white);
    }

        .bd-breadcrumb__list span a:hover {
            color: var(--bd-theme-1);
        }

        .bd-breadcrumb__list span i {
            margin-inline-end: 10px;
        }

[dir=rtl] .bd-breadcrumb__list span i {
    margin-inline-start: 10px;
}

.bd-breadcrumb__list span::before {
    font-family: var(--bd-ff-fontawesome);
    position: absolute;
    content: "\f105";
    font-weight: 400;
    border-radius: 40%;
    inset-inline-end: -15px;
    top: 1px;
}

.bd-breadcrumb__list span:last-child::before {
    content: none;
}

/*----------------------------------------*/
/*  ACCORDION CSS START
/*----------------------------------------*/
.tp-accordion .accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

    .tp-accordion .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .tp-accordion .accordion-item:last-of-type {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        .tp-accordion .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

.tp-accordion .accordion-button {
    padding: 30px 0;
    padding-right: 15px;
    font-size: 24px;
    font-weight: 500;
    color: var(--tp-common-white);
    background-color: transparent;
}

    .tp-accordion .accordion-button::after {
        position: absolute;
        content: "\f107";
        font-family: var(--tp-ff-fontawesome);
        background-image: none;
        top: 28%;
        right: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        color: var(--tp-theme-1);
        width: auto;
        height: auto;
        font-weight: 500;
    }

    .tp-accordion .accordion-button.collapsed::after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        color: var(--tp-common-white);
    }

    .tp-accordion .accordion-button:not(.collapsed) {
        color: var(--tp-theme-1);
        background-color: transparent;
        box-shadow: none;
    }

    .tp-accordion .accordion-button:focus {
        box-shadow: none;
        border: 0;
    }

    .tp-accordion .accordion-button:hover {
        color: var(--tp-theme-1);
    }

        .tp-accordion .accordion-button:hover::after {
            color: var(--tp-theme-1);
        }

.tp-accordion .accordion-body {
    padding: 0 0 25px;
}

    .tp-accordion .accordion-body p {
        font-size: 16px;
        color: var(--tp-text-1);
    }

.bd-swiper-pagination {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 78px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-swiper-pagination {
        justify-content: start;
        margin-bottom: 10px;
    }
}

.bd-swiper-pagination span {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: transparent;
    position: relative;
    opacity: 1;
}

    .bd-swiper-pagination span::before {
        content: "";
        height: 8px;
        width: 8px;
        background: #646464;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .bd-swiper-pagination span.swiper-pagination-bullet-active {
        border: 2px solid var(--bd-theme-1);
    }

        .bd-swiper-pagination span.swiper-pagination-bullet-active::before {
            background-color: var(--bd-theme-1);
        }

.bd-swiper-navigation {
    display: flex;
    gap: 17px;
    justify-content: end;
    position: absolute;
    bottom: 190px;
    z-index: 33;
    right: 14%;
}

[dir=rtl] .bd-swiper-navigation {
    right: auto;
    left: 14%;
}

.bd-hero__slider-nav .channel_pagination span::before {
    content: "";
    height: 8px;
    width: 8px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bd-hero__slider-nav .channel_pagination span.swiper-pagination-bullet-active::before {
    background-color: #ffffff;
}

.bd-swiper-pagination span.swiper-pagination-bullet-active {
    border: 2px solid #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-swiper-navigation {
        right: 20px;
    }

    [dir=rtl] .bd-swiper-navigation {
        right: auto;
        left: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-swiper-navigation {
        justify-content: start;
        padding-top: 28px;
        padding-bottom: 5px;
        right: 15px;
    }

    [dir=rtl] .bd-swiper-navigation {
        right: auto;
        left: 15px;
    }
}

@media (max-width: 575px) {
    .bd-swiper-navigation {
        bottom: 20px;
        right: 50%;
        transform: translateX(50%);
    }
}

.bd-swiper-navigation button {
    height: 50px;
    width: 50px;
    font-size: 17px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--bd-common-white);
    color: var(--bd-common-white);
    opacity: 0.5;
    transform: rotate(-45deg);
    transition: all 0.3s;
}

    .bd-swiper-navigation button:hover {
        opacity: 1;
        background-color: var(--bd-theme-1);
        border-color: var(--bd-theme-1);
        transform: rotate(0);
    }

/*----------------------------------------*/
/*  07. TAB CSS START
/*----------------------------------------*/
.bd-tab .nav-tabs {
    padding: 0;
    margin: 0;
    border: 0;
}

    .bd-tab .nav-tabs .nav-link {
        padding: 0;
        margin: 0;
        border: 0;
    }

/*----------------------------------------*/
/*  08. MODAL CSS START
/*----------------------------------------*/
.bd-shop-modal .modal-dialog {
    max-width: 950px;
    margin: 1.75rem auto;
}



@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-shop-modal .modal-dialog {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.bd-shop-modal .modal-header {
    border-bottom: 0px;
}

.bd-shop-modal .btn-close {
    font-size: 15px;
}

.bd-theme-settings-wrapper .row {
    --bs-gutter-x: 8px;
}

.bd-theme-settings-area {
    position: fixed;
    top: 50%;
    left: 0;
    width: 240px;
    background-color: var(--bd-common-white);
    -webkit-transform: translateY(-50%) translateX(-100%);
    -moz-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    z-index: 991;
    direction: ltr;
    border: 1px solid rgba(217, 217, 217, 0.3098039216);
}

    .bd-theme-settings-area.settings-opened {
        -webkit-transform: translateY(-50%) translateX(0%);
        -moz-transform: translateY(-50%) translateX(0%);
        -ms-transform: translateY(-50%) translateX(0%);
        -o-transform: translateY(-50%) translateX(0%);
        transform: translateY(-50%) translateX(0%);
    }

        .bd-theme-settings-area.settings-opened .bd-theme-settings-gear {
            opacity: 0;
        }

        .bd-theme-settings-area.settings-opened .bd-theme-settings-close {
            opacity: 1;
        }

.bd-theme-settings-open {
    position: absolute;
    top: -1px;
    left: 100%;
}

    .bd-theme-settings-open button {
        background-color: var(--bd-common-white);
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 20px;
        color: var(--bd-theme-1);
        position: relative;
    }

.bd-theme-settings-gear {
    display: inline-block;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bd-theme-settings-close {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.bd-theme-header-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.bd-theme-wrapper {
    padding: 20px 30px 30px;
}

.bd-theme-toggle {
    text-align: center;
}

.bd-theme-toggle-main {
    display: inline-block;
    width: 160px;
    margin: auto;
    position: relative;
    z-index: 1;
    background-color: #f0f0f5;
    padding: 4px;
    border-radius: 20px;
}

.bd-theme-toggle-light, .bd-theme-toggle-dark {
    display: inline-block;
    width: 48%;
    height: 26px;
    line-height: 26px;
}

.bd-theme-toggle input {
    display: none;
}

.bd-theme-toggle:hover {
    cursor: pointer;
}

.bd-theme-toggle label {
    color: var(--bd-common-black);
    font-size: 14px;
    font-weight: 500;
}

    .bd-theme-toggle label:hover {
        cursor: pointer;
    }

.bd-theme-toggle #bd-theme-toggler {
    display: none;
}

    .bd-theme-toggle #bd-theme-toggler:checked + i {
        right: calc(50% - 4px);
    }

.bd-theme-toggle-slide {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    height: 26px;
    color: var(--bd-common-black);
    background-color: var(--bd-common-white);
    border-radius: 30px;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0);
    -webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: -1;
}

.bd-theme-dir {
    text-align: center;
}

.bd-theme-dir-main {
    display: inline-block;
    width: 160px;
    margin: auto;
    position: relative;
    z-index: 1;
    background-color: #f0f0f5;
    padding: 4px;
    border-radius: 20px;
}

.bd-theme-dir-ltr, .bd-theme-dir-rtl {
    display: inline-block;
    width: 48%;
    height: 26px;
    line-height: 26px;
}

.bd-theme-dir input {
    display: none;
}

.bd-theme-dir:hover {
    cursor: pointer;
}

.bd-theme-dir label {
    color: var(--bd-common-black);
    font-size: 14px;
    font-weight: 500;
}

    .bd-theme-dir label:hover {
        cursor: pointer;
    }

.bd-theme-dir #bd-dir-toggler {
    display: none;
}

    .bd-theme-dir #bd-dir-toggler:checked + i {
        right: calc(50% - 4px);
    }

.bd-theme-dir-slide {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    height: 26px;
    color: var(--bd-common-black);
    background-color: var(--bd-common-white);
    border-radius: 30px;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0);
    -webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: -1;
}

.bd-theme-color-item.active button::before {
    opacity: 1;
    visibility: visible;
}

.bd-theme-color-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

    .bd-theme-color-btn::before {
        position: absolute;
        content: "\f00c";
        font-weight: 600;
        font-family: "Font Awesome 5 Pro";
        color: var(--bd-common-white);
        font-size: 16px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
    }

    .bd-theme-color-btn.bd-color-settings-btn[data-color="#EEC78C"] {
        background-color: #EEC78C;
    }

    .bd-theme-color-btn.bd-color-settings-btn[data-color="#FF9B24"] {
        background-color: #FF9B24;
    }

    .bd-theme-color-btn.bd-color-settings-btn[data-color="#FF577B"] {
        background-color: #FF577B;
    }

    .bd-theme-color-btn.bd-color-settings-btn[data-color="#7C81FF"] {
        background-color: #7C81FF;
    }

.bd-theme-color-input {
    margin-top: 15px;
}

    .bd-theme-color-input h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .bd-theme-color-input label {
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: var(--bd-theme-1);
    }

        .bd-theme-color-input label:hover {
            cursor: pointer;
        }

    .bd-theme-color-input input {
        display: none;
    }

.bd-section__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bd-text-2);
    display: inline-block;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-section__subtitle {
        margin-top: -12px;
        display: inline-block;
    }
}

.bd-section__title {
    text-transform: capitalize;
    font-size: 36px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-section__title br {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-section__title {
        font-size: 48px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-section__title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-section__title {
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .bd-section__title {
        font-size: 28px;
    }
    .bd-section__title {
        font-size: 18px;
        margin: 0;
    }
}

.bd-section__title-wrapper.is-white .bd-section__title {
    color: var(--bd-common-white);
}

.bd-section__title-wrapper.is-white .bd-section__subtitle {
    color: var(--bd-common-white);
}

/* logo */
.bd-header {
    position: relative;
}

    .bd-header .container {
        max-width: 1640px;
    }

.bd-header__logo {
    width: 190px;
}

@media (max-width: 450px) {
    .bd-header__logo {
        width: 160px;
    }
}

.bd-header__logo img {
    width: 100%;
}

.bd-header__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-header__bg::before {
        content: "";
        background-color: #000000;
        opacity: 0.75;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.bd-header__top {
    padding: 30px 0;
}

    .bd-header__top.header-sticky {
        background: var(--bd-common-black);
        padding: 20px 0;
    }

.bd-header__meta-item {
    gap: 15px;
}

.bd-header__meta-icon i {
    color: var(--bd-common-white);
}

.bd-header__meta-text p {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    color: var(--bd-common-white);
    font-weight: var(--bd-fw-medium);
}

    .bd-header__meta-text p:hover {
        color: var(--bd-theme-1);
    }

.bd-header.transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.bd-header-lang {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bd-header-lang__item a {
    display: inline-block;
    height: 40px;
    width: 40px;
    justify-content: center;
    text-align: center;
    color: var(--bd-common-black);
    text-transform: uppercase;
    line-height: 38px;
    border: 1px solid var(--bd-common-black);
    opacity: 0.5;
    border-radius: 50%;
    letter-spacing: 0.05em;
}

    .bd-header-lang__item a.active {
        opacity: 1;
    }

    .bd-header-lang__item a:hover {
        opacity: 1;
        background-color: var(--bd-common-black);
        color: var(--bd-common-white);
    }

.bd-header-hamburger {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 30px;
}

    .bd-header-hamburger span {
        height: 2px;
        width: 100%;
        background-color: #164a72;
        display: block;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
        .bd-header-hamburger span:not(:last-child) {
            margin-bottom: 8px;
        }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-header-hamburger span {
        width: 45px;
    }
}

.bd-header-hamburger span:nth-child(2) {
    width: 70%;
    margin-inline-end: auto;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-header-hamburger span:nth-child(2) {
        width: 100%;
    }
}

.bd-header-hamburger:hover span {
    background-color: var(--bd-theme-1);
}

    .bd-header-hamburger:hover span:nth-child(2) {
        width: 100%;
    }

.bd-header-hamburger.is-black span {
    background-color: var(--bd-common-black);
}

.logo img {
    width: 190px;
}

.header-sticky {
    position: fixed !important;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
    box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
}

    .header-sticky.is-transparent {
        background: var(--bd-common-white);
    }

        .header-sticky.is-transparent .bd-main-menu.is-white ul li a {
            color: var(--bd-common-black);
        }

        .header-sticky.is-transparent .bd-main-menu.is-white ul li.has-dropdown > a::after {
            color: var(--bd-common-black);
        }

        .header-sticky.is-transparent .bd-main-menu.is-white ul li .submenu li a {
            color: var(--bd-common-black);
        }

        .header-sticky.is-transparent .bd-main-menu.is-white ul li.has-mega-menu .mega-menu li ul li a {
            color: var(--bd-common-black);
        }

.header-pos {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}

    .bd-header-3:not(.header-sticky) .bd-btn.fill-btn {
        background-color: var(--bd-common-white);
        color: var(--bd-common-black);
        border-color: var(--bd-common-white);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-header-3:not(.header-sticky) .bd-btn.fill-btn {
        background-color: var(--bd-theme-1);
        color: var(--bd-common-black);
        border-color: var(--bd-theme-1);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-header-3__bottom-left {
        width: 100%;
    }
}

.bd-header-3__hamburger {
    margin-inline-start: 150px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-header-3__hamburger {
        margin-inline-start: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-header-2__main {
        padding: 20px 0;
    }
}

.bd-main-menu {
    gap: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-main-menu {
        margin-inline-start: 25px;
        gap: 10px;
    }
}

.bd-main-menu ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-inline-end: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-main-menu ul li {
        margin-inline-end: 25px;
    }
}

.bd-main-menu ul li:last-child {
    margin-inline-end: 0px;
}

.bd-main-menu ul li a {
    display: inline-block;
    font-size: 15px;
    color: var(--bd-common-black);
    padding: 10px 0;
    line-height: 36px;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    font-weight: var(--bd-fw-medium);
}

.bd-main-menu ul li.has-mega-menu {
    position: static;
}

    .bd-main-menu ul li.has-mega-menu .mega-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        padding: 30px 40px;
        background: #ffffffed;
        visibility: hidden;
        opacity: 0;
        transform: scaleY(0) translateX(-50%);
        transform-origin: top center;
        z-index: 99;
        width: 1028px;
        box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
        -webkit-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
        -moz-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
        -ms-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
        -o-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
        transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-main-menu ul li.has-mega-menu .mega-menu {
        width: 900px;
    }
}

.bd-main-menu ul li.has-mega-menu .mega-menu li {
    margin-inline-end: 0;
}

    .bd-main-menu ul li.has-mega-menu .mega-menu li .mega-menu-title {
        font-weight: 500;
        font-size: 18px;
        color: var(--bd-common-black);
        cursor: text;
        padding: 0;
        display: inline-block;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .bd-main-menu ul li.has-mega-menu .mega-menu li ul li {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }

        .bd-main-menu ul li.has-mega-menu .mega-menu li ul li a {
            font-weight: 400;
            font-size: 16px;
            padding: 5px 0;
            line-height: 30px;
            text-transform: capitalize;
            position: relative;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

            .bd-main-menu ul li.has-mega-menu .mega-menu li ul li a::before {
                position: absolute;
                content: "";
                inset-inline-start: 0;
                inset-inline-end: auto;
                top: 55%;
                bottom: auto;
                transform: translateY(-50%);
                width: 0px;
                height: 2px;
                background-color: var(--bd-theme-1);
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -ms-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
            }

        .bd-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a {
            color: var(--bd-theme-1);
            padding-inline-start: 18px;
        }

            .bd-main-menu ul li.has-mega-menu .mega-menu li ul li:hover a::before {
                width: 12px;
            }

    .bd-main-menu ul li.has-mega-menu .mega-menu li:hover > .mega-menu-title {
        padding-left: 0;
    }

.bd-main-menu ul li.has-dropdown > a {
    position: relative;
}

    .bd-main-menu ul li.has-dropdown > a::after {
        content: "\f107";
        -webkit-transform: translateY(1px);
        -moz-transform: translateY(1px);
        -ms-transform: translateY(1px);
        -o-transform: translateY(1px);
        transform: translateY(1px);
        font-size: 14px;
        color: var(--bd-common-black);
        font-family: var(--bd-ff-fontawesome);
        font-weight: 400;
        margin-inline-start: 5px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

.bd-main-menu ul li .submenu {
    position: absolute;
    top: 100%;
    inset-inline-start: -30%;
    width: 320px;
    background: var(--bd-common-white);
    z-index: 99;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top center;
    padding: 15px 25px;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    -moz-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    -ms-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    -o-transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
}

    .bd-main-menu ul li .submenu li {
        display: block;
        width: 100%;
        margin: 0;
    }

        .bd-main-menu ul li .submenu li.has-dropdown > a::after {
            position: absolute;
            top: 50%;
            right: 25px;
            -webkit-transform: translateY(-50%) rotate(-90deg);
            -moz-transform: translateY(-50%) rotate(-90deg);
            -ms-transform: translateY(-50%) rotate(-90deg);
            -o-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
        }

        .bd-main-menu ul li .submenu li a {
            padding: 0px;
            font-size: 16px;
            position: relative;
            z-index: 1;
            width: 100%;
            line-height: 30px;
            font-weight: var(--bd-fw-normal);
        }

            .bd-main-menu ul li .submenu li a::before {
                position: absolute;
                content: "";
                inset-inline-start: 0;
                inset-inline-end: auto;
                top: 55%;
                bottom: auto;
                transform: translateY(-50%);
                width: 0px;
                height: 2px;
                background-color: var(--bd-theme-1);
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -ms-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
            }

        .bd-main-menu ul li .submenu li .submenu {
            left: 120%;
            top: 0;
            visibility: hidden;
            opacity: 0;
        }

        .bd-main-menu ul li .submenu li:hover > a {
            color: var(--bd-theme-1);
            padding-inline-start: 18px;
        }

            .bd-main-menu ul li .submenu li:hover > a::before {
                width: 12px;
            }

        .bd-main-menu ul li .submenu li:hover > .submenu {
            left: 100%;
            visibility: visible;
            opacity: 1;
        }

.bd-main-menu ul li:hover > a {
    color: var(--bd-common-white);
}

    .bd-main-menu ul li:hover > a::after {
        color: var(--bd-common-white);
    }

.bd-main-menu ul li:hover > .submenu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}

.bd-main-menu ul li:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1) translateX(-50%);
}

.bd-main-menu ul li:hover.has-mega-menu::before {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transition-delay: 0.1s;
}

.bd-main-menu.is-white ul li a {
    color: var(--bd-common-white);
}

ul.mega-menu li a {
    color: #000 !important;
}

.bd-main-menu.is-white ul li.has-dropdown > a::after {
    color: var(--bd-common-white);
}

.bd-main-menu.is-white ul li .submenu li a {
    color: var(--bd-common-black);
    transition: all 0.3s;
}

.bd-main-menu.is-white ul li.has-mega-menu .mega-menu li ul li a {
    color: var(--bd-common-black);
}

.main-nav-wrapper {
    transition: all 0.7s ease-in;
    position: relative;
    width: 100%;
    z-index: 999;
}

    .main-nav-wrapper::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #f00;
        z-index: 1;
    }

    .main-nav-wrapper .sidebar-menu-contact {
        gap: 35px;
    }

        .main-nav-wrapper .sidebar-menu-contact a {
            width: 45px;
            text-align: center;
        }

    .main-nav-wrapper .mobile-logo-area .header-logo {
        max-width: 190px;
    }

@media (max-width: 450px) {
    .main-nav-wrapper .mobile-logo-area .header-logo {
        max-width: 170px;
    }
}

.main-nav-wrapper .main-nav-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 5% !important;
    z-index: 99;
    height: 100%;
    overflow-y: auto;
    background: url("../img/bg/noise-transparent.html") repeat 0 0;
    background-color: #101010;
    box-shadow: 4px 3px 20px rgba(16, 33, 34, 0.06);
    transition: all 0.7s;
    display: flex;
    flex-direction: column;
    transform: translateY(-10vh);
    opacity: 0;
    visibility: hidden;
    gap: 30px;
    scrollbar-width: none;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .main-nav-wrapper .main-nav-js {
        min-width: 100%;
        max-width: 100%;
    }
}

.main-nav-wrapper .main-nav-js::-webkit-scrollbar {
    display: none;
    width: 5px;
}

.main-nav-wrapper .main-nav-js::before {
    content: "Explore Pages.";
    position: absolute;
    top: 45%;
    right: 10%;
    transform: translateY(-50%);
    display: block;
    font-size: 220px;
    font-weight: 700;
    line-height: 1;
    color: #ACACAC;
    opacity: 0.1;
    z-index: 1;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: 0;
    height: 300px;
    letter-spacing: 5px;
    text-align: right;
    z-index: -1;
}

[dir=rtl] .main-nav-wrapper .main-nav-js::before {
    left: 10%;
    right: auto;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .main-nav-wrapper .main-nav-js::before {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav-js::before {
        font-size: 200px;
    }
}

.main-nav-wrapper .main-nav-js::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.main-nav-wrapper .main-nav-js::-webkit-scrollbar-thumb {
    background: #999;
}

    .main-nav-wrapper .main-nav-js::-webkit-scrollbar-thumb:hover {
        background: var(--border-color);
    }

.main-nav-wrapper .main-nav-js .menu-close-btn {
    opacity: 1;
    cursor: pointer;
    padding: 5px;
    opacity: 0.8;
    font-size: 40px;
}

@media (max-width: 575px) {
    .main-nav-wrapper .main-nav-js .menu-close-btn {
        font-size: 30px;
    }
}

.main-nav-wrapper .main-nav-js .menu-close-btn i {
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.main-nav-wrapper .main-nav-js .menu-close-btn:hover i {
    color: var(--bd-theme-1);
    transform: rotate(180deg);
}

.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
    float: none;
    text-align: left;
    padding: 80px 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
    margin-right: auto;
    z-index: 3;
}

[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
        padding: 40px 0 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
        padding: 45px 0 35px;
    }
}

.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li {
    display: block;
    position: relative;
    padding: 5px;
    transition: all 0.2s;
    transform: translateY(50px) scaleY(0);
    opacity: 0;
    margin-bottom: 15px;
}

    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li:last-child {
        border-bottom: 1px solid transparent;
        margin-bottom: 0;
    }

    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li:hover a:before {
        width: 100%;
    }

    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
        position: absolute;
        right: 40px;
        top: 15px;
        font-size: 36px;
        cursor: pointer;
        color: #fff;
        opacity: 0.8;
    }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
        right: 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
        top: 8px;
    }
}

[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li > .bi {
    left: 40px;
    right: auto;
}

.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
    padding: 4px 0;
    display: inline-block;
    font-size: 3.5rem;
    font-weight: 700;
    color: #ffffff;
    transition: all 0.6s ease;
    font-style: normal;
    text-decoration: none;
    transition: all 0.55s ease;
    position: relative;
    text-transform: uppercase;
    font-family: var(--bd-ff-menu);
    line-height: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
        font-size: 2rem;
    }
}

.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a::before {
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 0;
    width: 0;
    color: #ffffff;
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.8s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

[dir=rtl] .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a::before {
    left: auto;
    right: 0;
}

.main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu {
    position: static;
    min-width: 180px;
    background: 0 0;
    border: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    transform: none;
    transition: none;
    display: none;
    list-style: none;
    padding-left: 20px;
    margin-top: 25px;
}

    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li {
        opacity: 1;
    }

        .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li a {
            font-size: 22px;
            font-weight: 400;
            padding: 15px 5px;
            font-style: normal;
            text-transform: uppercase;
            -webkit-text-stroke: unset;
            -webkit-text-fill-color: unset;
            color: #ffffff;
            width: 100%;
            opacity: 0.5;
        }

            .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li ul.sub-menu li a:hover {
                opacity: 1;
            }

.main-nav-wrapper .main-nav-js.show-menu {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.main-nav-wrapper .uesr-aera {
    width: 70px;
    height: 70px;
    line-height: 72px;
    border-radius: 50%;
    text-align: center;
    background: var(--primary-color2);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

    .main-nav-wrapper .uesr-aera .bi {
        font-size: 35px;
        color: var(--text-primary);
    }

.main-nav-wrapper .mobile-menu {
    position: relative;
    top: 2px;
    padding: 0 5px;
    border-radius: 50%;
    display: inline-block;
}

.main-page-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
}

    .main-page-wrapper .left-fixed-image {
        width: 700px;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 100vh;
        height: 100%;
    }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-page-wrapper .left-fixed-image {
        width: 550px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-page-wrapper .left-fixed-image {
        width: 400px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-page-wrapper .left-fixed-image {
        width: 300px;
    }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .main-page-wrapper .left-fixed-image {
        display: none;
        visibility: none;
    }
}

.main-page-wrapper .left-fixed-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
}

@-webkit-keyframes navLinkFade {
    from {
        opacity: 0;
        transform: translateY(50px) scaleY(0);
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes navLinkFade {
    from {
        opacity: 0;
        transform: translateY(50px) scaleY(0);
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@supports (-webkit-text-stroke: 1px #ffffff) {
    .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
        -webkit-text-stroke: 1px #ffffff;
        color: transparent;
    }
}
/*----------------------------------------*/
/*  14. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: var(--bd-common-black);
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

    .mean-container .mean-nav ul li a:hover {
        color: var(--bd-theme-1);
    }

    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 5px;
        padding: 0 !important;
        line-height: 14px;
        border: 0;
        height: 30px;
        width: 30px;
        line-height: 30px;
        color: var(--bd-common-black);
        line-height: 30px;
        top: 0;
        font-weight: 400;
    }

        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: var(--bd-theme-1);
            color: var(--bd-common-white);
            border-color: var(--bd-theme-1);
        }

        .mean-container .mean-nav ul li a.mean-expand i {
            font-size: 16px;
        }

.mean-container .mean-nav ul li > a > i {
    display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
    display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
    color: var(--bd-common-white);
    background-color: var(--bd-theme-1);
}

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        color: var(--bd-common-white);
    }

.mean-container .mean-nav ul li ul li .mega-menu-2 {
    padding-bottom: 6px;
}

    .mean-container .mean-nav ul li ul li .mega-menu-2 li ul li a {
        display: flex;
        gap: 10px;
        background: #33C5B6;
        border-radius: 16px;
        width: 100%;
        padding: 12px 15px;
        margin-bottom: 24px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .mean-container .mean-nav ul li ul li .mega-menu-2 li ul li a.mega-btn {
            background-color: var(--bd-common-white);
            width: auto;
            height: 44px;
            line-height: 44px;
            padding: 0 30px;
            text-align: center;
            display: inline-block;
            color: var(--bd-common-black);
        }

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-num span {
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    border-radius: 50%;
    color: var(--bd-common-white);
    background-color: var(--bd-theme-2);
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-title h6 {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--bd-common-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-title span {
    color: var(--bd-common-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb {
    border-radius: 16px;
    overflow: hidden;
    margin: 10px 0;
}

    .mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb img {
        width: 100%;
    }

    .mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb::before {
        content: "";
        position: absolute;
        height: 220px;
        width: 100%;
        left: 0;
        bottom: 0;
        background: linear-gradient(180deg, #FF9B24 0%, rgba(255, 155, 36, 0) 100%);
        transform: matrix(1, 0, 0, -1, 0, 0);
    }

.mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    padding-left: 0px;
    transform: translateX(-50%);
    margin-right: -50%;
}

    .mean-container .mean-nav ul li ul li .mega-menu-2-inner-thumb-content h4 {
        font-size: 23px;
        line-height: 39px;
        color: var(--bd-common-white);
        margin-bottom: 16px;
    }

.mean-container .mean-nav ul li li li a.mega-program {
    background: var(--bd-theme-1);
    border-radius: 16px;
    margin: 5px 0;
    text-transform: capitalize;
}

.mean-container .mean-nav ul li li li a.mega-btn {
    background-color: var(--bd-common-white);
    width: auto;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    display: inline-flex;
    color: var(--bd-common-black);
    margin-bottom: 20px;
    border-radius: 50px;
    justify-content: center;
    margin-inline-start: 20px;
}

    .mean-container .mean-nav ul li li li a.mega-btn:hover {
        color: var(--bd-theme-1) !important;
    }

.bd-hero-area {
    position: relative;
}

    .bd-hero-area .container {
        max-width: 1640px;
    }

.bd-header-top__meta span {
    display: block;
    color: var(--bd-common-white);
    font-size: 16px;
    line-height: 32px;
    font-weight: var(--bd-fw-medium);
    opacity: 0.7;
}

    .bd-header-top__meta span i {
        margin-inline-end: 7px;
    }

.bd-header-top__meta a {
    font-weight: var(--bd-fw-sbold);
    font-size: 20px;
    line-height: 32px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    color: var(--bd-common-white);
}

    .bd-header-top__meta a:hover {
        color: var(--bd-theme-1);
    }

.bd-hero-wrap {
    min-height: 930px;
    position: relative;
    display: flex;
    align-items: end;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-hero-wrap {
        min-height: 930px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-hero-wrap {
        min-height: 830px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-hero-wrap {
        min-height: 650px;
    }
}

@media (max-width: 575px) {
    .bd-hero-wrap {
        min-height: 650px;
        align-items: center;
    }
}

.bd-hero-wrap-2 {
    height: calc(100vh - 77px);
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-hero-wrap-2 {
        min-height: 980px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-hero-wrap-2 {
        min-height: 700px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero-wrap-2 {
        min-height: 350px;
    }
}

.bd-hero__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    transform: scale(1.1);
    transition: 7s;
}

    .bd-hero__bg::before {
        content: "";
        background-color: #000000;
        opacity: 0.75;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.bd-hero__bg-2::before {
    opacity: 0.5;
}

.bd-hero__bg-3::before {
    opacity: 0.7;
}

.bd-hero__line-1 {
    position: absolute;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.2901960784);
    height: 1px;
    left: -10%;
    top: 0%;
    transform: translateY(-50%);
}

.bd-hero__line-2 {
    position: absolute;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.2901960784);
    height: 1px;
    right: -10%;
    bottom: 0px;
}

.bd-hero__content {
    margin-bottom: 310px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-hero__content {
        margin-bottom: 360px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-hero__content {
        margin-bottom: 160px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-hero__content {
        margin-bottom: 150px;
    }
}

@media (max-width: 575px) {
    .bd-hero__content {
        margin-bottom: 0px;
        margin-top: 100px;
    }
}

.bd-hero__content-2 {
    margin-bottom: 0;
}

.bd-hero__content-3 {
    margin-bottom: 0;
}

.bd-hero__content.is-white .bd-hero__subtitle span {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--bd-common-white);
    margin-bottom: 40px;
    display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-hero__content.is-white .bd-hero__subtitle span {
        letter-spacing: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-hero__content.is-white .bd-hero__subtitle span {
        font-size: 18px;
        letter-spacing: 3px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__content.is-white .bd-hero__subtitle span {
        font-size: 16px;
        letter-spacing: 2px;
    }
}

.bd-hero__content.is-white .bd-hero__title {
    color: var(--bd-common-white);
    font-size: 60px;
    line-height: 1.42;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__content.is-white .bd-hero__title br {
        display: none;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 56px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 45px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 35px;
    }
}

@media (max-width: 450px) {
    .bd-hero__content.is-white .bd-hero__title {
        font-size: 30px;
    }
}

.bd-hero__slider-nav .bd-swiper-pagination {
    display: flex;
    gap: 8px;
    justify-content: end;
    margin-bottom: 0;
    position: absolute;
    z-index: 2;
    bottom: 70px;
    inset-inline-end: 0;
}

.bd-hero__slider-number {
    position: absolute;
    color: var(--bd-common-white);
    z-index: 33;
    font-size: 45px;
    top: 50%;
    inset-inline-end: 100px;
    transform: translateY(-50%);
}

    .bd-hero__slider-number span {
        font-size: 16px;
        line-height: 1;
        text-align: center;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        display: inline-block;
        font-weight: 400;
    }

        .bd-hero__slider-number span.current {
            font-weight: 500;
            color: var(--bd-theme-1);
            font-size: 24px;
        }

[dir=rtl] .bd-hero__slider-number span.current {
    transform: translateY(12px);
    padding-left: 5px;
}

.bd-hero__slider-number span.total {
    transform: translate(-10px, 25px);
}

[dir=rtl] .bd-hero__slider-number span.total {
    transform: translate(0px, 20px);
}

.bd-hero__slider-number span.divider {
    transform: rotate(20deg);
    font-size: 45px;
    color: var(--bd-common-white);
}

.swiper-slide-active .bd-hero__bg {
    transform: scale(1);
}

.bd-hero__halfim-wrapper {
    padding-top: 250px;
    padding-bottom: 150px;
    background: var(--bd-theme-4);
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__halfim-wrapper {
        padding-top: 180px;
        padding-bottom: 90px;
    }
}

.bd-hero__halfim-title {
    font-size: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-hero__halfim-title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-hero__halfim-title {
        font-size: 44px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__halfim-title {
        font-size: 40px;
        max-width: 500px;
    }
}

@media (max-width: 450px) {
    .bd-hero__halfim-title {
        font-size: 30px;
    }
}

.bd-hero__halfim-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bd-hero__halfim-img {
    position: absolute;
    width: 64%;
    height: 100%;
    top: 0;
    right: 0;
    min-height: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-hero__halfim-img {
        width: 57%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__halfim-img {
        position: static;
        width: 100%;
    }
}

.bd-hero__halfim-img::before {
    position: absolute;
    content: "";
    width: 5000px;
    height: 1px;
    top: 100px;
    background: #E1DDD8;
    inset-inline-end: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__halfim-img::before {
        display: none;
    }
}

.bd-hero__halfim-container {
    max-width: 1640px;
}

.bd-hero__halfim-content {
    padding: 42px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-hero__halfim-content {
        padding: 0 0;
    }
}

.bd-hero__halfim-content p {
    max-width: 425px;
    margin-bottom: 40px;
}

.bd-faq-2 .accordion-item {
    background-color: transparent;
}

.bd-faq-2 .accordion-body {
    background-color: transparent;
}

.bd-faq-2 .accordion-button {
    background-color: transparent;
}

.bd-faq-3 {
    border: 1px solid var(--bd-grey-1);
    padding: 0 30px;
}

    .bd-faq-3 .accordion .accordion-item:last-child {
        border: 0;
    }

.bd-faq__bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-faq__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: #F8F5F0;
        opacity: 0.9;
        height: 100%;
        width: 100%;
    }

.bd-faq .accordion-item {
    border: 0;
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-faq .accordion-body {
    padding: 0;
    color: var(--bd-common-black);
}

.bd-faq .accordion-button {
    font-size: 20px;
    line-height: 30px;
    color: var(--bd-common-black);
    padding: 30px 0 28px;
    text-transform: capitalize;
    padding-inline-end: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-faq .accordion-button {
        font-size: 22px;
    }
}

@media (max-width: 450px) {
    .bd-faq .accordion-button {
        font-size: 20px;
    }
}

.bd-faq .accordion-button:not(.collapsed) {
    color: #164a72;
    background-color: transparent;
    box-shadow: none;
}

    .bd-faq .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");
    }

.bd-faq .accordion-button::after {
    position: absolute;
    inset-inline-end: 0;
    top: 40px;
}

.bd-faq .accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: none;
    box-shadow: none;
}

.bd-faq-title {
    font-size: 36px;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .bd-faq-title {
        font-size: 30px;
    }
}

.ryl-accordion-space .row div:first-child .accordion-item {
    margin-inline-end: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .ryl-accordion-space .row div:first-child .accordion-item {
        margin-inline-end: 0;
    }
}

.ryl-accordion-space .row div:last-child .accordion-item {
    margin-inline-start: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .ryl-accordion-space .row div:last-child .accordion-item {
        margin-inline-start: 0;
    }
}

.bd-testimonial__content {
    padding: 0 20px;
}

    .bd-testimonial__content p {
        font-family: var(--bd-ff-heading);
        font-size: 30px;
        line-height: 1.36;
        text-transform: capitalize;
        color: var(--bd-common-black);
        margin-bottom: 30px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-testimonial__content p {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-testimonial__content p {
        font-size: 32px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-testimonial__content p {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .bd-testimonial__content p {
        font-size: 24px;
    }
}

.bd-testimonial__quote i {
    font-size: 70px;
    color: #D9D9D9;
    display: inline-block;
    margin-bottom: 35px;
}

.bd-testimonial__quote-2 i {
    font-size: 70px;
    transform: rotate(-180deg);
    display: inline-block;
    color: #A6A6A6;
    margin-bottom: 40px;
}

.bd-testimonial__btn {
    text-align: right;
}

[dir=rtl] .bd-testimonial__btn {
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial__btn {
        text-align: left;
    }

    [dir=rtl] .bd-testimonial__btn {
        text-align: right;
    }
}

.bd-testimonial__client {
    gap: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.bd-testimonial__client-name {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--bd-common-black);
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .bd-testimonial__client-name {
        font-size: 20px;
    }
}

.bd-testimonial__client span {
    font-family: var(--bd-ff-heading);
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #A6A6A6;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .bd-testimonial__client span {
        font-size: 20px;
    }
}

.bd-testimonial-2 {
    padding: 30px 65px;
    padding-inline-end: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-testimonial-2 {
        padding: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-2 {
        padding: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-2__author {
        flex-direction: column;
    }
}

.bd-testimonial-2__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
}

    .bd-testimonial-2__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        height: 100%;
        width: 100%;
        opacity: 0.5;
    }

.bd-testimonial-2__slider {
    background-color: var(--bd-common-white);
    overflow: hidden;
}

    .bd-testimonial-2__slider ul.slick-dots {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 38%;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

[dir=rtl] .bd-testimonial-2__slider ul.slick-dots {
    right: auto;
    left: 38%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-testimonial-2__slider ul.slick-dots {
        right: 32%;
    }

    [dir=rtl] .bd-testimonial-2__slider ul.slick-dots {
        right: auto;
        left: 32%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-2__slider ul.slick-dots {
        display: none !important;
    }
}

.bd-testimonial-2__slider ul.slick-dots li {
    list-style: none;
}

    .bd-testimonial-2__slider ul.slick-dots li button {
        font-size: 0;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        position: relative;
        border: 1px solid transparent;
        line-height: 33px;
    }

        .bd-testimonial-2__slider ul.slick-dots li button::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            height: 9px;
            background-color: var(--bd-grey-1);
            width: 9px;
            transform: translate(-50%, -50%);
            border-radius: 50%;
        }

    .bd-testimonial-2__slider ul.slick-dots li.slick-active button {
        border: 2px solid var(--bd-theme-1);
    }

        .bd-testimonial-2__slider ul.slick-dots li.slick-active button::before {
            background-color: var(--bd-theme-1);
        }

.bd-testimonial-2__content p {
    font-family: var(--bd-ff-heading);
    font-size: 18px;
    line-height: 1.66;
    color: var(--bd-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-testimonial-2__content p {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-2__content p {
        font-size: 18px;
    }
}

.bd-testimonial-2__content hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bd-testimonial-2__title {
    font-family: var(--bd-ff-body);
    font-weight: var(--bd-fw-medium);
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-2__title {
        font-size: 22px;
        line-height: 1;
    }
}

.bd-testimonial-2__des {
    font-family: var(--bd-ff-body);
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--bd-grey-3);
}

.bd-testimonial-2__rating {
    gap: 10px;
}

    .bd-testimonial-2__rating i {
        display: inline-block;
        color: #FFC107;
        font-size: 20px;
    }

.bd-testimonial-2__thumb {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    display: flex !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-testimonial-2__thumb {
        height: 200px;
        width: 200px;
    }
}

.bd-testimonial-2__thumb-2 {
    height: 100px;
    width: 100px;
}

    .bd-testimonial-2__thumb-2 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.bd-testimonial-2__thumb img {
    height: 80%;
    width: 80%;
    margin: auto;
    object-fit: cover;
}

.bd-testimonial-3__content {
    height: 100%;
    padding: 40px;
    border: 1px solid var(--bd-grey-1);
}

@media (max-width: 575px) {
    .bd-testimonial-3__content {
        padding: 20px;
    }
}

.bd-testimonial-3__content p {
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-testimonial-3__content p {
        font-size: 16px;
        line-height: 30px;
    }
}

.bd-testimonial-3__thumb {
    height: 100%;
    width: 100%;
}

    .bd-testimonial-3__thumb img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.bd-testimonial-3__client {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

.bd-testimonial-3__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

.bd-testimonial-3__pagination {
    position: absolute;
    inset-inline-end: 40px;
    bottom: 40px;
    margin-bottom: 0;
    z-index: 1;
}

@media (max-width: 575px) {
    .bd-testimonial-3__pagination {
        position: static;
        justify-content: center;
        margin-top: 40px;
    }
}

.bd-testimonial-4 {
    padding: 50px 40px;
    border: 1px solid var(--bd-grey-3);
    text-align: center;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-testimonial-4 {
        padding: 60px 50px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-testimonial-4 {
        padding: 60px 30px 50px;
    }
}

@media (max-width: 575px) {
    .bd-testimonial-4 {
        padding: 50px 20px;
    }
}

.bd-testimonial-4__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

    .bd-testimonial-4__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.6;
        height: 100%;
        width: 100%;
    }

.bd-testimonial-4__content {
    text-align: center;
}

    .bd-testimonial-4__content p {
        color: var(--bd-common-white);
        margin-bottom: 35px;
        font-family: var(--bd-ff-heading);
        font-weight: 400;
        font-size: 22px;
        line-height: 40px;
        text-align: center;
        text-transform: capitalize;
    }

.bd-testimonial-4__quote i {
    font-size: 60px;
    color: var(--bd-theme-1);
    display: inline-block;
    margin-bottom: 35px;
}

.bd-testimonial-4__quote-2 i {
    font-size: 60px;
    transform: rotate(-180deg);
    display: inline-block;
    color: var(--bd-theme-1);
    margin-bottom: 40px;
}

.bd-testimonial-4__rating {
    gap: 10px;
}

    .bd-testimonial-4__rating i {
        display: inline-block;
        color: #FFC107;
        font-size: 16px;
        margin-bottom: 10px;
    }

.bd-testimonial-4__thumb {
    height: 50px;
    width: 50px;
    margin-inline-end: 25px;
}

    .bd-testimonial-4__thumb img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.bd-testimonial-4__client {
    gap: 2px 10px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.bd-testimonial-4__client-name {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--bd-common-white);
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .bd-testimonial-4__client-name {
        font-size: 20px;
    }
}

.bd-testimonial-4__client-position {
    color: var(--bd-grey-3);
}

.bd-blog__thumb {
    height: 425px;
}

.bd-blog__thumb-3 {
    height: 500px;
}

    .bd-blog__thumb-3 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.bd-blog__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bd-blog__btn .bd-btn {
    color: var(--bd-common-black);
    border-color: var(--bd-common-black);
}

    .bd-blog__btn .bd-btn:hover {
        border-color: var(--bd-theme-1);
    }

.bd-blog__btn {
    text-align: right;
}

[dir=rtl] .bd-blog__btn {
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog__btn {
        text-align: left;
    }

    [dir=rtl] .bd-blog__btn {
        text-align: right;
    }
}

.bd-blog__content {
    background-color: rgba(255, 255, 255, 0.74);
    height: 100%;
    padding: 33px 40px;
    padding-bottom: 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .bd-blog__content {
        padding: 33px 20px;
    }
}

.bd-blog__content-wrap {
    margin: 40px;
    position: absolute;
    top: 140px;
    left: 0;
    bottom: 0;
    right: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog__content-wrap {
        right: 0;
        margin: 30px;
    }
}

@media (max-width: 450px) {
    .bd-blog__content-wrap {
        margin: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog__content-cat-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }
}

.bd-blog__content-cat a {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    color: #414141;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: var(--bd-fw-medium);
}

    .bd-blog__content-cat a i {
        display: inline-block;
        transform: rotate(90deg) translateX(1px);
    }

.bd-blog__title {
    text-transform: capitalize;
    font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog__title {
        font-size: 22px;
    }
}

@media (max-width: 450px) {
    .bd-blog__title {
        font-size: 20px;
    }
}

.bd-blog__title a {
    position: relative;
    display: inline;
    background-image: linear-gradient(to right, var(--bd-common-black) 0%, var(--bd-common-black) 100%);
    background-size: 0px 1px;
    background-position: 0px 95%;
    -webkit-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.7% 0px;
    background-repeat: no-repeat;
    color: inherit;
    line-height: 1.4;
    transition: all 0.5s ease-out 0s;
}

    .bd-blog__title a:hover {
        background-size: 100% 1px;
    }

.bd-blog__meta {
    width: 60px;
    text-align: center;
    padding: 20px 0;
    position: absolute;
    top: 0;
    right: -100px;
    background-color: var(--bd-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog__meta {
        position: static;
        width: auto;
        padding: 5px 10px;
        border: 0;
    }
}

.bd-blog__meta span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bd-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog__meta span {
        display: inline;
        color: var(--bd-common-black);
    }
}

.bd-blog-2 {
    min-height: 548px;
    border: 1px solid var(--bd-grey-1);
    position: relative;
    padding: 30px;
}

@media (hover: none) {
    .bd-blog-2 {
        border-color: transparent;
    }
}

.bd-blog-2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -5.57%, rgba(0, 0, 0, 0.9) 94.43%);
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (hover: none) {
    .bd-blog-2::before {
        opacity: 1;
        visibility: visible;
    }
}

.bd-blog-2:hover {
    border-color: transparent;
}

    .bd-blog-2:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .bd-blog-2:hover .bd-blog-2__thumb {
        top: 0;
        inset-inline-end: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .bd-blog-2:hover .bd-blog-2__title {
        color: var(--bd-common-white);
    }

        .bd-blog-2:hover .bd-blog-2__title:hover {
            color: var(--bd-theme-1);
        }

    .bd-blog-2:hover .bd-blog-2__meta {
        background-color: var(--bd-common-white);
    }

.bd-blog-2__thumb {
    width: 240px;
    height: 350px;
    position: absolute;
    top: 30px;
    inset-inline-end: 30px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (hover: none) {
    .bd-blog-2__thumb {
        top: 0;
        inset-inline-end: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
}

.bd-blog-2__thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-blog-2__meta {
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
    position: absolute;
    top: 30px;
    inset-inline-start: 30px;
    line-height: 7px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bd-common-black);
    background-color: #15486f;
    min-width: 50px;
    min-height: 40px;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (hover: none) {
    .bd-blog-2__meta {
        background-color: var(--bd-common-white);
    }
}

.bd-blog-2__title {
    font-size: 24px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .bd-blog-2__title {
        font-size: 20px;
    }
}

@media (hover: none) {
    .bd-blog-2__title {
        color: var(--bd-common-white);
    }
}

.bd-blog-3 {
    overflow: hidden;
}

    .bd-blog-3:hover .bd-blog-3-content-2 {
        background-color: var(--bd-theme-6);
        border-color: var(--bd-theme-6);
    }

.bd-blog-3-shape {
    position: absolute;
    inset-inline-start: 55%;
    top: 50px;
}

.bd-blog-3-navigation {
    display: flex;
    gap: 15px;
    justify-content: end;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-navigation {
        justify-content: start;
        padding-top: 28px;
        padding-bottom: 5px;
    }
}

.bd-blog-3-navigation button {
    height: 48px;
    width: 48px;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--bd-common-black);
}

    .bd-blog-3-navigation button:hover {
        color: var(--bd-common-white);
        background-color: var(--bd-common-black);
    }

.bd-blog-3-search label {
    display: block;
    font-size: 30px;
    font-family: var(--bd-ff-heading);
    line-height: 39px;
    color: var(--bd-common-black);
    margin-bottom: 20px;
}

.bd-blog-3-search-input {
    position: relative;
    margin-inline-end: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-blog-3-search-input {
        margin-inline-end: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-search-input {
        margin-inline-end: 0px;
    }
}

.bd-blog-3-search-input input {
    width: 100%;
    height: 58px;
    border: 1px solid var(--bd-grey-1);
    padding-inline-start: 22px;
    padding-inline-end: 80px;
}

    .bd-blog-3-search-input input:focus {
        border-color: var(--bd-theme-1);
    }

.bd-blog-3-search-input-2 {
    position: relative;
}

    .bd-blog-3-search-input-2 input {
        width: 100%;
        height: 58px;
        border: 1px solid var(--bd-grey-1);
        padding-inline-start: 22px;
        padding-inline-end: 80px;
    }

        .bd-blog-3-search-input-2 input:focus {
            border-color: var(--bd-theme-1);
        }

.bd-blog-3-search-submit {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
}

    .bd-blog-3-search-submit button {
        height: 58px;
        width: 58px;
        line-height: 58px;
        text-align: center;
        background-color: var(--bd-theme-1);
        font-size: 25px;
        color: var(--bd-common-white);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .bd-blog-3-search-submit button:hover {
            background-color: var(--bd-common-black);
        }

.bd-blog-3-cat-title {
    font-size: 30px;
    line-height: 39px;
    color: var(--bd-common-black);
    margin-bottom: 20px;
}

.bd-blog-3-cat-menu {
    display: inline-flex;
    border: 1px solid var(--bd-grey-1);
    list-style-type: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-cat-menu {
        border: 0;
        flex-wrap: wrap;
        gap: 10px;
    }
}

.bd-blog-3-cat-menu button {
    height: 58px;
    padding: 0 26px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    color: var(--bd-common-black);
    border-right: 1px solid var(--bd-grey-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog-3-cat-menu button {
        padding: 0 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-cat-menu button {
        border: 1px solid var(--bd-grey-1);
        border-radius: 0;
    }
}

.bd-blog-3-cat-menu button.active {
    color: var(--bd-theme-1);
}

.bd-blog-3-cat-menu button:hover {
    color: var(--bd-theme-1);
}

.bd-blog-3-cat-menu button:last-child {
    border-right: 0;
}

[dir=rtl] .bd-blog-3-cat-menu button:last-child {
    border-left: 0;
    border-right: 1px solid var(--bd-grey-1);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-cat-menu button:last-child {
        border-right: 1px solid var(--bd-grey-1);
    }

    [dir=rtl] .bd-blog-3-cat-menu button:last-child {
        border-left: 1px solid var(--bd-grey-1);
    }
}

[dir=rtl] .bd-blog-3-cat-menu button:first-child {
    border-right: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-cat-menu button:first-child {
        border-right: 1px solid var(--bd-grey-1);
    }

    [dir=rtl] .bd-blog-3-cat-menu button:first-child {
        border-right: 1px solid var(--bd-grey-1);
        border-left: 1px solid var(--bd-grey-1);
    }
}

.bd-blog-3-thumb {
    width: 100%;
    height: 277px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
    .bd-blog-3-thumb-2 {
        height: 200px;
    }
}

.bd-blog-3-thumb:hover img {
    transform: scale(1.1);
}

.bd-blog-3-thumb:hover::before {
    animation: shine 800ms;
}

.bd-blog-3-thumb-3 {
    width: 100%;
    height: 367px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-blog-3-thumb-3 {
        height: 300px;
    }
}

@media (max-width: 575px) {
    .bd-blog-3-thumb-3 {
        height: 280px;
    }
}

.bd-blog-3-thumb-3:hover img {
    transform: scale(1.03);
}

.bd-blog-3-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.bd-blog-3-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-blog-3-content {
    position: relative;
    padding: 17px 25px;
    border: 1px solid var(--bd-grey-1);
    border-top: 0;
    padding-top: 20px;
}

.bd-blog-3-content-2 {
    padding-inline-start: 52px;
    border-inline-start: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-blog-3-content-3 {
    border: 1px solid var(--bd-grey-1);
    border-top: 0;
    padding: 24px;
    border-radius: 0 0 24px 24px;
    background-color: var(--bd-theme-6);
}

.bd-blog-3-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

    .bd-blog-3-meta span {
        font-size: 16px;
        display: flex;
        gap: 6px;
        align-items: center;
    }

        .bd-blog-3-meta span i {
            color: var(--bd-theme-1);
        }

.bd-blog-3-meta-2 {
    min-height: 60px;
    padding: 15px 0;
    flex-wrap: wrap;
    padding-inline-start: 25px;
    background-color: var(--bd-theme-8);
    margin-bottom: 0;
    border: 1px solid var(--bd-grey-1);
    border-top: 0;
    border-bottom: 0;
}

.bd-blog-3-date {
    position: absolute;
    top: -36px;
    inset-inline-start: 24px;
    background: var(--bd-theme-1);
    padding: 5px 10px;
    font-size: 16px;
    z-index: 1;
}

.bd-blog-3-date-2 {
    position: absolute;
    bottom: 0;
    height: 100%;
    writing-mode: vertical-lr;
    left: 0;
    transform: rotate(-180deg);
}

[dir=rtl] .bd-blog-3-date-2 {
    margin-left: 0;
    margin-right: -45px;
}

.bd-blog-3-date-2 span {
    background: var(--bd-theme-2);
    color: var(--bd-common-white);
    padding: 0px 2px;
    height: 100%;
    display: inline-block;
    text-align: center;
}

.bd-blog-3-title {
    font-weight: 500;
}

    .bd-blog-3-title a:hover {
        color: var(--bd-theme-1);
    }

.bd-blog-3-title-2 {
    font-weight: 500;
}

    .bd-blog-3-title-2 a:hover {
        color: var(--bd-theme-1);
    }

.bd-blog-3-sidebar {
    border: 1px solid var(--bd-grey-1);
}

.bd-blog-3-sidebar-wrapper {
    position: sticky;
    top: 100px;
}

.bd-blog-3-sidebar-content {
    padding: 24px;
}

.bd-blog-3-sidebar-title {
    padding: 24px;
    padding-top: 18px;
    font-size: 23px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-blog-3-sidebar-cat ul li {
    list-style: none;
    border-bottom: 1px solid var(--bd-grey-1);
}

    .bd-blog-3-sidebar-cat ul li:last-child {
        border-bottom: 0;
    }

    .bd-blog-3-sidebar-cat ul li a {
        line-height: 1;
        display: flex;
        justify-content: space-between;
        padding: 24px;
    }

        .bd-blog-3-sidebar-cat ul li a span {
            position: relative;
            font-size: 18px;
            font-weight: 500;
        }

            .bd-blog-3-sidebar-cat ul li a span:first-child {
                padding-inline-start: 15px;
            }

                .bd-blog-3-sidebar-cat ul li a span:first-child:before {
                    position: absolute;
                    content: "";
                    height: 6px;
                    top: 50%;
                    inset-inline-start: 0;
                    transform: translateY(-50%);
                    width: 6px;
                    border-radius: 50%;
                    background-color: var(--bd-theme-1);
                }

.bd-blog-3-sidebar-tag ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    list-style-type: none;
}

    .bd-blog-3-sidebar-tag ul li a {
        height: 40px;
        display: inline-block;
        padding: 0 15px;
        font-size: 16px;
        line-height: 36px;
        border: 1px solid var(--bd-grey-1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        margin-bottom: 8px;
        text-transform: capitalize;
    }

        .bd-blog-3-sidebar-tag ul li a:hover {
            background-color: var(--bd-theme-1);
            color: var(--bd-common-white);
            border-color: var(--bd-theme-1);
        }

.bd-blog-3-latest ul li {
    list-style-type: none;
    padding: 24px;
    border-bottom: 1px solid var(--bd-grey-1);
}

@media (max-width: 575px) {
    .bd-blog-3-latest ul li {
        padding: 20px;
    }
}

.bd-blog-3-latest ul li:last-child {
    border-bottom: 0;
}

.bd-blog-3-latest-content {
    display: flex;
    gap: 13px;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog-3-latest-content {
        align-items: start;
    }
}

.bd-blog-3-latest-thumb {
    height: 116px;
    width: 116px;
    min-width: 116px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog-3-latest-thumb {
        height: 100px;
        min-width: 90px;
    }
}

.bd-blog-3-latest-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bd-blog-3-latest-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog-3-latest-title {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-blog-3-latest-title-wrap {
        position: relative;
        top: -7px;
    }
}

.bd-blog-3-latest-meta i {
    color: var(--bd-theme-1);
    margin-inline-end: 10px;
    font-size: 16px;
}

.bd-blog-3-latest-meta span {
    font-size: 16px;
    color: var(--bd-common-black);
}

.bd-blog-3-details-thumb {
    height: 500px;
    width: 100%;
}

@media (max-width: 575px) {
    .bd-blog-3-details-thumb {
        height: 400px;
    }
}

.bd-blog-3-details-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bd-blog-3-details-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    margin-top: 15px;
    flex-wrap: wrap;
}

    .bd-blog-3-details-meta span {
        font-size: 16px;
        display: flex;
        gap: 6px;
        align-items: center;
    }

        .bd-blog-3-details-meta span i {
            color: var(--bd-theme-1);
        }

.bd-blog-3-details-content p {
    margin-bottom: 23px;
}

.bd-blog-3-details-title {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 23px;
    text-transform: capitalize;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-details-title {
        font-size: 30px;
    }
}

@media (max-width: 450px) {
    .bd-blog-3-details-title {
        font-size: 28px;
    }
}

.bd-blog-3-details-nav {
    display: flex;
    padding: 22px 0;
    justify-content: space-between;
    border-bottom: 1px solid var(--bd-grey-1);
}

    .bd-blog-3-details-nav span i {
        font-size: 40px;
        display: inline-block;
        margin-top: 3px;
    }

.bd-blog-3-details-nav-prev, .bd-blog-3-details-nav-next {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .bd-blog-3-details-nav-prev a, .bd-blog-3-details-nav-next a {
        font-weight: 500;
    }

        .bd-blog-3-details-nav-prev a i, .bd-blog-3-details-nav-next a i {
            background-color: var(--bd-grey-1);
            height: 48px;
            width: 48px;
            line-height: 48px;
            text-align: center;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

            .bd-blog-3-details-nav-prev a i:hover, .bd-blog-3-details-nav-next a i:hover {
                background-color: var(--bd-theme-1);
                color: var(--bd-common-white);
            }

.bd-blog-3-quote {
    display: flex;
    gap: 20px;
    align-items: start;
    padding: 30px;
    filter: drop-shadow(-6px 0 var(--bd-theme-1));
    background-color: var(--bd-theme-2);
    margin-top: 40px;
    margin-bottom: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-quote {
        flex-direction: column;
        gap: 0;
    }
}

.bd-blog-3-quote-icon {
    color: var(--bd-theme-1);
    font-size: 94px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-quote-icon {
        font-size: 50px;
    }
}

.bd-blog-3-quote-content p {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--bd-common-black);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-quote-content p {
        font-size: 25px;
    }
}

.bd-blog-3-quote-content span {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    position: relative;
    padding-inline-start: 50px;
}

    .bd-blog-3-quote-content span::before {
        content: "";
        position: absolute;
        background-color: var(--bd-theme-1);
        width: 32px;
        height: 2px;
        inset-inline-start: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

.bd-blog-3-topic-thumb {
    height: 467px;
    width: 100%;
}

    .bd-blog-3-topic-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bd-blog-3-topic-thumb::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.4;
        background-color: var(--bd-common-black);
    }

.bd-blog-3-topic-title {
    font-size: 32px;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 23px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-topic-title {
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 5px;
    }
}

@media (max-width: 450px) {
    .bd-blog-3-topic-title {
        font-size: 25px;
    }
}

.bd-blog-3-topic-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--bd-common-white);
}

    .bd-blog-3-topic-video-btn a {
        font-size: 35px;
        text-align: center;
    }

.bd-blog-3-topic-list {
    padding: 25px;
}

    .bd-blog-3-topic-list ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .bd-blog-3-topic-list ul li {
            list-style-type: none;
            position: relative;
            padding-inline-start: 30px;
            color: var(--bd-common-black);
        }

            .bd-blog-3-topic-list ul li::before {
                content: "\f105";
                font-family: var(--bd-ff-fontawesome);
                background: var(--bd-theme-1);
                height: 20px;
                width: 20px;
                font-size: 15px;
                position: absolute;
                border-radius: 50%;
                line-height: 20px;
                inset-inline-start: 0;
                top: 5px;
                text-align: center;
                color: var(--bd-theme-2);
            }

.bd-blog-3-share {
    border-top: 1px solid var(--bd-grey-1);
    border-bottom: 1px solid var(--bd-grey-1);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 33px;
    gap: 15px;
}

.bd-blog-3-tag ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    list-style-type: none;
}

    .bd-blog-3-tag ul li a {
        height: 40px;
        display: inline-block;
        padding: 0 15px;
        font-size: 16px;
        line-height: 36px;
        border: 1px solid var(--bd-grey-1);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .bd-blog-3-tag ul li a:hover {
            background-color: var(--bd-theme-1);
            color: var(--bd-common-white);
            border-color: var(--bd-theme-1);
        }

.bd-blog-3-social ul {
    list-style: none;
    display: flex;
    gap: 10px;
}

    .bd-blog-3-social ul li a {
        height: 40px;
        width: 40px;
        display: block;
        border: 1px solid var(--bd-grey-1);
        text-align: center;
        line-height: 40px;
        border-radius: 50px;
    }

        .bd-blog-3-social ul li a:hover {
            background-color: var(--bd-theme-1);
            color: var(--bd-common-white);
            border-color: var(--bd-theme-1);
        }

.bd-blog-3-comment-box {
    border-bottom: 1px solid var(--bd-grey-1);
    padding-bottom: 18px;
    margin-bottom: 35px;
}

.bd-blog-3-comment ul li {
    list-style: none;
}

.bd-blog-3-comment-info {
    display: flex;
    justify-content: space-between;
}

.bd-blog-3-comment-wrap {
    padding: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-comment-wrap {
        padding: 40px 24px;
    }
}

.bd-blog-3-comment-title {
    font-size: 32px;
    line-height: 1.5;
    color: var(--bd-common-black);
}

.bd-blog-3-comment-thumb {
    height: 70px;
    width: 70px;
}

.bd-blog-3-comment-thumb-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.bd-blog-3-comment-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.bd-blog-3-comment-replay-btn {
    color: var(--bd-theme-1);
}

.bd-blog-3-comment-text {
    padding-inline-start: 85px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-blog-3-comment-text {
        padding-inline-start: 0;
    }
}

.bd-blog-pagination ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 8px;
}

    .bd-blog-pagination ul li .page-numbers {
        height: 48px;
        width: 48px;
        line-height: 48px;
        text-align: center;
        color: var(--bd-common-black);
        background-color: var(--bd-grey-1);
        font-size: 16px;
        font-weight: 500;
        display: block;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .bd-blog-pagination ul li .page-numbers:hover {
            background-color: var(--bd-theme-1);
            color: var(--bd-common-white);
        }

        .bd-blog-pagination ul li .page-numbers.current {
            color: var(--bd-common-white);
            background-color: var(--bd-theme-1);
        }

.bd-blog__btn .bd-btn-2:hover {
    color: var(--bd-theme-1);
}

.bd-blog-3-latest-content .bd-blog-3-latest-thumb {
    overflow: hidden;
}

    .bd-blog-3-latest-content .bd-blog-3-latest-thumb img {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

.bd-blog-3-latest-content:hover .bd-blog-3-latest-thumb img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 450px) {
    .bd-blog-3-latest-content {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 450px) {
    .bd-blog-3-latest-thumb {
        height: auto;
        max-width: 100%;
        min-width: 116px;
        width: 100%;
    }
}

.bd-blog-3-latest-title a {
    position: relative;
    display: inline;
    background-image: linear-gradient(to right, var(--bd-common-black) 0%, var(--bd-common-black) 100%);
    background-size: 0px 1px;
    background-position: 0px 95%;
    -webkit-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.7% 0px;
    background-repeat: no-repeat;
    color: inherit;
    transition: all 0.5s ease-out 0s;
}

    .bd-blog-3-latest-title a:hover {
        background-size: 100% 1px;
    }

.bd-blog-4 {
    min-height: 548px;
    border: 1px solid var(--bd-grey-1);
    position: relative;
    padding: 30px;
    border-color: transparent;
}

    .bd-blog-4::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 75%) 100%);
        height: 20%;
        width: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .bd-blog-4:hover {
        border-color: transparent;
    }

        .bd-blog-4:hover::before {
            opacity: 1;
            visibility: visible;
        }

        .bd-blog-4:hover .bd-blog-4__thumb {
            top: 0;
            inset-inline-end: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .bd-blog-4:hover .bd-blog-4__title {
            color: #ffffffd6;
        }

        .bd-blog-4:hover .bd-blog-4__meta {
            background-color: var(--bd-common-white);
        }

.bd-blog-4__thumb {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0px;
    inset-inline-end: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-blog-4__thumb img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

.bd-blog-4__meta {
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
    position: absolute;
    top: 30px;
    inset-inline-start: 30px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bd-common-black);
    background-color: var(--bd-common-white);
    min-width: 50px;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-blog-4__title {
    font-size: 24px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    color: var(--bd-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-blog-4__title {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .bd-blog-4__title {
        font-size: 20px;
    }
}

.bd-blog-2-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.bd-newsletter {
    position: relative;
}

.bd-newsletter__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-newsletter__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.3;
        height: 100%;
        width: 100%;
    }

.bd-newsletter__content .bd-section__title {
    padding: 0 10px;
}

.bd-newsletter__input {
    height: 100%;
}

    .bd-newsletter__input input {
        width: 100%;
        padding-inline-start: 100px;
        padding-inline-end: 260px;
        font-weight: 400;
        font-size: 24px;
        line-height: 90px;
        text-transform: capitalize;
        height: 90px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-newsletter__input input {
        padding-inline-start: 70px;
        padding-inline-end: 220px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-newsletter__input input {
        padding-inline-start: 70px;
        padding-inline-end: 20px;
        height: 80px;
    }
}

@media (max-width: 575px) {
    .bd-newsletter__input input {
        padding-inline-start: 55px;
        padding-inline-end: 20px;
        height: 80px;
    }
}

.bd-newsletter__input input::placeholder {
    color: #A6A6A6;
    font-size: 24px;
}

@media (max-width: 575px) {
    .bd-newsletter__input input::placeholder {
        font-size: 22px;
    }
}

.bd-newsletter__input-wrap {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-newsletter__input-wrap {
        margin: 0 10px;
    }
}

.bd-newsletter__input-icon {
    position: absolute;
    inset-inline-start: 35px;
    top: 52%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-newsletter__input-icon {
        inset-inline-start: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-newsletter__input-icon {
        inset-inline-start: 20px;
        top: 26%;
    }
}

@media (max-width: 575px) {
    .bd-newsletter__input-icon {
        inset-inline-start: 15px;
        top: 26%;
    }
}

.bd-newsletter__input-icon i {
    font-size: 35px;
    color: #D9D9D9;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-newsletter__input-icon i {
        font-size: 30px;
    }
}

.bd-newsletter__submit {
    position: absolute;
    inset-inline-end: 0;
    height: 100%;
    padding: 0 35px;
    top: 0;
    background-color: var(--bd-theme-1);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
    display: flex;
    align-items: center;
    gap: 25px;
}

    .bd-newsletter__submit i {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-newsletter__submit {
        padding: 0 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-newsletter__submit {
        position: static;
        height: 70px;
        text-align: center;
        margin-top: 15px;
    }
}

.bd-newsletter__submit:hover {
    color: var(--bd-common-white);
}

    .bd-newsletter__submit:hover i {
        transform: rotate(50deg);
    }

.bd-gallery__thumb img {
    width: 100%;
}

.glo-restaurant-thumb {
    position: relative;
}

    .glo-restaurant-thumb img {
        width: 100%;
    }

    .glo-restaurant-thumb::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        background: var(--bd-common-black);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .glo-restaurant-thumb:hover::before {
        opacity: 0.5;
        visibility: visible;
    }

.glo-restaurant-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .glo-restaurant-content i {
        color: var(--bd-common-white);
        font-size: 30px;
        margin-bottom: 15px;
    }

.glo-restaurant-thumb:hover .glo-restaurant-content {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .glo-restaurant-gallery .glo-gallery-page-thumb .img-hover {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .glo-restaurant-gallery .glo-gallery-page-thumb .img-hover img {
        width: 100%;
    }
}

.gallery__img-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .gallery__img-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .gallery__img-wrapper {
        gap: 20px;
    }
}

@media (max-width: 450px) {
    .gallery__img-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
}

.gallery__img-wrapper .gallery__img {
    overflow: hidden;
}

@media (max-width: 450px) {
    .gallery__img-wrapper .gallery__img img {
        aspect-ratio: 100/50;
    }
}

.gallery__img-wrapper .gallery__img:nth-child(1), .gallery__img-wrapper .gallery__img:nth-child(6), .gallery__img-wrapper .gallery__img:nth-child(7) {
    grid-column: span 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .gallery__img-wrapper .gallery__img:nth-child(1), .gallery__img-wrapper .gallery__img:nth-child(6), .gallery__img-wrapper .gallery__img:nth-child(7) {
        grid-column: inherit;
    }
}

.gallery__img-wrapper .gallery__img:nth-child(1) img, .gallery__img-wrapper .gallery__img:nth-child(6) img, .gallery__img-wrapper .gallery__img:nth-child(7) img {
    aspect-ratio: 100/50;
}

.gallery__img {
    position: relative;
}

    .gallery__img:hover img {
        transform: scale(1.1);
    }

    .gallery__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

.bd-feature__list-item {
    text-align: center;
}

    .bd-feature__list-item i {
        line-height: 68px;
        text-align: center;
        border-radius: 60px;
        display: inline-block;
        font-size: 60px;
        margin-bottom: 10px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-feature__list-item i {
        font-size: 50px;
    }
}

.bd-feature__list-item p {
    font-size: 24px;
    line-height: 40px;
    text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-feature__list-item p {
        font-size: 20px;
    }
}

.bd-feature__list-item.is-white i {
    color: var(--bd-common-white);
}

.bd-feature__list-item.is-white p {
    color: var(--bd-common-white);
}

.bd-feature__list-content {
    display: flex;
    justify-content: space-between;
    gap: 0 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-feature__list-content {
        gap: 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-feature__list-content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-feature__list-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .bd-feature__list-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.bd-contact-form {
    padding: 50px 30px;
    border: 1px solid var(--bd-grey-1);
}

@media (max-width: 575px) {
    .bd-contact-form {
        padding: 50px 20px;
    }
}

.bd-contact-input .nice-select {
    width: 100%;
    height: 58px;
    line-height: 58px;
    padding: 0px 15px;
}

    .bd-contact-input .nice-select .list {
        width: 100%;
        border-radius: 16px;
        border-color: var(--bd-text-body);
    }

    .bd-contact-input .nice-select .option {
        font-size: 16px;
        font-weight: 400;
    }

        .bd-contact-input .nice-select .option.selected {
            font-weight: 500;
        }

.bd-contact-input label {
    display: block;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}

    .bd-contact-input label i {
        font-size: 8px;
        color: red;
    }

.bd-contact-input input, .bd-contact-input select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    border: 1px solid var(--bd-grey-1);
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-contact-input input:focus {
        border-color: var(--bd-theme-1);
    }

.bd-contact-input textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid var(--bd-grey-1);
    padding: 15px;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-contact-input textarea:focus {
        outline: 0;
        border-color: var(--bd-theme-1);
    }

input:hover, textarea:hover {
    border-color: #358fb9 !important;
}

.bd-contact-agree {
    gap: 13px;
    position: relative;
}

    .bd-contact-agree label {
        font-size: 16px;
        line-height: 28px;
        color: var(--bd-common-black);
        margin-inline-start: 30px;
    }

    .bd-contact-agree input {
        accent-color: var(--bd-common-black);
        height: 18px;
        width: 18px;
        border-radius: 5px;
        position: absolute;
        top: 6px;
        inset-inline-start: 0;
    }

.bd-contact-agree-btn .bd-btn {
    color: var(--bd-common-black);
    border-color: var(--bd-common-black);
}

    .bd-contact-agree-btn .bd-btn:hover {
        border-color: var(--bd-theme-1);
    }

.bd-contact-map {
    height: 100%;
    width: 100%;
    border: 2px solid var(--bd-grey-1);
    min-height: 400px;
}

    .bd-contact-map iframe {
        height: 100%;
        width: 100%;
        filter: grayscale(1);
    }

.bd-error-area {
    margin-top: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-error-area {
        margin-top: 130px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-error-area {
        margin-top: 160px;
        padding-bottom: 10px;
    }
}

.bd-error-btn a {
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--bd-grey-1);
    padding: 13px 30px;
}

    .bd-error-btn a:hover {
        border-color: var(--bd-theme-1);
    }

.bd-error-thumb img {
    max-width: 100%;
}

.bd-text-scroll-line {
    display: flex;
    align-items: center;
    gap: 25px;
}

.bd-text-scroll-line__heading {
    font-size: 120px;
    font-weight: 400;
    line-height: 1.2;
    font-family: var(--bd-ff-heading);
    text-transform: capitalize;
    white-space: nowrap;
    margin-bottom: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-text-scroll-line__heading {
        font-size: 80px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-text-scroll-line__heading {
        font-size: 70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-text-scroll-line__heading {
        font-size: 65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-text-scroll-line__heading {
        font-size: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-text-scroll-line__heading {
        font-size: 40px;
    }
}

.bd-text-scroll-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.text__scroll .swiper-slide {
    width: auto;
}

.bd-roomview-area {
    background: #f6a500;
    position: relative;
}

.bd-roomview__bg {
    height: 100%;
    width: 55%;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    -webkit-transition: all 50s ease-out 0s;
    -moz-transition: all 50s ease-out 0s;
    -ms-transition: all 50s ease-out 0s;
    -o-transition: all 50s ease-out 0s;
    transition: all 50s ease-out 0s;
}

    .bd-roomview__bg:hover {
        background-position: right;
    }

        .bd-roomview__bg:hover .bd-roomview__btn a i {
            animation: rotate-infinite 8s infinite alternate;
        }

.bd-roomview__bg-2 {
    height: 100%;
    width: 100%;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

    .bd-roomview__bg-2::before {
        content: "";
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-roomview__bg {
        width: 48%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-roomview__bg {
        height: 500px;
        width: 100%;
        position: relative;
    }
}

.bd-roomview__bg::before {
    content: "";
    background-color: #000000;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bd-roomview__btn a {
    display: inline-block;
    height: 86px;
    width: 86px;
    font-size: 40px;
    color: var(--bd-common-white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--bd-common-white);
    line-height: 86px;
    text-align: center;
    border-radius: 50%;
}

    .bd-roomview__btn a i {
        display: inline-block;
    }

.bd-roomview__list ul {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

    .bd-roomview__list ul li {
        list-style: none;
    }

        .bd-roomview__list ul li a {
            font-size: 24px;
            line-height: 40px;
            text-transform: capitalize;
            color: var(--bd-common-white);
            font-family: var(--bd-ff-heading);
            position: relative;
            -webkit-transition: all 0.4s ease-out 0s;
            -moz-transition: all 0.4s ease-out 0s;
            -ms-transition: all 0.4s ease-out 0s;
            -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            z-index: 2;
        }

@media (max-width: 575px) {
    .bd-roomview__list ul li a {
        font-size: 20px;
    }
}

.bd-roomview__list ul li a i {
    transform: rotate(-45deg);
    font-size: 26px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.bd-roomview__list ul li a::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 1px;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    background-color: var(--bd-common-white);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}

.bd-roomview__list ul li a:hover {
    padding-inline-start: 65px;
    font-size: 36px;
}

@media (max-width: 575px) {
    .bd-roomview__list ul li a:hover {
        font-size: 25px;
    }
}

.bd-roomview__list ul li a:hover::before {
    width: 53px;
    opacity: 1;
    visibility: visible;
}

.bd-roomview__list ul li a:hover i {
    opacity: 1;
    visibility: visible;
}

.bd-roomview__slider-wrap {
    min-height: 660px;
}

@media (max-width: 575px) {
    .bd-roomview__slider-wrap {
        min-height: 600px;
    }
}

.bd-roomview__slider-number {
    position: absolute;
    color: var(--bd-common-white);
    z-index: 33;
    font-size: 45px;
    bottom: 190px;
    padding-inline-start: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-roomview__slider-number {
        padding-inline-start: 0px;
    }
}

@media (max-width: 575px) {
    .bd-roomview__slider-number {
        display: none !important;
    }
}

.bd-roomview__slider-number span {
    font-size: 16px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
}

    .bd-roomview__slider-number span.current {
        font-weight: 500;
        color: var(--bd-theme-1);
        font-size: 24px;
    }

[dir=rtl] .bd-roomview__slider-number span.current {
    transform: translateY(10px);
    padding-left: 5px;
}

.bd-roomview__slider-number span.total {
    transform: translate(-10px, 25px);
}

[dir=rtl] .bd-roomview__slider-number span.total {
    transform: translate(0px, 20px);
}

.bd-roomview__slider-number span.divider {
    transform: rotate(20deg);
    font-size: 45px;
    color: var(--bd-common-white);
}

.bd-roomview__price {
    height: 120px;
    width: 120px;
    border: 1px solid var(--bd-grey-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .bd-roomview__price p {
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--bd-common-white);
        margin: 0;
    }

        .bd-roomview__price p span {
            font-size: 28px;
        }

.bd-roomview__line-1 {
    position: absolute;
    width: 21%;
    background-color: var(--bd-common-white);
    height: 1px;
    left: 0;
    bottom: 170px;
    z-index: 33;
}

@media (max-width: 575px) {
    .bd-roomview__line-1 {
        bottom: 100px;
    }
}

.bd-roomview__line-2 {
    position: absolute;
    width: 21%;
    background-color: var(--bd-common-white);
    height: 1px;
    right: 0;
    bottom: 170px;
    z-index: 33;
}

@media (max-width: 575px) {
    .bd-roomview__line-2 {
        bottom: 100px;
    }
}

.bd-roomview__pagination {
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 65px;
    right: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-roomview__pagination {
        gap: 20px 50px;
        justify-content: center;
        bottom: 30px;
    }
}

@media (max-width: 575px) {
    .bd-roomview__pagination {
        gap: 10px 10px;
        justify-content: center;
        bottom: 20px;
    }
}

.bd-roomview__pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0%;
    opacity: 1;
    background: transparent;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--bd-common-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: 80px;
    width: 80px;
    border: 0px solid var(--bd-grey-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (max-width: 575px) {
    .bd-roomview__pagination .swiper-pagination-bullet {
        font-size: 20px;
    }
}

.bd-roomview__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    /* font-size: 36px; */
    /* text-decoration: underline; */
    border: 1px solid var(--bd-grey-1);
    scale: 1.1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-roomview__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-size: 24px;
        color: #fff;
    }
}

.bd-roomview__pagination-wrap {
    position: relative;
}

.bd-facility {
    max-width: 380px;
}

    .bd-facility ul {
        list-style: none;
    }

        .bd-facility ul li {
            margin-bottom: 40px;
        }

            .bd-facility ul li:last-child {
                margin-bottom: 0;
            }

.bd-facility__bg {
    z-index: -1;
    position: absolute;
    top: 50px;
    left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-facility__bg {
        left: 30px;
    }

    [dir=rtl] .bd-facility__bg {
        right: 30px;
        left: auto;
    }
}

.bd-facility__bg img {
    width: 100%;
}

.bd-facility__thumb {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-facility__thumb {
        width: 500px;
    }
}

.bd-facility__thumb img {
    width: 100%;
}

.bd-facility__title {
    margin-bottom: 12px;
    text-transform: capitalize;
    font-size: 24px;
}

.bd-facility-2__thumb {
    overflow: hidden;
    position: relative;
    height: 795px;
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-2__thumb {
        height: auto;
        position: unset;
    }
}

.bd-facility-2__thumb img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 110%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-2__thumb img {
        height: auto;
        position: unset;
    }
}

.bd-facility-2__content p {
    margin-bottom: 30px;
}

    .bd-facility-2__content p span {
        font-weight: var(--bd-fw-medium);
        font-size: 20px;
        line-height: 36px;
        text-transform: capitalize;
        color: var(--bd-common-black);
        display: inline-block;
    }

.bd-facility-2__list ul {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

    .bd-facility-2__list ul li {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .bd-facility-2__list ul li i {
            color: var(--bd-theme-1);
        }

        .bd-facility-2__list ul li span {
            color: var(--bd-common-black);
            text-transform: capitalize;
        }

.bd-facility-slider__thumb {
    height: 502px;
    width: 450px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-facility-slider__thumb {
        width: calc(100% - 100px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-facility-slider__thumb {
        width: calc(100% - 100px);
        height: 450px;
    }
}

@media (max-width: 575px) {
    .bd-facility-slider__thumb {
        height: 300px;
        width: 250px;
    }
}

.bd-facility-slider__thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bd-facility-slider__thumb-2 {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: -1;
    height: 555px;
    width: 426px;
}

[dir=rtl] .bd-facility-slider__thumb-2 {
    right: auto;
    left: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-facility-slider__thumb-2 {
        width: calc(100% - 100px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-facility-slider__thumb-2 {
        height: 450px;
        right: 0;
        width: calc(100% - 100px);
    }
}

@media (max-width: 575px) {
    .bd-facility-slider__thumb-2 {
        height: 300px;
        right: 0;
        width: 250px;
    }
}

.bd-facility-slider__thumb-2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bd-facility-slider__thumb-wrap {
    position: relative;
    padding-top: 190px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-slider__thumb-wrap {
        padding-top: 100px;
    }
}

.bd-facility-slider__btn {
    position: relative;
}

.bd-facility-slider__btn-shape {
    position: absolute;
    left: 83px;
    top: 100px;
    transform: translateY(-40%);
}

    .bd-facility-slider__btn-shape img {
        animation: bd-updown 1s ease-in-out 1s forwards infinite alternate;
    }

.bd-facility-slider__nav {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-slider__nav {
        top: -80px;
    }
}

.bd-facility-slider__nav span {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #646464;
    font-weight: 500;
}

    .bd-facility-slider__nav span.swiper-pagination-current {
        color: var(--bd-theme-1);
    }

.bd-facility-side__shape-1 {
    position: absolute;
    left: -90px;
    top: 150px;
}

    .bd-facility-side__shape-1 img {
        opacity: 0.15;
    }

.bd-facility-side__shape-2 {
    position: absolute;
    right: -264px;
    bottom: 170px;
}

    .bd-facility-side__shape-2 img {
        opacity: 0.15;
    }

.bd-facility-area-2.section_spacing {
    padding-top: 135px;
    padding-bottom: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-facility-area-2.section_spacing {
        padding-bottom: 105px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-facility-area-2.section_spacing {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-area-2.section_spacing {
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-area-2.section_spacing {
        padding-top: 70px;
    }
}

.full-screen {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-facility-2__content .bd-section__title {
        font-size: 45px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-2__list {
        margin-bottom: 25px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-slider-area {
        padding-bottom: 20px;
        padding-top: 150px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-facility-area-wrap {
        padding-bottom: 10px;
    }
}

.bd-facility-title a:hover {
    color: var(--bd-theme-1);
}

.bd-reel-area {
    min-height: 558px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-reel-area {
        min-height: 320px;
    }
}

.bd-reel-area:hover .bd-reel__play-btn img {
    animation: rotate-infinite-2 15s linear infinite;
}

.bd-reel__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .bd-reel__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.6;
        height: 100%;
        width: 100%;
    }

.bd-reel__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .bd-reel__play-btn a {
        position: absolute;
        color: var(--bd-common-white);
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding-top: 70px;
        font-size: 35px;
    }

.bd-offer {
    overflow: hidden;
    position: relative;
}

    .bd-offer:hover .bd-offer__title::before {
        opacity: 1;
        visibility: visible;
    }

    .bd-offer:hover .bd-offer__thumb > img {
        transform: scale(1.1);
    }

    .bd-offer:hover .bd-offer__thumb .bd-offer__content {
        bottom: 0;
        transition: 0.3s;
        opacity: 1;
        visibility: visible;
    }

    .bd-offer:hover .bd-offer__content-visble {
        opacity: 0;
        visibility: hidden;
    }

.bd-offer__thumb {
    width: 100%;
}

    .bd-offer__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

.bd-offer__meta {
    position: absolute;
    top: 30px;
    inset-inline-start: 30px;
}

    .bd-offer__meta span {
        font-weight: var(--bd-fw-sbold);
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        text-transform: capitalize;
        color: var(--bd-theme-1);
        background-color: var(--bd-common-black);
        padding: 0 10px;
        height: 36px;
        display: inline-block;
        border-radius: 50px;
    }

.bd-offer__content {
    border: 1px solid var(--bd-grey-1);
    border-top: 0;
    text-align: center;
    background: var(--bd-theme-2);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
}

@media (hover: none) {
    .bd-offer__content {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

.bd-offer__content p {
    padding: 0 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-offer__content p {
        padding: 0 20px;
    }
}

.bd-offer__title {
    text-transform: capitalize;
    position: relative;
    padding: 20px 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-offer__title {
        padding: 20px 20px;
    }
}

.bd-offer__title::before {
    content: "";
    width: 60px;
    height: 3px;
    background: var(--bd-theme-1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
}

.bd-offer__title a:hover {
    color: var(--bd-theme-1);
}

.bd-offer__btn {
    height: 60px;
    border-top: 1px solid var(--bd-grey-1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-offer__btn:hover {
        background: var(--bd-theme-1);
    }

    .bd-offer__btn a {
        font-weight: 500;
        font-size: 16px;
        line-height: 60px;
        color: var(--bd-common-black);
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

.bd-offer__content-visble {
    border: 1px solid #ddd;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    text-align: center;
    text-transform: capitalize;
}

@media (hover: none) {
    .bd-offer__content-visble {
        display: none;
    }
}

.bd-offer__title-2 {
    margin-bottom: 0;
    padding: 10px;
}

.bd-offer-details-area .swiper-container {
    overflow: visible;
}

.cstm-4-pller .swiper-container-pointer-events {
    touch-action: pan-y;
    overflow: hidden;
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.bd-offer-details__title {
    font-size: 36px;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .bd-offer-details__title {
        font-size: 30px;
    }
}

.bd-offer-details__widget {
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-offer-details__list-2 ul {
    list-style-type: none;
}

    .bd-offer-details__list-2 ul li {
        font-size: 16px;
        line-height: 28px;
        text-transform: capitalize;
        color: #393939;
    }

.bd-offer-details__list ul {
    display: grid;
    grid-template-columns: repeat(3, 240px);
    list-style: none;
    row-gap: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-offer-details__list ul {
        grid-template-columns: repeat(3, 215px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-offer-details__list ul {
        grid-template-columns: 1fr;
    }
}

.bd-offer-details__list ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

    .bd-offer-details__list ul li i {
        font-size: 20px;
        color: var(--bd-theme-1);
    }

.bd-offer-details__thumb img {
    width: 100%;
}

.bd-offer-navigation button {
    min-height: 64px;
    min-width: 64px;
    border: 1px solid var(--bd-common-white);
    position: absolute;
    inset-inline-start: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: var(--bd-common-white);
    border-radius: 50%;
    display: inline-block;
    line-height: 64px;
}

    .bd-offer-navigation button:hover {
        background-color: var(--bd-theme-1);
        border-color: var(--bd-theme-1);
    }

@media (max-width: 575px) {
    .bd-offer-navigation button {
        min-height: 45px;
        min-width: 45px;
        line-height: 45px;
        inset-inline-start: 10px;
    }
}

.bd-offer-navigation button.bd-offerdetails-next {
    inset-inline-start: auto;
    inset-inline-end: 60px;
}

@media (max-width: 575px) {
    .bd-offer-navigation button.bd-offerdetails-next {
        inset-inline-end: 10px;
    }
}

.bd-offer-slider-nav {
    display: flex;
    gap: 10px;
}

    .bd-offer-slider-nav .square-nav {
        border-color: var(--bd-text-body);
    }

        .bd-offer-slider-nav .square-nav:hover {
            border-color: var(--bd-theme-1);
        }

.bd-award {
    padding: 60px 60px 50px;
    border: 1px solid var(--bd-grey-1);
    text-align: center;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-award {
        padding: 60px 50px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-award {
        padding: 60px 30px 50px;
    }
}

@media (max-width: 575px) {
    .bd-award {
        padding: 50px 20px;
    }
}

.bd-award__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

    .bd-award__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.6;
        height: 100%;
        width: 100%;
        border-radius: 100px;
    }

.bd-award__content {
    text-align: center;
}

    .bd-award__content p {
        color: var(--bd-common-white);
        margin-bottom: 35px;
        font-family: var(--bd-ff-heading);
        font-weight: 400;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
        text-transform: capitalize;
    }

    .bd-award__content span {
        font-weight: 600;
        font-size: 24px;
        line-height: 40px;
        color: var(--bd-common-white);
    }

.bd-award__content-2 p {
    color: #393939;
}

.bd-award__content-2 span {
    color: var(--bd-common-black);
}

.bd-welcome {
    padding-left: 65px;
    padding-right: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-welcome {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 575px) {
    .bd-welcome {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.bd-welcome__bg {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

    .bd-welcome__bg.bg-left {
        inset-inline-start: 0;
        inset-inline-end: auto;
        width: 37%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__bg.bg-left {
        position: static;
        height: 600px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__bg {
        position: static;
        height: 600px;
        width: 100%;
    }
}

.bd-welcome__content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #393939;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-welcome__content-2 .bd-section__title {
        font-size: 45px;
    }
}

.bd-welcome__content-2 p {
    font-size: 20px;
    line-height: 32px;
    text-transform: capitalize;
}

.bd-welcome__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

    .bd-welcome__subtitle span {
        color: var(--bd-common-black);
    }

.bd-welcome__right {
    height: 100%;
    display: flex;
    align-items: end;
}

.bd-welcome__meta {
    background-color: #5ba39b;
    margin-bottom: 0px;
    padding: 30px;
}

.bd-welcome__meta-wrap {
    margin-inline-start: 60px;
    margin-bottom: 60px;
    width: 270px;
}

@media (max-width: 575px) {
    .bd-welcome__meta-wrap {
        margin-inline-start: 20px;
        margin-bottom: 20px;
        width: calc(100% - 40px);
    }
}

.bd-welcome__meta-wrap-2 {
    position: absolute;
    bottom: 60px;
    inset-inline-start: 60px;
}

@media (max-width: 575px) {
    .bd-welcome__meta-wrap-2 {
        position: static;
        width: 100%;
    }
}

.bd-welcome__meta span {
    font-size: 90px;
    line-height: 65px;
    text-transform: capitalize;
    color: var(--bd-common-black);
    font-family: var(--bd-ff-heading);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
}

@media (max-width: 575px) {
    .bd-welcome__meta span {
        font-size: 50px;
    }
}

.bd-welcome__meta p {
    font-size: 45px;
    line-height: 37px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .bd-welcome__meta p {
        font-size: 20px;
    }
}

.bd-welcome__meta-2 {
    padding: 20px 30px 25px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 270px;
    z-index: 2;
}

@media (max-width: 575px) {
    .bd-welcome__meta-2 {
        width: 100%;
    }
}

.bd-welcome__meta-2 .bd-welcome__meta-icon i {
    display: inline-block;
    font-size: 50px;
}

@media (max-width: 575px) {
    .bd-welcome__meta-2 .bd-welcome__meta-icon i {
        font-size: 35px;
    }
}

.bd-welcome__meta-2 .bd-welcome__meta-content span {
    font-size: 90px;
    line-height: 90px;
    display: block;
    margin-bottom: 0;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

.bd-welcome__meta-content {
    font-size: 34px;
    text-transform: uppercase;
}

.bd-welcome__meta-2 .bd-welcome__meta-content a {
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

@media (max-width: 575px) {
    .bd-welcome__meta-2 .bd-welcome__meta-content a {
        font-size: 20px;
    }
}

.bd-welcome__meta-2 .bd-welcome__meta-content a:hover {
    color: var(--bd-common-white);
}

.bd-welcome__video {
    height: 100px;
    width: 250px;
    min-width: 250px;
    position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-welcome__video {
        width: 170px;
        min-width: 170px;
    }
}

.bd-welcome__video-area {
    display: flex;
    gap: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__video-area {
        flex-direction: column;
    }
}

.bd-welcome__video-btn-2 {
    position: absolute;
    top: 212px;
    inset-inline-start: 220px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-welcome__video-btn-2 {
        top: 200px;
        inset-inline-start: 140px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__video-btn-2 {
        top: 60px;
        inset-inline-start: 60px;
    }
}

.bd-welcome__video-btn-2 a {
    height: 186px;
    width: 186px;
    line-height: 186px;
    text-align: center;
    color: var(--bd-common-white);
    border: 1px solid var(--bd-common-white);
    border-radius: 100px;
    display: inline-block;
    position: relative;
    font-size: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__video-btn-2 a {
        font-size: 20px;
    }
}

.bd-welcome__video-btn-2 a:hover {
    background: var(--bd-theme-1);
    border-color: var(--bd-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__video-btn-2 a {
        height: 106px;
        width: 106px;
        line-height: 106px;
    }
}

@media (max-width: 575px) {
    .bd-welcome__video-btn-2 a {
        height: 86px;
        width: 86px;
        line-height: 86px;
    }
}

.bd-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 230px;
    height: 230px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    animation: borderanimate2 2s linear infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::before {
        height: 150px;
        width: 150px;
    }
}

@media (max-width: 575px) {
    .bd-welcome__video-btn-2 a::after, .bd-welcome__video-btn-2 a::before {
        height: 130px;
        width: 130px;
    }
}

.bd-welcome__video-btn-2 a::before {
    animation-delay: 0.7s;
}

.bd-welcome__video-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

    .bd-welcome__video-bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.6;
        height: 100%;
        width: 100%;
        border-radius: 100px;
    }

.bd-welcome__video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .bd-welcome__video-btn a {
        font-size: 18px;
        color: var(--bd-common-white);
    }

.bd-welcome__title {
    text-transform: capitalize;
    margin-bottom: 65px;
}

.bd-welcome__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 395px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__thumb {
        height: auto;
        position: unset;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-welcome__thumb {
        margin-bottom: 80px;
    }
}

.bd-welcome__thumb-2 {
    height: 622px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__thumb-2 {
        height: auto;
        position: unset;
    }
}

.bd-welcome__thumb-2 img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__thumb-2 img {
        position: unset;
        height: auto;
    }
}

.bd-welcome__thumb img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 110%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__thumb img {
        position: unset;
        height: auto;
    }
}

.bd-welcome__list-item i {
    height: 60px;
    width: 60px;
    line-height: 68px;
    text-align: center;
    background: #F8F5F0;
    border-radius: 60px;
    display: inline-block;
    font-size: 30px;
    margin-bottom: 10px;
}

.bd-welcome__list-item p {
    font-size: 16px;
    font-weight: var(--bd-fw-medium);
    text-transform: uppercase;
}

.bd-welcome__list-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 50px;
}

@media (max-width: 575px) {
    .bd-welcome__list-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-welcome__list-content {
        gap: 0 17px;
    }
}

.bd-welcome__list-thumb {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__list-thumb-wrap {
        margin-bottom: 60px;
    }
}

.bd-welcome__list-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bd-welcome__list-thumb-musk {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: right;
    mask-position: right;
    display: inline-flex;
    height: 270px;
    width: 170px;
    margin-top: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-welcome__list-thumb-musk {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__list-thumb-musk {
        margin-top: 0;
    }
}

.bd-welcome__thumb-wrap {
    margin-inline-start: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-welcome__thumb-wrap {
        margin-inline-start: 0px;
    }
}

.bd-welcome__thumb img {
    width: 100%;
}

.about-4__img img {
    aspect-ratio: 100/86;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-4__img img {
        aspect-ratio: 100/110;
    }
}

.bd-service {
    position: relative;
    overflow: hidden;
    background: rgb(0 0 0 / 10%);
    min-height: 409px;
}

.cstm-4-pller .bd-service {
    min-height: 500px;
}

.bd-service:hover .bd-service__bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.bd-service__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-service__bg::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #051623bf 100%);
        height: 28%;
        width: 100%;
    }

    .bd-service__bg.bg-2::before {
        background: #164a72b0;
        height: 100%;
    }

.bd-service__title {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    position: absolute;
    top: calc(100% - 80px);
    color: var(--bd-common-white);
    inset-inline-start: 30px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.chennel-refer left-cnt .bd-service__title {
    top: calc(30% - 70px);
    max-width: 806px;
    right: 0 !important;
    left: auto;
    padding-right: 10%;
}

.chennel-refer right-cnt .bd-service__title {
    top: calc(30% - 70px) !important;
    max-width: 806px;
    right: auto !important;
    left: 0 !important;
    padding-left: 10%;
}


.bd-service__title a:hover {
    color: #ffffff;
    letter-spacing: 1px;
}

/*.bd-service__price {
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: absolute;
    bottom: 30px;
    inset-inline-start: 30px;
    font-size: 24px;
    color: var(--bd-common-white);
}*/
.bd-service__price {
    position: absolute;
    bottom: 30px;
    inset-inline-start: 30px;
    color: var(--bd-common-white);
}

.service-intro-thumb {
    min-height: 620px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 250px);
}

    .service-intro-thumb img {
        position: absolute;
        bottom: 0;
        height: 120%;
        width: 100%;
        object-fit: cover;
    }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-intro-thumb {
        min-height: 400px;
        width: calc(100% + 0px);
    }
}

.service-intro-text {
    max-width: 1089px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .service-intro-text {
        max-width: 900px;
    }
}

.line__subtitle {
    font-size: 18px;
    color: #000000;
    line-height: 1;
    font-family: var(--tpl-ff-heading);
    position: relative;
    padding-left: 190px;
    display: inline-block;
    font-weight: 600;
}

    .line__subtitle::before {
        content: "";
        width: 170px;
        height: 1px;
        background: #D9D9D9;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .line__subtitle::after {
        position: absolute;
        content: "";
        width: 40px;
        height: 1px;
        background: var(--clr-theme-2);
        left: 130px;
        top: 50%;
        transform: translateY(-50%);
    }

.section-intro-paragraph {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.7;
}

.bd-service-details-area .swiper-container {
    overflow: visible;
}

.bd-service-details__title {
    font-size: 36px;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .bd-service-details__title {
        font-size: 30px;
    }
}

.bd-service-details__widget {
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-service-details__list-2 ul {
    list-style-type: none;
}

    .bd-service-details__list-2 ul li {
        font-size: 16px;
        line-height: 28px;
        text-transform: capitalize;
        color: #393939;
    }

.bd-service-details__list ul {
    display: grid;
    grid-template-columns: repeat(3, 240px);
    list-style: none;
    row-gap: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-service-details__list ul {
        grid-template-columns: repeat(3, 215px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-service-details__list ul {
        grid-template-columns: 1fr;
    }
}

.bd-service-details__list ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

    .bd-service-details__list ul li i {
        font-size: 20px;
        color: var(--bd-theme-1);
    }

.bd-service-details__thumb img {
    width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-service-area {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-service-area.mpt-0 {
        padding-top: 0;
    }
}

.pricing-spacing {
    padding-top: 150px;
    padding-bottom: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing-spacing {
        padding-bottom: 110px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .pricing-spacing {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

.bd-price-item {
    background-color: #F8F5F0;
    height: 606px;
    position: relative;
    padding: 40px 40px;
    min-width: 210px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-price-item {
        padding: 40px 28px;
        min-width: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-price-item {
        padding: 40px 14px 40px 6px;
        min-width: auto;
    }

    [dir=rtl] .bd-price-item {
        padding: 40px 6px 40px 14px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item {
        padding: 10px 30px;
        min-width: auto;
        height: auto;
    }
}

@media (max-width: 450px) {
    .bd-price-item {
        padding: 15px 20px;
        min-width: auto;
        height: auto;
    }
}

.bd-price-item.white-bg {
    background-color: var(--bd-common-white);
}

.bd-price-item__wrap {
    display: flex;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__wrap {
        flex-direction: column;
    }
}

.bd-price-item__title {
    position: absolute;
    bottom: 40px;
    width: 100%;
    writing-mode: vertical-lr;
    left: 0;
    transform: rotate(-180deg);
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-price-item__title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__title {
        font-size: 18px;
        position: static;
        writing-mode: inherit;
        transform: none;
    }
}

.bd-price-item__icon {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__icon {
        display: none;
    }
}

.bd-price-item__icon::after {
    content: "+";
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
    font-size: 30px;
    color: var(--bd-common-black);
    font-family: var(--bd-ff-fontawesome);
    font-weight: 400;
    margin-inline-start: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__icon::after {
        font-size: 16px;
    }
}

.bd-price-item__price {
    position: absolute;
    top: 118px;
    width: 100%;
    writing-mode: vertical-lr;
    left: 0;
    transform: rotate(-180deg);
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__price {
        position: static;
        writing-mode: inherit;
        transform: none;
    }
}

.bd-price-item__price p {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--bd-common-black);
    margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__price p {
        font-size: 22px;
    }
}

.bd-price-item__price p span {
    color: var(--bd-grey-3);
    font-size: 16px;
}

.bd-price-item__content-2 {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--bd-common-black);
    height: 100%;
    border-left: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__content-2 {
        padding: 30px 30px;
        border: 1px solid var(--bd-common-black);
    }
}

@media (max-width: 450px) {
    .bd-price-item__content-2 {
        padding: 20px 20px;
    }
}

.bd-price-item__content-2 .bd-section__title {
    font-size: 32px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-price-item__content-2 .bd-section__title {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .bd-price-item__content-2 .bd-section__title {
        font-size: 25px;
    }
}

@media (max-width: 575px) {
    .bd-price-item__content-2 .bd-section__subtitle {
        font-size: 14px;
    }
}

.bd-price-item__list ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__list ul li {
        margin-bottom: 5px;
    }
}

.bd-price-item__list ul li:last-child {
    margin-bottom: 0;
}

.bd-price-item__list ul li i {
    font-size: 20px;
    color: var(--bd-theme-1);
}

.bd-price-item__list ul li span {
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__list ul li span {
        font-size: 14px;
    }
}

.bd-price-item__list-wrap {
    height: 100%;
    padding: 30px;
}

@media (max-width: 450px) {
    .bd-price-item__list-wrap {
        padding: 30px 20px;
    }
}

.bd-price-item__list-icon {
    color: var(--bd-common-white);
    font-size: 70px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__list-icon {
        margin-bottom: 20px;
    }
}

.bd-price-item__list-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-price-item__list-bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.6;
        height: 100%;
        width: 100%;
    }

.bd-price-item__list-btn {
    position: absolute;
    bottom: 40px;
    left: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item__list-btn {
        position: static;
        margin-top: 25px;
    }
}

.bd-price-item__content {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 450px) {
    .bd-price-item__content {
        flex-direction: column-reverse;
    }
}

.bd-price-item-2 {
    width: 0;
    display: grid;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    width: 700px;
    transform: scale(0.7);
    grid-template-columns: 300px auto;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-price-item-2 {
        grid-template-columns: 300px auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-price-item-2 {
        grid-template-columns: 300px auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-price-item-2 {
        width: 600px;
        grid-template-columns: 294px auto;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-price-item-2 {
        grid-template-columns: 1fr;
        width: inherit;
    }
}

.row-custom {
    display: flex;
    margin: 0 -15px;
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-custom {
        margin: 0 0px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .row-custom {
        padding: 0;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .row-custom {
        flex-direction: column;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.col-custom {
    position: relative;
    flex: 1;
    width: 210px;
    height: 606px;
    transition: 0.5s;
    margin: 0 15px;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .col-custom {
        margin: 0 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .col-custom {
        margin: 0 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .col-custom {
        width: 15%;
        padding: 0px 15px;
        flex: 0 0 7%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-custom {
        width: 15%;
        padding: 0;
        flex: 0 0 15%;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .col-custom {
        width: 25%;
        padding: 35px 25px;
        flex: 0 0 25%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .col-custom {
        width: 100%;
        padding: 35px 0px;
    }
}

.col-custom.active {
    flex: 3.7;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .col-custom.active {
        flex: 6.5;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .col-custom.active {
        flex: 0 0 75%;
        width: 75%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-custom.active {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .col-custom.active {
        flex: 0 0 100%;
        width: 100%;
    }
}

.col-custom.active .bd-price-item {
    min-width: 122px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .col-custom.active .bd-price-item {
        min-width: auto;
    }
}

.col-custom.active .bd-price-item__icon::after {
    content: "\f068";
}

.col-custom.active .bd-price-item-2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.col-custom.active::before {
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-brand__thumb-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        justify-content: center;
        gap: 60px;
    }
}

@media (max-width: 575px) {
    .bd-brand__thumb-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap: 60px 20px;
    }
}

.bd-room {
    background: #fff;
    padding: 40px;
    position: relative;
}

    .bd-room.bordered {
        border: 1px solid #D9D9D9;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

@media (max-width: 575px) {
    .bd-room {
        padding: 30px 0px;
    }
}

.bd-room:hover .bd-room__details {
    transform: translateY(0);
}

.bd-room:hover .bd-room__btn a {
    transform: translateX(0px);
}

.bd-room__bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    background-attachment: fixed;
}

    .bd-room__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.7;
        height: 100%;
        width: 100%;
    }

.bd-room__title {
    font-size: 30px;
    line-height: 1.33;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

@media (max-width: 575px) {
    .bd-room__title {
        padding: 0 20px;
        font-size: 27px;
    }
}

.bd-room__title a:hover {
    color: var(--bd-theme-1);
}

@media (max-width: 575px) {
    .bd-room__price {
        padding: 0 20px;
    }
}

.bd-room__price p {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--bd-common-black);
}

@media (max-width: 575px) {
    .bd-room__price p {
        font-size: 25px;
    }
}

.bd-room__price p span {
    font-size: 16px;
    color: var(--bd-grey-3);
}

@media (max-width: 575px) {
    .bd-room__price p span {
        font-size: 15px;
    }
}

.bd-room__thumb {
    width: 100%;
    height: 100%;
}

.bd-room__thumb-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 414px;
}

@media (hover: none) {
    .bd-room__thumb-wrap {
        height: auto;
    }
}

@media (hover: none) {
    .bd-room__thumb {
        height: auto;
    }
}

.bd-room__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bd-room__details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--bd-common-white);
    border: 1px solid #D9D9D9;
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

@media (hover: none) {
    .bd-room__details {
        position: static;
        transform: none;
    }
}

.bd-room__details > p {
    padding: 30px;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #393939;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .bd-room__details > p {
        padding: 20px;
        margin-bottom: 20px;
    }
}

.bd-room__list {
    display: flex;
    padding: 0 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-room__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .bd-room__list {
        padding: 0 20px;
        gap: 10px;
    }
}

.bd-room__list-item i {
    height: 60px;
    width: 60px;
    line-height: 68px;
    text-align: center;
    background: #F8F5F0;
    border-radius: 60px;
    display: inline-block;
    font-size: 30px;
    margin-bottom: 5px;
}

.bd-room__list-item p {
    font-size: 16px;
    font-weight: var(--bd-fw-medium);
    text-transform: uppercase;
}

.bd-room__list-thumb {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-room__list-thumb-wrap {
        margin-bottom: 60px;
    }
}

.bd-room__list-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bd-room__list-thumb-musk {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: right;
    mask-position: right;
    display: inline-flex;
    height: 270px;
    width: 170px;
    margin-top: 16px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-room__list-thumb-musk {
        margin-top: 0;
    }
}

.bd-room__btn {
    overflow: hidden;
}

@media (max-width: 575px) {
    .bd-room__btn {
        margin: 0 20px;
    }
}

.bd-room__btn a {
    display: flex;
    gap: 13px;
    align-items: center;
    position: relative;
    transform: translateX(-91px);
}

@media (hover: none) {
    .bd-room__btn a {
        transform: none;
    }
}

.bd-room__btn a:hover {
    color: var(--bd-theme-1);
}

    .bd-room__btn a:hover span {
        color: var(--bd-theme-1);
    }

.bd-room__btn a span {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--bd-common-black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bd-room__btn a i {
    font-size: 26px;
}

.bd-room-details__title {
    font-size: 36px;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .bd-room-details__title {
        font-size: 30px;
    }
}

.bd-room-details__widget {
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-room-details__list ul {
    display: grid;
    grid-template-columns: repeat(3, 240px);
    list-style: none;
    row-gap: 10px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-room-details__list ul {
        grid-template-columns: repeat(2, 240px);
    }
}

@media (max-width: 575px) {
    .bd-room-details__list ul {
        grid-template-columns: 1fr;
    }
}

.bd-room-details__list ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

    .bd-room-details__list ul li i {
        font-size: 20px;
        color: var(--bd-theme-1);
    }

.bd-room-details__thumb img {
    width: 100%;
}

.bd-room-details__thumb.is-lg {
    height: 438px;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-room-details__thumb.is-lg {
        height: 345px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-room-details__thumb.is-lg {
        height: 290px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-room-details__thumb.is-lg {
        height: 400px;
    }
}

@media (max-width: 575px) {
    .bd-room-details__thumb.is-lg {
        height: 350px;
    }
}

.bd-room-details__thumb.is-lg img {
    position: absolute;
    height: 120%;
    bottom: 0;
    width: 100%;
    object-fit: cover;
}

.bd-room-slider-three-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
}

    .bd-room-slider-three-nav .square-nav {
        color: var(--bd-common-white);
    }

/*----------------------------------------*/
/*  36. RESTAURANT CSS START
/*----------------------------------------*/
.bd-restaurant-opening {
    height: 100%;
    display: flex;
    align-items: center;
    min-width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-restaurant-opening {
        height: auto;
        margin-bottom: 80px;
        padding-bottom: 60px;
    }
}

.bd-restaurant-opening__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-restaurant-opening__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.8;
        height: 100%;
        width: 100%;
    }

.bd-restaurant-opening__video-btn a {
    height: 64px;
    width: 64px;
    line-height: 64px;
    text-align: center;
    color: var(--bd-common-white);
    border: 1px solid var(--bd-common-white);
    border-radius: 100px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-restaurant-opening__video-btn a:hover {
        background: var(--bd-theme-1);
        border-color: var(--bd-theme-1);
    }

    .bd-restaurant-opening__video-btn a::after, .bd-restaurant-opening__video-btn a::before {
        position: absolute;
        content: "";
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.4);
        animation: borderanimate2 2s linear infinite;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .bd-restaurant-opening__video-btn a::before {
        animation-delay: 0.7s;
    }

.bd-restaurant-opening__btn .bd-btn {
    padding: 20px 30px;
    color: var(--bd-common-black);
    border: 1px solid var(--bd-common-white);
    background: var(--bd-common-white);
    padding-right: 50px;
}

    .bd-restaurant-opening__btn .bd-btn:hover {
        background: var(--bd-theme-1);
        border-color: var(--bd-theme-1);
    }

.bd-restaurant-opening__content-2 {
    padding: 0 60px;
    width: 100%;
}

@media (max-width: 575px) {
    .bd-restaurant-opening__content-2 {
        padding: 0 30px;
    }
}

.bd-restaurant-opening__title {
    font-family: var(--bd-ff-body);
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

.bd-restaurant-opening__list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--bd-grey-1);
}

@media (max-width: 575px) {
    .bd-restaurant-opening__list ul li {
        justify-content: start;
        align-items: start;
        flex-direction: column;
    }
}

.bd-restaurant-opening__list ul li:last-child {
    margin-bottom: 0;
}

.bd-restaurant-opening__list ul li span {
    display: grid;
    align-items: center;
    grid-template-columns: auto 150px;
    font-weight: 400;
    font-size: 16px;
    gap: 10px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

    .bd-restaurant-opening__list ul li span i {
        color: var(--bd-theme-1);
    }

    .bd-restaurant-opening__list ul li span:first-child {
        font-weight: 500;
    }

/*----------------------------------------*/
/* 37. FOODMENU CSS START
/*----------------------------------------*/
.bd-foodmenu__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-foodmenu__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.8;
        height: 100%;
        width: 100%;
    }

.bd-foodmenu__item {
    padding: 40px 30px;
    border: 1px solid var(--bd-text-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--bd-common-black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .bd-foodmenu__item:hover {
        border-color: rgba(128, 128, 128, 0.8980392157);
    }

        .bd-foodmenu__item:hover .bd-foodmenu__item-thumb img {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
        }

.bd-foodmenu__item-thumb {
    width: 192px;
    height: 192px;
    border-radius: 50%;
    overflow: hidden;
}

    .bd-foodmenu__item-thumb img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

.bd-foodmenu__item-title {
    font-size: 24px;
    line-height: 1.66;
    text-align: center;
    text-transform: capitalize;
    color: var(--bd-common-white);
}

    .bd-foodmenu__item-title a:hover {
        color: var(--bd-theme-1);
    }

.bd-foodmenu__item-content p {
    color: var(--bd-common-white);
}

.bd-foodmenu__item-price span {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--bd-theme-1);
}

.bd-foodmenu__tab .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 75px;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-foodmenu__tab .nav-tabs {
        gap: 20px 30px;
    }
}

.bd-foodmenu__tab .nav-tabs .nav-link {
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 24px;
    line-height: 20px;
    text-transform: capitalize;
    color: var(--bd-grey-3);
}

@media (max-width: 575px) {
    .bd-foodmenu__tab .nav-tabs .nav-link {
        font-size: 20px;
    }
}

.bd-foodmenu__tab .nav-tabs .nav-link.active {
    color: var(--bd-theme-1);
    background-color: transparent;
    text-decoration: underline;
    text-decoration: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-foodmenu-active {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/*----------------------------------------*/
/*  38. EVENT CSS START HERE
/*----------------------------------------*/
.bd-event-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 5;
}

    .bd-event-content.static {
        position: relative;
        background-color: var(--bd-common-white);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
        z-index: 2;
        margin: 0 20px;
        margin-top: 0px;
        width: auto;
        margin-top: -40px;
        padding: 15px;
    }

        .bd-event-content.static h3 {
            color: #164a72;
            font-size: 26px;
            margin-bottom: 10px;
        }

            .bd-event-content.static h3:hover {
                color: var(--bd-theme-1);
            }

        .bd-event-content.static h2 {
            position: absolute;
            bottom: 15px;
            right: 15px;
            font-family: TenorSans-Regular;
            color: #ccc;
            user-select: none;
            margin: auto;
            line-height: unset;
            opacity: .3;
        }

        .bd-event-content.static span {
            color: var(--bd-common-text);
            font-size: 16px;
            font-weight: 500;
            display: block;
            margin-bottom: 5px;
        }

        .bd-event-content.static p {
            margin-bottom: 15px;
            height: 50px;
            overflow-y: auto;
            line-height: 25px;
        }

            .bd-event-content.static p::-webkit-scrollbar {
                width: 5px;
                height: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                background-color: #aaa
            }

            .bd-event-content.static p::-webkit-scrollbar-thumb {
                background: padding-box #164a72;
                border-radius: 8px
            }

.bd-event-subtitle, .bd-event-title {
    color: var(--bd-common-white);
}

.bd-event-title {
    margin-bottom: 0;
    font-size: 24px;
}

@media (max-width: 575px) {
    .bd-event-title {
        font-size: 20px;
    }
}

.bd-event-subtitle {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.bd-event-item {
    position: relative;
    overflow: hidden;
}

    .bd-event-item:hover .img-hover.overlay::before {
        opacity: 0.3;
        visibility: visible;
        transform: translate(0%, 0%);
    }

    .bd-event-item:hover .img-hover.overlay img {
        transform: scale(1.05);
    }

.bd-event-details__widget {
    border-bottom: 1px solid var(--bd-grey-1);
}

.bd-event-details__list ul {
    display: grid;
    grid-template-columns: repeat(3, 240px);
    list-style: none;
    row-gap: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-event-details__list ul {
        grid-template-columns: repeat(3, 215px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-event-details__list ul {
        grid-template-columns: 1fr;
    }
}

.bd-event-details__list ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

    .bd-event-details__list ul li i {
        font-size: 20px;
        color: var(--bd-theme-1);
    }

.bd-event-details-title {
    font-size: 30px;
}

@media (max-width: 450px) {
    .bd-event-details-title {
        font-size: 28px;
    }
}

.bd-event-details-imagbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
}

@media (max-width: 575px) {
    .bd-event-details-imagbox {
        grid-template-columns: repeat(1, 1fr);
    }
}

.bd-event-details-thumb {
    position: relative;
    overflow: hidden;
    height: 500px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-event-details-thumb {
        height: 350px;
    }
}

@media (max-width: 575px) {
    .bd-event-details-thumb {
        height: 300px;
    }
}

.bd-event-details-thumb img {
    position: absolute;
    height: 110%;
}

.bd-event-details-info-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-event-details-info-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-event-details-info-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.bd-event-details-info-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background-color: var(--bd-theme-6);
}

    .bd-event-details-info-list li .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: var(--bd-theme-1);
        color: var(--bd-common-white);
        border-radius: 50%;
    }

    .bd-event-details-info-list li small {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
        display: block;
    }

    .bd-event-details-info-list li h4 {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        text-transform: uppercase;
    }

.bd-event-sidebar {
    padding: 30px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04);
}

.bd-event-line {
    width: 100%;
    height: 1px;
    background: var(--bd-grey-1);
}

.bd-event-social h4 {
    font-size: 20px;
    font-weight: 600;
    margin-inline-end: 20px;
}

.bd-event-social ul li {
    display: inline-block;
    margin-inline-start: 5px;
}

    .bd-event-social ul li:first-child {
        margin-inline-start: 0;
    }

    .bd-event-social ul li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        text-align: center;
        font-size: 16px;
        background: var(--bd-theme-6);
        position: relative;
        overflow: hidden;
        z-index: 5;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .bd-event-social ul li a:hover {
            color: var(--bd-common-white);
            background-color: var(--bd-theme-1);
        }

.img-hover img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking-form-area {
        background-color: var(--bd-theme-2);
    }
}

.bd-booking__bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-booking__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: var(--bd-common-black);
        opacity: 0.7;
        height: 100%;
        width: 100%;
    }

.bd-booking__form {
    margin-bottom: 65px;
    background-color: #164a72;
    padding: 20px;
    margin-top: 0;
    color: #fff;
}

@media (max-width: 575px) {
    .bd-booking__form {
        margin: 0;
        margin-bottom: 65px;
    }
}

.bd-booking__form-2 {
    background-color: var(--bd-common-white);
    margin: 0;
    padding-top: 27px;
}

    .bd-booking__form-2.is-dark {
        background-color: var(--bd-common-black);
    }

        .bd-booking__form-2.is-dark label {
            color: var(--bd-common-white);
        }

        .bd-booking__form-2.is-dark input {
            background-color: transparent;
            color: var(--bd-common-white);
        }

            .bd-booking__form-2.is-dark input::-webkit-input-placeholder {
                color: var(--bd-common-white);
            }

            .bd-booking__form-2.is-dark input:-moz-placeholder {
                color: var(--bd-common-white);
            }

            .bd-booking__form-2.is-dark input::-moz-placeholder {
                color: var(--bd-common-white);
            }

            .bd-booking__form-2.is-dark input:-ms-input-placeholder {
                color: var(--bd-common-white);
            }

        .bd-booking__form-2.is-dark .nice-select {
            background-color: transparent;
        }

            .bd-booking__form-2.is-dark .nice-select::after {
                color: rgba(255, 255, 255, 0.5882352941);
            }

            .bd-booking__form-2.is-dark .nice-select .current {
                margin-inline-end: 15px;
                color: var(--bd-common-white);
            }

        .bd-booking__form-2.is-dark .bd-booking__input-date::after {
            color: rgba(255, 255, 255, 0.5882352941);
        }

        .bd-booking__form-2.is-dark .bd-booking__input-inner,
        .bd-booking__form-2.is-dark .bd-booking__input-single {
            border-color: #414141;
        }

        .bd-booking__form-2.is-dark .bd-booking__input::before {
            background-color: #414141;
        }

    .bd-booking__form-2 label {
        font-size: 16px;
        font-weight: var(--bd-fw-bold);
        line-height: 28px;
        text-transform: uppercase;
        color: var(--bd-common-black);
    }

    .bd-booking__form-2 form {
        display: flex;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-2 form {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-booking__form {
        margin: 0;
        margin-bottom: 65px;
    }
}

.bd-booking__form-wrap {
    /*max-width: 1643px;*/
    margin: 0 auto;
    /*position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-wrap {
        min-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-wrap {
        position: static;
    }
}

.bd-booking__form-wrap-2 {
    width: auto;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-wrap-2 {
        position: static;
    }
}

.bd-booking__form label {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
}

.bd-booking__form form {
    display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form form {
        flex-direction: column;
    }
}

.bd-booking__input {
    width: 175px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-booking__input.location {
        width: 220px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input.location {
        width: 180px;
    }
}

.bd-booking__input.location::before {
    content: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input {
        width: 100%;
    }
}

.bd-booking__input::before {
    content: "";
    width: 1px;
    height: 23px;
    background-color: var(--bd-grey-1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input::before {
        content: none;
    }
}

.bd-booking__input.input-single::before {
    display: none;
}

.bd-booking__input-wrap {
    display: flex;
    /* gap: 160px; */
    padding: 0 50px;
    gap: 40px;
    padding: 0 30px;
    width: calc(100% - 265px);
    justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-booking__input-wrap {
        gap: 40px;
        padding: 0 30px;
        width: calc(100% - 265px);
        justify-content: space-between;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input-wrap {
        gap: 50px;
        padding: 0 30px;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input-wrap {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 575px) {
    .bd-booking__input-wrap {
        padding: 0 25px;
    }
}

.bd-booking__input-wrap-2 {
    display: flex;
    gap: 45px;
    padding: 0 30px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .bd-booking__input-wrap-2 {
        gap: 35px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-booking__input-wrap-2 {
        gap: 35px;
        width: calc(100% - 110px);
        justify-content: space-between;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input-wrap-2 {
        gap: 30px;
        padding: 0 30px;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input-wrap-2 {
        flex-direction: column;
        gap: 0;
    }
}

.bd-booking__input-inner, .bd-booking__input-single {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 30px; */
    /* border-bottom: 1px solid #d9d9d93d; */
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input-inner, .bd-booking__input-single {
        flex-direction: column;
    }
}

.bd-booking__input-inner input, .bd-booking__input-single input {
    width: 80%;
    height: 50px;
    border: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input-inner input, .bd-booking__input-single input {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input-inner input, .bd-booking__input-single input {
        width: 100%;
    }

    [dir=rtl] .bd-booking__input-inner input, [dir=rtl] .bd-booking__input-single input {
        text-align: left;
    }
}

.bd-booking__input-inner input::-webkit-input-placeholder, .bd-booking__input-single input::-webkit-input-placeholder {
    text-transform: uppercase;
}

.bd-booking__input-inner input:-moz-placeholder, .bd-booking__input-single input:-moz-placeholder {
    text-transform: uppercase;
}

.bd-booking__input-inner input::-moz-placeholder, .bd-booking__input-single input::-moz-placeholder {
    text-transform: uppercase;
}

.bd-booking__input-inner input:-ms-input-placeholder, .bd-booking__input-single input:-ms-input-placeholder {
    text-transform: uppercase;
}

.bd-booking__input-inner .nice-select, .bd-booking__input-single .nice-select {
    border-radius: 0px;
    border: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input-inner .nice-select, .bd-booking__input-single .nice-select {
        font-size: 14px;
    }
}

.bd-booking__input-inner .nice-select .list, .bd-booking__input-single .nice-select .list {
    min-width: 100%;
}

.bd-booking__input-inner .nice-select .option.selected, .bd-booking__input-single .nice-select .option.selected {
    font-weight: 600;
}

.bd-booking__input-inner .nice-select .current, .bd-booking__input-single .nice-select .current {
    margin-inline-end: 15px;
}

[dir=rtl] .bd-booking__input-inner .nice-select .current, [dir=rtl] .bd-booking__input-single .nice-select .current {
    margin-inline-end: 0px;
}

.bd-booking__input-inner .nice-select::after, .bd-booking__input-single .nice-select::after {
    right: 0;
}

.bd-booking__input-inner.location .nice-select, .bd-booking__input-single.location .nice-select {
    width: 100%;
}

.bd-booking__input-single {
    display: flex;
    flex-direction: column;
    width: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking__input-single.room-input {
        width: 74px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__input-single {
        width: 100%;
    }
}

.bd-booking__input-date {
    position: relative;
}

    .bd-booking__input-date::after {
        content: "\f133";
        -webkit-transform: translateY(1px);
        -moz-transform: translateY(1px);
        -ms-transform: translateY(1px);
        -o-transform: translateY(1px);
        transform: translateY(1px);
        font-size: 14px;
        color: var(--bd-common-black);
        font-family: var(--bd-ff-fontawesome);
        font-weight: 400;
        margin-inline-start: 15px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    [dir=rtl] .bd-booking__input-date::after {
        margin-inline-start: 0;
    }
}

.bd-booking__submit {
    width: 264px;
    margin: 0 auto;
    color: var(--bd-common-white);
    position: absolute;
    inset-inline-end: 0;
    /* top: 0; */
    /* height: 100%; */
    display: flex;
    align-content: center;
    /* align-items: center; */
    justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__submit {
        height: 70px;
        line-height: 70px;
        width: 100%;
        position: static;
    }
}

.bd-booking__submit button {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px px;
    height: 46%;
    font-weight: var(--bd-fw-medium);
    background-color: #164a72;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

    .bd-booking__submit button i {
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .bd-booking__submit button:hover {
        color: var(--bd-common-white);
        background-color: var(--bd-common-black);
    }

        .bd-booking__submit button:hover i {
            transform: rotate(0deg);
        }

.bd-booking__submit.is-dark button {
    background-color: var(--bd-theme-1);
}

.bd-booking__submit-2 {
    width: 150px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-booking__submit-2 {
        width: 110px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__submit-2 {
        width: 100%;
    }
}

.bd-booking__submit-2 button {
    font-size: 35px;
}

.bd-booknow__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

    .bd-booknow__bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: #000;
        opacity: 0.3;
        height: 100%;
        width: 100%;
    }

.bd-booknow__btn {
    display: flex;
    justify-content: center;
}

    .bd-booknow__btn .bd-btn {
        display: inline-flex;
        position: relative;
        z-index: 2;
    }

.bd-booking-3 {
    background-color: var(--bd-theme-2);
    border: 1px solid var(--bd-grey-1);
}

.bd-booking-3-info {
    background-color: var(--bd-theme-2);
    border: 1px solid var(--bd-grey-1);
}

    .bd-booking-3-info .bd-booking-3__title {
        padding: 30px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking-3-info .bd-booking-3__title {
        padding: 20px 15px;
    }
}

.bd-booking-3__content {
    padding: 30px;
    border-bottom: 1px solid var(--bd-grey-1);
    padding-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking-3__content {
        padding: 20px 15px;
    }
}

.bd-booking-3__title {
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: var(--bd-common-black);
}

.bd-booking-3__price {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
    .bd-booking-3__price {
        display: flex;
        align-items: start;
        gap: 0;
        flex-direction: column;
    }
}

.bd-booking-3__price p {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .bd-booking-3__price p i {
        font-size: 22px;
    }

    .bd-booking-3__price p span {
        font-size: 16px;
        line-height: 28px;
        text-transform: capitalize;
        color: var(--bd-common-black);
    }

    .bd-booking-3__price p:last-child {
        display: flex;
        gap: 10px;
        align-items: baseline;
        font-weight: 500;
        font-size: 16px;
        line-height: 40px;
        text-transform: uppercase;
        color: var(--bd-grey-3);
    }

        .bd-booking-3__price p:last-child span {
            font-weight: 500;
            font-size: 30px;
            line-height: 40px;
            text-transform: uppercase;
            display: flex;
            gap: 10px;
        }

.bd-booking-3__tax p {
    font-size: 14px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-grey-3);
    display: flex;
    gap: 30px;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
    .bd-booking-3__tax p {
        gap: 0;
        align-items: start;
        flex-direction: column;
    }
}

.bd-booking-3__tax p span {
    color: red;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bd-booking-3__input-wrap {
    padding: 30px;
}

.bd-booking-3__input-inner i {
    position: absolute;
    inset-inline-end: 20px;
    top: 26%;
    color: var(--bd-grey-3);
}

.bd-booking-3__input input {
    height: 55px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid var(--bd-grey-1);
    background-color: var(--bd-common-white);
    font-size: 14px;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

    .bd-booking-3__input input::placeholder {
        color: var(--bd-grey-3);
    }

.bd-booking-3__input label {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-black);
    display: block;
    margin-bottom: 10px;
}

.bd-booking-3__input .nice-select {
    width: 100%;
    height: 55px;
    border-radius: 0;
    border: 1px solid var(--bd-grey-1);
    line-height: 55px;
    font-size: 16px;
}

    .bd-booking-3__input .nice-select .list {
        width: 100%;
        border-radius: 0;
    }

    .bd-booking-3__input .nice-select .option.selected {
        font-weight: 500;
    }

.bd-booking-3__list {
    padding: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-booking-3__list {
        padding: 20px 15px;
    }
}

.bd-booking-3__list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .bd-booking-3__list ul li {
        display: flex;
        gap: 10px;
        align-items: center;
        font-size: 16px;
        line-height: 28px;
        text-transform: capitalize;
        color: var(--bd-common-black);
    }

        .bd-booking-3__list ul li i {
            font-size: 20px;
            color: var(--bd-theme-1);
        }

.bd-booking-3__submit button {
    height: 80px;
    text-align: center;
    width: 100%;
    background: var(--bd-common-black);
    color: var(--bd-common-white);
    display: flex;
    align-items: center;
    line-height: 80px;
    gap: 10px;
    justify-content: center;
}

    .bd-booking-3__submit button:hover {
        color: var(--bd-common-black);
        background: var(--bd-theme-1);
    }

        .bd-booking-3__submit button:hover i {
            transform: rotate(0);
        }

    .bd-booking-3__submit button i {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        transform: rotate(-45deg);
    }

.bd-booking-4__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
}

@media (max-width: 575px) {
    .bd-booking-4__form {
        display: flex;
        flex-direction: column;
    }
}

.bd-booking-4__input {
    position: relative;
}

    .bd-booking-4__input .bd-nice-select .list .option:hover {
        background: var(--bd-theme-1);
    }

    .bd-booking-4__input .bd-nice-select .list .selected,
    .bd-booking-4__input .bd-nice-select .list .focus {
        background: var(--bd-theme-1);
    }

    .bd-booking-4__input textarea,
    .bd-booking-4__input input {
        width: 100%;
        height: 60px;
        border: 1px solid var(--bd-grey-1);
        padding-left: 20px;
        padding-right: 40px;
        outline: none;
    }

        .bd-booking-4__input textarea::placeholder,
        .bd-booking-4__input input::placeholder {
            color: #656565;
            font-size: 16px;
            opacity: 1;
        }

        .bd-booking-4__input textarea:focus,
        .bd-booking-4__input input:focus {
            border-color: var(--bd-theme-1);
        }

    .bd-booking-4__input textarea {
        height: 150px;
        padding-top: 15px;
    }

    .bd-booking-4__input.message {
        grid-column: span 2;
    }

    .bd-booking-4__input i {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .bd-booking-4__input .nice-select {
        background-color: transparent;
        color: #000;
        width: 100%;
        border: 1px solid #e8e8e8;
        height: 60px;
        border-radius: 0;
        font-size: 16px;
    }

        .bd-booking-4__input .nice-select:focus {
            border-color: var(--bd-theme-1);
        }

        .bd-booking-4__input .nice-select span {
            color: var(--bd-theme-1);
            font-weight: 400;
            line-height: 60px;
            height: 60px;
            display: inline-block;
            color: var(--bd-common-black);
        }

        .bd-booking-4__input .nice-select .list {
            width: 100%;
        }

        .bd-booking-4__input .nice-select .option.selected {
            font-weight: 500;
        }

.bd-booking-sidebar {
    padding: 30px;
    border: 1px solid var(--bd-grey-1);
}

.bd-booking__form-3 {
    background: var(--bd-common-white);
    padding: 40px;
    position: relative;
    z-index: 1;
    width: 900px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-booking__form-3 {
        width: 700px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-3 {
        width: 100%;
    }
}

.bd-booking__form-3 form {
    display: flex;
    gap: 60px;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-3 form {
        flex-direction: column;
    }
}

.bd-booking__form-3 .bd-booking__input::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--bd-grey-1);
    position: absolute;
    inset-inline-end: -30px;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-booking__form-3 .bd-booking__input::before {
        width: 100%;
        height: 1px;
        top: 100%;
        transform: translateY(30px);
        inset-inline-end: 0;
    }
}

.bd-booking__form-3 .bd-booking__input-date input {
    width: 100%;
    border: none;
    height: 40px;
}

.bd-booking__form-3 .bd-booking__input-date::after {
    content: "\f133";
    position: absolute;
    bottom: 8px;
    inset-inline-end: 0;
}

.bd-booking__form-3 .bd-booking__input-person input {
    width: 100%;
    border: none;
    height: 40px;
}

.bd-booking__form-3 button {
    height: 100%;
}

.cursor-outer {
    margin-left: -13px;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    border: 1px solid var(--bd-theme-1);
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    transition: all 0.08s ease-out;
    mix-blend-mode: difference;
}

    .cursor-outer.cursor-hover {
        opacity: 0;
    }

    .cursor-outer.cursor-big {
        opacity: 0;
    }

.mouseCursor {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
    transform: translateZ(0);
    visibility: hidden;
    text-align: center;
}

@media (hover: none) {
    .mouseCursor {
        display: none;
    }
}

[dir=rtl] .mouseCursor {
    left: 0;
    right: auto;
}

.mouseCursor.cursor-big {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
}

.cursor-inner {
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    z-index: 10000001;
    background-color: var(--bd-theme-1);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    mix-blend-mode: difference;
    opacity: 0.7;
}

    .cursor-inner span {
        color: #fff;
        line-height: 80px;
        opacity: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
    }

    .cursor-inner.cursor-big span {
        opacity: 1;
    }

    .cursor-inner.cursor-hover {
        margin-left: -40px;
        margin-top: -40px;
        width: 80px;
        height: 80px;
        background-color: var(--bd-theme-1);
        opacity: 0.3;
    }

.amenities__img img {
    width: 100%;
    aspect-ratio: 100/70;
    object-fit: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .amenities__img img {
        aspect-ratio: 100/80;
    }
}

.amenities__box {
    position: relative;
}

    .amenities__box:hover .amenities__desc {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        background: #ffffffcc;
    }

.amenities__desc {
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    background: var(--bd-common-white);
    margin: 20px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    width: 90%;
}

@media (hover: none) {
    .amenities__desc {
        position: static;
        opacity: 1;
        visibility: visible;
        padding: 20px;
        transform: none;
        border: 1px solid var(--bd-grey-1);
        margin: 0;
    }
}

.amenities__desc.style-2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    bottom: auto;
    padding: 0;
    background: transparent;
    transform: none;
}

@media (hover: none) {
    .amenities__desc.style-2 {
        margin: 20px;
        border: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-amenities-slider {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.bd-amenities-slider-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    display: none;
}

@media (hover: none) {
    .bd-amenities-slider-nav {
        display: flex;
    }
}

.bd-amenities-slider-two-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.bd-footer-area {
    background: var(--bd-common-black);
}

.bd-footer__logo {
    width: 367px;
}

@media (max-width: 575px) {
    .bd-footer__logo {
        width: 200px;
    }
}

.bd-footer__logo img {
    width: 130px;
}

.bd-footer__logo-wrap span {
    font-family: var(--bd-ff-heading);
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.25em;
    color: var(--bd-grey-3);
    display: inline-block;
    margin-top: 30px;
}

.bd-footer__widget {
    position: relative;
}

    .bd-footer__widget::before {
        content: "";
        position: absolute;
        height: 193px;
        width: 1px;
        background-color: #414141;
        inset-inline-end: 20px;
        top: 0;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bd-footer__widget::before {
        inset-inline-end: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-footer__widget::before {
        content: none;
    }
}

.bd-footer__widget-3::before {
    content: none;
}

.bd-footer__widget-title {
    color: var(--bd-common-white);
    text-transform: capitalize;
}

.bd-footer__widget-content p {
    color: var(--bd-common-white);
    font-size: 16px;
    line-height: 28px;
}

.bd-footer__meta a {
    font-family: var(--bd-ff-heading);
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--bd-common-white);
    display: inline-flex;
    gap: 20px;
}

    .bd-footer__meta a i {
        transform: rotate(-45deg) translateY(-1px);
    }

    .bd-footer__meta a span {
        font-size: 16px;
        line-height: 28px;
        display: flex;
        text-decoration-line: underline;
    }

    .bd-footer__meta a:hover {
        color: var(--bd-theme-1);
    }

.bd-footer__list ul {
    display: flex;
    row-gap: 10px;
    column-gap: 30px;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-footer__list ul {
        gap: 20px;
    }
}

.bd-footer__list ul li {
    list-style-type: none;
    position: relative;
}

    .bd-footer__list ul li::before {
        content: "|";
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--bd-common-white);
    }

[dir=rtl] .bd-footer__list ul li::before {
    right: auto;
    left: -15px;
}

.bd-footer__list {
    margin-bottom: 30px;
}

    .bd-footer__list ul li:last-child::before {
        content: none;
    }

    .bd-footer__list ul li a {
        font-size: 16px;
        line-height: 28px;
        color: var(--bd-common-white);
    }

        .bd-footer__list ul li a:hover {
            color: var(--bd-theme-1);
        }

.bd-footer__social-wrapper {
    display: flex;
    gap: 17px;
    align-items: center;
}

.bd-footer__social a {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    color: var(--bd-common-white);
    border: 1px solid var(--bd-common-white);
    opacity: 0.7;
    display: inline-block;
    line-height: 37px;
    text-align: center;
}

    .bd-footer__social a:hover {
        opacity: 1;
        border-color: var(--bd-theme-1);
        background-color: var(--bd-theme-1);
        color: var(--bd-common-black);
    }

.bd-footer__social.is-black a {
    color: var(--bd-common-black);
    border-color: var(--bd-common-black);
}

    .bd-footer__social.is-black a:hover {
        opacity: 1;
        border-color: var(--bd-theme-1);
        background-color: var(--bd-theme-1);
        color: var(--bd-common-black);
    }

.bd-footer__copyright-text p {
    font-size: 15px;
    line-height: 28px;
    /* text-align: center; */
    letter-spacing: 0.15em;
    text-transform: capitalize;
    color: var(--bd-grey-3);
    margin-bottom: 0;
}

    .bd-footer__copyright-text p a:hover {
        color: var(--bd-theme-1);
    }

.bd-footer-newsletter__input {
    position: relative;
}

    .bd-footer-newsletter__input input {
        width: 100%;
        min-width: 350px;
        height: 70px;
        background-color: #f0f0f0;
        color: var(--bd-common-white);
        padding-inline-start: 25px;
        padding-inline-end: 100px;
        border: 1px solid #ffffff57;
        border-radius: 50px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-footer-newsletter__input input {
        padding-inline-end: 25px;
    }
}

.bd-footer-newsletter__input input::placeholder {
    color: var(--bd-grey-3);
}

.bd-footer-newsletter__input button {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0px 30px;
    font-weight: var(--bd-fw-medium);
    line-height: 70px;
    color: var(--bd-common-white);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
/*.bd-footer-newsletter__input button::before {
  content: "";
  height: 55%;
  width: 1px;
  background: var(--bd-grey-3);
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}*/
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-footer-newsletter__input button::before {
        content: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .bd-footer-newsletter__input button {
        position: static;
        margin-top: 15px;
        height: 70px;
        border: 1px solid var(--bd-grey-1);
    }
}

.bd-footer-newsletter__input button:hover {
    color: var(--bd-theme-1);
    border-color: var(--bd-theme-1);
}

.bd-footer-newsletter__input button i {
    transform: rotate(-45deg);
}

.bd-footer-newsletter__input.is-black input {
    color: var(--bd-common-black);
}

.bd-footer-newsletter__input.is-black button {
    color: var(--bd-common-black);
}

.bd-footer-line hr {
    color: #414141;
    opacity: 1;
}

.bd-footer-link ul {
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
    row-gap: 5px;
}

    .bd-footer-link ul li {
        width: 50%;
        color: var(--bd-text-1);
        font-size: 16px;
        margin-bottom: 6px;
        list-style: none;
    }

        .bd-footer-link ul li:hover a {
            color: var(--clr-theme-1);
        }

.bd-footer-widget-title h5 {
    font-size: 20px;
    letter-spacing: 5px;
    font-family: var(--bd-ff-heading);
    color: var(--bd-heading-primary);
    margin-bottom: 35px;
    text-transform: uppercase;
}

.bd-footer-contact ul {
    margin-bottom: 30px;
}

    .bd-footer-contact ul li {
        font-size: 16px;
        color: var(--bd-text-1);
        margin-bottom: 15px;
        display: flex;
        align-items: flex-start;
    }

        .bd-footer-contact ul li a {
            margin-inline-start: 7px;
        }

            .bd-footer-contact ul li a:hover {
                color: var(--clr-theme-1);
            }

        .bd-footer-contact ul li i {
            margin-inline-end: 20px;
            color: #164a72;
            margin-top: 8px;
        }

.social-media-links li a i {
    font-size: 22px;
}

.bd-footer-contact ul li i:hover {
    color: var(--clr-theme-2);
}

.bd-footer-bottom {
    font-size: 14px;
    border-top: 1px solid #D9D9D9;
    padding: 22px 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-footer-bottom {
        padding: 15px 0;
    }
}

.bd-footer-bottom .bd-footer-copyright p {
    font-size: 15px;
    margin: 0;
    color: #4d4d4d;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-footer-bottom .bd-footer-copyright p {
        text-align: center;
        padding-bottom: 10px;
    }
}

.payment-methods {
    display: flex;
    align-items: center;
}

.payment-methods-icons {
    margin-left: 10px;
}

    .payment-methods-icons span {
        margin-left: 5px;
        font-size: 22px;
        color: #373a3f;
    }

/*# sourceMappingURL=main.css.map */


.rs-banner {
    position: relative;
}

    .rs-banner .fly {
        position: absolute;
    }

        .rs-banner .fly.ly1 {
            left: -40px;
            top: 100px;
        }

        .rs-banner .fly.ly2 {
            right: -40px;
            top: 100px;
        }

        .rs-banner .fly.ly3 {
            left: 100px;
            bottom: 100px;
        }

        .rs-banner .fly.ly4 {
            right: 100px;
            bottom: 100px;
        }

    .rs-banner .particle-banner {
        overflow: hidden;
        position: relative;
    }

        .rs-banner .particle-banner .ball {
            position: absolute;
            border-radius: 100%;
            opacity: 1;
        }

.shape {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: red;
    border-radius: 50%;
    pointer-events: none;
}

img.cstm-show {
    display: none;
}

div.header-sticky img.cstm-hide {
    display: none;
}

div.header-sticky img.cstm-show {
    display: block;
}

/*ul.menu > li.mf-active-menu {
    height: 7px;
    background-color: #dfba1d;
    z-index: 1;
    position: absolute;
    bottom: 25px;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    animation-name: backgroundColorPalette;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.bd-main-menu.is-white ul li a:hover, .cstm-top-header a:hover {
    color: #164a72 !important;
}

@keyframes backgroundColorPalette {
    0% {
        background: #f4951e;
        color: #f4951e;
    }

    25% {
        background: #312e80;
        color: #312e80;
    }

    50% {
        background: #5ba39b;
        color: #5ba39b;
    }

    75% {
        background: #e1b924;
        color: #e1b924;
    }

    100% {
        background: #de1b4f;
        color: #de1b4f;
    }
}*/

.mf-active-menu {
    display: none
}


.shap-1.scene {
    position: absolute !important;
    top: 60%;
    z-index: 9;
    left: 10%;
}

.shap-2.scene {
    position: absolute !important;
    top: 80%;
    z-index: 9;
    left: 30%;
}

.shap-3.scene {
    position: absolute !important;
    top: 20%;
    z-index: 9;
    right: 30%;
}

.shap-4.scene {
    position: absolute !important;
    top: 40%;
    z-index: 9;
    right: 10%;
}

.shap-5.scene {
    position: absolute !important;
    top: 20%;
    z-index: 9;
    left: 40%;
}

.shap-6.scene {
    position: absolute !important;
    top: 20%;
    z-index: 9;
    left: 20%;
}

.shap-7.scene {
    position: absolute !important;
    top: 75%;
    z-index: 9;
    left: 40%;
}



@font-face {
    font-family: 'Amperzand';
    src: url('../../fonts/Amperzand.html') format('truetype');
}

@font-face {
    font-family: 'bBerlebaranOnline';
    src: url('../../fonts/bBerlebaranOnline.html') format('truetype');
}

@font-face {
    font-family: 'Battegirn';
    src: url('../../fonts/Battegirn.html') format('opentype');
}

@font-face {
    font-family: 'Darling';
    src: url('../../fonts/Darling.html') format('truetype');
}

@font-face {
    font-family: 'Blantick Script';
    src: url('../../fonts/Blantick%20Script.html') format('truetype');
}

@font-face {
    font-family: 'Palmaire';
    src: url('../../fonts/Palmaire.html') format('truetype');
}

@font-face {
    font-family: 'Numberlin';
    src: url('../../fonts/Numberlin.html') format('truetype');
}

@font-face {
    font-family: 'Bethaine';
    src: url('../../fonts/Bethaine.html') format('opentype');
}

@font-face {
    font-family: 'Bergidan';
    src: url('../../fonts/Bergidan.html') format('opentype');
}

@font-face {
    font-family: 'Kinglane';
    src: url('../../fonts/Kinglane.html') format('opentype');
}

@font-face {
    font-family: 'Galins-Regular';
    src: url('../../fonts/Galins-Regular.html') format('opentype');
}


.bd-booknow-area svg text {
    fill: #fff;
    stroke: #fff;
    fill-opacity: 1;
    stroke-width: 0;
    stroke-dasharray: 100% 0;
    animation-delay: 0.3s;
    letter-spacing: 0;
    font-size: 700px;
}

.bd-booknow-area:hover svg text {
    animation: stroke-offset 5s ease-out;
}

.s-slider-content {
    animation: fade-in-svg 20s ease-out;
    animation-delay: 0.3s;
}

@keyframes fade-in-svg {
    0% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes stroke-offset {
    0% {
        fill-opacity: 0;
        stroke-width: 5;
        stroke-dasharray: 0% 100%;
    }

    25% {
        stroke-width: 5px;
    }

    50% {
        fill-opacity: 0;
    }

    75% {
        stroke-width: 5px;
    }

    100% {
        stroke-width: 0;
    }
}


h2.bd-section__title svg {
    display: block !important;
}

.cstm-subcontetn h2.bd-section__title {
    line-height: 0 !important;
    display: flex;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

.cstm-subcontetn span {
    position: relative;
    top: -100px;
    color: #fff;
    font-size: 22px;
}

.cityScroller {
    width: initial;
    text-indent: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 1.4em;
    display: inline-block;
    vertical-align: top;
}

    .cityScroller li {
        padding: 0;
        margin: 0;
        display: table;
    }

.cityScroller2 {
    width: initial;
    text-indent: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 1.4em;
    display: inline-block;
    vertical-align: top;
}

    .cityScroller2 li {
        padding: 0;
        margin: 0;
        display: table;
    }

section#sec1 h2.section-title {
    line-height: 64px;
}

.section-title {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}




@-webkit-keyframes appear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes appear {
    0% {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes appear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slidein {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes slidein {
    0% {
        opacity: 0;
        -ms-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slidein {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 412px) {
    .botIcon .Layout-open {
        width: 250px;
    }
}

.hotspot {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transition: color 0.35s, background-color 0.35s;
    line-height: 40px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

    .hotspot i {
        background-color: #f5dc6b;
        width: 25px;
        height: 25px;
        line-height: 25px;
        border-radius: 50%;
        color: #164a72;
        font-size: 10px;
    }

    .hotspot.active i {
        background: #164a72;
        color: #fff;
    }

.hotspot-wrapper {
    position: absolute;
}

    .hotspot-wrapper:active .hotspot,
    .hotspot-wrapper:focus .hotspot,
    .hotspot-wrapper:hover .hotspot {
        color: #fff;
    }

    .hotspot-wrapper:active .tooltip,
    .hotspot-wrapper:focus .tooltip,
    .hotspot-wrapper:hover .tooltip {
        opacity: 1;
        z-index: 1;
    }

.tooltip {
    top: 50%;
    transform: translateY(-50%);
    transition: 0.35s;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
    z-index: -1;
}

    .tooltip .product-media {
        display: flex;
        width: 320px;
        padding: 0.2rem;
        background-color: #fff;
    }

        .tooltip .product-media img {
            height: 150px;
        }

    .tooltip .product-body {
        padding: 1.55rem 1rem 1.45rem;
        font-size: 1.4rem;
        letter-spacing: 0.005em;
        text-align: left;
        flex: 1;
    }

    .tooltip .product-title {
        margin-bottom: 0.5rem;
        font-size: 14px;
        font-weight: 600;
        transition: color 0.35s;
        text-transform: uppercase;
        color: #000;
    }

        .tooltip .product-title:hover {
            color: #164a72;
        }

    .tooltip .product-price {
        justify-content: center;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 700;
        color: #5c5c5c;
    }

    .tooltip .btn-link {
        display: inline-block;
    }

    .tooltip::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .tooltip.right-tooltip {
        left: 6rem;
    }

        .tooltip.right-tooltip::before {
            left: -0.5rem;
            border-top: 9px solid transparent;
            border-right: 9px solid #fff;
            border-bottom: 9px solid transparent;
        }

    .tooltip.left-tooltip {
        right: 6rem;
    }

        .tooltip.left-tooltip::before {
            right: -0.5rem;
            border-top: 9px solid transparent;
            border-left: 9px solid #fff;
            border-bottom: 9px solid transparent;
        }

.productcover-section .hotspot-1 {
    top: 38%;
    left: 38%;
}

.productcover-section .hotspot-2 {
    bottom: 42.2%;
    left: 36.5%;
}

.btn-link {
    font-size: 14px;
    text-decoration: none;
    color: #164a72;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btn-link:hover {
        color: #f7941e;
    }

.productcover-section .hotspot-3 {
    bottom: 35.2%;
    left: 39.5%;
}

.productcover-section .hotspot-4 {
    bottom: 18%;
    left: 29%;
}

.productcover-section .hotspot-5 {
    bottom: 4%;
    left: 27.5%;
}

.productcover-section .hotspot-6 {
    top: 43%;
    right: 28.5%;
}

.productcover-section .hotspot-7 {
    bottom: 27%;
    right: 51.5%;
}

.productcover-section .hotspot-8 {
    bottom: 16%;
    left: 36.5%;
}

.product_list {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 19%);
}

.hotspot .eff1 {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -22px;
    display: inline-block;
    border: 1px solid #f5dc6b;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    animation: eff 1s infinite;
    animation-delay: 0.2s;
    animation-direction: alternate;
    -webkit-animation: eff 1s infinite;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
}

.hotspot .eff2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    border: 1px solid #f5dc6b85;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    animation: eff 1s infinite;
    animation-direction: alternate;
    -webkit-animation: eff 1s infinite;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
}

@keyframes eff {
    from {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.5;
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes eff {
    from {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.5;
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.product-title a:focus,
.product-title a:hover {
    color: #164a72;
}

.product-cat {
    margin-bottom: 5px;
}

    .product-cat a {
        color: #787474;
    }

.product-price {
    color: #f7941e;
    font-size: 25px;
    padding: 7px 0;
    line-height: 1;
}

    .product-price del {
        font-size: 18px;
        color: #000;
        padding-left: 20px;
    }

.product_short_desc {
    font-size: 14px;
    margin-bottom: 5px;
}

.product-label.label-primary {
    background-color: #164a72;
}

.product-label.label-secondary {
    background-color: #222;
}

.product_details_slider .owl-nav button {
    top: 50%;
}

    .product_details_slider .owl-nav button.owl-prev {
        left: 10px;
    }

    .product_details_slider .owl-nav button.owl-next {
        right: 10px;
    }

.product-stock.in-stock {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    height: 1.875rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    border-radius: 3px;
    color: #47b486;
    background-color: #f1fbef;
}

.product-stock.out-stock {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    height: 1.875rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    border-radius: 3px;
    color: #c02727;
    background-color: #fdd2d2;
}

.extra-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--color-border);
}

    .extra-options a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.875rem;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        margin-right: 0.9375rem;
        padding-right: 0.9375rem;
        border-right: 1px solid #ccc;
    }

        .extra-options a:last-child {
            padding-right: 0;
            margin-right: 0;
            border-right: 0;
        }

.product-tabs .nav-tabs {
    border: 0;
}

    .product-tabs .nav-tabs li {
        margin-right: 30px;
    }

        .product-tabs .nav-tabs li:last-child {
            margin-right: 0;
        }

        .product-tabs .nav-tabs li a {
            color: var(--global--color-heading);
            font-size: 18px;
            font-weight: 500;
            text-transform: capitalize;
            font-family: var(--global--font-body);
            text-transform: capitalize;
            border-radius: 0;
            margin-right: 0;
            padding-bottom: 14px;
            display: block;
            border-right: 0;
            position: relative;
        }

            .product-tabs .nav-tabs li a::after {
                content: "";
                position: absolute;
                bottom: -4px;
                left: 0;
                width: 100%;
                height: 4px;
                background-color: transparent;
                -webkit-transition: 0.3s ease-in-out;
                -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
            }

@media (max-width: 420px) {
    .product-tabs .nav-tabs li a::after {
        content: unset;
    }
}

.product-tabs .nav-tabs li a:focus,
.product-tabs .nav-tabs li a:hover {
    color: var(--global--color-primary);
}

.product-tabs .nav-tabs li > .active,
.product-tabs .nav-tabs li > .active:focus,
.product-tabs .nav-tabs li > .active:hover {
    color: var(--global--color-primary);
}

    .product-tabs .nav-tabs li > .active::after,
    .product-tabs .nav-tabs li > .active:focus::after,
    .product-tabs .nav-tabs li > .active:hover::after {
        background-color: var(--global--color-primary);
    }

.product-tabs .tab-content {
    border-top: 4px solid #e6eaef;
    padding-top: 27px;
}

    .product-tabs .tab-content p {
        font-family: var(--global--font-body);
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        color: var(--global--color-body);
    }

    .product-tabs .tab-content h5 {
        font-size: 20px;
        font-weight: 500;
        color: #164a72;
    }

.grand-total-wrap {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 25px 30px 40px;
}

    .grand-total-wrap ul {
        overflow: hidden;
        display: block;
    }

        .grand-total-wrap ul li {
            font-size: 15px;
            color: #444;
            padding: 5px 0;
            display: flex;
            justify-content: space-between;
        }

            .grand-total-wrap ul li h4 {
                font-size: 14px;
                font-weight: 500;
                color: #000000;
                display: flex;
                margin: 0;
            }

                .grand-total-wrap ul li h4 span {
                    margin: 0 5px 0 0;
                    font-size: 15px;
                    color: #444;
                    font-weight: 400;
                }

    .grand-total-wrap .grand-total {
        padding: 10px 0 5px;
    }

        .grand-total-wrap .grand-total h4 {
            font-size: 18px;
            font-weight: 500;
            margin: 0;
        }

            .grand-total-wrap .grand-total h4 span {
                float: right;
                font-size: 18px;
                color: #164a72;
                font-weight: 500;
            }

.spanGreenC {
    color: #164a72 !important;
    font-weight: 500;
}

.grand-total-wrap .grand-total-btn a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 26px;
    padding: 13px 36px;
    background-color: #2e3192;
    text-align: center;
}

    .grand-total-wrap .grand-total-btn a:hover {
        background-color: #e4573d;
    }

.cart-product-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media screen and (max-width: 767.98px) {
    .cart-product-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cart-product-action form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

@media screen and (max-width: 767.98px) {
    .cart-product-action form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }
}

.cart-product-action form .form-control {
    border-radius: 4px;
    margin-bottom: 0;
    border: 1px solid #eaeaea;
    background-color: var(--global--color-white);
    margin-right: 10px;
    height: 42px;
    width: 250px;
    line-height: 42px;
    margin-bottom: 0px;
}

@media screen and (max-width: 991.98px) {
    .cart-product-action form .form-control {
        width: 200px;
    }

    .loginForm {
        padding: 15px;
    }

    .btn-outline-facebook,
    .btn-outline-google {
        width: 200px;
    }

    ul.b-windows__items {
        max-width: 405px;
        margin: 0 auto;
    }

    .bd-blog-2 {
        min-height: 400px;
    }
}

@media screen and (max-width: 767.98px) {
    .cart-product-action form .form-control {
        width: 100%;
        margin-right: 0;
    }

    .grand-total-wrap {
        padding: 25px 15px 40px;
    }

    .h-400px {
        min-height: 350px;
    }

    .btn-outline-facebook,
    .btn-outline-google {
        width: 175px;
    }

        .btn-outline-facebook .mr-10,
        .btn-outline-google .mr-10 {
            margin-right: 4px;
        }

    .process-step-style-01 {
        margin-bottom: 20px;
    }
}

.product.product-7 {
    box-shadow: 0 0px 1px 0 rgb(0 0 0 / 60%);
}


.cstm-top-header {
    border-color: #ffffff33 !important;
    display: none;
}
    .cstm-top-header li {
        list-style: none;
    }

div#typed-strings p {
    display: none;
}

.bd-hero__title-wrap.p-relative {
    position: absolute !important;
    top: 45%;
    z-index: 9;
    margin-right: -50%;
    text-align: center;
    width: 100%;
}

.map-bg {
    display: none;
}

    .map-bg.active {
        display: block;
    }

.tab-pane .bd-blog-2__title a {
    color: #fff;
}

.bd-booknow__bg.map-bg::before {
    opacity: 0.8 !important;
}

/*a#tab-1-1 i {
    background: #312e80;
    color: #fff;
}
a#tab-1-2 i {
    background: #5ba39b;
    color: #fff;
}
a#tab-1-3 i {
    background: #5ba39b;
    color: #fff;
}*/


.cstm-home-banner {
    position: absolute !important;
    top: 45%;
    z-index: 9;
    margin-right: -50%;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

section.section2 {
    height: 70vh; /* Adjust the height of sections as per your needs */
}

.fixed {
    position: fixed;
    /* Additional styles for the fixed heading */
}

.hide-tetle {
    visibility: hidden;
}

h2#hide-tetle {
    -webkit-transition: all 0.0s ease-out 0s;
    -moz-transition: all 0.0s ease-out 0s;
    -ms-transition: all 0.0s ease-out 0s;
    -o-transition: all 0.0s ease-out 0s;
    transition: all 0.0s ease-out 0s;
}

h1#fixed-heading {
    color: #fff;
}


.box {
    display: block;
}


.b-heroStickyHeader__heroWrapper {
   
    position: relative;
}

.m-componentBackground {
    background: var(--color-background);
    height: 100%;
    width: 100%;
}

.m-componentBackground, .m-componentBackground__container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.a-image__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
}

/*--------------------------------------------------
	25. Parallax
---------------------------------------------------*/
[data-parallax] {
    position: relative;
    z-index: 0;
}

    [data-parallax] > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    [data-parallax] [data-parallax-target] {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1;
    }


.jarallax {
    position: relative;
    z-index: 0;
}

    .jarallax > .jarallax-img {
        position: absolute;
        object-fit: cover;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

section#home__capabilities {
    background-color: #dfe0e6;
    overflow: hidden;
    padding: 90px 0 70px;
    position: relative
}

@media(min-width: 600px) {
    section#home__capabilities {
        padding: 120px 0 100px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities {
        padding: 220px 0 190px
    }
}

video.fill-background, img.fill-background {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

section#home__capabilities span.up {
    color: #a2a3a7
}

section#home__capabilities .fill-background {
    display: none
}

@media(min-width: 600px) {
    section#home__capabilities .fill-background {
        display: block
    }
}

@media(min-width: 600px) {
    section#home__capabilities .fill-background.hidden {
        opacity: 0
    }
}

section#home__capabilities .background__images {
    display: none
}

@media(min-width: 600px) {
    section#home__capabilities .background__images {
        display: block
    }
}

@media(min-width: 600px) {
    section#home__capabilities .background__images img {
        height: 100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) translateZ(0) scale(1.01);
        transform: translateY(-50%) translateZ(0) scale(1.01);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: opacity .2s ease-in-out,-webkit-transform .4s ease;
        transition: opacity .2s ease-in-out,-webkit-transform .4s ease;
        transition: opacity .2s ease-in-out,transform .4s ease;
        transition: opacity .2s ease-in-out,transform .4s ease,-webkit-transform .4s ease;
        width: 100%
    }
}

@media(min-width: 600px) {
    section#home__capabilities .background__images img.active {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateZ(0) scale(1);
        transform: translateY(-50%) translateZ(0) scale(1)
    }
}

section#home__capabilities .capabilities__list {
    margin-top: 30px
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list {
        margin-top: 40px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list {
        margin-top: 60px
    }
}

section#home__capabilities .capabilities__list a {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Medium",sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 1.25;
    padding: 19px 0;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

section#home__capabilities .container {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a {
        font-size: 25px;
        letter-spacing: -1px;
        -webkit-transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1),transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1),transform 1s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1)
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a {
        font-size: 35px;
        line-height: 1.29;
        padding: 28px 0
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span {
        display: inline-block;
        height: 8px;
        opacity: 0;
        padding-left: 25px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 70px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span::before {
        background: #1f1f1f;
        content: "";
        height: 2px;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 42px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a span::before {
        margin-top: -5px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span::after {
        border-color: transparent transparent transparent #1f1f1f;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: "";
        height: 0;
        margin-top: -7px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 0
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a span::after {
        margin-top: -9px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a:hover {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a:hover span {
        opacity: 1
    }
}

section#home__capabilities .capabilities__list a.touched {
    opacity: .5
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list:hover a:not(:hover) {
        opacity: .6
    }

    .testiSlide2 {
        padding: 35px 20px;
    }

    p.testi-card_text {
        font-size: 18px;
    }
}




.o-window {
    color: var(--color-white);
    height: 100%;
    position: relative;
    width: 100%
}

.o-window__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: height .35s ease-out;
    -o-transition: height .35s ease-out;
    transition: height .35s ease-out;
    width: 100%
}

    .o-window__image:after {
        background: var(--color-real-black);
        content: "";
        height: 100%;
        left: 0;
        opacity: .4;
        top: 0;
        width: 100%;
        z-index: 2
    }

.-isActive .o-window__image {
    height: 100%
}

.o-window__image .a-image__picture {
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    width: auto
}

.o-window__title {
    font-size: 20px;
    font-weight: 400;
    left: 20px;
    letter-spacing: .1em;
    line-height: 1.5;
    max-width: 500px;
    position: absolute;
    text-transform: var(--type-body-medium-text-transform);
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 60px);
    color: #fff;
}

.a-index {
    opacity: 1 !important;
    color: #fff;
    font-size: 80px;
    line-height: 1;
}

.a-index {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
}

[lang=ar] .o-window__title {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

[dir=rtl] .o-window__title {
    left: inherit;
    right: 20px
}

.o-window__header {
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 2
}

    .o-window__header:before {
        content: "";
        display: block;
        padding-top: 44.4444444444%
    }

.o-window__chevron {
    --icon-size: 14px;
    height: var(--icon-size);
    position: absolute;
    right: var(--grid-gap);
    top: calc(50% - var(--icon-size)/2);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    -o-transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    width: var(--icon-size)
}

[dir=rtl] .o-window__chevron {
    left: var(--grid-gap);
    right: auto
}



.o-window__contentWrapper {
    z-index: 2;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: all .5s;
    opacity: 1 !important;
    height: auto !important;
    transition: all .5s;
}

.o-window__container {
    overflow: hidden;
    height: 169px;
    transition: all .5s;
}

li.b-windows__item:hover .o-window__container {
    height: 320px !important;
}

.o-window__content {
    -webkit-padding-start: 20px;
    height: 100%;
    padding: 0 0 40px;
    padding-inline-start: 20px;
    width: calc(100% - 60px)
}

.o-window__description {
    color: #fff;
    white-space: pre-line
}

[lang=ar] .o-window__description {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-window:after {
    background: #0000001c;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    width: 100%;
}

.-isActive .o-window:after {
    opacity: 1
}

.o-window .a-index {
    display: none
}

@media(min-width: 1024px) {
    .o-window {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

        .o-window:after {
            opacity: 1;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%)
        }

    li.b-windows__item:hover .o-window:after {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .o-window__image .a-image__picture {
        height: calc(var(--vh)*100)
    }

    @supports(height: 1svh) {
        .o-window__image .a-image__picture {
            height: calc(1svh*100)
        }
    }

    [data-editor=true] .o-window__image .a-image__picture {
        height: 800px
    }

    .-isActive .o-window__image .a-image__picture {
        height: 105vh
    }

    .-isActive .o-window:after {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .o-window__container {
        -webkit-padding-end: 30px;
        -webkit-padding-start: 50px;
        padding-inline-end: 30px;
        padding-inline-start: 50px
    }

    .o-window .a-index {
        display: block;
        opacity: .6
    }

    .-isActive .o-window .a-index {
        opacity: .8
    }

    .o-window__title {
        left: inherit;
        margin: 30px 0;
        position: relative;
        top: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
    }

    [dir=rtl] .o-window__title {
        right: inherit
    }

    .o-window__header {
        padding: 0
    }

        .o-window__chevron, .o-window__header:before {
            display: none
        }

    .o-window__contentWrapper {
        overflow: hidden;
        position: relative
    }

    .o-window__content {
        padding: 0;
        width: 100%
    }
}

.b-windows {
    --component-text-color: var(--color-white);
    overflow: hidden;
    position: relative;
    width: 100%
}

.b-windows__heading {
    opacity: .6;
    padding: 28px 20px;
    position: relative
}

.b-windows__container {
    background-color: var(--theme-color,var(--color-black));
    color: var(--theme-text-color,var(--color-white));
    height: 100%;
    position: relative;
    width: 100%
}

    .b-windows__container.-color-dark-cerulean {
        --theme-color: var(--color-dark-cerulean)
    }

    .b-windows__container.-color-olive-drab {
        --theme-color: var(--color-olive-drab)
    }

    .b-windows__container.-color-rouge {
        --theme-color: var(--color-rouge)
    }

    .b-windows__container.-color-atoll {
        --theme-color: var(--color-atoll)
    }

    .b-windows__container.-color-shuttle-grey {
        --theme-color: var(--color-shuttle-grey)
    }

    .b-windows__container.-color-night-shadz {
        --theme-color: var(--color-night-shadz)
    }

    .b-windows__container.-color-sun-orange {
        --theme-color: var(--color-sun-orange)
    }

    .b-windows__container.-color-observatory {
        --theme-color: var(--color-observatory)
    }

    .b-windows__container.-color-zorba {
        --theme-color: var(--color-zorba)
    }

    .b-windows__container.-color-cannon-pink {
        --theme-color: var(--color-cannon-pink)
    }

    .b-windows__container.-color-cello {
        --theme-color: var(--color-cello)
    }

    .b-windows__container.-color-pine-cone {
        --theme-color: var(--color-pine-cone)
    }

    .b-windows__container.-color-blue-diamond {
        --theme-color: var(--color-blue-diamond)
    }

.b-windows__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.b-windows__heading, .b-windows__items {
    z-index: 2
}

.b-windows__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    width: 100%
}

    .b-windows__item:not(:last-child):before {
        background: var(--color-white-10a);
        bottom: 0;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90%
    }

.b-windows__background {
    bottom: 0;
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0
}

.b-windows.-isExpanded .b-windows__item.-isActive .o-window__contentWrapper {
    opacity: 1
}

.b-windows.-isExpanded .b-windows__item.-isActive .a-icon.-chevron {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media(min-width: 1024px) {
    .b-windows {
        height: calc(var(--vh)*80)
    }

    @supports(height: 1svh) {
        .b-windows {
            height: calc(1svh*80)
        }
    }

    [data-editor=true] .b-windows {
        height: 800px
    }

    .b-windows__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

    style attribute {
        --blinds-count: 4;
    }

    .b-windows__item {
        height: 70vh;
        width: 100%;
    }

        .b-windows__item:not(:last-child):before {
            display: none
        }

        .b-windows__item:not(:last-child):after {
            background: #ffffff59;
            content: "";
            height: 50%;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s;
            width: 1px;
        }

    ul.b-windows__items:hover .b-windows__item:not(:last-child):after {
        background: transparent;
    }

    .-isSelected .b-windows__item:after {
        opacity: 0
    }

    .b-windows__heading {
        color: #fff;
        left: 50px;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 50px
    }

    [dir=rtl] .b-windows__heading {
        left: inherit;
        right: 20px
    }
}



.b-sectors__backgroundImage {
    opacity: 0;
    -webkit-transition: opacity .6s cubic-bezier(.25,.46,.45,.94);
    -o-transition: opacity .6s cubic-bezier(.25,.46,.45,.94);
    transition: opacity .6s cubic-bezier(.25,.46,.45,.94);
}

.a-image, .a-image__background, .a-image__picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.a-image, .a-image__background, .a-image__picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.a-image__picture {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.a-image__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
}

.b-sectors__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
}

.b-sectors__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.b-sectors__placeholder {
    --sector-button-background-color: var(--color-black);
    --sector-button-border-color: transparent;
    display: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-sectorButton, .m-sectorButton * {
    pointer-events: none;
}

.m-sectorButton {
    --sector-button-background-color: var(--color-black);
    --sector-button-border-color: transparent;
    --sector-button-icon-color: var(--color-white);
    --sector-button-text-color: var(--color-black-20);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.m-sectorButton__container {
    --sector-button-container-size: 266px;
    border: 2px solid #0000000a;
    border-radius: 50%;
    color: #cdcdcf;
    display: grid;
    height: 30vw;
    margin: 0 0 15px;
    max-height: var(--sector-button-container-size);
    max-width: var(--sector-button-container-size);
    place-items: center;
    position: relative;
    width: 30vw;
}

.m-sectorButton__icon {
    --icon-size: 100%;
    -webkit-box-flex: 0;
    color: var(--sector-button-icon-color);
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto;
    width: 33%;
    z-index: 1;
}

.a-icon {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 24px;
}

.m-sectorButton__circle {
    fill: #1d1f21;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.m-sectorButton__icon {
    --icon-size: 100%;
    -webkit-box-flex: 0;
    color: #f7f7f7;
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto;
    width: 33%;
    z-index: 1;
}

.m-sectorButton__arrow {
    --icon-fill: #111316;
    display: none;
    inset-inline-end: 20px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .b-sectors__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .m-sectorButton__arrow, .m-sectorButton__icon {
        display: block;
    }

    .m-sectorButton__arrow {
        inset-inline-end: 40px;
    }

    .m-sectorButton__label {
        display: grid;
        height: 50%;
        left: 50%;
        padding: 0 20%;
        place-items: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .b-sectors__content {
        display: block;
        padding: 0;
    }

    .b-sectors__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }

    .b-sectors__placeholder {
        display: block;
    }
}



.circle-container {
    display: flex;
}

.circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    transition: all 0.3s ease;
}

    .circle:hover {
        transform: scale(1.2);
    }

    .circle.active {
        transform: scale(1.2);
        z-index: 1;
    }

.a-index {
    -webkit-text-stroke: 1px #ffffff !important;
}

.cstm-map {
    display: none;
}

    .cstm-map.active {
        display: block;
    }


.in-top-banr .bd-booknow__content {
    position: absolute;
    bottom: 5%;
}
.bd-booknow__content.cstm_brdcrmb {
    bottom: 5%;
    right: 2% !important;
}

section.in-top-banr {
    height: 86vh;
    min-height: 500px;
}

    section.in-top-banr.brdcrmb_section {
        height: auto !important;
    }

.product-box .matter {
    border: 1px solid #e1e1e1;
    padding: 15px 11px;
    margin: 10px 0;
}

.magnis-brochure {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
}

    .magnis-brochure .headtittle {
        width: 100%;
        float: left;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ddd;
        text-align: center;
        line-height: 18px;
        text-transform: uppercase;
        color: #164a72;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px;
        font-weight: 700;
        font-size: 22px;
    }

.contact-form input {
    line-height: 50px;
    width: 100%;
    height: 50px;
    padding-left: 35px;
    border: 1px solid #e0e0e0;
    outline: 0;
    background-color: #fff;
    margin-bottom: 5px;
}

.cstm-icon i.fa {
    position: relative;
    top: 31px;
    color: #164a72;
    float: left;
    left: 15px;
    font-size: 15px;
}

.row.contact-form {
    padding: 0 15px 15px;
}

.product-box i {
    color: #164a72;
}

.cstm-last input {
    line-height: 20px;
    padding-top: 11px;
}

.bd-header .bd-footer__social a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

    .bd-header .bd-footer__social a:hover {
        color: #fff !important;
    }

.cstm-srs {
    border-width: 1px !important;
    border-color: #0000002e;
    border-style: solid;
    padding: 20px;
    min-height: 560px;
    background: #fff;
    -webkit-box-shadow: 0 2px 27px rgba(0,0,0,.13);
    -khtml-box-shadow: 0 2px 27px rgba(0,0,0,.13);
    -moz-box-shadow: 0 2px 27px rgba(0,0,0,.13);
    -ms-box-shadow: 0 2px 27px rgba(0,0,0,.13);
    -o-box-shadow: 0 2px 27px rgba(0,0,0,.13);
    box-shadow: 0 2px 27px rgba(0,0,0,.13);
}

.b-transitionSlider__items {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.b-transitionSlider__item {
    height: 100%
}



.b-transitionSlider__titlePaginationItem .nav-link {
    color: #164a72;
    cursor: pointer;
    padding-bottom: 32px;
    position: relative;
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
}

/*.b-transitionSlider__titlePaginationItem .nav-link:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 2px;
        margin-bottom: 20px;
        position: static;
        width: 100%
    }

    .b-transitionSlider__titlePaginationItem .nav-link:after {
        background-color: #15486f;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform .25s ease;
        transition: -webkit-transform .25s ease;
        -o-transition: transform .25s ease;
        transition: transform .25s ease;
        transition: transform .25s ease,-webkit-transform .25s ease;
        width: 100%
    }*/

.b-transitionSlider__titlePaginationItemCta {
    background-color: transparent;
    border: none;
    color: #15486f;
    font-family: var(--type-overline-medium-font-family);
    font-size: var(--type-overline-medium-font-size);
    font-weight: var(--type-overline-medium-font-weight);
    letter-spacing: var(--type-overline-medium-letter-spacing);
    line-height: var(--type-overline-medium-line-height);
    text-transform: var(--type-overline-medium-text-transform);
    color: #495057;
    background-color: none;
    border-color: none !important;
}

    .b-transitionSlider__titlePaginationItem.-isActive, .b-transitionSlider__titlePaginationItem .active, .b-transitionSlider__titlePaginationItem:hover, .b-transitionSlider__titlePaginationItemCta:focus {
        color: #164a72;
        background-color: none;
        border-color: none !important;
    }

.b-transitionSlider__titlePagination .nav-link {
    padding: 0;
    padding-bottom: 32px;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
}

    .b-transitionSlider__titlePagination .nav-item.show .nav-link, .b-transitionSlider__titlePagination .nav-link.active {
        background-color: transparent;
        border-color: transparent;
        color: #fff
    }

.b-transitionSlider__titlePaginationItem.-isActive, .b-transitionSlider__titlePaginationItem.show .nav-link, .b-transitionSlider__titlePaginationItem .nav-link.active, .b-transitionSlider__titlePaginationItem:hover, .b-transitionSlider__titlePaginationItemCta:focus {
    color: #15486f;
    background-color: none;
    border-color: none !important;
}

.b-transitionSlider__titlePagination .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;
}

.b-transitionSlider__titlePaginationItemCta.active:after, .b-transitionSlider__titlePaginationItemCta:hover:after, .b-transitionSlider__titlePaginationItemCta:focus:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav {
    display: block !important;
}





/*sector*/


.nectar-flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    margin-bottom: 20px;
}

    .nectar-flip-box .flip-box-front[data-text-color="dark"], .nectar-flip-box .flip-box-back[data-text-color="dark"] {
        color: #676767
    }

    .nectar-flip-box .flip-box-front[data-text-color="light"], .nectar-flip-box .flip-box-back[data-text-color="light"],
    .nectar-flip-box .flip-box-front[data-text-color="light"] h1, .nectar-flip-box .flip-box-back[data-text-color="light"] h1,
    .nectar-flip-box .flip-box-front[data-text-color="light"] h2, .nectar-flip-box .flip-box-back[data-text-color="light"] h2,
    .nectar-flip-box .flip-box-front[data-text-color="light"] h3, .nectar-flip-box .flip-box-back[data-text-color="light"] h3,
    .nectar-flip-box .flip-box-front[data-text-color="light"] h4, .nectar-flip-box .flip-box-back[data-text-color="light"] h4,
    .nectar-flip-box .flip-box-front[data-text-color="light"] h5, .nectar-flip-box .flip-box-back[data-text-color="light"] h5,
    .nectar-flip-box .flip-box-front[data-text-color="light"] h6, .nectar-flip-box .flip-box-back[data-text-color="light"] h6 {
        color: #fff
    }

    .nectar-flip-box .flip-box-front, .nectar-flip-box .flip-box-back {
        background-size: cover;
        background-position: center;
        -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
        transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
        -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .nectar-flip-box[data-shadow="light_visibility"] .flip-box-back,
    .nectar-flip-box[data-shadow="light_visibility"] .flip-box-front {
        box-shadow: 0px 30px 60px rgba(0,0,0,0.2)
    }

    .nectar-flip-box[data-shadow="heavy_visibility"] .flip-box-back,
    .nectar-flip-box[data-shadow="heavy_visibility"] .flip-box-front {
        box-shadow: 0px 30px 75px rgba(0,0,0,0.4)
    }

    .nectar-flip-box .flip-box-back[data-bg-overlay="true"]:after,
    .nectar-flip-box .flip-box-front[data-bg-overlay="true"]:after {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        display: block;
        opacity: 0.6;
        background-color: inherit;
        backface-visibility: hidden
    }

    .nectar-flip-box:hover .flip-box-front, .nectar-flip-box:hover .flip-box-back {
        -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
        transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
        -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1)
    }

    .nectar-flip-box .flip-box-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .nectar-flip-box .nectar-button {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .nectar-flip-box[data-h_text_align="center"] .flip-box-back, .nectar-flip-box[data-h_text_align="center"] .flip-box-front {
        text-align: center
    }

    .nectar-flip-box[data-h_text_align="right"] .flip-box-back, .nectar-flip-box[data-h_text_align="right"] .flip-box-front {
        text-align: right
    }

    .nectar-flip-box[data-v_text_align="center"] .flip-box-back .inner,
    .nectar-flip-box[data-v_text_align="center"] .flip-box-front .inner {
        transform: translateY(-50%) translateZ(60px) scale(.94);
        -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
        -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
        top: 50%
    }

    .nectar-flip-box[data-v_text_align="bottom"] .flip-box-back .inner,
    .nectar-flip-box[data-v_text_align="bottom"] .flip-box-front .inner {
        -ms-transform: translateZ(60px) scale(.94);
        transform: translateZ(60px) scale(.94);
        -webkit-transform: translateZ(60px) scale(.94);
        bottom: 0
    }

    .nectar-flip-box[data-v_text_align="top"] .flip-box-back .inner,
    .nectar-flip-box[data-v_text_align="top"] .flip-box-front .inner {
        -ms-transform: translateZ(60px) scale(.94);
        transform: translateZ(60px) scale(.94);
        -webkit-transform: translateZ(60px) scale(.94);
        top: 0
    }

    .nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back .inner,
    .nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front .inner,
    .nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
    .nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front .inner {
        -ms-transform: translateZ(50px) scale(.95);
        transform: translateZ(50px) scale(.95);
        -webkit-transform: translateZ(50px) scale(.95)
    }

    .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
    .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-front .inner,
    .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-back .inner,
    .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-front .inner {
        -ms-transform: translateY(-50%) translateZ(50px) scale(.95);
        transform: translateY(-50%) translateZ(50px) scale(.95);
        -webkit-transform: translateY(-50%) translateZ(50px) scale(.95)
    }

    .nectar-flip-box .flip-box-back .inner,
    .nectar-flip-box .flip-box-front .inner {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 10px;
        outline: 1px solid transparent;
        -webkit-perspective: inherit;
        perspective: inherit;
        z-index: 2
    }

    .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back,
    body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-front,
    .owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-front {
        -ms-transform: rotateY(180deg) !important;
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important
    }

    .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-back,
    .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-back,
    .owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front, .owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front {
        -ms-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-back, .nectar-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-back {
        -ms-transform: rotateY(0deg) !important;
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important
    }

    body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-front, .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back,
    .owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back {
        -ms-transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-front {
        -ms-transform: rotateY(-180deg) !important;
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important
    }

    .nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-front {
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-front {
        -ms-transform: rotateX(180deg) !important;
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg) !important
    }

    .nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-back,
    .nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-back {
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-back, .nectar-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-back {
        -ms-transform: rotateX(0deg) !important;
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important
    }

    body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-front, .nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back {
        -ms-transform: rotateX(-180deg);
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .nectar-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-front {
        -ms-transform: rotateX(-180deg) !important;
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg) !important
    }

    .nectar-flip-box .flip-box-front i {
        margin-bottom: 20px;
        height: auto !important;
        display: block;
        width: auto !important
    }

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .nectar-flip-box .flip-box-front, .nectar-flip-box .flip-box-back {
        transition: none !important;
        -ms-transition: none !important;
    }
}

.nectar-flip-box p {
    color: #fff;
}


/*.cstm-4-pller .bd-service-active {
    width: 25%;
    position: relative;
    left: 25%;
}*/
/*.cstm-4-pller .bd-service-active .bd-service__bg {
    filter: grayscale(1);
}*/
.cstm-4-pller .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.cstm-4-pller .swiper-slide {
    opacity: 0.6;
}

    .cstm-4-pller .swiper-slide.swiper-slide-active .bd-service__content {
        visibility: visible;
        margin-right: 0px;
    }

    .cstm-4-pller .swiper-slide .bd-service__content {
        visibility: hidden;
    }

.cstm-4-pller h4.bd-service__title a {
    transition: all 0.3s;
}


.tab-content.well p {
    padding-top: 20px;
    border-color: #e9b52100 !important;
    border-top: 2px solid #e9b52100 !important;
}

.o-blind {
    height: 100%;
    position: relative;
    width: 100%
}

.o-blind__title {
    border: solid #164a72;
    border: solid #164a72;
    font-family: var(--bd-ff-heading);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.5;
    min-height: 90px;
    position: absolute;
    text-align: start;
    text-transform: var(--type-overline-medium-text-transform);
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=ltr] .o-blind__title {
    border-width: 0;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    font-size: 100px;
}

[dir=rtl] .o-blind__title {
    border-width: 0 3px 0 0;
    max-width: 186px;
    padding: 0 20px 0 0;
    right: 31px
}

.o-blind__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

    .o-blind__items.-small {
        font-family: var(--type-body-small-font-family);
        font-size: var(--type-body-small-font-size);
        font-weight: var(--type-body-small-font-weight);
        letter-spacing: var(--type-body-small-letter-spacing);
        line-height: var(--type-body-small-line-height);
        text-transform: var(--type-body-small-text-transform)
    }

[lang=ar] .o-blind__items.-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-blind__items.-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .o-blind__items.-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.o-blind__items.-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .o-blind__items.-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.o-blind__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

    .o-blind__item:before {
        color: #164a72;
        content: "•";
        padding: 0 18px 0 0
    }

[dir=rtl] .o-blind__item:before {
    padding: 0 0 0 18px
}

.o-blind__itemContent {
    background: #164a72;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .o-blind__itemContent:before {
        content: "";
        display: block;
        padding-top: 44.4444444444%
    }

    .o-blind__itemContent .a-icon {
        --icon-size: 14px;
        position: absolute;
        top: calc(50% - 7px);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
        transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
        -o-transition: transform .8s cubic-bezier(.19,1,.22,1);
        transition: transform .8s cubic-bezier(.19,1,.22,1);
        transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
    }

[dir=ltr] .o-blind__itemContent .a-icon {
    right: 20px
}

[dir=rtl] .o-blind__itemContent .a-icon {
    left: 20px
}

.o-blind__itemContent .a-image {
    opacity: .4
}

.o-blind__itemContent:after {
    border-color: transparent transparent var(--color-cream) transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 41px;
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    -o-transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    width: 0
}

.o-blind__contentWrapper {
    color: var(--color-black);
    height: 60%;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.o-blind__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 42px 28px;
}

    .o-blind__content a {
        text-decoration: underline
    }



.o-blind__description.-small {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .o-blind__description.-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-blind__description.-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .o-blind__description.-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.o-blind__description.-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .o-blind__description.-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.o-blind .m-button.-play {
    margin: 15px 0 0
}

@media(min-width: 768px) {
    .o-blind__title {
        top: 20% !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        -o-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        width: 16em;
        top: auto;
    }

    .o-blind__items {
        gap: 40px
    }

    .o-blind__itemContent {
        height: 100%
    }

        .o-blind__itemContent .a-icon, .o-blind__itemContent:after, .o-blind__itemContent:before {
            display: none
        }

        .o-blind__contentWrapper, .o-blind__itemContent .a-image {
            -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
            -o-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
            transition: opacity .4s cubic-bezier(.215,.61,.355,1)
        }

    .o-blind__contentWrapper {
        color: #fff;
        inset-inline: 40px 40px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 53%;
        height: auto;
    }

    .o-blind__content {
        padding: 0
    }

    .o-blind .m-button.-play {
        -webkit-margin-start: 20px;
        margin: 40px 0 0;
        margin-inline-start: 20px
    }
}

@media(min-width: 1024px) {
    .o-blind__contentWrapper {
        min-width: 280px
    }
}

@media(min-width: 1240px) {
    .o-blind__contentWrapper {
        min-width: 350px
    }
}

@media(min-width: 1600px) {
    .o-blind__description {
        font-family: var(--type-body-medium-font-family);
        font-size: var(--type-body-medium-font-size);
        font-weight: var(--type-body-medium-font-weight);
        letter-spacing: var(--type-body-medium-letter-spacing);
        line-height: var(--type-body-medium-line-height);
        text-transform: var(--type-body-medium-text-transform)
    }

    [lang=ar] .o-blind__description {
        font-size: var(--type-body-medium-ar-font-size);
        letter-spacing: var(--type-body-medium-ar-letter-spacing);
        line-height: var(--type-body-medium-ar-line-height)
    }
}

.b-blinds {
    --component-heading-color: var(--color-black);
    --eyebrow-text-color: var(--component-highlight-color);
    overflow: hidden;
    width: 100%
}

.b-blinds__title {
    padding-block: 30px
}

    .b-blinds__title, .b-blinds__title .a-heading > div {
        text-align: center
    }

.b-blinds__header {
    padding: 28px 20px
}

    .b-blinds__header.-isHidden {
        opacity: 0
    }

.b-blinds__container {
    background-color: var(--color-cream);
    color: var(--color-white);
    position: relative;
    width: 100%
}

.b-blinds__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.b-blinds__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-bottom: 1px solid var(--color-white);
    flex-grow: 1;
    width: 100%
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent .a-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
    opacity: 1
}

@media(min-width: 768px) {
    .b-blinds {
        --component-heading-color: var(--color-white)
    }

    .b-blinds__title {
        --component-heading-color: var(--color-black);
        padding-block: 60px
    }

    .b-blinds__container {
        height: calc(var(--vh)*85)
    }

    @supports(height: 1svh) {
        .b-blinds__container {
            height: 600px;
        }
    }

    [data-editor=true] .b-blinds__container {
        height: 800px
    }

    .b-blinds__container.-fullHeight {
        height: calc(var(--vh)*100)
    }

    @supports(height: 1svh) {
        .b-blinds__container.-fullHeight {
            height: calc(1svh*100)
        }
    }

    [data-editor=true] .b-blinds__container.-fullHeight {
        height: 800px
    }

    .b-blinds__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .b-blinds__item {
        border-bottom: 0;
        height: 100%;
        position: relative;
        width: calc(100%/var(--blinds-count))
    }

        .b-blinds__item.-willChange {
            will-change: width
        }
}

@media(min-width: 768px)and (prefers-reduced-motion:no-preference) {
    .b-blinds__item {
        -webkit-transition: width .8s cubic-bezier(.19,1,.22,1);
        -o-transition: width .8s cubic-bezier(.19,1,.22,1);
        transition: width .8s cubic-bezier(.19,1,.22,1)
    }
}

@media(min-width: 768px) {
    .b-blinds__item .a-image {
        opacity: 0.6;
    }

    .b-blinds__header {
        -ms-flex-line-pack: center;
        align-content: center;
        display: grid;
        grid-auto-flow: row;
        height: 100%;
        justify-items: center;
        left: 0;
        margin: 0 auto;
        opacity: 1;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        -o-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        transition: opacity .4s cubic-bezier(.215,.61,.355,1);
        width: 100%;
        z-index: 1
    }

    .b-blinds.-isExpanded .o-blind__title {
        opacity: 0
    }

    .b-blinds.-isExpanded .b-blinds__item .a-image {
        opacity: 0.9;
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive {
        width: 70% !important;
    }


        .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__title {
            opacity: 1
        }

        .b-blinds.-isExpanded .b-blinds__item.-isActive .a-image {
            opacity: .4
        }

        .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
            opacity: 1;
            pointer-events: all
        }
}

@media(min-width: 768px)and (prefers-reduced-motion:no-preference) {

    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
        -webkit-animation: text-fade 1.3s;
        animation: text-fade 1.3s;
    }
}

@media(min-width: 768px) {
    @-webkit-keyframes text-fade {
        0% {
            opacity: 0
        }

        35% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes text-fade {
        0% {
            opacity: 0
        }

        35% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}


.m-button:after, .m-button:before {
    z-index: 1
}

.m-button .a-icon, .m-button .a-label {
    position: relative;
    z-index: 2
}

.m-button .a-icon {
    --icon-size: var(--button-icon-size);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-button .a-label ~ .a-icon {
    -webkit-margin-start: calc(var(--button-icon-size)/1.5);
    margin-inline-start: calc(var(--button-icon-size)/1.5)
}

.m-button.-small {
    --button-font-size: 16px;
    --button-icon-size: var(--button-font-size);
    --button-padding: 28px;
    --button-size: 40px
}

.m-button.-iconOnly {
    --button-padding: 0;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    height: 60px;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 60px;
}

.m-button.-labelOnly .m-button__container {
    -webkit-padding-end: var(--button-padding);
    -webkit-padding-start: var(--button-padding);
    padding-inline-end: var(--button-padding);
    padding-inline-start: var(--button-padding)
}

.m-button.-leftIcon .m-button__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-padding-end: var(--button-padding);
    -webkit-padding-start: calc(var(--button-padding)/2);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-inline-end: var(--button-padding);
    padding-inline-start: calc(var(--button-padding)/2)
}

.m-button.-leftIcon .a-label ~ .a-icon {
    -webkit-margin-start: 0;
    -webkit-margin-end: calc(var(--button-icon-size)/1.5);
    margin-inline-end: calc(var(--button-icon-size)/1.5);
    margin-inline-start: 0
}

.m-button.-secondary {
    --button-background-color: transparent;
    --button-border-color: var(--color-black-20a);
    --button-border-width: 1.5px;
    --button-text-color: var(--color-black)
}

.m-button.-tertiary {
    --button-background-color-hover: transparent;
    --button-background-color: transparent;
    --button-border-radius: 0;
    --button-border-width: 0;
    --button-icon-color: var(--button-text-color);
    --button-padding: 0
}

    .m-button.-tertiary:before {
        content: normal
    }

.m-button {
    --button-background-color-hover: var(--color-accent);
    --button-background-color-ripple: var(--color-white-20a);
    --button-border-color-disabled: var(--color-black-10);
    --button-border-color-hover: transparent;
    --button-text-color-disabled: var(--color-black-20);
    --button-text-color-hover: var(--color-white);
    --button-affix-color: var(--button-text-color)
}

    .m-button.-black {
        --button-border-color: transparent
    }

        .m-button.-black.-primary {
            --button-affix-color: var(--button-background-color);
            --button-background-color: var(--color-black);
            --button-text-color: var(--color-white)
        }

        .m-button.-black.-secondary, .m-button.-black.-tertiary {
            --button-background-color: transparent;
            --button-text-color: var(--color-black)
        }

        .m-button.-black.-secondary {
            --button-border-color: var(--color-black-20a)
        }

        .m-button.-black.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-accent)
        }

    .m-button.-cream {
        --button-text-color: var(--color-dark-gold)
    }

        .m-button.-cream.-primary {
            --button-affix-color: var(--button-background-color);
            --button-background-color: var(--color-cream);
            --button-border-color: var(--color-dark-gold-10a)
        }

        .m-button.-cream.-secondary, .m-button.-cream.-tertiary {
            --button-background-color: transparent
        }

        .m-button.-cream.-secondary {
            --button-border-color: var(--color-dark-gold-20a)
        }

        .m-button.-cream.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-gold)
        }

    .m-button.-dark-gold {
        --button-text-color: var(--color-dark-gold);
        --button-background-color-hover: var(--color-gold)
    }

        .m-button.-dark-gold.-primary {
            --button-affix-color: var(--button-background-color);
            --button-background-color: var(--color-dark-gold);
            --button-border-color: var(--color-black-10a);
            --button-text-color: var(--color-white)
        }

        .m-button.-dark-gold.-secondary, .m-button.-dark-gold.-tertiary {
            --button-background-color: transparent;
            --button-text-color: var(--color-dark-gold)
        }

        .m-button.-dark-gold.-secondary {
            --button-border-color: var(--color-dark-gold-20a)
        }

        .m-button.-dark-gold.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-gold)
        }

    .m-button.-gold {
        --button-affix-color: var(--button-background-color);
        --button-background-color-hover: var(--color-gold-hover);
        --button-background-color-ripple: var(--color-white-20a);
        --button-border-color-hover: transparent;
        --button-border-color: transparent;
        --button-text-color-hover: var(--color-white);
        --button-text-color: var(--color-white)
    }

        .m-button.-gold.-primary {
            --button-background-color: var(--color-gold);
            --button-text-color: var(--color-white)
        }

        .m-button.-gold.-secondary, .m-button.-gold.-tertiary {
            --button-text-color: var(--color-gold)
        }

        .m-button.-gold.-secondary {
            --button-border-color: var(--color-gold)
        }

        .m-button.-gold.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-gold-hover)
        }

    .m-button.-white {
        --button-border-color-disabled: #ffffff1a;
        --button-text-color-disabled: #ffffff1a;
    }

        .m-button.-white.-primary {
            --button-affix-color: #fff;
            --button-background-color: #fff;
            --button-border-color: #1d1f221a;
            --button-text-color: #1d1f22;
        }

        .m-button.-white.-secondary, .m-button.-white.-tertiary {
            --button-text-color: #fff;
            --button-background-color: transparent
        }

        .m-button.-white.-secondary {
            --button-border-color: var(--color-white-10a);
            --button-text-color: var(--color-white)
        }

        .m-button.-white.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-accent)
        }

    .m-button.-dark-accent {
        --button-text-color: var(--color-dark-accent)
    }

        .m-button.-dark-accent.-primary {
            --button-affix-color: var(--button-background-color);
            --button-background-color: var(--color-dark-accent);
            --button-border-color: var(--color-black-10a);
            --button-text-color: var(--color-white)
        }

        .m-button.-dark-accent.-secondary, .m-button.-dark-accent.-tertiary {
            --button-background-color: transparent;
            --button-text-color: var(--color-dark-accent)
        }

        .m-button.-dark-accent.-secondary {
            --button-border-color: var(--color-dark-gold-20a)
        }

        .m-button.-dark-accent.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-accent)
        }

    .m-button.-accent {
        --button-affix-color: var(--button-background-color);
        --button-background-color-hover: var(--color-accent-hover);
        --button-background-color-ripple: var(--color-white-20a);
        --button-border-color-hover: transparent;
        --button-border-color: transparent;
        --button-text-color-hover: var(--color-white);
        --button-text-color: var(--color-white)
    }

        .m-button.-accent.-primary {
            --button-background-color: var(--color-accent);
            --button-text-color: var(--color-white)
        }

        .m-button.-accent.-secondary, .m-button.-accent.-tertiary {
            --button-text-color: var(--color-accent)
        }

        .m-button.-accent.-secondary {
            --button-border-color: var(--color-accent)
        }

        .m-button.-accent.-tertiary {
            --button-background-color-hover: transparent;
            --button-text-color-hover: var(--color-accent-hover)
        }

html[data-theme=oxagon] .m-button.-accent.-primary {
    --button-background-color: var(--color-accent);
    --button-background-color-hover: var(--color-dark-accent);
    --button-text-color-hover: var(--color-white)
}

html[data-theme=oxagon] .m-button.-dark-accent {
    --button-background-color: var(--color-accent);
    --button-background-color-hover: var(--color-white);
    --button-text-color-hover: var(--color-dark-accent)
}

.m-button.-playbackControls {
    --button-background-color: transparent;
    --button-background-color-ripple: var(--color-white-20a);
    --button-border-color: transparent;
    --button-border-width: 0;
    --button-background-color-hover: transparent;
    --button-text-color-hover: var(--color-white);
    --button-padding: 0
}

    .m-button.-playbackControls:before {
        content: normal
    }

.m-button.-navigation {
    --button-size: 40px;
    --icon-size: 20px;
    --button-border-width: 0;
    --button-padding: 0;
    --button-border-color: transparent;
    --button-background-color-hover: transparent;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}

    .m-button.-navigation:before {
        content: normal
    }

    .m-button.-navigation .m-button__container {
        background-color: transparent
    }

.m-button:disabled {
    cursor: not-allowed
}

    .m-button:disabled .m-button__container {
        background-color: var(--button-background-color-disabled,transparent);
        border-color: var(--button-border-color-disabled,grey);
        color: var(--button-text-color-disabled,grey)
    }

.m-button.-download {
    --button-icon-size: 14px
}

    .m-button.-download .a-label ~ .a-icon {
        -webkit-margin-end: 10px;
        margin-inline-end: 10px
    }

@media(max-width: 768px) {
    .m-button.-download {
        width: 100%
    }
}

.m-button:not(.m-button.-small).-close, .m-button:not(.m-button.-small).-play {
    --button-size: 60px;
    --button-icon-size: 20px
}

@media(min-width: 768px) {
    .m-button:not(.m-button.-small).-close, .m-button:not(.m-button.-small).-play {
        --button-icon-size: 24px
    }
}

.m-button.-hover {
    color: var(--button-text-color-hover)
}

    .m-button.-hover .m-button__container {
        --button-background-color: var(--button-background-color-hover,#000);
        --button-icon-color: var(--button-text-color);
        --button-text-color: var(--button-text-color-hover,#fff);
        --button-border-color: var(--button-border-color-hover,transparent)
    }

.m-button__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-padding-end: 2px;
    -webkit-padding-start: 0px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #00000042;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1d1f22;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    padding-inline-end: 2px;
    padding-inline-start: 2px;
    position: relative;
    -webkit-transition: background .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background .2s ease-in-out,color .2s ease-in-out;
    transition: background .2s ease-in-out,color .2s ease-in-out;
    width: 100%;
    transition: all ease 0.5s;
    scale: 1;
    right: 6px;
    top: 5px;
}



.a-icon svg {
    fill: var(--icon-fill,currentColor);
    display: block;
    height: 100%;
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
    width: 100%
}

.a-icon[data-icon=plus-circle] svg {
    fill: transparent
}


.ripple {
    background: var(--color-black-50);
    border-radius: 50%;
    height: 30px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 30px
}

.theme-black .ripple {
    background: var(--color-white)
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,.7);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.7);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    30% {
        -webkit-box-shadow: 0 0 0 40px hsla(0,0%,100%,0);
        box-shadow: 0 0 0 40px hsla(0,0%,100%,0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@-webkit-keyframes box-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-pulse-color);
        box-shadow: 0 0 0 0 var(--box-shadow-pulse-color)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px hsla(0,0%,100%,0);
        box-shadow: 0 0 0 10px hsla(0,0%,100%,0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0)
    }
}

@keyframes box-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-pulse-color);
        box-shadow: 0 0 0 0 var(--box-shadow-pulse-color)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px hsla(0,0%,100%,0);
        box-shadow: 0 0 0 10px hsla(0,0%,100%,0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0)
    }
}

@-webkit-keyframes maskImageAnimation {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    25% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    75% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }
}

@keyframes maskImageAnimation {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    25% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    75% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes maskImageAnimationArabic {
    0% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    25% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    75% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }
}

@keyframes maskImageAnimationArabic {
    0% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }

    25% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    75% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 1
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
        opacity: 1
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        opacity: 1
    }

    99% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        opacity: 1
    }

    99% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--color-dark-gold-70a);
        box-shadow: 0 0 0 0 var(--color-dark-gold-70a);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px var(--color-dark-gold-00a);
        box-shadow: 0 0 0 10px var(--color-dark-gold-00a);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 var(--color-dark-gold-00a);
        box-shadow: 0 0 0 0 var(--color-dark-gold-00a);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

span.m-button__container:hover {
    background: #15486f !important;
    color: #fff;
    border-color: #15486f;
    scale: 1.1;
}

.m-button.-primary.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
    background: #fff !important;
}

.m-button.-primary.swiper-button-disabled {
    opacity: 0.3;
    cursor: initial;
    background: #fff !important;
}

    .m-button.-primary.swiper-button-disabled span.m-button__container:hover {
        background: #fff;
        color: #000;
        border-color: #00000042;
    }

.bd-service__pagination-wrap {
    display: grid;
    grid-gap: 22px;
}

.flip-box-front img {
    width: 60px;
    filter: invert(1);
    margin-bottom: 10px;
}


/****** Emi Calculator start *****/
.emi-field .control > input {
    height: 30px;
    color: #01632e;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #cdd6dd;
    width: 100px;
    max-width: inherit;
    border-radius: unset;
    padding: unset;
    padding: 0px 5px 0px 15px;
    margin-right: 0px;
}

.emi-range-item {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.calc__slider {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    display: block;
    padding: 3px;
    border: 1px solid #d5d2d2;
}

.control {
    display: flex;
    align-items: center;
    gap: 6px;
}

.emi-range-item-details {
    margin-bottom: 30px;
}

.controllers-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.controller-row {
    margin-bottom: 30px;
}

.input.calc__input {
    height: 30px;
    color: #01632e;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #cdd6dd;
    width: 80px;
}

input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    /* -moz-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
  -ms-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
  -o-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
  -webkit-box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
  box-shadow: 0 4px 18px rgb(33 33 33 / 10%); */
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #cdd6dd;
    outline: none;
}

.col-emi {
    padding: 0 40px;
}

.row-emi {
    margin: 0 -40px;
}

.estimate__heading {
    padding-bottom: 80px;
}

.estimate,
.estimate__heading {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #333;
    width: 100%;
    margin-bottom: 2rem;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 1.3;
    text-transform: lowercase;
    color: #999999;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 55%;
    transform: translateY(-55%);
}

.col-emi-item-details .calc-title {
    margin-bottom: 5px;
    line-height: 1.3;
    font-weight: inherit;
    color: #606060;
}

.chart {
    width: 360px;
    height: 360px;
    position: relative;
}

.estimate__heading text {
    color: #333;
}

.estimate__value {
    color: #01632e;
    font-weight: bold;
    font-size: 24px !important;
}

.col-emi-item-details:first-child {
    margin-bottom: 20px;
}

.inner-col-emi-item-details {
    padding: 30px;
    border-radius: 7px;
    height: 100%;
    background-color: #fff;
    -moz-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -ms-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -o-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -webkit-box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
    box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
    position: relative;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 300px;
    height: fit-content;
}

.col-emi-item-details h3:last-child {
    color: #01632e;
    font-weight: bolder;
}

.control input {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

    /*.control input::-webkit-outer-spin-button,
.control input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}*/

    .control input[type="number"] {
        -moz-appearance: textfield;
    }

.icon svg {
    width: 16px;
    height: 14px;
    position: relative;
}

/****** Emi Calculator End *****/


.cstm-buyers-tab .bd-foodmenu__tab .nav-tabs {
    display: flex !important;
    border-bottom: 1px solid #00000024;
}

.cstm-buyers-tab .acc-text ul.list-points {
    margin-left: 20px;
    margin-bottom: 20px;
}

    .cstm-buyers-tab .acc-text ul.list-points li {
        margin-bottom: 20px;
        list-style: circle;
    }

.cstm-buyers-tab .nav li.nav-item .nav-link {
    text-transform: uppercase !important;
    font-size: 17px;
    padding: 20px 0;
    position: relative;
}

.main-menu > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 3px;
    bottom: 10px;
    right: auto;
    background: #164a72;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
}

.main-menu > li > a:hover:before {
    -webkit-animation-name: cta-in;
    animation-name: cta-in;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    /* width: 100%; */
    opacity: 1;
}

.main-menu li.dropdown {
    position: relative;
    padding-right: 8px;
}

@keyframes cta-in {
    0% {
        width: 30px;
        left: 0;
        right: auto;
    }

    49% {
        width: 100%;
        left: 0;
        right: auto;
    }

    50% {
        width: 100%;
        left: auto;
        right: 0;
    }

    100% {
        left: auto;
        right: 0;
        width: 30px;
    }
}

@-webkit-keyframes cta-in {
    0% {
        width: 30px;
        left: 0;
        right: auto;
    }

    49% {
        width: 100%;
        left: 0;
        right: auto;
    }

    50% {
        width: 100%;
        left: auto;
        right: 0;
    }

    100% {
        left: auto;
        right: 0;
        width: 30px;
    }
}

@keyframes cta-out {
    0% {
        width: 30px;
        right: 0;
        left: auto;
    }

    49% {
        width: 100%;
        right: 0;
        left: auto;
    }

    50% {
        width: 100%;
        left: 0;
        right: auto;
    }

    100% {
        left: 0;
        right: auto;
        width: 30px;
    }
}

@-webkit-keyframes cta-out {
    0% {
        width: 30px;
        right: 0;
        left: auto;
    }

    49% {
        width: 100%;
        right: 0;
        left: auto;
    }

    50% {
        width: 100%;
        left: 0;
        right: auto;
    }

    100% {
        left: 0;
        right: auto;
        width: 30px;
    }
}



.cstm-buyers-tab .nav li > button:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -1px;
    background: #164a72;
    height: 2px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.cstm-buyers-tab .nav li > button:hover:before, .cstm-buyers-tab .nav li > button.active:before {
    left: 0;
    right: 0;
}


html.js.webp.webp-alpha.webp-animation.webp-lossless {
    overflow-x: hidden;
}

.acc-text .is-uppercase {
    text-transform: uppercase;
    margin-top: 50px;
}



.emi-field .control > input {
    height: 30px;
    color: #01632e;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #cdd6dd;
    width: 100px;
    max-width: inherit;
    border-radius: unset;
    padding: unset;
    padding: 0px 5px 0px 15px;
    margin-right: 0px;
}

.emi-range-item {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.calc__slider {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    display: block;
    padding: 3px;
    border: 1px solid #d5d2d2;
}

.control {
    display: flex;
    align-items: center;
    gap: 6px;
}

.emi-range-item-details {
    margin-bottom: 30px;
}

.controllers-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.controller-row {
    margin-bottom: 30px;
}

.input.calc__input {
    height: 30px;
    color: #01632e;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #cdd6dd;
    width: 110px;
}

input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    /* -moz-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
            -ms-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
            -o-box-shadow: 0 4px 18px rgba(33, 33, 33, .1);
            -webkit-box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
            box-shadow: 0 4px 18px rgb(33 33 33 / 10%); */
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #cdd6dd;
    outline: none;
}

.col-emi {
    padding: 0 40px;
}

.row-emi {
    margin: 0 -40px;
}

.estimate__heading {
    padding-bottom: 80px;
}

.estimate,
.estimate__heading {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #333;
    width: 100%;
    margin-bottom: 2rem;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 1.3;
    text-transform: lowercase;
    color: #999999;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 55%;
    transform: translateY(-55%);
}

.col-emi-item-details .calc-title {
    margin-bottom: 5px;
    line-height: 1.3;
    font-weight: inherit;
    color: #606060;
}

.chart {
    width: 360px;
    height: 360px;
    position: relative;
}

.estimate__heading text {
    color: #333;
}

.estimate__value {
    color: #01632e;
    font-weight: bold;
    font-size: 24px !important;
}

.col-emi-item-details:first-child {
    margin-bottom: 20px;
}

.inner-col-emi-item-details {
    padding: 30px;
    border-radius: 7px;
    height: 100%;
    background-color: #fff;
    -moz-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -ms-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -o-box-shadow: 0 4px 18px rgba(33, 33, 33, 0.1);
    -webkit-box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
    box-shadow: 0 4px 18px rgb(33 33 33 / 10%);
    position: relative;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.estimate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.rupee-symbol p {
    font-size: 29px;
    margin-bottom: 0;
}

.icon svg {
    width: 35px;
    height: 30px;
    position: relative;
}

.rupee-div {
    display: flex;
    align-items: center;
}

.col-emi-item-details h3:last-child {
    color: #01632e;
    font-weight: bolder;
}

.control input {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}


a.facebook-color:hover {
    background: #3a5999 !important;
    border-color: #3a5999 !important;
}

a.ytb-clr:hover {
    background: #f00 !important;
    border-color: #f00 !important;
}

a.insta-clr:hover {
    background: #cf2872 !important;
    border-color: #cf2872 !important;
}

a.linkedin-clr:hover {
    background: #004f79 !important;
    border-color: #004f79 !important;
}

/* accordion style 02 */
.accordion-style-02 .panel .panel-heading {
    border-bottom: 1px dotted #838383;
    /* padding: 15px 25px 15px 0; */
    position: relative;
    /* font-size: 24px; */
    font-size: 20px;
    line-height: 40px;
    color: var(--bd-common-black);
    padding: 10px 0 10px;
    text-transform: capitalize;
    padding-inline-end: 30px;
}

ul.list-points {
    margin-left: 0;
    margin-bottom: 20px;
}

    ul.list-points li {
        padding: 15px 0;
        list-style: none;
        border-bottom: 1px dotted #ccc;
    }

.accordion-style-02 .panel:last-child .panel-heading {
    border: none;
}

    .accordion-style-02 .panel:last-child .panel-heading.active-accordion {
        border-bottom: 1px solid;
    }

.accordion-style-02 .panel .panel-heading i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.accordion-style-02 .panel .panel-body {
    padding: 30px 20px 30px 0;
}

/*.firstcolor .accordion-toggle:hover, .firstcolor.active-accordion .accordion-toggle {
    color: #f7a700 !important;
}

.secondcolor .accordion-toggle:hover, .secondcolor.active-accordion .accordion-toggle {
    color: #00642e !important;
}

.thirdcolor .accordion-toggle:hover, .thirdcolor.active-accordion .accordion-toggle {
    color: #006db1 !important;
}

.fourcolor .accordion-toggle:hover, .fourcolor.active-accordion .accordion-toggle {
    color: #ee3824 !important;
}

.fivecolor .accordion-toggle:hover, .fivecolor.active-accordion .accordion-toggle {
    color: #302483 !important;
}

.sixcolor .accordion-toggle:hover, .sixcolor.active-accordion .accordion-toggle {
    color: #783e04 !important;
}

.sevencolor .accordion-toggle:hover, .sevencolor.active-accordion .accordion-toggle {
    color: #f36f21 !important;
}*/

h1.a-heading.-h3 {
    z-index: 0;
    position: relative;
}

h3.a-heading.-h3 {
    z-index: 2;
    position: relative;
    color: #164a72;
}





.cstm-rit-brdr:after {
    content: "";
    border-right: 1px solid #ffffff42;
    position: absolute;
    height: 70%;
    top: 15%;
    left: -19px;
}

.cstm-rit-brdr:first-child:after {
    content: "";
    border-right: 0px solid #ffffff42;
    position: absolute;
    height: 70%;
    top: 15%;
    left: -19px;
}

.cstm-rit-brdr {
    position: relative;
}





.fancy-box-background {
    position: relative;
    z-index: 1;
}

.fancy-text-box-style-03 {
    position: relative;
    overflow: hidden
}

    .fancy-text-box-style-03 * {
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out
    }

    .fancy-text-box-style-03 .fancy-text-content {
        position: absolute;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 9;
        bottom: 25%;
        height: auto;
        transform: translateY(70px);
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
    }




    .fancy-text-box-style-03:hover .fancy-text-content .feature-box-overlay {
        opacity: 1
    }

    .fancy-text-box-style-03 .fancy-text-content .fancy-text-box-bottom {
        opacity: 0;
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px)
    }

    .fancy-text-box-style-03:hover .fancy-text-content .fancy-text-box-bottom {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }

    .fancy-text-box-style-03:hover .fancy-text-content {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0)
    }

.cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
}

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

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    /*overflow: hidden;*/
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.fancy-box-background .fancy-box-item {
    position: static;
}

.border-color-dark-white-transparent {
    border-color: rgba(255,255,255,.2) !important;
}

.border-right {
    border-right: 1px solid #ffffff73 !important;
}

.cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
}

.bg-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    visibility: hidden;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    background-size: cover;
}

.fancy-box-background .opacity-medium {
    z-index: -1
}

.fancy-box-background .fancy-box-item {
    position: static
}

.fancy-box-background.fancy-box-col .fancy-box-item {
    position: relative
}

.fancy-box-background .fancy-box-item:hover .bg-banner-image {
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.fancy-box-background .fancy-box-item:hover .light, .fancy-box-background .fancy-box-item:hover .light i {
    color: #fff
}

.fancy-box-background .fancy-box-item:hover .dark {
    color: #232323
}

.fancy-box-background:after {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    position: absolute
}

.fancy-box-background .fancy-text-box li:hover {
    background-color: rgba(0,0,0,.7);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    cursor: pointer
}

    .fancy-box-background .fancy-text-box li:hover span {
        color: rgba(255,255,255,.9)
    }

    .fancy-box-background .fancy-text-box li:hover a {
        color: rgba(255,255,255,.9)
    }


.opacity-3 {
    opacity: .3;
}

.opacity-very-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .3;
    top: 0;
    left: 0;
}

.bg-black {
    background-color: #000;
}


.h-800px {
    height: 800px;
}

.padding-5-rem-lr {
    padding-left: 5rem;
    padding-right: 5rem;
}

.padding-4-half-rem-tb {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.bg-green {
    background-color: #ffffff00;
}



.feature-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.fancy-text-box-style-03:hover .fancy-text-content .feature-box-overlay {
    opacity: 1;
}


.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.h-1 {
    height: 1px;
}

.w-40 {
    width: 40px;
}

.w-100 {
    width: 100% !important;
}

.opacity-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .3;
    top: 0;
    left: 0;
}

.bg-extra-dark-gray {
    background-color: #232323;
}

.interactive-banners-style-09 figure:hover .interactive-banners-overlay {
    opacity: 1;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.interactive-banners-style-09 .interactive-banners-overlay {
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.bg-transparent-gradient-light-green-orange {
    background-image: linear-gradient(to right top,#0074b8,#0074b826);
}

figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 25% !important;
}

h3.alt-font {
    font-size: 100px;
    -webkit-text-stroke: 0.8px #fff;
    color: #0000 !important;
}


div.lessmore button.more {
    max-width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: 0 0;
    border: none;
    padding: 0
}

    div.lessmore button.more:before {
        content: "More";
        margin-right: 5px
    }

    div.lessmore button.more:after {
        background: url(../images/menu-drop-desktop-sticky.html) no-repeat;
        background-size: 16px 8px;
        width: 16px;
        height: 8px;
        content: ""
    }

    div.lessmore button.more.active:before {
        content: "Less"
    }

    div.lessmore button.more:after {
        background: url('../img/fter-d-arrow.html') no-repeat;
        background-size: 16px 8px;
        width: 16px;
        height: 8px;
        content: ""
    }

footer {
    padding-top: 42px
}

    footer .footer-seperator-top {
        border-color: #707070;
        margin-bottom: 50px;
        margin-top: 20px;
    }

    footer h4 {
        color: #164a72;
        letter-spacing: 1px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 40px
    }

@media(max-width: 1600px) {
    footer .footer-seperator-top {
        margin-bottom: 73px
    }

    footer h4 {
        font-size: 14px;
        margin-bottom: 31px
    }
}

footer h4:after {
    content: "";
    position: absolute;
    width: 17px;
    height: 10px;
    background: url(../images/footer-menu-icon.html) no-repeat;
    right: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none
}

.bottom-footer ul li a, footer .link-ul a, footer ul a {
    background: -webkit-gradient(linear,left top,right top,from(#6d6d6d),color-stop(50%,#6d6d6d),color-stop(50%,#000));
    text-decoration: none;
    color: #000;
    overflow: hidden;
    -webkit-text-fill-color: transparent
}

@media(min-width: 1800px) {
    footer h4 {
        font-size: 14px
    }
}

div.lessmore a.more.active:after, footer h4.open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer ul li {
    margin-bottom: 10px;
    list-style: none;
}

footer ul a {
    font-size: 18px;
    font-weight: 400;
    background: unset;
    -webkit-background-clip: unset;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms;
    -webkit-text-fill-color: unset;
}

    footer ul a:hover {
        color: #164a72;
    }

@media(min-width: 1800px) {
    footer ul a {
        font-size: 15px
    }
}

footer .link-ul a {
    font-family: Montserrat-Medium;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    background: linear-gradient(to right,#6d6d6d,#6d6d6d 50%,#000 50%);
    -webkit-background-clip: text;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms
}

@media(min-width: 1800px) {
    footer .link-ul a {
        font-size: 20px
    }

    .bottom-footer ul li a {
        font-size: 14px
    }
}

.bottom-footer {
    position: relative;
    background-color: #164a72;
    padding: 15px 0;
    margin-top: 30px;
}

@media(max-width: 1600px) {
    footer ul li {
        margin-bottom: 17px
    }

    footer .link-ul a, footer ul a {
        font-size: 14px
    }

    .bottom-footer {
        margin-top: 20px;
        padding: 15px 0 29px;
    }
}

@media(max-width: 1025px) and (max-width:767px) {
    .bottom-footer .row div {
        margin-top: 10px
    }
}

.apartments-listing .banner .home-filter .umbraco-forms-form, .apartments-listing.listing-page .listing, .bottom-footer ul, .floating-icons li, .slider-part {
    margin-bottom: 0
}

    .bottom-footer ul li {
        display: inline-block;
        margin-bottom: 0
    }

        .bottom-footer ul li a {
            background: #fff;
            -webkit-background-clip: text;
            background-size: 200% 100%;
            background-position: 100%;
            -webkit-transition: background-position 275ms;
            transition: background-position 275ms
        }

        .bottom-footer ul li.right-line {
            position: relative;
            padding-right: 20px;
            margin-right: 20px
        }

            .bottom-footer ul li.right-line:after {
                content: "";
                position: absolute;
                width: 1px;
                height: 13px;
                background: #fff;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

.bottom-footer p {
    margin-bottom: 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
}

.social-media-links li {
    margin: 0
}

.social-media-links a:hover svg {
    opacity: .5
}

footer h4 a {
    text-transform: uppercase;
}



ul.footer-menu-1::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #aaa
}

ul.footer-menu-1::-webkit-scrollbar-thumb {
    background: padding-box #164a72;
    border-radius: 8px
}

ul.footer-menu-1 {
    max-height: 200px;
    overflow-y: auto;
}

footer .mobile-wrapper hr {
    display: none;
}


.search {
    --easing: cubic-bezier(0.4, 0, 0.2, 1);
    --font-size: 2rem;
    --color: var(--color-foreground);
    --color-highlight: white;
    --transition-time-icon: 0.2s;
    --transition-time-input: 0.3s 0.25s;
    border-radius: 999px;
    border: 2px solid transparent;
    display: flex;
    transition: border-color var(--transition-time-icon) linear, padding var(--transition-time-input) var(--easing);
}

    .search:not(:focus-within) {
        --transition-time-input: 0.2s 0s;
    }

@media (prefers-reduced-motion: reduce) {
    .search {
        --transition-time-icon: 0s !important;
        --transition-time-input: 0s !important;
    }
}

.search__input {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    outline: none;
    padding: 0;
    transition: width var(--transition-time-input) var(--easing), padding var(--transition-time-input) var(--easing), opacity var(--transition-time-input) linear;
    width: 0;
}

.header-sticky .search__input {
    color: #164a72;
}

.search__input::-moz-placeholder {
    color: var(--color);
    opacity: 0.75;
}

.search__input:-ms-input-placeholder {
    color: var(--color);
    opacity: 0.75;
}

.search__input::placeholder {
    color: var(--color);
    opacity: 0.75;
}

.search__icon-container {
    height: 30px;
    position: relative;
    width: 30px;
}

.search__label, .search__submit {
    color: var(--color);
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    width: 100%;
}

    .search__label:hover, .search__label:focus, .search__label:active, .search__submit:hover, .search__submit:focus, .search__submit:active {
        color: var(--color-highlight);
    }

.search__label {
    transition: transform var(--transition-time-icon) var(--easing), color 0.1s;
}

.search__submit {
    background: none;
    border-radius: 50%;
    border: none;
    box-shadow: 0 0 0 4px inset transparent;
    display: none;
    outline: none;
    transition: color 0.1s, box-shadow 0.1s;
}

    .search__submit svg {
        transform: scale(0.5);
    }

    .search__submit:focus {
        box-shadow: 0 0 0 1px inset var(--color-highlight);
    }

.search:focus-within {
    border-color: var(--color);
}

    .search:focus-within .search__input {
        opacity: 1;
        padding: 0 1rem 0 2rem;
        width: 160px;
    }

    .search:focus-within .search__label {
        transform: scale(0.5);
    }

    .search:focus-within .search__submit {
        -webkit-animation: unhide var(--transition-time-icon) steps(1, end);
        animation: unhide var(--transition-time-icon) steps(1, end);
        display: block;
    }

@-webkit-keyframes unhide {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: auto;
        opacity: 1;
    }
}

@keyframes unhide {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: auto;
        opacity: 1;
    }
}

form.search path {
    color: #fff;
}

.search:focus-within {
    border-color: #fff;
}

.grow_skew_forward {
    font-size: 1.1em;
    background: #164972;
    color: #fff;
    border: 0.15rem solid #164972;
    padding: 0.75em 2.55em;
    margin: 1rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 50px;
}

    .grow_skew_forward.grow_white {
        background: #fff;
        color: #164a72;
        border: 0.15rem solid #fff;
        font-size: 18px;
        line-height: 24px;
        margin: 20px 20px 20px 0;
    }

    .grow_skew_forward:hover::after {
        background: #fff;
        color: #000 !important;
    }

    .grow_skew_forward:hover {
        color: #164a72;
    }

    .grow_skew_forward.grow_white:hover {
        color: #fff;
    }

    .grow_skew_forward::after {
        content: "";
        background: #164a72;
        position: absolute;
        z-index: -1;
        padding: 0.85em 0.75em;
        display: block;
    }

    .grow_skew_forward.grow_white::after {
        background: #164972;
    }



    .grow_skew_forward::after {
        transition: all 0.2s;
    }

    .grow_skew_forward:hover::after {
        left: -11px;
        right: -11px;
        top: 0;
        bottom: 0;
        transition: all 0.35s;
    }

    .grow_skew_forward::after {
        left: -20%;
        right: -20%;
        top: 0;
        bottom: 0;
        transform: skewX(-45deg) scale(0, 1);
    }

    .grow_skew_forward:hover::after {
        transform: skewX(-45deg) scale(1, 1);
    }




.bd-footer-newsletter__form button span.m-button__container {
    background: #0000;
}

.bd-footer-newsletter__form button.m-button.-primary.-white.-large.-iconOnly.swiper-button-next2 {
    margin-right: 5px;
    margin-top: 5px;
}

.fancy-text-box.active {
    backdrop-filter: blur(0px);
}

.fancy-text-box {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

    .fancy-text-box.active .fancy-text-box-bottom.justify-content-center {
        opacity: 1;
    }

    .fancy-text-box.active .fancy-text-box-bottom.justify-content-center {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }

    .fancy-text-box.active .fancy-text-content {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
    }



    .fancy-text-box.active .fancy-text-content {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    .fancy-text-box.active .bg-banner-image {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

.fancy-box-background .fancy-box-item .bg-banner-image.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

ul.b-verticalCarousel__imageList li.b-verticalCarousel__imageItem:first-child {
    transform: translate(200%, -120%) !important;
    opacity: 0;
}

ul.b-verticalCarousel__imageList li.b-verticalCarousel__imageItem.-isActive {
    transform: translate(0) !important;
    opacity: 1;
}

.b-verticalCarousel__imageItem.-isActive {
    transform: translate(0) !important;
    transition: all 0.5s !important;
}

.b-verticalCarousel__imageItem {
    transform: translate(200%, 90%) !important;
    transition: all 0.5s !important;
}

div.bd-header-3.header-sticky form.search {
    --easing: cubic-bezier(0.4, 0, 0.2, 1);
    --font-size: 2rem;
    --color: #164a72;
    --color-highlight: black;
    --transition-time-icon: 0.2s;
    --transition-time-input: 0.3s 0.25s;
    border-radius: 999px;
    border: 2px solid transparent;
    display: flex;
    transition: border-color var(--transition-time-icon) linear, padding var(--transition-time-input) var(--easing);
}

div.bd-header-3.header-sticky .search:focus-within {
    border-color: #164a72;
}

div.bd-header-3.header-sticky form.search path {
    color: #164a72;
}

section#pin1:before {
    content: '';
    background-image: url('../img/bg-img/bg-01.html');
    opacity: 0.1;
    left: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
    width: 100vw !important;
    height: 100vh;
    background-position: center center;
    background-size: cover;
}

section#pin1 {
    overflow: hidden;
}

.bd-contact-area ul.b-blinds__items li p {
    color: #fff;
}

.chennel-refer .left-cnt .bd-service__title {
    top: 0;
    max-width: 806px;
    right: 0 !important;
    left: auto;
    padding: 0 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.chennel-refer .right-cnt .bd-service__title {
    top: 0 !important;
    max-width: 806px;
    right: auto !important;
    left: 0 !important;
    padding: 0 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.bd-section__subtitle:after {
    content: '';
    height: 1px;
    width: 40px;
    background: #c4c4c4;
    position: absolute;
    max-width: 500px;
    margin-top: 13px;
    margin-left: 10px;
}


.button-1 {
    position: relative;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 70px 40px 0px;
    text-decoration: none;
}

    .button-1:hover:before {
        width: 100%;
    }

    .button-1:active:before {
        opacity: 1;
        transition: all 0.05s ease-in-out;
    }

    .button-1:active span {
        color: white;
        transition: all 0.05s ease-in-out;
    }

    .button-1:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        opacity: 1;
        transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
        background: #ffffff00;
        border: 2px solid #fff;
    }

    .button-1:after {
        content: "\f356";
        position: absolute;
        z-index: 6;
        right: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
        text-align: center;
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        font-size: 20px;
        color: #fff;
    }

    .button-1:hover:after {
        color: #164972;
    }


    .button-1 span {
        display: block;
        position: relative;
        z-index: 3;
        color: white;
        font-weight: 100;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        transition: all 0.75s ease-in-out;
        font-size: 16px;
        position: relative;
        left: 0;
    }

    .button-1:hover span {
        color: #164a72;
        position: relative;
        left: 20px;
    }

    .button-1:hover:before {
        background: #ffffff;
        border: 2px solid #fff;
    }

    .button-1.stl-2 span {
        color: #164a72;
    }

    .button-1.stl-2:before {
        border: 2px solid #164a72;
    }

    .button-1.stl-2:hover:before {
        background: #164a72;
        border: 2px solid #164a72;
    }

    .button-1.stl-2:hover span {
        color: #fff;
    }

    .button-1.stl-2:hover:after {
        color: #fff;
    }

a.button-1.stl-2:after {
    color: #164a72;
    font-weight: 400;
    font-size: 20px;
}

.b-transitionSlider__titlePaginationItemCta span {
    -webkit-transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 25px;
}

.b-transitionSlider__titlePaginationItemCta::after {
    content: "";
    width: 3rem;
    height: 3px;
    background-color: #164972;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-block;
}

.b-transitionSlider__titlePaginationItemCta::after {
    margin-left: 30px;
    -webkit-transform: translateX(-2rem) !important;
    transform: translateX(-2rem) !important;
    margin-bottom: 7px;
}

.b-transitionSlider__titlePaginationItemCta.active:after {
    opacity: 1;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.b-transitionSlider__titlePaginationItem .nav-link {
    color: #15486f;
    opacity: 0.8;
    transition: all ease 0.3s;
}

    .b-transitionSlider__titlePaginationItem .nav-link.active {
        color: #15486f;
        margin-left: 5px;
        opacity: 1;
        transition: all ease 0.3s;
    }

.tab-lft {
    display: flex;
    align-content: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
}

.tab-lft1 {
    max-width: 100%;
    width: 540px;
    padding: 0 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    position: static;
}

.tab-rigt {
    padding: 0;
}

.tab-rigt1 {
    max-width: 800px;
    padding: 0 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: static;
    padding: 0;
    height: 100%;
}

    .tab-rigt1 .tab-pane {
        -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .tab-rigt1 .tab-pane .right-cntnt-01 {
            margin-left: 50px;
            -webkit-transform: translateX(50px) !important;
            transform: translateX(50px) !important;
            opacity: 0;
            -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .tab-rigt1 .tab-pane.active .right-cntnt-01 {
            margin-left: 0px;
            opacity: 1;
            -webkit-transform: translateX(0px) !important;
            transform: translateX(0px) !important;
            -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 72px;
        }

.tab-content > .tab-pane {
    visibility: hidden !important;
    position: absolute;
}

    .tab-content > .tab-pane.active {
        visibility: visible !important;
    }

.tab-rigt {
    /* display: flex; */
    /* align-content: flex-start; */
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    padding: 0;
}

.tab-pane .bd-booknow__bg {
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.tab-rigt1 .tab-pane.active .right-cntnt-01 {
    margin-left: 0px;
    opacity: 1;
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 72px;
    width: 800px;
}





.about-the-kingdom-section {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media(max-width: 1279px) {
    .about-the-kingdom-section {
        padding: 9.3rem 0 4.9rem 0
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section {
        padding: 4rem 0
    }
}

.about-the-kingdom-section h2 {
    margin-bottom: 9rem;
    color: #fff;
    position: relative;
    z-index: 1
}

@media(max-width: 1279px) {
    .about-the-kingdom-section h2 {
        margin-bottom: 7rem
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section h2 {
        margin-bottom: 1.5rem
    }
}

.about-the-kingdom-section .tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .about-the-kingdom-section .tab-wrapper .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1;
        position: relative
    }

        .about-the-kingdom-section .tab-wrapper .tabs .tab {
            font-family: "remine-fares";
            color: rgba(255,255,255,.5);
            font-size: 25px;
            line-height: 35px;
            letter-spacing: 0;
            border-radius: 54px;
            width: 24rem;
            height: 100px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
            text-transform: uppercase;
        }

@media(max-width: 1440px) {
    .about-the-kingdom-section .tab-wrapper .tabs .tab {
        width: 20rem;
        height: 6.6rem;
        font-size: 1.6rem;
        line-height: 6.2rem
    }
}

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tabs .tab {
        font-size: 1.6rem;
        line-height: 6.2rem
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section .tab-wrapper .tabs .tab {
        font-size: 1.2rem;
        line-height: 3.9rem;
        width: 9rem;
        height: 3.6rem
    }
}

.rtl .about-the-kingdom-section .tab-wrapper .tabs .tab {
    letter-spacing: unset !important
}

.about-the-kingdom-section .tab-wrapper .tabs .tab:hover {
    color: rgba(255,255,255,.7)
}

.ltr .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
    margin-right: 4rem
}

@media(max-width: 767px) {
    .ltr .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-right: 2rem
    }
}

@media(max-width: 374px) {
    .ltr .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-right: .5rem
    }
}

.rtl .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
    margin-left: 4rem
}

@media(max-width: 767px) {
    .rtl .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-left: 2rem
    }
}

@media(max-width: 374px) {
    .rtl .about-the-kingdom-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-left: .5rem
    }
}

.about-the-kingdom-section .tab-wrapper .tabs .tab.active {
    color: #fff
}

.about-the-kingdom-section .tab-wrapper .tabs .tab-bg {
    width: 24rem;
    height: 100px;
    background-color: rgba(255,255,255,.1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 54px;
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-transition: left .3s ease-out,right .3s ease-out;
    transition: left .3s ease-out,right .3s ease-out;
    left: 0;
}

@media(max-width: 1440px) {
    .about-the-kingdom-section .tab-wrapper .tabs .tab-bg {
        width: 20rem;
        height: 6.6rem
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section .tab-wrapper .tabs .tab-bg {
        width: 9rem;
        height: 3.6rem
    }
}

.ltr .about-the-kingdom-section .tab-wrapper .tabs .tab-bg {
    left: 0
}

.rtl .about-the-kingdom-section .tab-wrapper .tabs .tab-bg {
    right: 0
}

.about-the-kingdom-section .tab-wrapper .tab-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail {
        display: none;
        height: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important
    }

        .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail:first-child {
            display: block
        }

    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        min-height: 350px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 5%;
    }

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner {
        margin-top: 10%
    }
}

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 19.4rem
    }
}

.about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner picture img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
    max-width: 57.1rem;
    font-family: "remine-fares";
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 0;
    color: #fff;
    padding-top: 15px;
}

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        font-size: 3.2rem;
        line-height: 4rem;
        margin-right: 5.8rem;
        max-width: 30.1rem;
        width: 100%
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        margin-right: 0;
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}

.ltr .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
    margin-right: 16rem
}

@media(max-width: 1279px) {
    .ltr .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        margin-right: 5.8rem
    }
}

@media(max-width: 767px) {
    .ltr .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        margin-right: 0
    }
}

.rtl .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
    margin-left: 16rem;
    letter-spacing: unset !important
}

@media(max-width: 1279px) {
    .rtl .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        margin-left: 5.8rem
    }
}

@media(max-width: 767px) {
    .rtl .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner h3 {
        margin-left: 0
    }
}

.about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content {
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 5%;
}

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content {
        max-width: 27.3rem;
        width: 100%
    }
}

@media(max-width: 767px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content {
        max-width: 30.1rem;
        margin-top: 2rem
    }
}

.about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content p {
    color: #fff
}

@media(max-width: 1279px) {
}

.about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1279px) {
    .about-the-kingdom-section .tab-wrapper .tab-container .tab-detail-inner .about-the-kingdom-content a {
        font-size: 1.1rem;
        line-height: 1.5rem
    }
}





.giga-projects-section {
    overflow-x: hidden
}

    .giga-projects-section .tab-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.giga-projects-section .tab-wrapper .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 8.7rem 9.6rem 12.4rem 9.6rem;
    background-size: cover;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 62rem;
    width: 100%
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tabs {
        padding-bottom: 10.6rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs {
        padding: 6.1rem 0 2.5rem 0;
        max-width: 100%
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tabs {
        padding: 3.5rem 0 1rem 0
    }
}

.giga-projects-section .tab-wrapper .tabs h2 {
    color: #fff;
    margin-bottom: 11.1rem
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tabs h2 {
        margin-bottom: 8.9rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs h2 {
        width: 100%;
        margin-bottom: 7.1rem;
        text-align: center
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tabs h2 {
        margin-bottom: 3.4rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs .tab-inner-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-x: auto;
        padding: 0 2rem 2rem 2rem
    }
}

.giga-projects-section .tab-wrapper .tabs .tab {
    font-size: 3rem;
    line-height: 7.7rem;
    font-family: "remine-fares";
    letter-spacing: -0.14rem;
    color: rgba(255,255,255,.3);
    -webkit-transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs .tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.4rem;
        line-height: 1.15;
        letter-spacing: normal
    }

    .ltr .giga-projects-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-right: 5rem
    }

    .rtl .giga-projects-section .tab-wrapper .tabs .tab:not(:last-child) {
        margin-left: 5rem
    }

    .ltr .giga-projects-section .tab-wrapper .tabs .tab:first-child {
        margin-left: auto
    }

    .rtl .giga-projects-section .tab-wrapper .tabs .tab:first-child {
        margin-right: auto
    }

    .ltr .giga-projects-section .tab-wrapper .tabs .tab:last-child {
        margin-right: auto;
        padding-right: 2.5rem
    }

    .rtl .giga-projects-section .tab-wrapper .tabs .tab:last-child {
        margin-left: auto;
        padding-left: 2.5rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tabs .tab {
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .giga-projects-section .tab-wrapper .tabs .tab:not(:last-child) {
            margin-right: 4rem
        }

        .giga-projects-section .tab-wrapper .tabs .tab:last-child {
            padding-right: 2rem
        }
}

.rtl .giga-projects-section .tab-wrapper .tabs .tab {
    letter-spacing: unset !important
}

.giga-projects-section .tab-wrapper .tabs .tab::after {
    content: "";
    width: 7rem;
    height: .3rem;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1),transform .3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs .tab::after {
        width: 100%;
        margin-top: .7rem
    }
}

.ltr .giga-projects-section .tab-wrapper .tabs .tab::after {
    margin-left: 5rem;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

@media(max-width: 1279px) {
    .ltr .giga-projects-section .tab-wrapper .tabs .tab::after {
        margin-left: 0
    }
}

.rtl .giga-projects-section .tab-wrapper .tabs .tab::after {
    margin-right: 5rem;
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem)
}

@media(max-width: 1279px) {
    .rtl .giga-projects-section .tab-wrapper .tabs .tab::after {
        margin-right: 0
    }
}

.giga-projects-section .tab-wrapper .tabs .tab:hover {
    color: rgba(255,255,255,.7)
}

.giga-projects-section .tab-wrapper .tabs .tab.active {
    color: #fff
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs .tab.active {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
    }
}

.ltr .giga-projects-section .tab-wrapper .tabs .tab.active {
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem)
}

.rtl .giga-projects-section .tab-wrapper .tabs .tab.active {
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

.giga-projects-section .tab-wrapper .tabs .tab.active::after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.giga-projects-section .tab-wrapper .tabs .view-all-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 12.4rem
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tabs .view-all-btn-container {
        margin-top: 9.6rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tabs .view-all-btn-container {
        display: none
    }
}

.giga-projects-section .tab-wrapper .tab-container {
    width: 100%;
    position: relative
}

    .giga-projects-section .tab-wrapper .tab-container .tab-detail {
        height: 100%;
        display: block !important;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transition: opacity 1s ease-in-out,pointer-events;
        transition: opacity 1s ease-in-out,pointer-events;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        pointer-events: none
    }

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail {
        height: 76.9rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail {
        height: 48.2rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail.active-tab {
    opacity: 1;
    pointer-events: visible;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

    .giga-projects-section .tab-wrapper .tab-container .tab-detail.active-tab .project-content {
        opacity: 1
    }

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content {
    z-index: 10;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    color: #fff;
    padding: 0 10rem 7.5rem 10rem;
    pointer-events: none;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content {
        padding: 0 7.6rem 5.6rem 7.6rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content {
        padding: 0 6rem 5rem 6rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content {
        padding: 3rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content h3 {
    font-family: "remine-fares";
    font-size: 4.8rem;
    line-height: 7.7rem;
    letter-spacing: -0.14rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 1;
    text-align: start !important
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content h3 {
        font-size: 4rem;
        line-height: 6.4rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content h3 {
        font-size: 3.2rem;
        line-height: 7.7rem;
        margin-bottom: 2.6rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content h3 {
        margin-bottom: 2rem;
        margin-left: 0;
        font-size: 2.4rem;
        line-height: 1
    }
}

.rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content h3 {
    letter-spacing: unset !important
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content p {
    color: rgba(255,255,255,.7);
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-family: "remine-fares";
    margin-bottom: 2.3rem;
    max-width: 65.4rem;
    position: relative;
    z-index: 1
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content p {
        font-size: 1.3rem;
        line-height: 1.9rem;
        margin-bottom: 2rem;
        max-width: 47.3rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content p {
        margin-bottom: 1rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content a {
    margin-top: 3.1rem;
    position: relative;
    z-index: 1;
    pointer-events: all
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content a {
        margin-top: 1.7rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content a {
        margin-top: 0
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-content a strong {
    margin-bottom: 0;
    color: #fff
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider {
    position: absolute;
    top: 0;
    left: -0.1rem;
    width: calc(100% + .1rem);
    height: 100%;
    z-index: 0
}

    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .project-background {
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important
    }

    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-stage-outer {
        height: 100%
    }

        .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-stage-outer .owl-stage {
            height: 100%
        }

            .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-stage-outer .owl-stage .owl-item {
                height: 100%
            }

    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        position: absolute;
        z-index: 2
    }

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        display: none
    }
}

.ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
    right: 10rem;
    bottom: 10rem
}

@media(max-width: 1440px) {
    .ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        right: 8rem;
        bottom: 8rem
    }
}

@media(max-width: 1279px) {
    .ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        right: 5rem;
        bottom: 7rem
    }
}

.rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
    left: 10rem;
    bottom: 10rem
}

@media(max-width: 1440px) {
    .rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        left: 8rem;
        bottom: 8rem
    }
}

@media(max-width: 1279px) {
    .rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots {
        left: 5rem;
        bottom: 7rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot:not(:last-child) span {
    margin-right: 1.4rem
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot:not(:last-child) span {
        margin-right: 1.1rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot.active span {
    background-color: #fff;
    width: 4.3rem
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot.active span {
        width: 3.6rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot span {
    width: .8rem;
    height: .4rem;
    background-color: rgba(255,255,255,.2);
    -webkit-transition: width .3s cubic-bezier(0.165, 0.84, 0.44, 1),background-color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width .3s cubic-bezier(0.165, 0.84, 0.44, 1),background-color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 3px
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-background-slider .owl-dots .owl-dot span {
        width: .7rem
    }
}

.giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
    position: absolute;
    top: 8.7rem;
    z-index: 1
}

@media(max-width: 1440px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        width: 15rem;
        top: 5rem;
        right: 5rem
    }
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        top: 3.5rem;
        right: 3.5rem
    }
}

@media(max-width: 767px) {
    .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        width: 10.5rem
    }
}

.ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
    right: 10rem
}

@media(max-width: 1440px) {
    .ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        right: 5rem
    }
}

@media(max-width: 1279px) {
    .ltr .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        right: 3.5rem
    }
}

.rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
    left: 10rem
}

@media(max-width: 1440px) {
    .rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        left: 5rem
    }
}

@media(max-width: 1279px) {
    .rtl .giga-projects-section .tab-wrapper .tab-container .tab-detail .project-logo {
        left: 3.5rem
    }
}

.giga-projects-section .tab-wrapper .view-all-btn {
    font-family: "remine-fares";
    font-size: 1.1rem;
    color: #fff;
    padding-bottom: .8rem;
    border-bottom: .1rem solid #fff;
    letter-spacing: .07rem
}

.rtl .giga-projects-section .tab-wrapper .view-all-btn {
    letter-spacing: unset !important
}

.giga-projects-section .tab-wrapper .view-all-btn-mobile-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 8rem;
    display: none
}

@media(max-width: 1279px) {
    .giga-projects-section .tab-wrapper .view-all-btn-mobile-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.b-heroStickyHeader__headingWrapper:before {
    content: '';
    width: 100%;
    height: 0.5px;
    background: #ffffffb9;
    display: block;
    bottom: -95px;
    position: relative;
}

.bd-booking__form.p-relative {
    margin: 0 20px 20px;
}

.bd-testimonial-2__bg::before {
    background: #ffffff;
    opacity: 0.9;
}

.bd-breadcrumb__list span {
    color: #fff !important;
}

.bg_image_style {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.project_slider_area .bd-testimonial-2 .bd-testimonial-2__content p {
    display: flex;
    align-items: flex-start;
}

    .project_slider_area .bd-testimonial-2 .bd-testimonial-2__content p > i {
        margin-right: 15px;
        padding: 5px 0px;
        font-weight: bold;
        font-size: 20px;
    }


.journey_swiper_container .swiper-pagination {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

    .journey_swiper_container .swiper-pagination:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        border-bottom: 1px dashed #424242;
        bottom: -5px;
    }

.journey_swiper_container .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    color: #b7b7b7;
    opacity: 1;
    position: relative;
    margin: 0 auto;
    transition: all .3s ease-in-out;
}

    .journey_swiper_container .swiper-pagination-bullet.swiper-pagination-bullet-active {
        color: #fff;
    }

    .journey_swiper_container .swiper-pagination-bullet:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background: #fff;
        bottom: -8px;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .journey_swiper_container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
        width: 15px;
        height: 15px;
        bottom: -12px;
    }

.journey_swiper_container .swiper-button-prev,
.journey_swiper_container .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 46px;
    line-height: 46px;
    border-radius: 50px;
    background: #fff;
}

.journey_swiper_container .swiper-slide {
    filter: blur(1px);
}

.journey_swiper_container .swiper-slide-active {
    filter: blur(0);
}

.journey_swiper_container .swiper-slide p {
    display: none;
}

.journey_swiper_container .swiper-slide-active p {
    display: block;
}

.news_area .news_box {
    text-align: center;
}

    .news_area .news_box .bd-event-content.static {
        min-height: 250px;
    }

        .news_area .news_box .bd-event-content.static h3 {
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
        }

.award_area .award_box .bd-service__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #164a72;
    transition: all .3s ease-in-out;
}

    /*.award_area .award_box:hover .bd-service__content {
    opacity: 1;
    visibility: visible;
}*/
    .award_area .award_box .bd-service__content .bd-service__title {
        position: relative;
        top: unset;
        inset-inline-start: unset;
        text-align: center;
        padding: 0 15px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        color: #fff;
    }

        .award_area .award_box .bd-service__content .bd-service__title a:hover {
            color: #ffffff;
            letter-spacing: unset;
        }

    .award_area .award_box .bd-service__content .bd-service__price {
        position: relative;
        bottom: unset;
        inset-inline-start: unset;
        text-align: center;
        color: #fff;
    }

/*#counter p {
    text-transform: capitalize;
}*/

.iframe_style iframe {
    position: relative;
    width: 100%;
    height: 60vh;
}

.blog_section .bd-event-content.static h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.channel_content {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 9;
}

.our_director .dir_box {
    position: relative;
    border: 1px solid #dfdfdf;
    min-height: 955px;
    background: #fff;
}

    .our_director .dir_box:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 80%;
        margin: auto;
        border: 1px solid #164a72;
        transition: all 0.30s ease-in-out;
    }

    .our_director .dir_box:hover:before {
        width: 100%;
    }

    .our_director .dir_box .bd-section__title {
        font-size: 28px;
    }

section.in-top-banr .bd-booknow__bg {
    background-attachment: fixed;
}

section.in-top-banr.brdcrmb_banr {
    /* height: auto; */
    min-height: 700px;
    height: calc(100vh - 77px);
}

    section.in-top-banr.brdcrmb_banr .bd-booknow__bg {
        background-attachment: unset;
    }

.footer_area {
    position: relative;
    background-image: url(../img/NoteFromMD.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .footer_area > * {
        position: relative;
        z-index: 1;
    }

    .footer_area:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #e8f5ff;
        opacity: 0.9;
    }


.bd_roomview_slider_wrap .bd-roomview__bg-2 {
    background-attachment: fixed !important;
}

    .bd_roomview_slider_wrap .bd-roomview__bg-2:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #164a72;
        opacity: 0.6;
    }

.bd_roomview_slider_wrap .bd-roomview__price {
    height: 80px;
    width: 80px;
}

    .bd_roomview_slider_wrap .bd-roomview__price p {
        font-size: 18px;
    }

        .bd_roomview_slider_wrap .bd-roomview__price p span {
            font-size: 18px;
        }

.bd_roomview_slider_wrap h4 {
    font-size: 24px;
}

/*footer-bottom cta fixed*/
.floating-icons-mob {
    overflow: auto;
    position: sticky;
    bottom: 5%;
    display: none;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 99;
    background-color: #ffff;
    -webkit-box-shadow: 0 -3px 14px rgb(0 0 0 / 6%);
    box-shadow: 0 -3px 14px rgb(0 0 0 / 6%);
}

    .floating-icons-mob ul {
        margin-bottom: 0;
        text-align: center;
    }

        .floating-icons-mob ul li {
            display: inline-block;
            padding: 14px 5px 5px;
            width: calc(100%/3 - 5px);
            position: relative;
        }

            .floating-icons-mob ul li:after {
                content: "";
                width: 1px;
                height: 27px;
                background-color: #707070;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
            }

            .floating-icons-mob ul li:last-child:after {
                width: 0px !important;
            }

            .floating-icons-mob ul li span {
                display: block;
                font-size: 10px;
                text-transform: uppercase;
                color: #000;
                margin-top: 0;
            }

.bottom-footer-cta.floating-icons-mob li {
    margin: 0;
}

.floating-icons-mob.active {
    display: block;
}

.floating-icons-mob.hidden {
    -webkit-box-shadow: 0 -3px 14px rgba(0,0,0,.16);
    box-shadow: 0 -3px 14px rgba(0,0,0,.16);
}

.cstm-inner-testimonials .amenities__img a.popup-video:after {
    font-family: 'FontAwesome';
    content: "\f04b";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding-left: 17px;
    padding-top: 9px;
}

element.style {
}

.cstm-nws-sl h4.pre-blog-news {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 20px;
    opacity: 1;
    transition: all 0.3s;
    text-transform: uppercase;
}

.cstm-nws-sl .amenities__box:hover h4.pre-blog-news {
    opacity: 0;
    bottom: 20%;
}

.cstm-nws-sl .amenities__img a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #051623bf 100%);
    height: 28%;
    width: 100%;
    margin-bottom: 8px;
}


.cstm-nws-sl .amenities__desc {
    position: absolute;
    bottom: 0;
    padding: 20px 20px 25px;
    background: #ffffff00;
    margin: 0;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    width: 100%;
}

.cstm-nws-sl .amenities__box:hover .amenities__desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    background: #ffffff00;
}

.cstm-nws-sl .amenities__desc-innr {
    background: #ffffffdb;
    padding: 15px 20px;
}

.bd-feature__list-item.ryl-up-down-anim img {
    border: 2px solid #164a72d4;
    border-radius: 50%;
    margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
    .timeline_block ul li div {
        width: 250px;
    }

    .timeline_block ul li:nth-child(even) div {
        left: -289px;
    }
}

@media screen and (max-width: 600px) {
    .timeline_block ul li {
        margin-left: 20px;
    }

        .timeline_block ul li div {
            width: calc(100vw - 91px);
        }

        .timeline_block ul li:nth-child(even) div {
            left: 45px;
        }

            .timeline_block ul li:nth-child(even) div::before {
                left: -15px;
                border-width: 8px 16px 8px 0;
                border-color: transparent #164a72 transparent transparent;
            }
}

@media screen and (max-width: 1750px) {
    #counter h3 {
        font-size: 32px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1750px) {
    .o-blind__title {
        top: 30% !important;
    }
}

@media screen and (max-width: 1365px) {
    #counter h3 {
        font-size: 24px;
    }

    h4 {
        font-size: var(--bd-fz-h4);
        line-height: 30px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .o-blind__title {
        top: 20% !important;
    }
}

@media screen and (max-width: 1199px) {
    body {
        font-size: 14px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    .bd-booking__input-single {
        width: auto;
    }

    .cstm-top-header li a {
        font-size: 14px;
    }

    .bd-service__title {
        font-size: 18px;
    }

    .bd-footer-newsletter__input button {
        position: absolute;
        border: none;
    }

    .bd-section__title-wrapper h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .bd-service__pagination-wrap h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    #counter h3 {
        font-size: 20px;
    }

    .brdcrmb {
        height: auto !important;
        min-height: 450px !important;
    }

    section.in-top-banr .bd-hero__title {
        font-size: 52px;
    }

    .our_director .dir_box {
        min-height: 816px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .bd-booking__input-single {
        width: auto;
    }

    .cstm-top-header li a {
        font-size: 13px;
    }

    .bd-service__title {
        font-size: 18px;
    }

    .bd-footer-newsletter__input button {
        position: absolute;
        border: none;
    }

    .bd-section__title-wrapper h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .bd-service__pagination-wrap h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .brdcrmb {
        height: auto !important;
        min-height: 400px !important;
    }

    section.in-top-banr .bd-hero__title {
        font-size: 48px;
    }
}

@media screen and (max-width: 991px) {
    body {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .bd-booking__form-wrap {
        padding-bottom: 0;
    }

    .bd-booking__form {
        margin: auto !important;
        padding: 10px 0;
    }

        .bd-booking__form form {
            display: block;
        }

            .bd-booking__form form .bd-booking__input-wrap {
                width: auto;
                display: block;
            }

                .bd-booking__form form .bd-booking__input-wrap .cstm-rit-brdr {
                    float: left;
                    width: 50%;
                    margin-bottom: 15px;
                }

    .button-1 {
        height: 40px;
        line-height: 40px;
    }

        .button-1:before {
            width: 40px;
            height: 40px;
        }

        .button-1:after {
            width: 40px;
            height: 40px;
            font-size: 15px;
        }

        .button-1 span {
            font-size: 12px;
        }

    .bd-booking__input-single {
        width: auto;
    }

    .cstm-top-header li a {
        font-size: 13px;
    }

    .bd-service__title {
        font-size: 18px;
    }

    .bd-footer-newsletter__input button {
        position: absolute;
        border: none;
    }

    .bd-section__title-wrapper h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .bd-service__pagination-wrap h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .brdcrmb {
        height: auto !important;
        min-height: 350px !important;
    }

    .cstm-ldrsip-sec .cstm-mdle-header {
        width: 45% !important;
    }

    section.in-top-banr .bd-hero__title {
        font-size: 42px;
    }

    .channel_content {
        left: 0;
        right: 0;
    }

        .channel_content h1 {
            font-size: 60px;
            text-align: center;
            margin: auto;
        }

    footer h4 {
        margin-bottom: 15px;
    }

    footer ul li {
        margin-bottom: 0px;
    }


    .bd_testimonial_btn {
        padding: 0 15px 15px;
        text-align: center;
    }

    .our_director .dir_box {
        min-height: 667px;
    }

        .our_director .dir_box .bd-section__title {
            font-size: 24px;
        }

    .cstm-inner-testimonials .amenities__img a.popup-video:after {
        top: 30% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .o-blind__title {
        top: 20% !important;
    }
}


@media screen and (max-width: 767px) {
    body {
        font-size: 13px;
    }
    .bd-hero-wrap-2 {
        height: auto;
        
    }
    p {
        font-size: 13px;
    }

    .bd-booking__form-wrap {
        padding-bottom: 0;
    }

        .bd-booking__form-wrap .mob-filter-trigger {
            font-size: 20px;
        }

    .bd-booking__form {
        margin: auto !important;
        padding: 10px 0;
    }

        .bd-booking__form form {
            display: block;
        }

            .bd-booking__form form .bd-booking__input-wrap {
                width: auto;
                display: block;
            }

                .bd-booking__form form .bd-booking__input-wrap .cstm-rit-brdr {
                    float: left;
                    width: 50%;
                    margin-bottom: 15px;
                }

    .button-1 {
        height: 40px;
        line-height: 40px;
    }

        .button-1:before {
            width: 40px;
            height: 40px;
        }

        .button-1:after {
            width: 40px;
            height: 40px;
            font-size: 15px;
        }

        .button-1 span {
            font-size: 12px;
        }

    .bd-booking__input-single {
        width: auto;
    }

    .cstm-top-header li a {
        font-size: 12px;
    }

    .b-blinds .b-blinds__item .o-blind__contentWrapper {
        display: none;
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
        display: block;
    }

    .o-blind__description.-small h4 {
        color: #164a72 !important;
    }

    .o-blind__description.-small p {
        color: #424242 !important;
    }

    .bd-service__title {
        font-size: 16px;
    }

    .bd-footer-newsletter__input button {
        position: absolute;
        border: none;
    }

    .bd-section__title-wrapper h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .bd-service__pagination-wrap h3 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .bottom-footer .row div {
        text-align: center !important;
    }

    .brdcrmb {
        height: auto !important;
        min-height: 300px !important;
    }

    .generation_area .largeQuote__inner {
        padding: unset;
    }

        .generation_area .largeQuote__inner .largeQuote__box {
            padding: 0 15px 15px;
        }

    .cstm-nxt-gen-sec.generation_area .largeQuote__avatar {
        margin: auto !important;
    }

    .cstm-ldrsip-sec .cstm-mdle-header {
        width: auto !important;
    }

    .prjct-detil-r {
        margin-bottom: 30px;
    }

        .prjct-detil-r img {
            position: relative !important;
            margin: 15px auto !important;
            top: 0 !important;
            transform: unset !important;
            left: 0 !important;
        }

    section.in-top-banr .bd-hero__title {
        font-size: 26px;
    }

    .channel_content {
        left: 0;
        right: 0;
    }

        .channel_content h1 {
            font-size: 40px;
            text-align: center;
            margin: auto;
        }

    .bd-roomview__slider-wrap {
        min-height: 600px;
    }

    .bd_roomview_slider_wrap h4 {
        font-size: 16px;
    }

    .our_director .dir_box {
        min-height: auto;
    }

    .bd-header.transparent-header {
        position: relative;
        background: #164a72;
    }
    .bd-section__title {
        font-size: 20px;
    }
    section.in-top-banr .bd-booknow__bg {
        background-attachment: inherit;
    }
}

@media screen and (max-width: 480px) {
    .our_director .dir_box .bd-section__title {
        font-size: 22px;
    }

    .cstm-ldrsip-sec .cstm-mdle-header {
        padding: 20px !important;
    }
    .brdcrmb {
        height: auto !important;
        min-height: 230px !important;
    }
    .bd-hero-wrap-2 {
        min-height: 280px;
    }
}

ul.social-media-links li {
    float: left;
}

.text-center .bd-section__subtitle:after {
    display: none;
}

.bd-event-content.static span.bd-event-date {
    padding-bottom: 20px;
}

.bd-footer-contact-wrapper .bd-footer-widget-title img {
    max-width: 250px;
}

.bottom-footer ul li a .fa-brands {
    font-size: 20px;
    padding-top: 10px;
}

.overflow-wrapper {
    position: absolute;
    width: calc(100vh * (16 / 9));
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* MEDIA QUERY
  When viewport is wider than the video's aspect ratio fit.
 */
@media (min-aspect-ratio: 16/9) {
    .overflow-wrapper {
        width: 100vw;
        height: calc(187% * (9 / 16));
    }
}

li.conectLikto {
    display: none !important;
}