@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --color-1: rgb(85, 134, 34);
}
@layer utilities {
  .content-auto { content-visibility: auto;}
  .scrollbar::-webkit-scrollbar {width: 6px;height: 6px; transition:all 0.3s ease;}
  .scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #172C15; transition:all 0.3s ease;}
  .scrollbar::-webkit-scrollbar-thumb {background: rgba(85, 134, 34, 0.8);border-radius: 100vh;transition:all 0.3s ease;}
  .scrollbar::-webkit-scrollbar-thumb:hover {background: rgba(85, 134, 34, 1);}
}

.gallery-images {display: grid;grid-template-columns: repeat(4, auto);grid-template-rows: repeat(auto, auto); grid-column-gap: 20px;grid-row-gap: 20px;}
.gallery-images .image {width: 100%; height: auto;border-radius: 6px; overflow: hidden;  display: none;}
.gallery-images .image:nth-child(5n+1) { grid-column: span 1; grid-row: span 2; aspect-ratio: 1/2.116; }
.gallery-images .image:nth-child(5n+2) { grid-column: span 2; grid-row: span 1; aspect-ratio: 2/1; }
.gallery-images .image:nth-child(5n+3) { grid-column: span 1; grid-row: span 2; aspect-ratio: 1/2.116; }
.gallery-images .image:nth-child(5n+4) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1/1; }
.gallery-images .image:nth-child(5n+5) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1/1; }
/* Common */
*{ outline: none !important; }
html, body { position: relative; }
body { font-family: "Poppins", sans-serif; margin: 0; padding: 0; }

.text-content ol{list-style: decimal; padding: 0 0 0 24px; margin: 0 0 16px;}
.text-content ol li+li{margin: 16px 0 0;}
.text-content ul{list-style: disc; padding: 0 0 0 24px; margin: 0 0 16px;}
.text-content ul li+li{margin: 16px 0 0;}
.text-content p{margin: 0 0 16px;}

.form{position: relative;}
.form .formRow--item{width: 100%;}
.form .formRow--item .formRow--input{width: 100%;height: 60px;border-radius: 6px;overflow: hidden;padding-left: 20px;padding-right: 70px;box-shadow: none;outline: none;}
.form .btn_action{position: absolute;right: 20px;top: 15px; font-size: 30px;color: var(--color-1); }
.leaf-text:before { content: ''; position: absolute; top: -22px; left: 0; width: 40px; aspect-ratio: 1 / 1; background-image: url(../image/two-leafs.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.leaf-text-alt:before{ content: ''; position: absolute; top: -24px; left: 36px; width: 40px; aspect-ratio: 1 / 1; background-image: url(../image/two-leafs.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.leaf-text-alt-2:before{ content: ''; position: absolute; top: -10px; left: 24px; width: 24px; aspect-ratio: 1 / 1; background-image: url(../image/two-leafs.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.leaf-text-alt-timeline:before{ content: ''; position: absolute; top: -24px; left: 30px; width: 40px; aspect-ratio: 1 / 1; background-image: url(../image/two-leafs.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
@keyframes scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
@media screen and (max-width: 1600px){
  
}

@media screen and (max-width: 1440px){
  .leaf-text:before {top: -14px;}
  .leaf-text-alt:before{top: -14px;left: 32px;}
  .leaf-text-alt-timeline:before{top: -14px;left: 25px;}
}

@media screen and (max-width: 1024px){
  .leaf-text:before {top: -24px;}
  .leaf-text-alt:before { top: -24px; left: 25px; }
  .leaf-text-alt-timeline:before { top: -24px; left: 20px;}
}
@media screen and (max-width: 990px){
  .leaf-text:before {top: -18px; width: 32px;}
  .leaf-text-alt-timeline:before {top: -26px;left: 14px;}
}
@media screen and (max-width: 480px){
  .gallery-images{grid-template-columns: repeat(2, auto);}
  .gallery-images .image:nth-child(5n+1) {grid-column: span 2;grid-row: span 2;  aspect-ratio: 2 / 1;}
  .gallery-images .image:nth-child(5n+2) {grid-column: span 1; grid-row: span 2; aspect-ratio: 1 / 2.116;}
  .gallery-images .image:nth-child(5n+3) {grid-column: span 1;grid-row: span 1;aspect-ratio: 1 / 1;}
  .gallery-images .image:nth-child(5n+4) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1 / 1; }
  .gallery-images .image:nth-child(5n+5) { grid-column: span 2; grid-row: span 1; aspect-ratio: 2 / 1; }
}

@media screen and (max-width: 990px) and (orientation: landscape){
 
}