* {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}


li {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 48px;
    margin: 10px 30px;
}

li a {
    font-size: 28px;
}

li a:hover {
    text-decoration: none;
}

#booking-bg {
    margin-bottom: 0;
}

#bg {

    background-image: url(Frame\ 1vector.png);
    background-size: cover;
}

#header {
    height: 450px;
    width: 100%;
    text-align: center;
    padding-top: 160px;
}

#button-group {
    margin-top: 15px;
    margin-left: 150px;
}

#logo {
    font-size: 42px;
    margin-right: 150px;
    margin-left: 40px;
}

#demo {
    width: 1024px;
    height: 576px;
    box-shadow: 2px 2px 10px 2px black;
}

#demo img {
    width: 1024px;
    height: 576px;
}

.main-content {
    display: flex;
}

#main {
    display: flex;
    width: 100vw;
    height: 680px;
    margin: auto;
}

#content1 {
    margin-top: 40px;
    margin-left: 30px;
    width: 740px;
    height: 570px;

}

#content1 pre {
    margin-top: 10px;
    font-size: 24px;
    font-family: inherit;
    text-wrap: wrap;
}

.sample-cards {
    height: 950px;
    width: 100%;
    margin: auto;
    background-color: #36827F;
    padding: 30px;
    padding-top: 40px;
}

.sample-cards .card {
    margin: auto;
    margin-bottom: 30px;
}

.card .card-body,
.card .header {
    margin-left: 10px;
}

.header img {
    height: 400px;
    width: 380px;
    margin: 20px 10px 0px 20px;
    box-shadow: 2px 2px 10px 2px black;
}

.blob1 {
    background-image: url(Blob\ 1.png);
    background-size: cover;
    margin-left: 240px;
    width: 660px;
    height: 620px;
    scale: 1.1;
    color: white;
    padding-left: 85px;
    padding-top: 120px;
}

.blob1 h1 {
    font-size: 38px;
    margin-right: 40px;
    margin-bottom: 40px;
    text-transform: uppercase
}

.blob1 pre {
    font-size: 20px;
    margin-left: 10px;
    font-family: inherit;
    color: white;
}

.blob1 h3 {
    font-size: 22x;
    margin-left: 30px;
    text-transform: capitalize;
    margin-right: 80px;
}

.blob1 #buy {
    scale: 1.3;
    margin-top: 40px;
    margin-left: 200px;
    background-color: #A3F254;
    color: white;
    text-transform: uppercase;
}


#see-more {
    width: 140px;
    height: 60px;
    font-size: 22px;
}

#testi-box {
    margin-bottom: 50px;
}

.footer {
    width: 100%;
    height: 400px
}

#socials a img {
    width: 30px;
    height: 30px;
    margin: 5px;
}



#drop-social {
    font-size: 28px;
}

.about-links {
    line-height: 30px;
}

.about-links:hover {
    text-decoration: none;
}

#footer-heads {
    font-size: 20px;
}

.flip-card {
    background-color: transparent;
    width: 500px;
    height: 650px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}

#gallery-slider-caption-dark{
    background-color:rgba(0,0,0,0.5);
}

#gallery-slider-caption-light{
    background-color:rgba(225, 225, 225,0.5);
}

.checked{
    color: gold;
}