body {
font-family:"Jost", sans-serif;
background: #f5f3ef;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
ul li {
margin: 10px 0 0 0;
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.form-border {
background-color: #4c6d59;
}
.experience_gallery_items img {
max-width: 100%;
object-fit: cover;
height: 260px!important;
}
.tv {
width: 100%;
}
.cta-button {
background-color: #5b5b5b !important;
color: #fff;
font-size: 18px;
font-weight: 600;
border-radius: 4px;
padding: 8px 22px;
}
.form-button {
color: #fff;
background: #5b5b5b;
padding: 7px 29px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.3);
font-size: 19px;
margin: 0.4em;
display: inline-block;
}
.form-button:hover {
background-color: #5b5b5b;
border: 1px solid #fff;
}
h1 {
font-size: 32px;
line-height: 2rem;
}
h2 {
color: #4c6d59;
font-size: 2rem;
}
h3 {
color: #4c6d59;
font-size: 2rem;
}
h6 {
font-weight: 500;
font-size: 18px;
color: #5e663c;
padding-bottom: 10px;
text-align: center;
}
.click-here-1 {
color: #fff;
background: #5b5b5b;
padding: 6px 18px;
border-radius: 4px;
border: 1px solid #5b5b5b;
font-size: 15px;
margin: 0.4em;
display: inline-block;
}
.click-here {
cursor: pointer;
background: #5b5b5b;
color: #fff;
border: 1px solid #5b5b5b;
text-align: center;
font-size: 18px;
padding: 6px 24px;
border-radius: 4px;
font-weight: 600;
margin: 0 auto;
transition: background-image 3s ease-in-out;
}
.experience_gallery_items img {
width: 100%;
}
.experience_gallery_items {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.experience_gallery_head {
/* position: absolute; */
/* bottom: 0; */
background: #4c6d59;
color: #fff;
width: 100%;
text-align: center;
padding: 10px 0;
}
h4 {
font-size: 18px;
text-transform: capitalize;
}

/* carousel */
.owl-carousel .item {
text-align: center;
}
.owl-carousel .item img {
width: 100%;
height: auto;
display: inline-block;
}

/* end */
.rlogo {
width: 32%;
}

h1, h2, h3, h5 {
font-family: "Cormorant Garamond", sans-serif;
}

.footer-upper ul,
.offer-miss ul {
list-style: none;
}

.offer-miss {
background: #eddec2;
}

.offer-miss .nav-tabs .nav-item .nav-link {
color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0px;
font-weight: 500;
letter-spacing: 1px;
padding: 10px;
background-color: #b17f43;
font-size: 17px;
margin-left: 0px;
margin-right: 0px;
}

.offer-miss .nav-tabs .nav-item .active {
background-color: #5b5b5b !important;
border: 1px solid #5b5b5b !important;
color: #fff;
}

.offer-miss .tab-content {
min-height: 450px;
background-color: #fff;
}

.awards li {
float: left;
width: 13.8%;
margin-left: 5px;
}

.flip-card {
margin-top: 20px;
border-radius: 10px;
height: 16em;
}

.flip-card-back img,
.flip-card-front img {
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
width: 100%
}

.mobile-view a {
text-decoration: none;
color: #fff;
font-size: 20px;
}

.mobile-view a i {
border: 2px solid #fff;
border-radius: 50%;
height: 30px;
width: 30px;
display: inline-block;
padding-right: 3.2px;
}

.flip-card,
.flip-card-inner {
position: relative;
text-align: center;
transition: transform .6s;
transform-style: preserve-3d
}

.flip-card-inner {
width: 100%;
height: 100%
}

.flip-card-back,
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.flip-card-back {
background-color: #623613;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
border-radius: 10px
}

.flip-card-back p {
padding: 3px;
position: absolute;
background-color: #00000080
}

.flip-card h3 {
bottom: 57px;
position: relative;
color: #fff;
font-size: 18px
}

.discount-price {
font-size: 3.4rem !important;
color: red;
}

.price p strong {
font-size: 2.4rem;
color: #000;
font-weight: 600;
}

.inclusion {
text-align: left;
}

.ima-book {
background-color: #5b5b5b !important;
color: #fff !important;
font-weight: unset !important;
}

.price p {
line-height: 2em;
text-align: right;
font-family: arial;
border-right: 1px dotted #000;
padding-right: 10px
}

.price p {
text-align: right;
padding: 0px 10px;
}

.price p a {
text-decoration: none;
}

.content-section {
padding: 28px 0px 0px 0px;
}

.ima-p-mb {
display: none;
}

.inclusion ul li {
list-style: block;
}

.bs-example {
margin: 20px;
}

a {
text-decoration: none !important;
}

/* For Mobile View Code */

@media only screen and (min-width: 320px) and (max-width:767px) {
.flip-card h3 {
bottom: 90px;
}
h3 {
font-size: 22px;
}
.price p strong {
font-size: 1.5rem;
color: #000;
font-weight: 600;
}

.offer-miss .nav-tabs .nav-item .nav-link {
height: 70px;
}

.real {
margin-bottom: 2.5em !important;
}

.mobile-view a span {
display: none;
}
}

@media only screen and (max-device-width: 480px) {
.awards li {
width: 13.5%;
}

.price p strong {
font-size: 1.5rem;
color: #000;
font-weight: 600;
}

.mobile-view a span {
display: none;
}
}

@media only screen and (max-device-width: 768px) {
.awards li {
width: 13.5%;
}

.price p strong {
font-size: 1.5rem;
color: #3f6028;
font-weight: 600;
}

.mobile-view a span {
display: none;
}
}

@media only screen and (min-width: 320px) and (max-width:767px) {
.flip-card {
height: 19em !important;
}

.price p strong {
font-size: 1.5rem;
color: #3f6028;
font-weight: unset;
}
}

@media only screen and (max-width:823px) {
.flip-card {
height: 22em !important;
}

.price p strong {
font-size: 1.5rem;
color: #3f6028;
font-weight: unset;
}
}

@media screen and (max-width: 768px) {
.heading {
font-size: 26px;
}
.header-button-1 {
font-size: 9px;
padding: 10px 11px;
font-weight: 600;
border-radius: 4px;
background-color: #5b5b5b;
}
.hide-btn {
display: none;
}
h1 {
font-size: 24px !important;
}
.price p {
text-align: center !important;
border-right: none;
}

.price p strong {
font-size: 1.5rem;
color: #000;
font-weight: 600;
}

.ima-p-mb {
background-color: #5b5b5b;
margin-left: 2em;
margin-right: 2em;
display: block;
font-weight: 700;
color: #fff;
}
}

.nopadding {
padding-right: 0px;
padding-left: 0px;
}

.mobile-cta {
background-color: #f5f3ef !important;
color: #fff !important;
border: 1px solid #f5f3ef;
border-radius: 0px;
font-weight: 400;
letter-spacing: 1px;
padding: 12px 0px;
position: fixed;
bottom: 0;
width: 100%;
}

.btn {
border-radius: 1px;
}

a {
color: #fff;
}

/* .btn_number a{margin-right: -90px;}*/

.model-open {
z-index: 99;
opacity: 1;
overflow: hidden;
}

.custom-model-inner {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
display: inline-block;
vertical-align: middle;
width: 600px;
margin: 30px auto;
max-width: 97%;
}

.custom-model-wrap {
display: block;
width: 100%;
position: relative;
background-color: #999;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
text-align: left;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: calc(100vh - 70px);
overflow-y: auto;
}

.model-open .custom-model-inner {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
z-index: 999;
}

.model-open .bg-overlay {
background: rgba(0, 0, 0, 0.6);
z-index: 99;
}

.close-btn {
position: absolute;
right: 0;
top: -34px;
cursor: pointer;
z-index: 99;
font-size: 30px;
color: #fff;
}

@media screen and (min-width:800px) {
.custom-model-main:before {
content: "";
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: -0px;
height: 100%;
}
}

@media screen and (max-width:799px) {
.rlogo {
width: 50%;
}
.custom-model-inner {
margin-top: 45px;
}
}