/* Utilities BG */
.bg-green-dark {
  background-color: #646c59;
}
.bg-red-dark{
  background-color: #8b2f36;
}
.bg-light{
  background-color: #F3DABD !important;
}
.bg-white{
  background-color: #fff;
}

/* Utilities Text Color */
.text-green-dark {
  color: #646c59;
}
.text-red-dark{
  color: #8b2f36;
}
.text-light{
  color: #F3DABD !important;
}
.text-white{
  color: #fff;
}

iframe {
  border: 0;
  width: 90%;
  height: 450px;
  display: block;
  margin: 0 auto;
  border-radius: 16px;
}

.scrollable-text {
  max-height: 250px; /* puedes ajustar la altura a lo que te quede mejor */
  overflow-y: auto;
  padding-right: 8px; /* espacio para el scroll */
}

/* Opcional: para hacer bonito el scroll */
.scrollable-text::-webkit-scrollbar {
  width: 6px;
}
.scrollable-text::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4); /* color del scroll */
  border-radius: 10px;
}
.scrollable-text::-webkit-scrollbar-track {
  background: transparent;
}


/* ======== Fonts =========== */
/* HelveticaNeueLTPro */
@font-face {
  font-family: helvetica;
  src: url('../fonts/HelveticaNeueLTPro-47LtCn.otf');
}

/* Montserrat */
@font-face {
  font-family: montserrat;
  src: url('../fonts/Montserrat-Medium.ttf');
}

/* NotoSerifKR */
@font-face {
  font-family: notoSerifKR;
  src: url('../fonts/NotoSerifKR-Medium.ttf');
}


body {
  font-family: "montserrat", serif;
  font-weight: 400;
  color: #717665;
}
h1, h3, h4, h5, h6{
  font-family: notoSerifKR;
}
h1{
  color: #394C28;
  font-size: 50px;
  line-height: 65px;
  font-weight: 400;
}
a, a:hover
li, li:hover{
  text-decoration: none;
  color: #000;
} 
img{
  width: auto;
  height: auto;
}


/* Header Section CSS Start */
.header-top {
  position: fixed;
  right: 105px;
  top: 10px;
  z-index: 9999;
}
.languages {
  display: flex; 
}
.languages a {
  color: #fff;
  display: block;
  padding-left: 10px; 
  padding-right: 10px; 
  border-right: 2px solid #fff; 
}
.languages a:last-child {
  border-right: none; 
}
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
}
.scrolled {
  background-color: rgba(100, 98, 98, 0.8);
  backdrop-filter: blur(10px);
  padding: 10px 0px !important;
  transition: .3s all;

}
.m-scrolled {
 background-color: rgba(0, 0, 0, 0.8); 
 padding: 10px 0px !important;
 transition: .3s all;
}
.m-nav{
  padding: 10px 0px;
}  
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color: #F3DABD;
}
.navbar-toggler{
  border: none;
  outline: none;
}
.navbar-toggler:focus{
  border: none;
  outline: none;
  box-shadow: none;
}
.navbar-toggler-icon{
  background-image: url('../images/menu.png');
}
.offcanvas-header .btn-close{
  background-image: url('../images/close.png');
  opacity: 1;
}
.offcanvas-header .btn-close{
  border: none;
  outline: none;
  box-shadow: none;
}

.navbar-brand img {
  width: 250px;
}
/* Header Section CSS End */

/* Hero Section CSS Start */
#hero {
  width: 100%;
  height: 100vh;
  background: #646c59;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0px;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.here-contne {
  text-align: center;
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 50%;
  transform: translate(-50%,-50%);
}
/* Hero Section CSS End */


/* Apple Producers CSS End */
.apple-producers-right h2 {
  font-size: 22px;
  color: #666C59;
  line-height: 40px;
}

.apple-producers-left img {
  height: 400px;
}
/* Apple Producers CSS End */


/* Our Growing CSS Start */
.our-growing-left-conent a{
  transition: .3s all;
}
.our-growing-left-conent a:hover{
 background-color: #fff;
 color: #000 !important;
}
/* Our Growing CSS End */


/* Featured News CSS End */
.featured-news-item time {
  font-size: 14px;
  font-weight: 600;
}
.featured-news-item h2 {
  font-size: 30px;
  color: #000;
}
.featured-news-item p {
  font-size: 14px;
  color: #000;
}
.featured-news-btn a{
  border-color: #646c59 !important;
  transition: .3s all;
}
.featured-news-btn a:hover{
  background-color: #646c59;
  color: #fff;
}
/* Featured News CSS End */
 
/* Mediterranean-grown CSS End */
.our-varieties-news{
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(129, 101, 82, 0.7), rgba(129, 101, 82, 0.7)), url('../images/territori/bg-body.png');

}
.mediterranean-grown-left{
  text-align: end;
  width: 60%;
  padding: 0px 100px;
}  
.our-varieties-news-left{
  width: 550px;
  height: 550px;
}
.our-varieties-news-left img{
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.our-varieties-news-right{
  height: 650px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mediterranean-grown-bg img {
  top: 31%;
  right: 4%;
  width: 40%;
}
.mediterranean-grown-left p{
  line-height: 40px;
  font-size: 22px;
}

.our-varieties-news-item img {
  width: 90px;
  height: 90px;
}
.our-varieties-news-item p {
  margin-top: 20px;
}
.our-varieties-news-item {
  text-align: center;
}
.our-varienties-news-content p{
  font-size: 22px;
}

.our-varieties-news-right p {
  font-size: 40px;
}
/* Mediterranean-grown CSS End */

/* Slider CSS Start */
.carousel{
  margin: 100px 0px;
}
.carousel-control-next, .carousel-control-prev{
  width: 25%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

.carousel-control-next{
  background-image: url('../images/sliders/2.jpg');
}
.carousel-control-prev{
  background-image: url('../images/sliders/3.jpg');
}
.carousel-control-next-2{
  background-image: url('../images/sliders/6.jpg');
}
.carousel-control-prev-2{
  background-image: url('../images/sliders/5.jpg');
}
/* Slider CSS End */

/* Healthy Benefits CSS Start */
.healthy-benefits{
  background-color: #fcf6ef;
  padding-bottom: 100px !important;
}

.healthy-benefits-left {
  position: relative;
}
.healthy-benefits-left .circle-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 41%;
} 
 
.healthy-benefits-left .circle-2 {
  position: absolute;
  top: -30px;
  left: -10px;
  width: 49%;
} 
.healthy-benefits-right{
  display: flex;
  align-items: center;
  height: 100%;
}

.healthy-benefits-right-contnet {
  font-size: 22px;
  line-height: 40px;
}
/* Healthy Benefits CSS End */

/* Compromises Start End */
.compromises-right p {
  font-size: 22px;
  line-height: 35px;
}
/* Compromises CSS End */

/* Quality Benefits CSS End */
.quality{
  background-color: red;
}
/* Quality Benefits CSS End */

/* Varieties CSS Start */
.varieties{
  background-color: #fcf6ef;
}

.varieties-item h2 {
  font-size: 30px;
}
.varieties-item p {
  font-size: 17px;
  font-weight: 25px;
}
.varieties-item-2 img {
  height: 330px;
}
/* Varieties CSS End */

/* Varieties Table CSS Start */
.table{
  background-color: #646c59 !important;
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: #646c59 !important;
  --bs-table-bg: var(--bs-body-bg);
}
.table > :not(caption) > * > * {
  border-bottom:2px dashed #646c59;
}
.table-one h1 {
  font-family: "montserrat", serif;
  background-color: #989564;
  padding: 10px;
  font-size: 38px;
  color: #fff;
  margin: 0;
}
.table-one h2 {
  background-color: #76795c;
  color: #fff;
  font-size: 16px;
  padding: 10px;
}
/* Varieties Table CSS End */

/* News CSS Start */
.news-details{
  background-color: #ece5d7;
  margin-top: -10px;
}

.news-card img {
  height: 200px !important;
}

.arrow img {
  height:   auto !important;
}
.news-card-contnet {
  height: 150px;
  transition: .3s all;
  color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.news-card-contnet:hover{
  background-color: #fff;
  color: #646c59;
}
.post a {
  color: #454545;
}
/* News CSS End */

/* Contact CSS Start */
.contact{
  background-color: #ece5d7;
}
.contact-details p {
  font-size: 14px;
}
form{
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
/* Contact CSS End */



/* Footer CSS Start */

.footer-logo {
  margin-bottom: 30px;
}

.footer-logo img {
  width: 250px !important;
}
.footer-menu-left h3 {
  font-size: 17px;
}
.footer-menu-left ul li{
  font-size: 17px;
}
.footer-menu-left ul li a{
  font-size: 17px;
}
.footer-menu h3{
  color: #fff;
  font-size: 19px;
  font-family: montserrat;
}
.footer-menu ul{
  margin: 0;
  padding: 0;
}
.footer-menu ul li{
  color: #fff;
  list-style: none;
}
.footer-menu ul li a{
  color: #fff;
  font-size: 19px;
}
.footer-menu ul li a:hover{
  color: #fff;
}
/* Footer CSS End */

/* Media CSS Start */
@media screen and (max-width: 1400px) {
  .varieties-item h2{
    font-size: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .our-growing-left-conent {
    align-content: start !important;
  }
  .our-growing-left-conent h1 {
    font-size: 40px !important;
    line-height: 40px;
  }
}

@media screen and (max-width: 992px) {
  .header-top{
    display: none !important;
  }
  #hero{
    height: 100%;
  }
  .featured-news-item {
    margin-bottom: 30px;
    height: auto !important;
  }
  .video-wrapper{
    height: 80vh !important;
  }
  .our-growing-left-conent {
    padding: 50px 0px;
  } 
  .mediterranean-grown-left{
    width: 100%;
    text-align: center;
  }
  .mediterranean-grown-left p {
    z-index: 2;
    position: relative;
  }
  .mediterranean-grown-bg img {
    top: 52%;
    right: 0;
    width: 60%;
    z-index: 1;
  }
  .our-varieties-news-left {
    margin: auto;
  }
  .custom-column-reverse{
    flex-direction: column-reverse;
  }
  .healthy-benefits-left-2{
    margin-bottom: 100px;
  }
  .varieties .col-lg-6 {
    border: 2px solid #dee2e6 !important;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
  }
  .news-card-contnet{
    height: 200px;
  }
  form{
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  h1{
    font-size: 30px;
    line-height: 40px;
  }
  .video-wrapper{
    height: 60vh !important;
  }
  .our-varieties-news-right p {
    font-size: 30px;
  }
  .our-varieties-news-left {
    width: 300px;
    height: 300px;
  }
  .footer-logo {
    margin-bottom: 30px;
  }
  .footer-menu {
    margin-bottom: 20px;
  }
  .table-container {
    overflow: scroll !important;
    position: relative;
    width: 100% !important;
  }
  .quality-contnet {
    margin-top: 30px;
  }
  .table {
    width: 1000px;
  }
  .news-details .col-lg-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
  }
  .news-card img{
    height: auto !important;
  }

}