@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap');


:root {   
 --clrSecWht: #ffffff;
 --clrRndDark: #060606;
 --clrPureWht: #FFF;
 --earthy-1:#762b0e;
  --earthy-2:#6b3d1e;
  --earthy-3:#5d3919;
 --accent-1:#f4da00;
 --accent-2:#d6b700;
 --accent-3:#b0a100;
 --success-1:#3cbb4e;
 --success-2:#519e48;
 --success-3:#67a539;
 --tex-color-1:#ffe3c2;
 --tex-color-2:#f5d3a3;
 --tex-color-3:#ecd6b4;
 --honey-1:#fea200;
 --honey-2:#f4a300;
 --honey-3:#d49f00;

}

body{  
  direction: ltr;
  font-family: 'Noto Sans Mono', sans-serif !important;
  font-size: 17px;
  margin: 0;
  padding: 0px;    
  line-height: 1.2;
  overflow-x: hidden;
  height: 100%;
  position: relative;
    
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  
}

a{
  text-decoration: none;  
  cursor: pointer; 
}


img, video{
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.btn-barn-1 {
  display: block;
  width: fit-content;
  cursor: pointer; 
  background: linear-gradient(45deg, var(--accent-1), #ffc107);
  border: 1px dotted #d4af37;
  color: #4b3200;
  padding:  14px 22px;
  font-weight:  700;
  border-radius:  40px;
  box-shadow: 0 0 14px rgba(255, 193, 7, 0.6);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}


.btn-barn-1:hover {
  transform: scale(1.05) rotate(-1deg);
  box-shadow: 0 0 18px rgba(255, 255, 0, 0.9);
}

.btn-barn-2 {
  cursor: pointer;
  display: block;
  width: fit-content;
  text-align: center;
   background-color: #8bc34a;
  color: #fff;
  border: 1px solid #4caf50;
  padding: 14px 20px;
  font-size: 17px;
  border-radius:  14px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}



.btn-barn-2:hover {
  background-color: #689f38;
  transform: scale(1.03);
}

.btn-barn-3{  
  text-align: center;
  width: fit-content;  
  background: radial-gradient(circle, #fceabb 0%, #f8b500 100%);
  border: none;
  padding:  12px 29px;
  border-radius: 35px;
  color: #4b3200;
  font-weight: bold;
  font-size: 17px;
  text-shadow: 1px 1px #fff6d1;
  box-shadow: 0 0 14px #fcd34d;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
} 



.btn-barn-3:hover {
   transform: rotate(2deg) scale(1.1);
  box-shadow: 0 0 18px #ffe680;
}
.btn-barn-4 {
  display: block;
  text-align: center;
  cursor: pointer;
  width: fit-content;
   background: #4caf50;
  color: white;
  border: 1px dotted #2e7d32;
  padding:  12px  29px;
  border-radius: 6px;
  font-size: 17px;
  position: relative;
  transition: 0.3s ease;
}


.btn-barn-4:hover {
  transform: rotate(-2deg) scale(1.05);
  background: #66bb6a;
  box-shadow: 0 0 14px rgba(76, 175, 80, 0.6);
}
.btn-barn-5 {
  width: fit-content;
  display: block;
  cursor: pointer;
  text-align: center;
  background: radial-gradient(circle at top left, #ffeb3b, #fbc02d);
  color: #3e2723;
  padding: 14px 22px;
  border: 1px dotted #f57f17;
  border-radius: 56px;
  font-size:  18px;
  font-weight:700;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0 #f57f17;
}



.btn-barn-5:hover {
  background: radial-gradient(circle at bottom right, #fff176, #fdd835);
  color: #212121;
  box-shadow: inset 0 0 8px #f57f17, 0 0 12px rgba(255, 213, 79, 0.6);
  transform: scale(1.05) rotate(-1deg);
}


.hederFarm{

  background: url(content/background/opacity_bg-069145b6881d4a.png) repeat-y center top var(--clrSecWht);
  background-size: cover;
 
}
.farmWrapper{
  width: 100%;
  max-width: 1222px;
  margin: 0 auto;
  padding: 0 14px;
}
.farmNavList{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  
}
.farmNavList li{
  position: relative;
}
.farm-nav_link{
  position: relative;
  display: block;
  background: transparent;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  font-size:  18px;
  color: #764832;
  padding: 23px 14px 29px;
  transition: all 0.3s ease;
  z-index: 0;
}
.farm-nav_link::before,.farm-nav_link::after{
  position: absolute;
  content: "";
  height: 50%;
  background-color: var(--earthy-3);
  right: 0;
  width: 0%; 
  z-index: -1;
  
}
.farm-nav_link::before{
transition: all 0.7s ease;
 top: 0;
}
.farm-nav_link::after{
transition: all 0.5s ease;
top: 50%;
}
.farm-nav_link:hover{
  color: var(--tex-color-3);
  background: transparent;
}
.farm-nav_link:hover:before,.farm-nav_link:hover::after{
  width: 100%;
  left: 0;
  opacity: 0.7;
  transition: all 0.8s ease;
}
.farm-nav_link:hover::after{
  transition: all 0.7s ease;
}
.heroFarm1 {
  position: relative;
  height: 50vh;
  overflow: hidden;
  display:none;
  align-items: center;
  justify-content: center;
  color: var(--clrPureWht);
}

.hero__slider {
  position: absolute;
  inset: 0%;
}
.hero__slide1 {
  background-image: url(content/background/bg-all-069145b6881c65.jpg);
}
.hero__slide2 {
  background-image: url(content/background/bg-all-169145b6881c9a.jpg);
}
.hero__slide3 {
  background-image: url(content/background/bg-all-269145b6881cca.jpg);
}
.hero__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 1.5s ease-in-out, transform 10s ease-in-out;
  will-change: opacity, transform;
}

.hero__slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}
.extrabg1{
  position: absolute;
  inset: 0%;
  background: var(--earthy-3);
  opacity: 0.6;
  z-index: 2;
}

.hero__content {
  padding: 23px 0;
  position: relative;
  text-align: center;
  z-index: 2;
  align-content: center;
}


.hero__logo {
  width: 120px;
  height: auto;
  animation: bounceLogo 3s ease-in-out infinite;
  transform-origin: bottom center;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
  
}
@keyframes bounceLogo {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  20% {
    transform: translateY(-15px) rotate(-2deg);
  }
  40% {
    transform: translateY(0px) rotate(2deg);
  }
  60% {
    transform: translateY(-8px) rotate(-1deg);
  }
  80% {
    transform: translateY(0px) rotate(1deg);
  }
}

.hero__title {     
  font-weight:600;
  color: var(--tex-color-3);
  font-size: clamp(18px, 3vw, 29px);
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.flexColFarmBox{
  display: flex;
  flex-direction: column;
}
.gap-2{
  gap: 18px;
}
.gap-4{
  gap: 31px;
}
.gap-5{
  gap: 66px;
}
.alignCenter{
  align-items: center;
}
.heroFarm2{
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(content/background/bg-all-069145b6881c65.jpg);
  padding:  104px 0;

}
.heroFarm2::before{
  position: absolute;
  content: "";
  inset: 0%;
  background: var(--earthy-3);
  opacity: 0.7;
}
.flexRowFarm{
  display: flex;
  flex-direction: row;
}
.hero2{
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: space-between;
}
.hero2__content {
  flex: 1;
  max-width: 559px;
}
.hero2__title {
  text-align: center;
  font-size: calc(18px + 3vw);
  color: #f4f5f4;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
  
}

.hero2__text {
  text-align: center;
  font-size:   29px;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  color: var(--tex-color-3);
}
.hero2__circle-wrapper {
  position: relative;
  width: 312px;
  height: 312px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero2__circle-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    var(--accent-3) 0% 33%,
    var(--success-3) 33% 66%,
    var(--clrSecWht) 66% 100%
  );
  animation: spinBorder 12s linear infinite;
  z-index: 1;
}
@keyframes spinBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hero2__circle-inner {
  width: calc(312px - 64px);
  height: calc(312px - 64px);
  background-color: var( --clrPureWht);
  border-radius: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 8px var( --clrPureWht);
}


.hero2__animal {
  width: 100%;
  height: 80%; 
  opacity: 0.8;
 animation: peekUpDown 5s ease-in-out infinite;
}

@keyframes peekUpDown {
  0%, 100% {
    opacity: 0.8;
    transform: translateY(60px) scale(0.9);
  }

  20% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }

  40% {
    transform: translateY(-10px) scale(1.05); 
  }

  60% {
    transform: translateY(0px) scale(1);
  }

  80% {
    opacity: 0.9;
    transform: translateY(60px) scale(0.9);
  }
}
.pd-sect{
  padding: 66px 0;
}
.my-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  margin-right: -14px;
}
[class*="my-col"] {
  padding-left: 14px;
  padding-right: 14px;
 
}


.my-col-3 { width: 25%; }
.my-col-4 { width: 33.3333%; }
.my-col-6 { width: 50%; }
.my-col-12 { width: 100%; }

.section-title{
  text-align: center;
  width: fit-content;
  margin-bottom:  40px;
  font-size: clamp(19px, 6vw, 31px);
  font-weight: 700;
  color:  #764832;
  position: relative;
  display:block;
  padding: 8px  18px;
  border: 1px dotted var(--success-3);
  border-radius:  14px;
  background: var( --clrPureWht);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  animation: growIn 1.2s ease-out both;
}
@keyframes growIn {
  0% {
    transform: scale(0.5) translateY(40px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.textFarm{
  h1,h2,h3,h4,h5,h6{
    margin-bottom: 18px;
  }
}
.textFarm ul li,
.textFarm ol li {
  margin-bottom: 4px;
}
.textFarm ul,
.textFarm ol {
  padding-inline-start:  18px;
  margin-bottom: 14px;  
  list-style: inside;
}
.textFarm a,.textFarm table{
color: inherit;
}
.textFarm p{
margin-bottom:  8px;
text-indent: 3ch;
}
.farm-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  align-items: center;
  justify-content: space-between;
  gap: 31px;
 
}
.farm-col {
  flex: 1;
 
}
.farm-col--circle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}
.boxFarmImg1{
  display:  none;
}


.circle-image {
  width: 100%;
  max-width: 100%;
  max-height: 559px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
  border: 1px dotted var(--success-3);
  box-shadow: 0 0 18px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}


.f-food{
  position: absolute;
  background: var(--clrSecWht);
  border-radius: 50%;
  left: 0;
  border: 1px dotted var(--success-3);
  padding: 8px;
  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.about-thumv01{
  width: 120px;
  height: 120px;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}
.about-thumv02,.about-thumv03{
  width: 112px;
  height: 112px;  
  left: 90px;
}
.about-thumv02{
top: -12px;
}
.about-thumv03{ 
  bottom: -12px;  
}
.about-boxImg2{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  img{
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: contain;
  }
}
.benefitFarmBoxImg{
  position: relative;
  width: 100%;
  border-radius: 14px;
  height:  206px;
  overflow: hidden;
  border:  1px dotted var(--success-3);
  transition: all 0.5s ease;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.5s ease;
  }
}
.my-row li:hover .benefitFarmBoxImg{
   border:  0 dotted var(--success-3);
}
.benefitFarmBoxImg::before{
  position: absolute;
  content: "";
  display: block;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
  border-radius: 14px;
  border: 0 solid var(--success-3);
  z-index: 2;
  transition: 0.6s;
}
.my-row li:hover .benefitFarmBoxImg::before{
  border: 14px solid var(--earthy-3);
  transition: 0.3s;
}
.my-row li:hover .benefitFarmBoxImg img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.listStyle{
  list-style:none;
}
.tex-center{
  text-align: center;
}
.benefitTex{
  font-weight: 600;
  font-size: 17px;
}
.benefitBox{
  height: 100%;
  
}
.mb-2{
  margin-bottom: 18px;
}
.cardFarm{
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f4714b, #f7a76f);
  text-align: center;
  color: #fff; 
  box-shadow: 0 14px 18px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  
  border-radius: 1000px;
  padding: 112px 14px  ;
}
.cardFarm:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 14px 29px rgba(0, 0, 0, 0.25);
}
.cardFarm::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
 
  z-index: 0;
}

.cardFarm_imgBox{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 206px;
  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
  }
}
.cardFarm:hover .cardFarm_imgBox img {
  transform: scale(1.05);
}
.cardFarm_title {
  padding: 0 18px;
  font-size: 29px;
  font-weight: 700; 
  position: relative;
  z-index: 1;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.section-category{ 
background-image:
  url(content/tematik/fence-069145b6881ed8.png ),
  linear-gradient(#fffdf5, #d6f1c4);
background-repeat: repeat-x;
background-size: contain, cover;
background-blend-mode: overlay;
}
.cardFarm2{
  display: block;
  color: var(--clrPureWht);
  height:  450px;
  background: var(--honey-3);
  border-radius: 14px;
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.cardFarm2_img-container{
  display: block;
  width: 135%;
  height: calc(450px - 49px);
  background: var(--clrPureWht);
  border-radius: 0 0 49px 49px;
  border: 1px solid #FFFFF8;
  transform: rotate(25deg);
  position: absolute;
  left: -15%;
  top: -75px;
  transition: all 0.4s ease;
  overflow: hidden;
  img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center; 
  transition: all 0.4s ease;
  }
    
}
.cardFarm2_textBox{
  position: absolute;
  width: 85%;
  bottom:18px;
  left: 14px;
  transition: all 0.4s ease;
  h3{
    text-align: center;
    border-radius: 14px;
    padding:8px;
    font-size: 19px;
    font-weight: 600;
    box-decoration-break: clone;
    line-height: 2;
    background: rgba(118, 43, 14, 0.7);
    box-shadow: 8px 0 0 rgba(0, 0, 0, 0.7), -8px 0 0 rgba(0, 0, 0, 0.7);
  }
}
.cardFarm2:hover .cardFarm2_img-container{
    width: 110%;
    height: 100%;
    border-radius: 0;
    transform: rotate(0);
    left: -2px;
    top: -120px;
}
.cardWrapper1{
  display:  none;
}
.footerFarm {
  position: relative;
  background: linear-gradient(to bottom, #6f4e37, #7dac7d); 
  color: var(--clrPureWht);
  padding: 40px 0 29px;
  text-align: center;
  overflow: hidden;
  
}

.footerFarm__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(content/background/bg-all-169145b6881c9a.jpg) repeat-x bottom;
  background-size: contain;
  opacity: 0.08;
  z-index: 0;
  pointer-events: none;
}

.footerFarm__content {
  position: relative;
  z-index: 1;
}

.footerFarm__nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
 
}

.footerFarm__nav a {
  text-align:center;
  color: var(--accent-1);
  text-decoration: none;
  font-weight: 700;
  transition: transform 0.3s ease, color 0.3s ease;
}
.footerFarm__nav a:hover {
  color: var(--clrPureWht);
  transform: scale(1.1);
}



.footerFarm__copy {
  margin-top:  29px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:  8px;
  font-size: 12px;
  color: #f2f2f2;
}
.funky-disclaimer {
  position: relative;
  background:#764832;
  color: var(--tex-color-3);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  padding: 27px 18px  112px;
  border-radius: 14px;
  box-shadow: 0 0  14px #ff4c4c77;
  font-size: 18px;
  line-height: 1.2;
  max-width:  888px;
  margin: 0 auto;
  animation: pulseWarn 2s infinite;
}
.disclaimer_content{
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 18px;
  h2{
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
.funky-disclaimer .disclaimer-icon {
  width: 93px;
  height: auto;
  animation: headShake 3s infinite;
}

@keyframes pulseWarn {
  0%, 100% { box-shadow: 0 0 10px #ff4c4c; }
  50% { box-shadow: 0 0 20px #ffaaaa; }
}

@keyframes headShake {
  0% { transform: rotate(0); }
  25% { transform: rotate(3deg); }
  50% { transform: rotate(-3deg); }
  75% { transform: rotate(2deg); }
  100% { transform: rotate(0); }
}
.footer-decor {
  width: auto;
  height: calc( 112px - 14px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px
}


.animalSection{
  position: relative;
}
.hero-animal {
  
  position: absolute;
  width: 112px;
  animation: floaty 3s ease-in-out infinite;
  top: -18px;
  left: 14px;
}
@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}



.farmPageContent{
  color:var(--tex-color-3);
  border-radius: 14px;
  background-color: var(--earthy-3);
  padding: 112px 49px 49px;
}

.farmPageContent_image{ 
  
 
  max-height:  312px;
  object-fit: contain;    
  border-radius:  14px;
  float: left;
  width: 38%;
  margin: 18px;
  margin-top: 0;
  margin-left: 0;
}
.game-launch iframe {
  width: 100%;
  height: 100vh;
  border-radius:  14px;
  border:14px solid var(--earthy-3);
  box-shadow: 0 0 14px #7c4b0088;
}
.faq-midlImg{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 559px;

}
.fagFarm-list{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;  
  justify-content: space-between;
}
.fagFarm-list li{
  cursor: pointer;
  border-radius: 14px;
  padding: 14px 8px;
  transition: all 0.3s ease-in-out;
  background-color: #f7ffe6 ;
  border:1px dotted var(--earthy-3);
  box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.2);
  position: relative;
 
}
.fagFarm-list li:hover {
  transform: scale(1.02);
  background-color: #fff8d4;
}
.fagFarm_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:  8px;
  flex-direction:  row;
  h2{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #2c3200;
  
  }
}
.fagFarm_img{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 55px;
  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    animation: popIn 0.6s ease;
  }
}
.fagFarm-list p{
  color: #444;
  display: none;
  text-align: center;
  margin-top: 14px;
  
}
.fagFarm-list li.active p {
  display: block;
}
@keyframes popIn {
  0% { transform: scale(0.7); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.bgFive{
  padding: 112px 0;
   background: linear-gradient(to bottom, #d6f1c4 50%, #fffdf5 50%);
}
.contactFarm-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
  border-radius:  14px;
  min-height: 206px;  
  align-content: flex-end;
  align-items: flex-end;
  padding: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(content/background/bg-all-269145b6881cca.jpg);
}
.contactFarm_iner{
  padding:  18px;
  border-radius:  14px;
  background-color: #F1E9E9;
}
.contactFarm_item{
  color: var( --earthy-3);
  font-weight:  700;
  display: flex;
  align-items: center;
  gap: 8px;
  span{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent-3);
    height: 55px;  
    width: 55px;

  }
}
.icon-svg{
width: 18px;
height: 18px;
fill: var(--earthy-3);
}
.contact-linkWH{
    word-break: break-word;
   color:var(--earthy-3);
   font-weight:  700;
   transition:  color 0.3s ease;
}
.contactFarm_item:hover .contact-linkWH{
  color: var(--accent-3);

}
.formWrapperFarm{
  width: 100%;
  height: 100%;
  border-radius:  14px;
  color: var(--earthy-3);
  margin-top: -44px;
  background-color:#f1e9e9;
  padding: 56px 31px;
}
.formFarm{
  display: flex;
  flex-direction: column;
  gap:  18px;
}
.textareaBarn,.inputBarn,.input-btn__section_input,.textarea-btn__section_input{
  width: 100%;
  outline: none;
  background: transparent;
  color: #767676;
  font-size: 18px;
  transition: all 0.35s;
  border-radius: 6px;
  padding:  18px 12px;
  border: 1px  dotted var(--success-3) ;
}
.textareaBarn,.textarea-btn__section_input{
  min-height: 112px;
}
.inputBarn:focus,.textareaBarn:focus,.textarea-btn__section_input:focus,.input-btn__section_input:focus{
  background-color: #f1e9e9;
  border: 1px  dotted var(--success-3);
}
.inputBarn::placeholder,.textareaBarn::placeholder,.input-btn__section_input::placeholder,.textarea-btn__section_input::placeholder{
  font-size: 12px;
}
.formFarm_boxInput{
  display: flex;
  
  gap:  18px;
  flex-direction: row;
}
.formFarm_footer{
  display: flex;
  flex-direction: column;
  margin-bottom: 44px;
  gap: 18px;
  button{
    margin: 0 auto;
  }
}
.formFarm_check{
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  a{
    text-decoration: none;
   color: var(--earthy-3);
  }
}
.farm-grid_contact{
  gap: 0;
  align-items: unset;
}
.mb-big{
  margin-bottom: 112px;
}
.farmWrapper_gallery{
  margin:  0 auto;
  max-width: 1222px;
}

.farm-gallery-flex {
  display: flex;
  flex-wrap: wrap;
  gap:  14px; 
  justify-content: center;
}

.farm-gallery__item {
  flex: 1 1 calc(33.33% -  18px);
  height: 206px;
  overflow: hidden;
  border-radius: 14px;
  position: relative;
  background: #e8f7d2;
  border:1px dotted #764832;
  box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s;
}

.farm-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.farm-gallery__item:hover img {
  transform: scale(1.08);
}


.farm-gallery__item.wide {
  flex: 1 1 calc(66.66% - 18px); 
}

@media (width <= 575px){
  .heroFarm2{
    padding:  112px 0;
  }
  .about-thumv02,.about-thumv01,.about-thumv03{
    width: 73px;
    height: 73px;
  }
  .cardFarm_title{
    font-size: 18px;
  }
  .formWrapperFarm,.contactFarm-wrapper {
    padding-right: 14px;
    padding-left: 14px;
  } 
  .contactFarm_item{
    flex-direction: column;
    text-align: center;
  }
  .fagFarm_header{
    flex-direction: column;
  }
  .disclaimer_content h2{
   font-size: 18px;
  }
}


@media (width <= 768px){
  
  .farm-nav_link{
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  }
  .hero2__text{
    font-size: 19px;
  }
  
  .my-col-sm-5 { width: 25%; }
  .my-col-sm-6 { width: 33.3333%; }  
  .my-col-sm-4 { width: 50%; }
  .my-col-sm-8 { width: 66.6667%; }
  .my-col-sm-12 { width: 100%; }
  .farm-grid{
    flex-direction:  column;
  }
  .ircle-image{
    max-height:  450px;
  }
  .funky-disclaimer{
    flex-direction: column;
  }
  .farmPageContent_image{
  float: none;
  width:100%;
  margin: 0 0 18px 0;  
  }
  .formFarm_footer{
    margin-bottom: 0;
  }
  .formWrapperFarm{
    margin-top: 0;
  }
  .farmPageContent{
    padding-right: 14px;
    padding-left: 14px;
  }
 
}

@media (min-width: 768px) and (max-width: 992px){
 
  .my-col-md-5 { width: 25%; }
  .my-col-md-6 { width: 33.3333%; } 
  .my-col-md-4 { width: 50%; }
  .my-col-md-12 { width: 100%; }

  .about-thumv02,.about-thumv01,.about-thumv03{
    width: 73px;
    height: 73px;
  }

}
@media (min-width: 992px){

  .my-col-lg-5 { width: 25%; }
  .my-col-lg-6 { width: 33.3333%;}  
  .my-col-lg-4 { width: 50%; }
  .my-col-lg-12 { width: 100%; }
  
}
@media (width <= 992px){ 
 .farmNavList{
    justify-content: center;
  }
  .flexRowFarm{
   flex-direction:  column;
  }
  .hero2__circle-wrapper{
    height: 206px;
    width: 206px;    
  }
  .hero2__circle-inner {
  width: calc(206px - 31px);
  height: calc(206px - 31px);
}
.faq_img{
    display: none;
  }
  .formFarm_boxInput{
    flex-direction:  column;
  }
  .farm-gallery__item {
    flex: 1 1 calc(50% - 18px);
  }

  .farm-gallery__item.wide {
    flex: 1 1 100%;
  }
}

@media (max-width: 600px) {
  .farm-gallery__item,
  .farm-gallery__item.wide,
  .farm-gallery__item.tall {
    flex: 1 1 100%;
  }
}



.footer-logos {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;

  a img {
    max-height: 50px;
    width: 100%;
    display: block;
    max-width: none;
    transition: 0.3s linear;
    
    &:hover,
    &:hover{
      transform: scale(0.96);
      opacity: 0.8;
    }
  }
}