/*--------------------------------------------------------------

This is main CSS file that contains custom style rules used in this template

--------------------------------------------------------------*/

/*------------------------------------*\

Table of contents

\*------------------------------------*/

/*------------------------------------------------

CSS STRUCTURE:

1. VARIABLES

2. GENERAL TYPOGRAPHY

2.1 General Styles

2.2 Background Color

2.3 Section

- Section Paddings

- Section Margins

- Section Title

- Content width

2.4 Buttons

- Primary Buttons

- Outline Buttons

3. CONTENT ELEMENTS

- Dropdown

- Form

- Svg Color

- Swiper

- Modal

4. SITE STRUCTURE

4.1 Header

4.2 Slider Section

4.3 About Section

4.4 Services Section

4.5 Projects Section

5. PAGES STYLE

5.1 About page

5.2 Blog page

5.3 Pricing page

5.4 reviews page

5.5 faqs page



/*--------------------------------------------------------------

/** 1. VARIABLES

--------------------------------------------------------------*/

:root {

    --primary-color: #5b7199;

    --secondary-color: #f69b75;

    --black-color: #464342;

    --light-black-color: #444444;

    --dark-color: #313131;

    --body-color: #464342;

    --gray-color: #777F81;

    --light-color: #f8f8f8;

    /* Bootstrap Theme Color  */

    --bs-gray-100: #F6F6F6;

    --bs-gray-300: #DCDCDC;

    --bs-light-rgb: rgba(255, 255, 255, 1);

    --bs-dark-rgb: 41, 41, 41;

    --bs-primary-rgb: 91, 113, 153;

}



/* Fonts */

:root {

    --heading-font: "Roboto", sans-serif;

    --body-font: "Jost", sans-serif;

}



/*----------------------------------------------*/

/* 2 GENERAL TYPOGRAPHY

/*----------------------------------------------*/

/* 2.1 General Styles

/*----------------------------------------------*/

*,

*::before,

*::after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    box-sizing: border-box;

}



body {

    background: #EFE5E1;

    background: linear-gradient(180deg, rgba(239, 229, 225, 1) 0%, rgba(226, 189, 174, 1) 50%, rgba(246, 155, 117, 1) 100%);

    /*background-image: url(images/bg.jpg);

background-repeat: no-repeat;

background-attachment: fixed;*/

    font-family: var(--body-font);

    font-size: 19px;

    font-weight: 400;

    line-height: 164%;

    letter-spacing: 0.32px;

    color: var(--body-color);

    margin: 0;

}



a {

    color: inherit;

    text-decoration: none;

    transition: 0.3s ease-in-out;

}



a:hover {

    color: var(--primary-color);

}



.text-light {

    color: var(--light-color) !important;

}



.text-primary {

    color: var(--primary-color) !important;

}



.text-black {

    color: var(--black-color) !important;

}



/* 2.2 Background Color

/*----------------------------------------------*/

.bg-light {

    background-color: var(--light-color) !important;

}



.bg-primary {

    background-color: var(--primary-color) !important;

}



.bg-secondary {

    background-color: var(--secondary-color) !important;

}



.bg-gray {

    background-color: var(--bs-gray-100) !important;

}



/*--------------------------------------------------------------

/** 2.3 Section

--------------------------------------------------------------*/

/* - Section Padding

--------------------------------------------------------------*/

.padding-small {

    padding-top: 3em;

    padding-bottom: 3em;

}



.padding-medium {

    padding-top: 5em;

    padding-bottom: 5em;

}



.padding-large {

    padding-top: 10em;

    padding-bottom: 10em;

}



@media (max-width: 999px) {

    .padding-medium {

        padding-top: 6em;

        padding-bottom: 6em;

    }

}



.ftb-widget .ftb-bookingWidget__dateSearch__title {

    color: #333;

    font-size: 18px!important;

    font-weight: bold;

    line-height: 28px!important;

    margin-bottom: 5px!important;

    text-align: left;

}



.ftb-widget .ftb-bookingWidget__dateSearchButton {

    width: 100%;

    height: 40px;

    padding: 0px 5px 0px 10px;

    line-height: 20px;

    font-size: 16px!important;

    color: #333;

    box-sizing: border-box;

    cursor: pointer;

    border: none;

    margin: 0;

}


.ftb-widget .ftb-bookingWidget__inner {
    font-family: sans-serif;
    padding: 10px;
    background-color: #8298a9;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    border-radius: 9px;



  }  



.ftb-widget .ftb-bookingWidget__checkAvailability {

    color: #000;

    text-decoration: none;

    font-weight: bold;

    text-align: center;

    font-size: 18px!important;

    box-sizing: border-box;

    width: 221px;

    height: 40px;

    border: 3px #fff double;

    background-color: #ffdc01;

    padding: 6px 0;

    cursor: pointer;

    box-shadow: none;

    line-height: normal;

    margin: 0;

}



/* - Section Margin

--------------------------------------------------------------*/

.margin-small {

    margin-top: 3em;

    margin-bottom: 3em;

}



.margin-medium {

    margin-top: 8em;

    margin-bottom: 8em;

}



.margin-large {

    margin-top: 12em;

    margin-bottom: 12em;

}



/* - Section Title

--------------------------------------------------------------*/

h1,

h2,

h3,

h4,

h5 {

    color: var(--black-color);

    font-family: var(--heading-font);

    text-transform: capitalize;

    font-weight: 400;

    /*letter-spacing: 0.08em;*/

}



h6 {

    color: var(--light-black-color);

    font-family: var(--body-font);

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

}



/* - Content width

--------------------------------------------------------------*/

.container-xxl {

    max-width: 1750px;

}



/* Animation */

@media (min-width: 200px) {

    .animate {

        animation-duration: 0.3s;

        -webkit-animation-duration: 0.3s;

        animation-fill-mode: both;

        -webkit-animation-fill-mode: both;

    }

}



/* Animate Slide */

@keyframes slide {

    0% {

        transform: translateY(1rem);

        opacity: 0;

    }



    100% {

        transform: translateY(0rem);

        opacity: 1;

    }



    0% {

        transform: translateY(1rem);

        opacity: 0;

    }

}



@-webkit-keyframes slide {

    0% {

        -webkit-transform: transform;

        -webkit-opacity: 0;

    }



    100% {

        -webkit-transform: translateY(0);

        -webkit-opacity: 1;

    }



    0% {

        -webkit-transform: translateY(1rem);

        -webkit-opacity: 0;

    }

}



.slide {

    -webkit-animation-name: slide;

    animation-name: slide;

}



/*--------------------------------------------------------------

/** 2.4 Buttons

--------------------------------------------------------------*/

.btn {

    --bs-btn-padding-x: 2rem;

    --bs-btn-padding-y: 1rem;

    --bs-btn-font-size: 1rem;

    --bs-btn-font-weight: 400;

    text-transform: uppercase;

    border-radius: 60px;

    letter-spacing: 0.1rem;

    transition: all 0.4s ease-in-out;

}



.btn-primary {

    color: #fff !important;

    box-shadow: 0 3px 3px 0px rgba(58, 58, 58, 0.24);

    --bs-btn-color: #fff;

    --bs-btn-bg: var(--primary-color);

    --bs-btn-border-color: var(--primary-color);

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #f3960a;

    --bs-btn-hover-border-color: #f3960a;

    --bs-btn-focus-shadow-rgb: 49, 132, 253;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #f3960a;

    --bs-btn-active-border-color: #f3960a;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;

    --bs-btn-disabled-bg: #f3960a;

    --bs-btn-disabled-border-color: #f3960a;

}



.btn-secondary {

    color: #fff !important;

    box-shadow: 0 3px 3px 0px rgba(58, 58, 58, 0.24);

    --bs-btn-color: #fff;

    --bs-btn-bg: #999EA4;

    --bs-btn-border-color: #999EA4;

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #818991;

    --bs-btn-hover-border-color: #818991;

    --bs-btn-focus-shadow-rgb: 130, 138, 145;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #818991;

    --bs-btn-active-border-color: #818991;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;

    --bs-btn-disabled-bg: #999EA4;

    --bs-btn-disabled-border-color: #999EA4;

}



.btn-light {

    --bs-btn-color: #000;

    --bs-btn-bg: #f8f9fa;

    --bs-btn-border-color: #f8f9fa;

    --bs-btn-hover-color: #000;

    --bs-btn-hover-bg: #ebebeb;

    --bs-btn-hover-border-color: #ebebeb;

    --bs-btn-focus-shadow-rgb: 211, 212, 213;

    --bs-btn-active-color: #000;

    --bs-btn-active-bg: #ebebeb;

    --bs-btn-active-border-color: #ebebeb;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #000;

    --bs-btn-disabled-bg: #f8f9fa;

    --bs-btn-disabled-border-color: #f8f9fa;

}



/*--------------------------------------------------------------

/** 3.CONTENT ELEMENTS

--------------------------------------------------------------*/

/* Dropdown

------------------------------------------------------------- */

.dropdown-item {

    color: var(--dark-color);

}



.dropdown-item.active,

.dropdown-item:hover,

.dropdown-item:active {

    color: var(--dark-color);

    background-color: var(--bs-gray-300);

}



/* Breadcrumb

------------------------------------------------------------- */

.breadcrumb-item+.breadcrumb-item::before {

    color: var(--bs-light);

    position: relative;

}



/* Pagination

------------------------------------------------------------- */

.pagination {

    --bs-pagination-color: var(--black-color);

    --bs-pagination-hover-color: #fff;

    --bs-pagination-hover-bg: var(--primary-color);

    --bs-pagination-hover-border-color: var(--primary-color);

    --bs-pagination-focus-color: #fff;

    --bs-pagination-focus-bg: var(--primary-color);

    --bs-pagination-focus-box-shadow: none;

    --bs-pagination-active-bg: var(--primary-color);

    --bs-pagination-active-border-color: var(--primary-color);

}



/* Accordion

------------------------------------------------------------- */

.accordion {

    --bs-accordion-btn-icon: url('https://api.iconify.design/ion/caret-down.svg?color=%343536&width=30');

    --bs-accordion-btn-active-icon: url('https://api.iconify.design/ion/caret-down.svg?color=%343536&width=30');

    --bs-accordion-border-radius: 0px;

}



.accordion-item {

    box-shadow: 1px 3px 3px 1px rgba(121, 121, 121, 0.096);

    border: none;

}



.accordion-button:focus {

    box-shadow: none;

}



.accordion-button:not(.collapsed) {

    background-color: transparent;

    box-shadow: none;

}



/* Form

------------------------------------------------------------- */

.form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

    box-shadow: none;

}



.form-check-input:focus {

    border-color: var(--primary-color);

    outline: 0;

    box-shadow: none;

}



.form-control {

    box-shadow: 1px 3px 3px 1px rgba(121, 121, 121, 0.096);

}



.form-control:focus,

.form-select:focus {

    border-color: var(--dark-color);

    outline: 0;

    box-shadow: 1px 3px 3px 1px rgba(121, 121, 121, 0.096);

}



input,

select,

textarea {

    border-color: var(--dark-color);

    outline: 0;

    box-shadow: none;

}



select:focus {

    box-shadow: none;

}



/* Svg Color

------------------------------------------------------------- */

svg.light-color {

    color: var(--light-color);

}



svg.dark-color {

    color: var(--dark-color);

}



svg.primary-color {

    color: var(--primary-color);

}



svg.primary-color {

    color: var(--primary-color);

}



svg.primary-color-500 {

    color: var(--bs-primary-rgb);

}



/* Swiper

------------------------------------------------------------- */

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 8px;

}



.slider-pagination .swiper-pagination-bullet {

    width: 15px;

    height: 15px;

    background: #FFFFFF;

}



.slider-pagination .swiper-pagination-bullet-active {

    background: var(--primary-color);

}



.main-slider-button-next.swiper-button-disabled,

.main-slider-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none;

}



/* modal video override

------------------------------------------------------------- */

.modal-dialog {

    max-width: 800px;

    margin: auto;

    height: 100vh;

    display: flex;

    align-items: center;

}



.modal-content {

    padding: 0;

    background-color: #f5f3ef;

    border: none;

    border-radius: 0

}



/*----------------------------------------------*/

/* 4 SITE STRUCTURE */

/*----------------------------------------------*/

.main-body {

    margin-top: -30px;

}



@media (max-width: 999px) {

    .main-body {

        margin-top: 0px;

    }

}



/* 4.1 Header

/*----------------------------------------------*/

li.nav-item {

    padding: 0px 23px;

}



a.nav-link {

    font-size: 19px;

    color: var(--light-black-color);

}



a.nav-link:focus {

    color: var(--light-black-color);

}



a.nav-link.active,

a.nav-link:hover {

    color: var(--primary-color) !important;

    outline: none;

}



#primary-header .dropdown .search::after {

    content: none;

}



#primary-header .search-dropdown .dropdown-menu {

    width: 260px;

}



#primary-header .search-dropdown .dropdown-menu input {

    min-width: 100%;

}



#primary-header .search-dropdown .dropdown-menu button {

    padding: 0 12px;

    min-height: -webkit-fill-available;

    border-radius: 0.25rem;

}



@media (max-width: 999px) {

    a.nav-link {

        font-size: 25px;

        padding: 8px 0 8px 0 !important;

    }



    li.nav-item {

        border: 0px !important;

    }

}



@media (max-width: 1399px) {

    li.nav-item {

        padding: 0px 22px;

    }

}



/* 4.3 Banner Section

/*----------------------------------------------*/

.banner-topic,

.banner-title {

    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.60);

}



/* 4.3 About Section

/*----------------------------------------------*/

svg.play-icon {

    animation: play 1.5s alternate infinite ease-in;

}



@keyframes play {

    0% {

        transform: scale(.8);

    }



    100% {

        transform: scale(1.1);

    }

}



/* 4.4 Services Section

/*----------------------------------------------*/

.service-post {

    cursor: pointer;

    border: 1px solid #e0dfdb;

    transition: all 0.5s ease-in-out;

}



.service-post:hover {

    border: 1px solid var(--primary-color);

}



/* 4.5 Projects Section

/*----------------------------------------------*/

.project-content .project-img {

    width: 100%;

    transition: all 0.5s ease-in-out;

}



.project-content:hover .project-img {

    opacity: 0.3;

}



.project-description {

    opacity: 0;

    transition: all 0.5s ease-in-out;

}



.project-content:hover .project-description {

    opacity: 1;

}



/*----------------------------------------------*/

/* 5 PAGES STYLE */

/*----------------------------------------------*/

/*--------------------------------------------------------------

5.1 Project page

--------------------------------------------------------------*/

button.filter-button {

    border: 0;

    border-radius: 20px;

    background: transparent;

    text-transform: uppercase;

    color: var(--black-color);

    transition: all 0.3s ease-in-out;

}



button.filter-button.active,

button.filter-button:hover {

    color: var(--bs-light);

    background: var(--primary-color);

}



/*--------------------------------------------------------------

5.3 Pricing page

--------------------------------------------------------------*/

.plan-post {

    border: 1px solid var(--primary-color);

}



span.price-tick {

    color: var(--primary-color);

}



.price-option {

    height: 320px;

}



/*--------------------------------------------------------------

5.4 reviews page

--------------------------------------------------------------*/

.reviews-components {

    box-shadow: 0px 12px 90px rgba(12, 12, 12, 0.06);

}



iconify-icon.quote {

    font-size: 60px;

    color: var(--primary-color);

}



.rate {

    color: var(--primary-color);

}



.ftr-logo {

    max-width: 216px;

    height: auto;

}



.main-body a {

    color: var(--primary-color);

}



.main-body a:focus,

.main-body a:hover {

    color: var(--primary-color);

}



.main-body ul {

    margin-bottom: 20px;

}



.main-body .note {

    font-style: italic;

}



.main-body .section {

    margin-bottom: 25px;

}



.bg-primary a:focus,

.bg-primary a:hover {

    color: #f69b75;

}



.reviews {

    color: #fff;

    max-width: 100%;

    margin: auto;

}



.review {

    background: var(--primary-color);

    padding: 15px;

    margin-bottom: 15px;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}



.review p {

    margin: 0 0 10px;

}



.review .author {

    font-weight: bold;

    text-align: right;

    color: var(--secondary-color);

}



.attractions {

    max-width: 100%;

    margin: 40px auto;

    padding: 20px;

}



.attractions h2 {

    text-align: center;

    margin-bottom: 30px;

}



.list {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.list-item {

    background: var(--primary-color);

    padding: 20px;

    border-radius: 6px;

    transition: 0.3s;

}



.list-item:hover {

    transform: translateY(-3px);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.list-item h3 {

    margin: 0 0 10px;

    color: #fff;

}



.list-item p {

    margin: 0 0 10px;

    color: #fff;

}



.roomsSwiper .card-item {

    height: 100%;

    display: flex;

    flex-direction: column;

}



.roomsSwiper .card-body {

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    text-align: center;

}



.roomsSwiper .card-body .btn {

    margin: auto;

    align-self: flex-start;

}

.roomsSwiper .swiper-slide {

    height: auto;

    display: flex;

}



.roomsSwiper .swiper-slide .card-item {

    width: 100%;

}



.roomsSwiper .swiper-pagination{

    position: relative;

    margin-top: 30px;

}



.roomsSwiper .swiper-pagination-bullet-active{

    background: #f69b75!important;

}



@media only screen and (max-width:1439.988px) {

    .navbar-nav .nav-link {

        font-size: 16px;

    }

}



@media only screen and (min-width:1200px) {



    .hamburger,

    .kebab-toggler,

    #navigation .submenu-button {

        display: none

    }



    .dropdown:hover>.dropdown-menu {

        display: block;

    }

}



@media only screen and (max-width:1199.98px) {

    #header-nav .container {

        position: relative;

    }



    #header-nav .navbar-brand {

        padding: 10px 0 !important;

    }



    #header-nav .navbar-brand {

        width: 200px;

    }



    #billboard {

        padding-top: 120px;

    }



    .navbar>.container {

        justify-content: space-between;

    }



    .hamburger {

        padding: 10px 15px;

        display: inline-block;

        cursor: pointer;

        transition-property: opacity, filter;

        transition-duration: .15s;

        transition-timing-function: linear;

        font: inherit;

        color: inherit;

        text-transform: none;

        background-color: transparent;

        border: 0;

        margin: 0;

        overflow: visible;

        position: absolute;

        top: 35px;

        right: 30px;

        z-index: 9999;

    }



    .hamburger-box {

        width: 32px;

        height: 21px;

        display: inline-block;

        position: relative

    }



    .hamburger-inner {

        display: block;

        top: 50%;

        margin-top: -1.5px

    }



    .hamburger-inner,

    .hamburger-inner::after,

    .hamburger-inner::before {

        width: 32px;

        height: 3px;

        background-color: #464342;

        border-radius: 4px;

        position: absolute;

        transition-property: transform;

        transition-duration: .15s;

        transition-timing-function: ease

    }



    .hamburger-inner::after,

    .hamburger-inner::before {

        content: "";

        display: block

    }



    .hamburger-inner::before {

        top: -9px

    }



    .hamburger-inner::after {

        bottom: -9px

    }



    .hamburger--collapse .hamburger-inner {

        top: auto;

        bottom: 0;

        transition-duration: .13s;

        transition-delay: .13s;

        transition-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    .hamburger--collapse .hamburger-inner::after {

        top: -18px;

        transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear

    }



    .hamburger--collapse .hamburger-inner::before {

        transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)

    }



    .hamburger--collapse.is-active .hamburger-inner {

        transform: translate3d(0, -9px, 0) rotate(-45deg);

        transition-delay: .22s;

        transition-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    .hamburger--collapse.is-active .hamburger-inner::after {

        top: 0;

        opacity: 0;

        transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s

    }



    .hamburger--collapse.is-active .hamburger-inner::before {

        top: 0;

        transform: rotate(-90deg);

        transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s

    }



    .slide-out-nav {

        position: fixed;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 20px;

        padding: 40px 0;

        background-color: #fff;

        z-index: 999;

        visibility: hidden;

        opacity: 0;

        border: 0;

        transform: translateY(100%) perspective(1px);

        transition: height .8s ease-in-out;

        overflow-y: scroll;

        border-radius: 0

    }



    .slide-out-nav.nav-open {

        height: calc(100% - 113px);

        opacity: 1;

        transform: translateY(0) perspective(1px);

        visibility: visible;

        opacity: 1

    }



    #navigation .nav-item {

        display: block;

        text-align: center;

        margin: 0;

        position: relative;

    }



    #navigation .submenu-button {

        color: #fff;

        position: absolute;

        top: 0px;

        right: 0;

        padding: 10px;

        background: #5b7199;

        z-index: 99;

    }



    .slide-out-nav #navigation li a {

        margin-right: 0;

        display: inline-block;

        padding: 20px 10px;

        color: #898375

    }



    .slide-out-nav.fadeInDown {

        -webkit-animation-name: unset;

        animation-name: unset

    }



    .kebab-toggler {

        position: absolute;

        top: 2px;

        right: 15px;

        width: 50px;

        height: 52px;

        display: block;

        padding: 12px 10px;

        z-index: 99999;

    }



    .kebab-toggler.active .circleKebab circle {

        transition: .3s

    }



    .social-menu {

        color: #898375;

        background: #fff;

        display: none;

        text-align: center;

        z-index: 9;

        padding-top: 10px

    }



    .social-menu.menu-on {

        display: block;

        position: fixed;

        width: 100%;

        left: 0;

        top: 110px;

    }



    .social-menu li {

        position: relative;

        padding: 10px 20px

    }



    .social-menu li a {

        letter-spacing: normal;

        font-size: 1rem;

    }



    .social-menu .icon {

        color: #2e2e2e

    }



    .socmedia {

        margin-top: 15px;

        background-color: #1a2e25;

        box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%)

    }



    .socmedia .social-info {

        padding: 8px 15px 1px 8px

    }



    .socmedia .social-info a {

        color: #1a2e25;

        background-color: #fff;

        border-radius: 50%;

        width: 40px;

        height: 40px;

        line-height: 43px;

        text-align: center;

        display: inline-block

    }



    #header-top .phone {

        display: none;

    }



    .navbar-brand .logo {

        max-width: 100px;

    }



    #primary-header {

        display: none;

    }



    body.nav-open #primary-header {

        display: block;

    }



    .navbar-nav .dropdown-toggle::after {

        display: none;

    }



    .navbar-nav .dropdown-menu.open {

        position: relative;

        display: block;

        box-shadow: none !important;

        background: none;

        text-align: center;

    }



    .navbar-nav .dropdown-menu .dropdown-item {

        font-size: 16px;

    }



    body.nav-open {

        overflow: hidden;

        margin: 0;

        touch-action: none;

        -ms-touch-action: none;

        height: 100vh;

    }



    .main-body {

        margin-top: 0;

    }

}



@media only screen and (max-width:991.98px) {

    .padding-medium {

        padding-top: 3em;

        padding-bottom: 3em;

    }

}