/*--------------------------------------------------------------
>>> Animation
--------------------------------------------------------------*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 147, 80, 0.36);
            box-shadow: 0 0 0 0 rgba(68, 147, 80, 0.36);
  }
  70% {
    -webkit-box-shadow: 0 0 0 1rem rgba(68, 147, 80, 0);
            box-shadow: 0 0 0 1rem rgba(68, 147, 80, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 147, 80, 0);
            box-shadow: 0 0 0 0 rgba(68, 147, 80, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 147, 80, 0.36);
            box-shadow: 0 0 0 0 rgba(68, 147, 80, 0.36);
  }
  70% {
    -webkit-box-shadow: 0 0 0 1rem rgba(68, 147, 80, 0);
            box-shadow: 0 0 0 1rem rgba(68, 147, 80, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 147, 80, 0);
            box-shadow: 0 0 0 0 rgba(68, 147, 80, 0);
  }
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(15rem, -50%, 0);
            transform: translate3d(15rem, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(15rem, -50%, 0);
            transform: translate3d(15rem, -50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
            transform: translate3d(0, 2rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
            transform: translate3d(0, 2rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounce-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(0.25rem);
            transform: translateX(0.25rem);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes bounce-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(0.25rem);
            transform: translateX(0.25rem);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 50%;
  }
}

@keyframes shine {
  100% {
    left: 50%;
  }
}

@-webkit-keyframes fade_move_left {
  0% {
    -webkit-transform: translate(0.1875rem, 0) rotate(180deg);
            transform: translate(0.1875rem, 0) rotate(180deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-0.3125rem, 0) rotate(180deg);
            transform: translate(-0.3125rem, 0) rotate(180deg);
    opacity: 0;
  }
}

@keyframes fade_move_left {
  0% {
    -webkit-transform: translate(0.1875rem, 0) rotate(180deg);
            transform: translate(0.1875rem, 0) rotate(180deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-0.3125rem, 0) rotate(180deg);
            transform: translate(-0.3125rem, 0) rotate(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes fade_move_right {
  0% {
    -webkit-transform: translate(-0.3125rem, 0);
            transform: translate(-0.3125rem, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0.1875rem, 0);
            transform: translate(0.1875rem, 0);
    opacity: 0;
  }
}

@keyframes fade_move_right {
  0% {
    -webkit-transform: translate(-0.3125rem, 0);
            transform: translate(-0.3125rem, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0.1875rem, 0);
            transform: translate(0.1875rem, 0);
    opacity: 0;
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/* Banner */
.banner_effect-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 4.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.banner_effect1 .banner_effect-blocks {
  max-width: 85rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.banner_effect1 .banner-content {
  top: 2rem;
  color: #004125;
  text-transform: uppercase;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 71.875rem;
  font-weight: 700;
}

.banner_effect1 .banner-content strong {
  display: block;
  color: #109648;
}

.banner_effect1 .banner_effect-block,
.banner_effect1 .banner_effect-block img {
  width: 18.75rem;
}

.banner_effect-block:nth-child(2) {
  position: relative;
  top: -4rem;
}

.banner_effect-title-navs {
  position: absolute;
  width: 100%;
  bottom: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #109648;
  font-size: 3rem;
  font-weight: 700;
  max-width: 54rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.nav-line {
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 11.75rem;
}

.nav-line svg {
  position: relative;
  bottom: -.5rem;
  overflow: hidden;
  width: 100%;
}

.banner_img {
  position: absolute;
  top: 0;
  right: -5rem;
  width: calc(100% - 21.75rem);
  z-index: -1;
}

.banner_effect2 .banner-content {
  color: #5fb14b;
  text-transform: uppercase;
  font-weight: 700;
  bottom: 0;
  font-size: 2.75rem;
}

.banner_effect2 .banner-content strong {
  display: block;
}

.banner_effect2 .banner_effect-blocks {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  bottom: 0;
}

.banner_effect2 .banner_effect-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #fff;
  font-size: 1.125rem;
  position: absolute;
}

.banner_effect2 .banner_effect-block strong {
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.banner_effect-block__content {
  position: absolute;
  width: 18rem;
}

.banner_effect2 .banner_effect-block:nth-child(1) {
  right: calc(14.5*1.041666666vw);
  bottom: 0;
}

.banner_effect2 .banner_effect-block:nth-child(2) {
  left: calc(36.5*1.041666666vw);
  top: -28rem;
}

.banner_effect2 .banner_effect-block:nth-child(3) {
  left: calc(24*1.041666666vw);
  top: -38rem;
}

.banner_effect2 .banner_effect-block:nth-child(1) .banner_effect-block__icon {
  width: 23.5rem;
}

.banner_effect-block:nth-child(1) .banner_effect-block__content {
  left: calc(100% + 1.5rem);
  bottom: 4.5rem;
}

.banner_effect2 .banner_effect-block:nth-child(2) .banner_effect-block__icon {
  width: 17.5rem;
  height: 17.5rem;
  background: #63b14a;
  border-radius: 50%;
  padding: .75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.banner_effect2 .banner_effect-block:nth-child(2) .banner_effect-block__icon img {
  position: relative;
  left: -.315rem;
  top: -.3125rem;
}

.banner_effect-block:nth-child(2) .banner_effect-block__content {
  right: calc(100% + 1.5rem);
  bottom: 4.5rem;
  text-align: right;
}

.banner_effect2 .banner_effect-block:nth-child(3) .banner_effect-block__icon {
  width: 13.75rem;
  height: 13.75rem;
  background: #63b14a;
  border-radius: 50%;
  padding: .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.banner_effect2 .banner_effect-block:nth-child(3) .banner_effect-block__icon img {
  position: relative;
  right: -.25rem;
}

.banner_effect-block:nth-child(3) .banner_effect-block__content {
  right: calc(100% + 1.5rem);
  bottom: 4.5rem;
  text-align: right;
}

.banner-line svg {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(68.5*1.031666666vw);
  height: calc(100% - 4rem);
}

section {
  position: relative;
}

.banner-content {
  position: absolute;
  bottom: 7.75rem;
  left: 4.875rem;
  color: #fff;
  font-size: 3.25rem;
}

.banner .banner__image img {
  
}

.banner .owl-theme .owl-dots {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.banner .owl-theme .owl-dots .owl-dot:not(:last-child) {
  margin-right: .5rem;
}

.banner .owl-theme .owl-dots .owl-dot span {
  background: transparent;
  border: thin solid #fff;
  width: .75rem;
  height: .75rem;
}

.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
}

.banner .owl-theme .owl-dots .owl-dot.active span:before,
.banner .owl-theme .owl-dots .owl-dot:hover span:before {
  content: '';
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border: thin solid #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto;
}

.banner-video-btn {
  width: 5rem;
  height: 5rem;
  margin-right: .75rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: .25rem solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}

.banner-video-btn:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.banner-video-btn svg {
  width: 2.5rem;
  fill: #fff;
  -webkit-transform: translateX(0.125rem);
          transform: translateX(0.125rem);
}


.rect-dots.abs-icon {
  width: 2.625rem;
  right: 4rem;
  bottom: 5.5rem;
}

.circle-dots.abs-icon {
  width: 26rem;
  height: auto;
  left: -.5rem;
  bottom: 0;
  opacity: .7;
  margin: auto;
  z-index: -1;
}

.carousel--style1.owl-theme .owl-nav {
  position: absolute;
  top: -7.65rem;
  right: 0;
  margin: 0;
}

.carousel--style1.owl-theme .owl-nav button {
  margin: 0 .5rem;
}

.carousel--style1.owl-theme .owl-nav button:last-child {
  margin-right: 0;
}

.carousel--style1 .nav-btn {
  width: 3.375rem;
  height: 3.375rem;
  background: #449350;
  padding: .75rem;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel--style1 .nav-btn img {
  width: 1.5rem;
  -webkit-filter: brightness(10);
          filter: brightness(10);
}

.carousel--style1.owl-theme .owl-nav .disabled {
  opacity: 1;
}

.carousel--style1 .disabled .nav-btn {
  background: transparent;
  border: thin solid #449350;
}

.carousel--style1 .disabled .nav-btn img {
  -webkit-filter: none;
          filter: none;
}

.carousel--style1 .nav-btn.prev-nav {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.carousel--style1.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}

.carousel--style1 .owl-nav > :not(.disabled):hover img {
  -webkit-animation: bounce-arrow .5s ease-in-out;
          animation: bounce-arrow .5s ease-in-out;
}

.carousel--style1 .owl-dots {
  display: none;
}

/*--------------------------------------------------------------
>>> Vertical Nav
--------------------------------------------------------------*/
#vertical-navs {
  position: fixed;
  right: 2.3125rem;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

#vertical-navs li {
  text-align: right;
  list-style-type: none;
  margin-bottom: 1.75rem;
}

#vertical-navs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  color: #449250;
  font-weight: 500;
  font-size: .8125rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

#vertical-navs .nav-label {
  position: absolute;
  right: .5rem;
  margin-right: .75rem;
  padding: .4em .5em;
  color: #449250;
  font-size: 0.8125rem;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  line-height: 1;
  -webkit-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
  background: #ffffff;
  border-radius: .15rem;
  padding: .25rem .5rem .35rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 3rem;
  pointer-events: none;
}

#vertical-navs .nav-label:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: .35rem solid transparent;
  border-left-color: #ffffff;
  border-right: 0;
  margin-top: -.35rem;
  margin-right: -.35rem;
}

#vertical-navs a:after {
  content: "";
  display: table;
  clear: both;
}

#vertical-navs a span {
  float: right;
  display: inline-block;
}

#vertical-navs .nav-dot {
  position: relative;
  height: .425rem;
  width: .425rem;
  border-radius: 50%;
  background-color: #BDBEC0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  pointer-events: all;
}

#vertical-navs a:hover .nav-dot,
#vertical-navs a.is-selected .nav-dot {
  background-color: #449250;
}

#vertical-navs a:hover .nav-dot:before,
#vertical-navs a.is-selected .nav-dot:before {
  content: '';
  position: absolute;
  width: .85rem;
  height: .85rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  border: thin solid #449250;
}

#vertical-navs a:hover .nav-dot {
  -webkit-transform: scale(1);
          transform: scale(1);
}

#vertical-navs a:hover .nav-label,
#vertical-navs a.is-selected .nav-label {
  opacity: 1;
}
.tabs-navs
{
    display:flex;
    justify-content:center;
    gap: 1rem;
}
.tabs-navs a
{
    font-size:1rem;
    color:#000000;
    text-transform:uppercase;
    font-weight:500;
    position: relative;
    padding:.75rem 4rem;
    text-transform: uppercase;
    border-radius: 2.5rem;
    background: #555;
    position: relative;
}
.tabs-navs a:before
{
  
    content: '';
    background: white;
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 35px;
}
.tabs-navs a.active
{
    font-weight:600;
}
.tabs-navs a.active,
.tabs-navs a:hover
{
    background-image: linear-gradient(#8dc555, #2cb15a);
    color: white;
}
.tabs-navs a.active:before,
.tabs-navs a:hover:before
{
        content: '';
    background: transparent;
}
.tabs-navs a.active span,
.tabs-navs a:hover span
{
     color: white;
}
.tabs-navs a span
{
    z-index:2;
    position:relative;
    color: #555;
}
.tabs-content
{
    margin-top:2rem;
}
.tab-content 
{
    display:flex;
    display:none;
    padding: 0;
    gap:2rem;
    background:#066836;
    color:#fff;
}
.farm-content
{
    display: block;
    overflow-y: scroll;
    height: 88%;
    padding-right: 1rem;
    margin: 1rem 1rem 0 0;
    flex-grow: 1;
    line-height: 1.6;
}
.farm-content::-webkit-scrollbar {
     width: 1rem;
     height:1rem;
 }
.farm-content::-webkit-scrollbar-track {
     background:transparent;
 }
.farm-content::-webkit-scrollbar-thumb {
   background:#418f4940;
   background: linear-gradient(0, transparent 50%, #418f4940 50%);
 }
.farm-image
{
    width:50%;
    flex:none;
    display:grid;
}
.tab-content.active
{
    display: flex !important;
}
.section-title {
  color: #095333;
  font-size: 2.5rem;
  font-weight: 600;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}
.farm
{
    background-image:url(../images/solution-bg.png);
    background-size:60%;
    background-position:center top;
    background-repeat:no-repeat;
    padding: 3rem 0 0;
}
.farm__description
{
     padding:0 10%;
    text-align:justify;
    line-height:1.5;
    margin-bottom:2rem;
}
.farm-tabs-wrap
{
    position:relative;
    padding: 3rem 0;
}
.farm-tabs-wrap:before
{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#eaeaea;
    min-width:100vw;
    left:50%;
    transform:translateX(-50%);
}
.farm-tabs
{
    
}
.customerfarm .section-title
{
    text-align:center;
    font-size:1.5rem;
}
.solution .section-title strong,
.customerfarm .section-title strong,
.advise .section-title strong
{
    display:block;
    font-size:2.5rem;
}
.advise__description,
.customerfarm__description,
.section-description
{
    padding:0 10%;
    text-align:justify;
    line-height:1.5;
    margin-bottom: 0;
}
.customerfarm__description .btn 
{
    text-transform:uppercase;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.customerfarm,
.bgp
{
    padding: 3rem 0 0;
    background-image:url(../images/home-map-bg-gray.png);
    background-size:60%;
    background-position:center top;
    background-repeat:no-repeat;
}
.customerfarm__images
{
    min-width:100vw;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.customerfarm-btns
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2rem;
    margin: 1rem 0 3rem;
}
.advise
{
    padding:3rem 0;
    background-image:url(../images/bg-1.png),url(../images/bg-2.png);
    background-size:40vw, 45rem;
    background-position:left bottom,right bottom;
    background-repeat:no-repeat;
}
.advise__content
{
    padding-right:60%;
    margin-top:4rem;
    text-align: justify;
    line-height: 1.5;
    margin-bottom: 0;
}
.gallery_list {
    display: grid;
    grid-auto-flow: row dense;
    gap: .25rem;
}
.gallery_list {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 8rem 8rem 8rem 8rem 8rem 8rem 8rem auto;
}
.gallery_list a:nth-child(1) {
    grid-column: 1 / 4;
    grid-row: 1 / 4;
}

.gallery_list a:nth-child(2) {grid-column: 4;grid-row: 1 / 3;}

.gallery_list a:nth-child(3) {
grid-column: 1;
grid-row: 4 / 6
}

.gallery_list a:nth-child(4) {
grid-column: 2;
grid-row: 4 / 6
}

.gallery_list a:nth-child(5) {
grid-column: 3;
grid-row: 4 / 6
}

.gallery_list a:nth-child(6) {
grid-column: 4;
grid-row: 3 / 6
}

.gallery_list a:nth-child(7) {
grid-column: 1 / 3;
grid-row: 6 / 8
}

.gallery_list a:nth-child(8) {
grid-column: 3 / 5;
grid-row: 6 / 8
}
.gallery_list a {
  justify-self: stretch;
  background-color: #eaeaea;
}

.gallery_list a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.gallery
{
    padding:3rem 0;
}
.gallery .section-title
{
    text-align:center;
}

.or
{
    display:grid;
    position:absolute;
    top:0;
    opacity:.0;
    z-index:0;
}
.abs-icon.logo
{
    width: 30vw;
    height:auto;
    top: 3vw;
    left:3.5vw;
}
.banner .bg
{
    display:grid;
}
.abs-icon.title
{
    width: 33vw;
    height:auto;
    top: 16vw;
    left:2.5vw;
}
.abs-icon.cloud-1
{
    width: 20vw;
    height:auto;
    bottom:7.5rem;
    right:-.5vw;
}
.abs-icon.cloud-2
{
    width: 16vw;
    height:auto;
    bottom:-2rem;
    right:29vw;
}
.abs-icon.cloud-3
{
    width: 12vw;
    height:auto;
    top:17rem;
    right:52vw;
}
.abs-icon.cloud-4
{
    width: 15vw;
    height:auto;
    top:12rem;
    right:15vw;
}
.abs-icon.cum-bgp
{
    width: 59.5vw;
    height: 100%;
    bottom: 0.5rem;
    right: 3vw;
    display: flex;
    align-items: flex-end;
    overflow: visible;
}
.abs-icon.cum-bgp .bgp-3d
{
    width:100%;
}
.abs-icon.t1
{
    width: 15vw;
    height:auto;
    top: 3vw;
    left: 18.5vw;
}
.abs-icon.t2
{
    width: 15vw;
    height:auto;
    top: 14vw;
    right: -1vw;
}
[lang="en-GB"] .abs-icon.t2
{
    top:16vw;
}
.abs-icon.t3
{
    width: 15vw;
    height:auto;
    bottom: 3.5vw;
    left: 24.25vw;
}
.abs-icon.i1
{
    width: 18vw;
    height:auto;
    top: 8.75vw;
    left: 8.5vw;
}
.abs-icon.i2
{
    width: 26vw;
    height:auto;
    top: 4.25vw;
    right: -1.5vw;
}
.abs-icon.i3
{
    width: 24vw;
    height:auto;
    bottom: 11vw;
    left: .5vw;
}
.overview
{
    padding:3rem 0;
}
.overview-inner
{
    display:flex;
    align-items:center;
    gap:2rem;
}
.overview_content-wrap
{
    flex:none;
    width:55%;
}
.overview-image
{
    flex-grow:1;
}
.overview_content
{
     text-align:justify;
    line-height:1.5;
    margin-bottom:2rem;
}
.overview_content ul li
{
    list-style-type: disc;
    font-weight: bold;
    text-transform: uppercase;
}
.overview_content ul li p,
.overview_content ul li small
{
    font-weight:400;
    margin-bottom: .5rem;
    margin: .5rem 0;
    display:block;
}
.overview_content li:nth-child(1) {
  color: #0f5533
}

.overview_content li:nth-child(2) {
  color: #0a7b42
}

.overview_content li:nth-child(3) {
  color: #3aae2a
}
.bgp
{
    position:relative;
    padding: 3rem 0;
}
.bgp .section-title-wrapper
{
    text-align:center;
}
.bgp .section-title
{
        text-align:center;
    font-size:1.5rem;
     font-size:2.5rem;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    display:inline-block;
   padding:.5rem 2rem;
    border-radius:1rem;
    background:#fff;
}
.bgp .section-title strong
{
    display:block;
    font-size:2.5rem;
}

/*--------------------------------------------------------------
>>> G3F Circle
--------------------------------------------------------------*/
.g3f {
  background: #F1F3F4;
  overflow: hidden;
}

.g3f-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12vh 0 6.25rem;
  position: relative;
}
.g3f-wrap .g3f-wrapper
{
    display:none;
   
}
.g3f-wrap .g3f-wrapper.active
{
    display:flex;
}
.g3f-circle {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 5.0625rem;
}

.g3f-circle-inner {
  width: 28.375rem;
  height: 28.375rem;
  border-radius: 50%;
  position: relative;
}

.g3f-circle__items {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  border-radius: 50%;
  border: thin solid #7DB352;
  
}
.g3f-circle__items:after
{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
      background-image:url(../images/home-product-bg.png);
    background-size:calc(100% + .125rem);
    background-position:center;
    background-repeat:no-repeat;
    z-index:1;
}
[data-id="t3"] .g3f-circle__items:after
{
     background-image:url(../images/solution-item-bg-3item.png);
     transform:rotate(18deg);
     background-size: calc(100% - 0.25rem);
}
.g3f-circle__item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.375rem;
  height: 3.375rem;
  margin: calc(-1*(3.375rem/2));
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 2;
}

.g3f-circle__item-icon {
  width: 3.375rem;
  height: 3.375rem;
  margin: calc(-1*(3.375rem/2));
  border: thin solid #7DB352;
  border-radius: 50%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:
  -webkit-box;
  display:
  -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
}

.g3f-circle__item:hover .g3f-circle__item-icon,
.g3f-circle__item.active .g3f-circle__item-icon {
  border-color: #43ad49;
  background: linear-gradient(55.77deg, #8BB35D -4.17%, #8BB35D 42.4%, #418F49 75.22%, #2D925A 101.68%);
        background: var(--gradient--primary);
}

.g3f-circle__item:hover img,
.g3f-circle__item.active img {
  -webkit-transition: all .25s;
  transition: all .25s;
    filter:brightness(0) invert(1);
}

.g3f-circle__item-link {
  padding: .75rem;
}
.g3f-circle__item
{
    counter-increment: section;
}
.g3f-circle__item-link:before
{
    content: counter(section);
    font-weight:700;
    font-size:1.25rem;
    color:var(--color--primary);
}
.g3f-circle__item.active .g3f-circle__item-link:before,
.g3f-circle__item:hover .g3f-circle__item-link:before
{
    color:#fff;
}
.g3f-circle__item img {
  -webkit-transition: all .25s;
  transition: all .25s;
  display: none;
}
.description
{
    margin-top:1rem;
     text-align:justify;
    line-height:1.5;
}
.g3f-circle__image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}

.g3f-circle__image.inside {
  padding: 6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.g3f-circle__navs {
  display: none;
}

.g3f-circle__image.inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.g3f-circle__item.active {
  -webkit-transition: all .25s .2s;
  transition: all .25s .2s;
}

.g3f-circle__item.active img {
  -webkit-transition: -webkit-filter .001s .25s;
  transition: -webkit-filter .001s .25s;
  transition: filter .001s .25s;
  transition: filter .001s .25s, -webkit-filter .001s .25s;
}

.page-id-216 .g3f-circle__item:hover .tab_element img,
.page-id-216 .g3f-circle__item.active .tab_element img,
.page-id-851 .g3f-circle__item:hover .tab_element img,
.page-id-851 .g3f-circle__item.active .tab_element img {
  -webkit-filter: none;
          filter: none;
}

.active-circle-slider {
  position: absolute;
  top: calc(50% + .0325rem);
  left: 50%;
  width: 4.375rem;
  height: 4.375rem;
  margin: -2.1875rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(55.77deg, #8BB35D -4.17%, #8BB35D 42.4%, #418F49 75.22%, #2D925A 101.68%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  z-index: 1;
  -webkit-transform: rotate(180deg) translate(14.1875rem) rotate(-180deg);
          transform: rotate(180deg) translate(14.1875rem) rotate(-180deg);
}

.g3f-circle-1 .active-circle-slider {
  display: none;
}

.g3f-circle-2 .active-circle-slider {
  -webkit-transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
          transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
}

.g3f-circle-3 .active-circle-slider {
  -webkit-transform: rotate(210deg) translate(14.1875rem) rotate(-210deg);
          transform: rotate(210deg) translate(14.1875rem) rotate(-210deg);
}

.g3f-circle-5 .active-circle-slider {
  -webkit-transform: rotate(126deg) translate(14.1875rem) rotate(-126deg);
          transform: rotate(126deg) translate(14.1875rem) rotate(-126deg);
}

.g3f-circle-1 .g3f-circle__item {
  -webkit-transform: rotate(450deg) translate(14.1875rem) rotate(-450deg);
          transform: rotate(450deg) translate(14.1875rem) rotate(-450deg);
}

.g3f-circle-2 .g3f-circle__item:nth-of-type(1) {
  -webkit-transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
          transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
}

.g3f-circle-2 .g3f-circle__item:nth-of-type(2) {
  -webkit-transform: rotate(450deg) translate(14.1875rem) rotate(-450deg);
          transform: rotate(450deg) translate(14.1875rem) rotate(-450deg);
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(1) {
  transform: rotate(-90deg) translate(14.1875rem) rotate(90deg);
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(2) {
  transform: rotate(30deg) translate(14.1875rem) rotate(-30deg);
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(3) {
  transform: rotate(-210deg) translate(14.1875rem) rotate(210deg);
}


.g3f-circle-4 .g3f-circle__item:nth-of-type(1) {
  -webkit-transform: rotate(90deg) translate(14.1875rem) rotate(-90deg);
  transform: rotate(90deg) translate(14.1875rem) rotate(-90deg);
}

.g3f-circle-4 .g3f-circle__item:nth-of-type(2) {
  -webkit-transform: rotate(180deg) translate(14.1875rem) rotate(-180deg);
  transform: rotate(180deg) translate(14.1875rem) rotate(-180deg);
}

.g3f-circle-4 .g3f-circle__item:nth-of-type(3) {
  -webkit-transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
  transform: rotate(270deg) translate(14.1875rem) rotate(-270deg);
}

.g3f-circle-4 .g3f-circle__item:nth-of-type(4) {
  -webkit-transform: rotate(360deg) translate(14.1875rem) rotate(-360deg);
  transform: rotate(360deg) translate(14.1875rem) rotate(-360deg);
}
.g3f-circle-5 .g3f-circle__item:nth-of-type(1) {
  transform: rotate(-90deg) translate(14.1875rem) rotate(90deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(2) {
  transform: rotate(-18deg) translate(14.1875rem) rotate(18deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(3) {
  transform: rotate(54deg) translate(14.1875rem) rotate(-54deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(4) {
  transform: rotate(126deg) translate(14.1875rem) rotate(-126deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(5) {
  transform: rotate(198deg) translate(14.1875rem) rotate(-198deg);
}

.g3f-circle__item-title {
  position: absolute;
  font-size: .75rem;
  font-weight: 400;
  top: 0.25rem;
  left: -8.875rem;
  color: #095333;
  max-width:8rem;
  display: none;
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(2) .g3f-circle__item-title {
  top: -.5rem;
  right: -2.875rem;
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(3) .g3f-circle__item-title {
  top: 3.25rem;
  left: 4.25rem;
  right:unset;
  top: -1rem;
  width: 10rem;
  max-width: 10rem;
  text-align: left;
}
[data-id="t2"] .g3f-circle-5 .g3f-circle__item:nth-of-type(3) .g3f-circle__item-title
{
    top: -1.5rem;
}
[data-id="t3"] .g3f-circle-3 .g3f-circle__item:nth-of-type(2) .g3f-circle__item-title
{
    top: 3.25rem;
    left: 4.25rem;
    right:unset;
    top: -1rem;
    width: 9rem;
    max-width: 10rem;
    text-align: left;
}
[data-id="t3"] .g3f-circle-3 .g3f-circle__item:nth-of-type(3) .g3f-circle__item-title
{
    top: 3.25rem;
  left: 4.25rem;
  right:unset;
  top: -1rem;
  width: 10rem;
  max-width: 10rem;
  text-align: left;
}
.g3f-circle-5 .g3f-circle__item:nth-of-type(4) .g3f-circle__item-title {
  top: -2.5rem;
  left: .875rem;
  width: 7rem;
}
[data-id="t2"] .g3f-circle-5 .g3f-circle__item:nth-of-type(4) .g3f-circle__item-title 
{
    
left: 3.75rem;
    
text-align: left;
}
.g3f-circle-5 .g3f-circle__item:nth-of-type(5) .g3f-circle__item-title {
  top: -.25rem;
  left: 2.5rem;
  width:8rem;
}
[data-id="t2"] .g3f-circle-5 .g3f-circle__item:nth-of-type(5) .g3f-circle__item-title 
{
    left:3.5rem;
}
.g3f-circle-4 .g3f-circle__item:nth-of-type(1) .g3f-circle__item-title {
  top: 1.5rem;
  left: 3.25rem;
  right: unset;
  display: none;
}

.g3f-circle__item-childs {
  position: absolute;
  left: 5rem;
  top: -5.375rem;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.g3f-circle__item:hover .g3f-circle__item-childs,
.g3f-circle__item.g3f-click .g3f-circle__item-childs {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.g3f-circle__item-child {
  margin: .5rem 0 0;
}

.g3f-circle__item-child .g3f-circle__item-link {
  padding: .475rem;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.g3f-circle__item-child img {
  -webkit-transform: scale(1.25) translateY(0.25rem);
          transform: scale(1.25) translateY(0.25rem);
  max-width: 100%;
  max-height: 100%;
}

#g3f .g3f-circle__item-child .g3f-circle__item-title {
  font-size: .875rem;
  top: 0rem;
  left: 4.75rem;
  min-width: 3rem;
  text-align: left;
}

.g3f-circle__item:hover .g3f-circle__item-child.g3f-circle__item-icon,
.g3f-circle__item.active .g3f-circle__item-child.g3f-circle__item-icon {
  border-color: #8BB350;
  background: #fff;
}

#g3f .g3f-circle__item-child.g3f-circle__item-icon:hover,
#g3f .g3f-circle__item-child.g3f-circle__item-icon.active {
  border-color: #8BB350;
  background: linear-gradient(55.77deg, #8BB35D -4.17%, #8BB35D 42.4%, #418F49 75.22%, #2D925A 101.68%);
}

.g3f-circle__item-childs:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  right: 100%;
}

/*--------------------------------------------------------------
>>> G3F Tabs
--------------------------------------------------------------*/
.g3f-tabs {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding: 1rem 0 0 5.0625rem;
}

.g3f-tabs__navs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: none;
}

.g3f-tabs__nav:not(:first-child) {
  margin-left: 1.375rem;
}

.g3f-tab__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.g3f-tab__title {
  color: #000000;
  font-size: 1.125rem;
  font-weight: 400;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.section-title {
  color: #095333;
  font-size: 2.5rem;
  font-weight: 600;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}

.g3f-tab__description p {
  margin-top: 0;
}

.g3f hm {
  display: block;
  margin: 0;
}

.g3f-tab__description {
  font-size: 1rem;
  text-align: justify;
  padding-bottom: .5rem;
}

.g3f-tab__buttons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.g3f-tabs__content {
  display: none;
  width: 100%;
  min-height: calc(100% - .5rem);
  max-height: calc(100% - .5rem);
  height: auto;
  z-index: 1;
  padding-left: 4.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}

.g3f-tab__content {
  position: absolute;
  top: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
}

.g3f-tab__content.active {
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

body .btn--outline:hover, body .btn.active {
  -webkit-transition: .2s .15s ease-in-out;
  transition: .2s .15s ease-in-out;
}

.active-nav-slider {
  display: inline-block;
  width: 2rem;
  height: 2.3rem;
  border-radius: 1.5rem;
  background-color: #000000;
  position: absolute;
  z-index: -1;
  bottom: 0;
  -webkit-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.g3f-tab__buttons .btn:not(:last-child) {
  margin-left: 1rem;
}

.g3f-tabs-1 {
  display: none;
}

.section-subtitle {
  font-size: 1.125rem;
  color: #449350;
  margin: 0 0 1rem;
  font-weight: 500;
  max-width: 72%;
  line-height: 1.4;
  text-transform: uppercase;
}

.g3f-bg.abs-icon {
  width: 50rem;
  opacity: .7;
  height: auto;
  left: 48%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.g3f-tab__bg {
  position: absolute;
  top: 0;
  /* left: calc(50vw - 2.75rem); */
  height: 100%;
  width: calc(50vw + 2rem);
  overflow: hidden;
  display: flex;
  transform: translateX(-8rem);
}

.g3f-tab__bg svg {
  width: 44.5rem;
  height: 100%;
}

.g3f-tab__bg span {
  background: #45AD50;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 40.5rem);
  height: 100%;
}

.g3f-tab__circle-element {
  width: 18.375rem;
  height: 18.375rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: 1rem;
  right: -5rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(174, 226, 31, 0.25)), to(rgba(25, 173, 77, 0.25)));
  background: linear-gradient(-90deg, rgba(174, 226, 31, 0.25) 0%, rgba(25, 173, 77, 0.25) 100%);
}

.g3f-section-title {
  color: #fff;
  font-size: 1.75rem;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  margin: 0;
  white-space: normal;
  max-width: 30rem;
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(1) .circle-line {
  position: absolute;
  bottom: 5.25rem;
  left: -3.25rem;
  -webkit-transform: rotate(244deg) translateZ(-1rem);
          transform: rotate(244deg) translateZ(-1rem);
  z-index: -1;
  width: 15rem;
  height: 12.5rem;
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(2) .circle-line {
  position: absolute;
  top: 3.25rem;
  right: -13.25em;
  -webkit-transform: rotate(10deg) translateZ(-1rem);
          transform: rotate(10deg) translateZ(-1rem);
  z-index: -1;
  width: 15rem;
  height: 12.5rem;
}

.g3f-circle-3 .g3f-circle__item:nth-of-type(3) .circle-line {
  position: absolute;
  top: -1.25rem;
  right: 3.5em;
  -webkit-transform: rotate(123deg) translateZ(-1rem);
          transform: rotate(123deg) translateZ(-1rem);
  z-index: -1;
  width: 15rem;
  height: 12.5rem;
}

.g3f-circle__items.g3f-circle-5 .g3f-circle__item .circle-line {
  display:none;
}

.circle-line {
  pointer-events: none;
}

.g3f-tab__info-item {
  position: relative;
  margin-bottom: 1rem;
  min-height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.g3f-tab__info-icon {
  width: 3.125rem;
  height: 3.125rem;
  position: absolute;
  left: -5.5rem;
  background: linear-gradient(268.33deg, #5BEE6B -19.24%, #2D925A 120.86%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
  left: -5.5rem;
}

.g3f-tab__info-item:nth-of-type(4) .g3f-tab__info-icon {
  left: -6.75rem;
}

.g3f-tab__info-icon span {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 900;
  background: #fff;
  border-radius: 50%;
  color: #2D925A;
  padding-bottom: .5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.g3f-tab__info-content {
  font-size: 1rem;
}

.g3f-tab__buttons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-start;
  width: 100%;
  margin-top: .5rem;
  /* gap: 1rem; */
}

.g3f-tab__buttons a {
  position: relative;
  padding-right: 3rem;
}

.g3f-tab__buttons a:before {
  content: '';
  position: absolute;
  background-image: url("../images/darrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: .75rem;
  height: .75rem;
  right: 1.25rem;
  top: .725rem;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.g3f-tab__buttons .video:before
{
  background-image: url("../images/video-alt3.svg");
  width:1.75rem;
  height:1.25rem;
  filter:invert(1);
  top: .5rem;
}
.g3f-tab__buttons .video:hover:before
{
     filter: unset;
     animation: heartbeat 1s ease-in-out infinite;
}
.g3f-tab__buttons a:hover:before {
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-animation: fade_move_right 1.35s ease-in-out infinite;
          animation: fade_move_right 1.35s ease-in-out infinite;
}

.ellipse {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 100%;
  width: calc(50vw + 7rem);
  display: none;
}

.info-list5 .g3f-tab__info-item {
  margin-bottom: .75rem;
}

.info-list5 .g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
  left: -7.5rem;
}

.info-list5 .g3f-tab__info-item:nth-of-type(2) .g3f-tab__info-icon {
  left: -6rem;
}

.info-list5 .g3f-tab__info-item:nth-of-type(4) .g3f-tab__info-icon {
  left: -6rem;
}

.info-list5 .g3f-tab__info-item:nth-of-type(5) .g3f-tab__info-icon {
  left: -7rem;
}

.info-list3 .g3f-tab__info-item {
  margin-bottom: 2rem;
}

.info-list3 .g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
  left: -5.5rem;
}

.info-list3 .g3f-tab__info-item:nth-of-type(2) .g3f-tab__info-icon {
  left: -5.5rem;
}

.info-list3 .g3f-tab__info-item:nth-of-type(3) .g3f-tab__info-icon {
  left: -6rem;
}
.g3f-wrap
{
    margin-top:-.1875rem;
    background:#f1f2f2;
    position:relative;
}
.g3f-wrap:before
{
   content:'';
   position:absolute;
   left:0;
   top:0;
   width: 100vw;
   height:100%;
   background:#f1f2f2;
   left: 50%;
   transform: translateX(-50%);
}
#t1,#t2,#t3
{
    cursor:pointer;
}
[lang="vi"] #t1:not(.active) path,[lang="vi"] #t2:not(.active) path,[lang="vi"] #t3:not(.active) path
{
    fill:#fff;
    stroke-width: 1px;
    stroke: #eaeaea;
}
[lang="en-GB"] #t1:not(.active) > g > path,[lang="en-GB"] #t2:not(.active) > g > path,[lang="en-GB"] #t3:not(.active)  > g > path
{
    fill:#fff;
    stroke-width: 1px;
    stroke: #eaeaea;
}
[lang="en-GB"] #t1:not(.active) > g g path,[lang="en-GB"] #t2:not(.active) > g g path,[lang="en-GB"] #t3:not(.active)  > g g path
{
    fill:#555;
    stroke-width: 0px;
    stroke: #555;
}
#t1:not(.active) tspan,#t2:not(.active) tspan,#t3:not(.active) tspan
{
    fill:#555;
}
#t1:not(.active) line,#t2:not(.active) line, #t3:not(.active) line
{
    stroke: rgba(0,0,0,0.2);
}
@media screen and (max-width: 1023px) {
  /* Animation */
  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(15rem, 0, 0);
              transform: translate3d(15rem, 0, 0);
      visibility: visible;
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(15rem, 0, 0);
              transform: translate3d(15rem, 0, 0);
      visibility: visible;
      opacity: 0;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  /* Banner */
  .banner-content {
    font-size: 1.857rem;
    left: 1.28rem;
    bottom: 2.428rem;
    line-height: 1.2;
  }
  .banner .owl-theme .owl-dots {
    bottom: 1.5rem;
    left: 1.28rem;
  }
  .banner_video,
  .banner_video img,
  .banner_video .video-fullscreen {
    min-height: 15rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .banner-video-btn {
    width: 3rem;
    height: 3rem;
    z-index: 2;
    border-width: .125rem;
    top: 1rem;
    -webkit-transform: none;
            transform: none;
    left: auto;
    right: 1rem;
  }
  .banner-video-btn svg {
    width: 1.75rem;
  }
  .banner .owl-theme .owl-dots .owl-dot span {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  
  
/* G3F */
  .g3f-circle__item-title {
    font-size: .875rem;
  }
  .g3f-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 4.875rem 0 3.142rem;
  }
  .g3f-circle {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .g3f-circle-inner {
    width: 20.1428rem;
    height: 20.1428rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: auto;
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(1) {
    -webkit-transform: rotate(150deg) translate(9.0714rem) rotate(-150deg);
            transform: rotate(150deg) translate(9.0714rem) rotate(-150deg);
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(2) {
    -webkit-transform: rotate(270deg) translate(9.0714rem) rotate(-270deg);
            transform: rotate(270deg) translate(9.0714rem) rotate(-270deg);
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(3) {
    -webkit-transform: rotate(30deg) translate(9.0714rem) rotate(-30deg);
            transform: rotate(30deg) translate(9.0714rem) rotate(-30deg);
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(1) .circle-line,
  .g3f-circle-3 .g3f-circle__item:nth-of-type(2) .circle-line,
  .g3f-circle-3 .g3f-circle__item:nth-of-type(3) .circle-line {
    position: absolute;
    bottom: 4.75rem;
    left: -0.875rem;
    -webkit-transform: rotate(245deg) translateZ(-1rem);
            transform: rotate(245deg) translateZ(-1rem);
    z-index: -1;
    width: 10.25rem;
    height: 10.428rem;
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(2) .circle-line {
    top: 2.625rem;
    left: 2.75rem;
    -webkit-transform: rotate(5deg) translateZ(-1rem);
            transform: rotate(5deg) translateZ(-1rem);
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(3) .circle-line {
    top: -0.875rem;
    left: -10.75rem;
    -webkit-transform: rotate(128deg) translateZ(-1rem);
            transform: rotate(128deg) translateZ(-1rem);
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(1) .g3f-circle__item-title {
    top: -2.125rem;
    left: -2rem;
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(2) .g3f-circle__item-title {
    top: -0.25rem;
    right: -3.25rem;
  }
  .g3f-circle-3 .g3f-circle__item:nth-of-type(3) .g3f-circle__item-title {
    top: 3.5rem;
    right: -1rem;
  }
  .g3f-tab__bg {
    left: 0;
    top: 28.5rem;
    height: 39rem;
    width: 100%;
    min-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-height: 32rem;
  }
  .g3f-tab__bg svg {
    width: 100%;
    height: 27rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .g3f-tab__bg span {
    width: 100%;
    height: calc(100% - 8rem);
    top: 8rem;
    left: 0;
  }
  .g3f-tab__circle-element {
    width: 15.57rem;
    height: 15.57rem;
    right: 2rem;
  }
  .ellipse {
    width: 100%;
    height: 19.75rem;
    top: 8rem;
    -webkit-transform: translate(0, 0%) rotate(90deg);
            transform: translate(0, 0%) rotate(90deg);
    display: none;
  }
  .g3f-circle__nav:not(:first-child) {
    margin-left: 1rem;
  }
  .g3f-circle__nav-link {
    font-size: .714rem;
  }
  .g3f-circle__item-link {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .g3f-circle__item img {
    width: 2.5rem;
  }
  .g3f-circle__item-childs {
    top: calc(100% + .812rem);
    left: -4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .g3f-circle__item-child:not(:first-child) {
    margin-left: 1rem;
  }
  #g3f .g3f-circle__item-child .g3f-circle__item-title {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 100%;
    min-width: 5rem;
    white-space: nowrap;
    margin: .5rem 0 0;
  }
  /*--------------------------------------------------------------
  >>> G3F Tabs
  --------------------------------------------------------------*/
  .g3f-tabs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    min-height: 29rem;
  }
  .g3f-tab__content {
    position: static;
    width: 0;
    height: 0;
    -webkit-transition: none;
    transition: none;
  }
  .g3f-tab__description,
  .g3f-tab__buttons {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0;
  }
  .g3f-tab__buttons
  {
    justify-content: center;
  }
  .g3f-tab__title {
    font-size: 1.0714rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
  }
  .g3f-tab__description {
    font-size: .9375rem;
    padding: 0;
  }
  .g3f-tab__buttons .btn {
    margin: .5rem auto;
    margin: unset;
  }
  .g3f-tab__content.active {
    width: auto;
    height: auto;
    -webkit-transition: opacity 0.2s 0.1s ease-out, -webkit-transform 0.2s 0.1s ease-out;
    transition: opacity 0.2s 0.1s ease-out, -webkit-transform 0.2s 0.1s ease-out;
    transition: opacity 0.2s 0.1s ease-out, transform 0.2s 0.1s ease-out;
    transition: opacity 0.2s 0.1s ease-out, transform 0.2s 0.1s ease-out, -webkit-transform 0.2s 0.1s ease-out;
  }
  .g3f-tabs-1 + .g3f-tabs__content {
    margin-top: 2.5rem;
  }
  .g3f-tabs__content {
    margin: 12.57rem 0 0;
    padding-left: 1rem;
    min-height: auto;
  }
  .g3f-tab__info-list .g3f-tab__info-item {
    min-height: auto;
    position: static;
    margin-bottom: 1.5rem;
  }
  .g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
    top: -7.5rem;
    left: 0rem;
  }
  .g3f-tab__info-item:nth-of-type(2) .g3f-tab__info-icon {
    top: -6rem;
    left: calc(((100% + 1rem)/4)*1);
  }
  .g3f-tab__info-item:nth-of-type(3) .g3f-tab__info-icon {
    top: -6rem;
    left: calc(((100% + 1rem)/4)*2);
  }
  .g3f-tab__info-item:nth-of-type(4) .g3f-tab__info-icon {
    top: -7.5rem;
    left: calc(((100% + 1rem)/4)*3);
  }
  .g3f-section-title {
    font-size: 1.5rem;
    white-space: normal;
    padding: 0 10%;
  }
  .g3f-tab__info-content {
    font-size: 1rem;
  }
  .section-title {
    font-size: 1.71rem;
  }
  .info-list5 .g3f-tab__info-item {
    margin-bottom: 1.5rem;
  }
  .info-list5 .g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
    top: -7.5rem;
    left: 0rem;
  }
  .info-list5 .g3f-tab__info-item:nth-of-type(2) .g3f-tab__info-icon {
    top: -6rem;
    left: calc(((100% + 1rem)/5)*1);
  }
  .info-list5 .g3f-tab__info-item:nth-of-type(3) .g3f-tab__info-icon {
    top: -5.25rem;
    left: calc(((100% + 1rem)/5)*2);
  }
  .info-list5 .g3f-tab__info-item:nth-of-type(4) .g3f-tab__info-icon {
    top: -6rem;
    left: calc(((100% + 1rem)/5)*3);
  }
  .info-list5 .g3f-tab__info-item:nth-of-type(5) .g3f-tab__info-icon {
    top: -7.5rem;
    left: calc(((100% + 1rem)/5)*4);
  }
  .info-list3 .g3f-tab__info-item:nth-of-type(1) .g3f-tab__info-icon {
    top: -7.5rem;
    left: 0rem;
  }
  .info-list3 .g3f-tab__info-item:nth-of-type(2) .g3f-tab__info-icon {
    top: -6rem;
    left: calc(((100% + 1rem)/3)*1);
  }
  .info-list3 .g3f-tab__info-item:nth-of-type(3) .g3f-tab__info-icon {
    top: -6.75rem;
    left: calc(((100% + 1rem)/3)*2);
  }

    .overview-inner
    {
        flex-wrap:wrap;
        gap: 1rem;
    }
    .overview_content-wrap
    {
        width:100%;
        order:2;
    }
    .overview
    {
        padding:1rem 0;
    }
    .bgp
    {
        padding-top:1rem;
    }
    .bgp .section-title 
    {
        font-size:1rem;
    }
    .bgp .section-title strong
    {
        font-size:1.25rem;
        white-space:nowrap;
    }
    .bgp .bgp-icon
    {
        min-width: 100vw;
        position:relative;
        left:50%;
        transform: translateX(-50%);
    }
    .g3f-circle-inner {
    width: 18.1428rem;
    height: 18.1428rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: auto;
  }
    .g3f-circle__item,
    .g3f-circle__item-icon
    {
        width: 3.5rem;
        height: 3.5rem;
        margin: -1.75rem;
    }
      .g3f-circle-5 .g3f-circle__item:nth-of-type(1) {
  transform: rotate(-90deg) translate(9.0714rem) rotate(90deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(2) {
  transform: rotate(-18deg) translate(9.0714rem) rotate(18deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(3) {
  transform: rotate(54deg) translate(9.0714rem) rotate(-54deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(4) {
  transform: rotate(126deg) translate(9.0714rem) rotate(-126deg);
}

.g3f-circle-5 .g3f-circle__item:nth-of-type(5) {
  transform: rotate(198deg) translate(9.0714rem) rotate(-198deg);
}
    .gallery_list {
      display:flex;
      flex-wrap:wrap;
      gap: .25rem;
    }
    .gallery_list a:nth-child(n+2)
    {
        width:calc((100% - 1*.25rem)/2);
    }
    .gallery_list a:nth-child(n+4)
    {
        width:calc((100% - 2*.25rem)/3);
    }
    /* .bgp-icon #t1,.bgp-icon  #t2,.bgp-icon  #t3
    {
        transform: scale(1.5) translateY(1rem) !important;
    }
    .bgp-icon #lineline1,
     .bgp-icon #lineline2,
    .bgp-icon #line1,
    .bgp-icon #line2,
    .bgp-icon #line3
    {
        transform: translateY(-2rem);
    }
    .bgp-icon #t1
    {
        transform-origin:left bottom !important;
    }
   .bgp-icon  #t2
    {
        transform-origin: center bottom !important;
        transform:scale(1.5) translateY(1rem) translateX(.125rem) !important;
    }
    .bgp-icon #t3
    {
        transform-origin:right bottom !important;
    } */
  [lang="vi"] #t1:not(.active) > g > path,[lang="vi"] #t2:not(.active) > g > path,[lang="vi"] #t3:not(.active)  > g > path
{
    fill:#fff;
    stroke-width: 1px;
    stroke: #eaeaea;
}
[lang="vi"] #t1:not(.active) > g g path,[lang="vi"] #t2:not(.active) > g g path,[lang="vi"] #t3:not(.active)  > g g path
{
    fill:#555;
    stroke-width: 0px;
    stroke: #555;
}

}

@media screen and (min-width: 1600px) {
  .banner-line svg {
    width: calc(67.75*1.041666666vw);
    height: calc(100% - 0rem);
    -webkit-transform: translateY(-1.625rem);
            transform: translateY(-1.625rem);
  }
  .ellipse {
    left: calc(.75*1.041666666vw);
  }
}

@media screen and (min-width: 1920px) {
  .banner-line svg {
    width: calc(67.725*1.041666666vw);
    height: calc(100% + 3.5rem);
    -webkit-transform: translateY(-3.75rem);
            transform: translateY(-3.75rem);
  }
  .ellipse {
    left: calc(4.25*1.041666666vw);
    width: calc(49.8*1.04758666666vw);
  }
  .images .images-carousel .owl-stage-outer {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 2048px) {
  .banner-line svg {
    width: calc(67.725*1.041666666vw);
    height: calc(100% + 9.75rem);
    -webkit-transform: translateY(-7.125rem);
            transform: translateY(-7.125rem);
  }
  .ellipse {
    left: calc(6.125*1.041666666vw);
    width: calc(47.8*1.04758666666vw);
  }
}

@media screen and (min-width: 2280px) {
  .banner-line svg {
    width: calc(67.725*1.041666666vw);
    height: calc(100% + 10.125*1.041666666vw);
    -webkit-transform: translateY(calc(-6.5*1.041666666vw));
            transform: translateY(calc(-6.5*1.041666666vw));
  }
  .ellipse {
    left: calc(8*1.041666666vw);
    width: calc(45.8*1.04758666666vw);
  }
}

@media screen and (min-width: 2800px) {
  
}

@media screen and (min-width: 3072px) {
 
}

/* Fix IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  :not(.tes-active).owl-item.active .testimonial-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

/* Fix for touch device */
@media only screen and (max-width: 1366px) and (min-width: 1024px) {
  .touch .theiaStickySidebar {
    position: static !important;
  }
}
/*# sourceMappingURL=tacn.css.map */