.navbar-light .navbar-nav .nav-link:hover {
    color: #a9c5ce !important;
    font-size: 20px;
    font-weight: 500;
    transition-duration: .5s;
}


.logo {
  width: 100%;
}

@media (max-width: 767px){
  .logo {
    width: 100%;
    max-width: 232px;
}

  li.nav-item {
    padding-left: 25px !important;
}
.navbar {
  padding: 0px !important;
}

.footer-background {

    padding: 50px !important;

}




}






.heading{
  background: #a9c5ce;
  width: 100%;
  text-align: center;
  color: #ffffff;
  /* margin-top: 100px; */
  /* padding: 0px 25%; */
}

.nav-background{
  background: #e8f2f7;
}

.hide{
  display: none;
}

.home-images: img{
  width: 100% !important;
}

.footer{
  height: 300px;
  background: #397181;
  display: flex;
  justify-content: center;
  align-items: center;

}

.footer-background {
    background: url(../images/backgrounds/footer.png);
    background-size: cover;
    background-position: center;
    height: 100%;
    background-repeat: no-repeat;
    padding: 100px;
    text-align: center;
}

@font-face {
    font-family: 'oriflame_scriptregular';
    src: url('../webfonts/Oriflame-Script/oriflame_script-webfont.woff2') format('woff2'),
         url('../webfonts/Oriflame-Script/oriflame_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.ori-font{
  font-family: 'oriflame_scriptregular' !important;
}

.welcome, .footer-title{
  font-family: 'oriflame_scriptregular';
  font-size: 70px;
}

.navbar-light .navbar-nav .nav-link {
    color: #706f6f !important;
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 768px){
.navbar-expand-md .navbar-collapse {

}}


.devider-img{
  height: 75vh;
background-size: cover;
background-position: center;
background-attachment: fixed;
}



.info{
  background-color: #397181;
  text-align: center;
  color: #fff;
}

.info-package{
  background-color: #a9c5ce;
  text-align: center;
  color: #fff;
}

body{
  width: 100%;
  height: auto;
  overflow-x: hidden;w: hidden;
}

.leaf-one {
  position: absolute;
left: -27px;
width: 97px;
top: 44px;
}

.leaf-two {
    position: absolute;
    right: -15px;
    width: 228px;
    top: 4px;
}

.package-leaf-left{
position: absolute;
left: -67px;
width: 197px;
top: 14px;
}

.package-leaf-right{
position: absolute;
right: -67px;
width: 197px;
top: 14px;
}

.demo {
    width:100%;
}
.demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.demo li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.demo img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 800px;
  object-fit: cover;
}


    .package{
      background: #a9c5ce;
      width: 100%;
      color: #fff;
      padding-bottom: 40px;
      padding-top:20px;
      min-height: 655px;
    }

    .package > .title {
      font-size: 80px;
      text-align: center;
      margin-bottom: -25px;
    }

    .package > .price {
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      font-family: Open Sans;
    }

    .package > .price > .amount {
      font-weight: 900;
      font-size: 50px;
    }

    .package > img {
      width: 100%;
    }

    .package > .info {
      background: #fff;
      padding: 10px;
      margin: -50px 20px 0px 20px;
      text-align: left;
      color: #3d4e5f;
      padding-top: 45px;
      padding-bottom: 25px;
      font-weight: 600;
      font-style: italic;
      font-size: 20px;
    }


    ul.package-list {
      list-style-image: url('assets/images/tick.png');
    }

    .package-list li {
      margin: 19px 0px;
    }

    .package-button {
      text-align: center;
      display: block;
      background: #3d4e5f;
      width: 50%;
      margin: 0px auto;
      border-radius: 50px;
      padding: 5px;
      color: #fff;
      border: 9px solid #fff;
      position: relative;
      margin-bottom: 0px;
      margin-top: -27px;
      font-weight: 600;
      font-style: italic;
      font-size: 20px;
    }


    .contact-form{
      background: #dadada;
      padding:15px;
    }

    .contact-form input {
      border-radius: 50px;
      height: 50px;
    }

    .contact-form textarea {
      border-radius: 25px;
    }

    .contact-form h3 {
      text-align: center;
      color: #fff;
      font-style: italic;
      font-weight: 800;
      font-size: 30px;
      padding-bottom: 10px;
    }

    .contact-form button {
      text-align: center;
    margin: 0px auto;
    display: block;
    background: #3d4e5f;
    width: 50%;
    border-radius: 50px;
    border: 9px solid;
    margin-bottom: -43px;
    }

    .package_box {
        height: 300px;
        background-repeat: no-repeat;
        width: 100%;
        text-align: center;
        background-size: cover;
        padding-top: 120px;
        font-size: 40px;
        font-family: 'oriflame_scriptregular';
        font-weight: 900;
    }

    .package_button {
        text-decoration: none;
        background-color: #3d4e5f;
        padding: 9px;
        border-radius: 50px;
        font-size: 18px;
        font-weight: 700;
        font-style: italic;
        border: 8px solid #fff;
        display: block;
        margin: 0px auto;
        margin-bottom: -60px;
        color: #fff;
        max-width: 350px;
    }

    .text-back {
    background-image: url(../../assets/images/package-text-background.png);
    background-size: contain;
    background-position: center;
    height: 55px;
    color: #fff;
    text-decoration: none;
}

.text-back: hover {
text-decoration: none;
}


.bar {
    background-color: #367181;
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-style: italic;
    font-size: 19px;
}

.bar-left img, .bar-right img {
      height: 100%;
}

.bar-left {
  text-align: right;
}

.bar-right {
  text-align: left;
}

.cta_button {
    text-decoration: none;
    background-color: #3d4e5f;
    padding: 9px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    border: 8px solid #fff;
    display: block;
    width: 50%;
    margin: 0px auto;
    margin-bottom: -53px;
    color: #fff;
}

.cta_button_home {
    text-decoration: none;
    background-color: #3d4e5f;
    padding: 9px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    border: 8px solid #fff;
    display: block;
    width: 50%;
    margin: 0px auto;
    margin-top: -56px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}


a:hover {
  color: #a9c5ce !important;
  text-decoration: none !important;
  transition-duration: .5s;
}











* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
}
@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

/* To change the amount of columns on larger devices, uncomment the code below */

/* @media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 20%;
  }
} */

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}