/* Base */
body {
  line-height: 1.7;
  color: #f2a8af;
  font-weight: 300;
  font-size: 1rem;
  background: #fff;
  font-family: 'Playfair Display', serif; }

.text-muted {
	color: #f2a8af;
}

.logo {
	align-content: center !important;
	justify-content: center !important; 
	text-align: center;
}

.logo a {
	display: inline-block;
	font-family: "Dancing Script", cursive;
	font-size: 52px;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: "Dancing Script", cursive;
  line-height: 1.5;
   }

h1, h2, h3 .navbar-brand {
  font-family: "Dancing Script", cursive;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #F4C3C3; }

.dancing-script {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.border-2 {
  border-width: 2px; }

.text-pink {
  color: #f2a8af !important; }

.bg-pink {
  background: #F4C3C3 !important; }

.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }

.btn {
  border-radius: 0; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.line-height-1 {
  line-height: 1 !important; }

.form-control {
  height: 43px;
  border-radius: 0; }
  .form-control:active, .form-control:focus {
    border-color: #2f89fc; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.site-section {
  padding: 2.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 5em 0; } }
  .site-section.site-section-sm {
    padding: 4em 0; }

.section-heading h2 {
  font-weight: 700;
  color: #f2a8af; }

.border-top {
  border-top: 1px solid #edf0f5 !important; }

.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }

.text-white-opacity-05 {
  color: rgba(255, 255, 255, 0.5); }

.hover-bg-enlarge {
  overflow: hidden;
  position: relative; }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge {
      height: auto !important; } }
  .hover-bg-enlarge > div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out; }
  .hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge .bg-image-md-height {
      height: 300px !important; } }

.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7); }
  .bg-image > .container {
    position: relative;
    z-index: 1; }

@media (max-width: 991.98px) {
  .img-md-fluid {
    max-width: 100%; } }

@media (max-width: 991.98px) {
  .display-1, .display-3 {
    font-size: 3rem; } }

.play-single-big {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .play-single-big > span {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .play-single-big:hover {
    width: 120px;
    height: 120px; }

.overlap-to-top {
  margin-top: -150px; }

.ul-check {
  margin-bottom: 50px; }
  .ul-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
    .ul-check li:before {
      left: 0;
      font-size: 20px;
      top: -.3rem;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; }
  .ul-check.white li:before {
    color: #f2a8af; }
  .ul-check.success li:before {
    color: #F4C3C3; }
  .ul-check.primary li:before {
    color: #F4C3C3; }

/* Navbar */

.navbar {
	padding: 15px 0;
	background-color: white;
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.navbar-brand {
	font-size: 40px;
	color: #f2a8af !important;
	font-family: "Dancing Script", cursive;
}

.nav-link {
	font-weight:500;
	color: #f2a8af !important;
	margin-left: 15px;
	transition: all 0.3s ease;
}

.nav-link:hover {
	color: #F4C3C3;
}

.navbar-toggler {
border:none;
}

.navbar-toggler:focus {
	border: none;
}

.navbar-light .navbar-toggler-icon {
	background-color: #F4C3C3;
}

.navbar-light .navbar-nav .nav-link{
	color: #f2a8af;
}

.first-image {
	width: 400px;
	height: 600px;
	object-fit: cover;
	display: block;
	}

.text-container {
	align-content: center !important;
	justify-content: center !important;
}
.hero {
	background-size: cover;
	background-position: center;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: white;
}

.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.4)
}
		
.hero-content {
			position: relative;
			z-index: 2;	
			max-width: 700px;
	}
	
.hero h1 {
	font-size: 3rem;
	color: white;
}

.hero p {
	font-size: 1.2rem;
	margin-top: 15px;
	color: white;
}

.btn-pink {
	background-color: #f2a8af;
	color: white;
	border: none;
	padding: 10px 25px;
	border-radius: 30px;
	transition: all 0.3s ease;
}

.btn-pink:hover{
	background-color: #F4C3C3;
	transform: translateY(-2px);
	color: #f2a8af;
}

.object-fit-cover {
	object-fit: cover;
}

.card img {
	display: block;
}

.gallery-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.gallery-img-col {
	min-height: 220px;
}

.treat-img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	display: block;
}

.card .col-5 {
	min-height:180px;
}

.card-title {
	color: #f2a8af;
}

.feature-section {
	padding: 80px 0;
}

.feature-section img {
	border-radius: 15px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
	transition: transform 0.3s ease;
}

.feature-section img:hover {
	transform: scale(1.05);
}

.feature-section h2 {
	margin-top: 20px;
	font-size: 2rem;
}

.about-section {
	padding: 80px 0;
	text-align: center;
}

footer {
	background-color: #f2a8af;
	padding: 50px 0;
	margin-top: 80px;
	text-align: center;
	font-size: 0.9rem;
	color: white;
}

footer a {
	color: #fff;
	text-decoration: none;
}


footer a:hover {
	text-decoration: underline;
}

@media (max-width: 992px) {
	.hero h1 {
		font-size: 2.2rem;
	}
	
	.nav-link {
		margin-left: 0;
		padding: 10px 0;
	}
}