@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400&family=Tinos&display=swap');

@font-face {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  font-style: normal;
}

body {
  font-weight: 300;
  font-family: 'Tinos', serif;
  font-size: 1.35rem !important;
  text-align: left!important;

}

h1,
h2,
h3,
h4 {
  font-family: 'Frank Ruhl Libre', serif;
}

h1,
.h1 {
  font-weight: 300;
  font-size: 4rem !important;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.025em;
  margin: 0.5em 0;
}

h2,
.h2 {
  font-weight: 300;
  font-size: 3.2rem !important;
  line-height: 1.166;
  color: #000;
  letter-spacing: -1px;
  margin-bottom: 1.2rem;
}

h3,
.h3 {
  font-weight: 300;
  font-size: 2.2rem !important;
  line-height: 1.2;
  /* color: #000; */
  margin-bottom: 1.2rem;
  letter-spacing: -0.025em;

}

h4,
.h4 {
  font-weight: 300;
  font-size: 1.714rem !important;
  line-height: 1.25;
  letter-spacing: 0.025em;
  color: #000;
  margin-bottom: 1.2rem;
}

h5,
.h5 {
  font-weight: 300;
  font-size: 1.571rem !important;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 1.2rem;

  /* margin:2.6rem 0; */
}

h6,
.h6 {
  font-weight: 300;
  font-size: 1.285rem !important;
  line-height: 1.3333;
  letter-spacing: 0;
  color: #000;
  /* margin:2.6rem 0; */
}

.icon-share {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 25px 50px;
}

#inner-content h3 {
  margin-top: 25px;
}

@media (max-width: 768px) {
  body, p{
    font-size: 1.1rem!important;
    text-align: left !important;

  }

  h1,
  .h1 {

    font-size: 2rem !important;

  }

  h2,
  .h2 {
    font-weight: 300;
    font-size: 1.85rem !important;
  }

  h3,
  .h3 {
    font-weight: 300;
    font-size: 1.5rem !important;
  }

  h4,
  .h4 {
    font-weight: 300;
    font-size: 1.4rem !important;
  }

  h5,
  .h5 {
    font-weight: 300;
    font-size: 1.2rem !important;
  }

  .icon-share {
    padding: 15px 50px;
    position: relative;
  }

  .main-head-inner {
    bottom: 12rem;
    left: 0 !important;
    right: 0 !important;
  }

}



h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
  color: inherit;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover {
  text-decoration: none;
}


strong {
  font-weight: 600;
}


.section-content {
  margin-bottom: 2.6rem;
}

/* .section-bottom {
  padding-bottom: 80px;
} */

.section-content {
  font-size: 1.714rem;
  letter-spacing: 0.025em;
  padding: 0;
  width: 100%;
  padding-left: 6.8rem;
  border-left: 0.3rem solid #cee002;
  margin-top: 5rem;
  color: #000;
}

.main-head-inner {
  position: absolute;
  bottom: 5rem;
  left: 7.5rem;
  font-weight: 300;

}

.bannerCaption {
  left: 10%;
 bottom: 15% !important;
  max-width: 600px;
}

.bannerCaption h2 {
  font-weight: 300;
  font-size: 3rem !important;
  line-height: 1;
  color: #000;
  letter-spacing: -0.025em;
  margin: 0.3em 0;
}
hr { 
  background-color: #d2d5b4!important;
}
.sub-card-link .link-arrow {
  background: url(../../images/v2/arrow-right.png)right no-repeat;
  padding-right: 40px;
}
.sub-card-link {
  color: #778109 !important;
  margin-bottom: 18px;
}
@media (max-width:1200px) {
  .bannerCaption h2 {
    font-weight: 300;
    font-size: 3rem !important;
  }

}

@media (max-width:768px) {
  .bannerCaption h2 {
    font-weight: 300;
    font-size: 2.2rem !important;
    max-width: 300px !important;
  }

  .bannerCaption {
    max-width: 300px;
  }
}