@import url("https://fonts.googleapis.com/css2?family=Karla&family=Leckerli+One&family=Merriweather+Sans&family=Montserrat:wght@100;400&family=Poppins:wght@100;400&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ===================================================
Global setting
=================================================== */
h1 {
  font-size: 6.5vw;
}

h3 {
  font-family: "Merriweather", serif;
  font-size: 1rem;
  font-weight: 700;
}

h4 {
  font-family: "Merriweather", serif;
  font-size: 1.1rem;
  font-weight: 700;
  word-spacing: 0.4vw;
}

h6 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6caa7f;
}

p {
  font-family: "Karla", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

button {
  background: #6caa7e;
  border-style: none;
  padding: 0.7rem 1.3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
}
hr {
  background: #27ae60;
  color: #27ae60;
  height: 0.07rem;
}

/* =======================================
body
======================================= */
body {
  font-family: "Montserrat", sans-serif;
}

header .intro {
  position: relative;
}
header .intro .head {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 50%);
}
header .intro .head h1 {
  font-family: "leckerli One", cursive;
  font-size: 2.5rem;
  color: #000;
}

/* header .navbar .navbar-nav .nav-link::after{
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #2ecc71;
    transition: width 0.3s;
}
header .navbar .navbar-nav .nav-link:hover::after{
    width: 80%;
    height: 2px;
    background: #2ecc71;
    transition: width 0.3s;
} */

header .navbar .navbar-nav i {
  font-size: 1.2rem;
  /* color: #7aca8d; */
  cursor: pointer;
}

.featured .row .one {
  height: 300px;
}
.featured .row .one img {
  width: 100%;
  height: 100%;
  background-size: cover;
  box-sizing: border-box;
  object-fit: cover;
}
.featured .row .one .text {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.featured .row .one .text p {
  letter-spacing: 0.2rem;
  line-height: 2px;
}
.featured .row .one .text a {
  text-decoration: none;
  border-style: none;
  color: #fff;
  font-size: 0.9rem;
}
.featured .row .one .text a::after {
  content: "";
  display: block;
  width: 30%;
  height: 2px;
  background: #2ecc71;
}
.featured .row .one .text a {
  text-decoration: none;
  border-style: none;
  color: #fff;
  font-size: 0.9rem;
}

/* .subscription {
    background: #defadb;
}
.subscription .row .sub input{
    outline: none;
    border: 1px solid;
}
.subscription .row .sub input::placeholder{
    font-size: 0.9rem;
} */
.blog .row .post a {
  font-size: 0.9rem;
  color: #27ae60;
  font-weight: bold;
  text-decoration: none;
  border-style: none;
}
.blog .row .post .row img {
  width: 300px;
  height: 350px;
}
.blog .row .sidebar .side2 .row img {
  width: 200px;
  height: 80px;
}
.blog .row .sidebar .side2 .row .sidetext h4 {
  font-size: 1rem;
}
.blog .row .sidebar .side2 .row .sidetext a {
  text-decoration: none;
  border-style: none;
  color: #6caa7f;
  font-size: 0.8rem;
}

.blog .side3 .one {
  height: 300px;
  position: relative;
}
.blog .side3 .one .img {
  width: 75%;
  height: 75%;
  background-size: cover;
  box-sizing: border-box;
  object-fit: cover;
}
.blog .side3 .one .text {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10rem 1.1rem 0 1.1rem;
}
.card-img-top {
  height: 20vw;
  object-fit: cover;
}
.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
 /* ========================== gallery =================================  */
 .galleryhead
 {
    padding: 15px;
    text-align: center;
    color: #367DCB;
    font-family: Cursive;
 }