/* ?hero */
.industrial_hero_title{
  text-transform: uppercase;
}
.industrial_hero_inner{
  position: relative;
}
.industrial_hero_title{
  position: absolute;
  top: 25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  color: #fff;
}
@media screen and (max-width:991px) {
  .industrial_hero_title{
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  } 
}
@media screen and (max-width:991px){
  .industrial_hero_img {
    aspect-ratio: 440 / 213;
  }
}
/* intro */

.industrial_intro_txt_logo{
  width: 30rem;
  margin-inline:auto ;
}
.industrial_intro{
  margin-top: 8rem;
}
.industrial_intro_txt_des{
  margin-top: 3.5rem;
  margin-inline: 12.9rem;
  margin-bottom: 9rem;
  position: relative;
    &::before{
        content: "";
        background: url(../img/icon_txt1.png) no-repeat;
        background-size: 100% 100%;
        width: 10.2rem;
        height: 8.2rem;
        position: absolute;
        opacity: .2;
        left: -9rem;
        top: -8rem;
    }
    &::after{
        content: "";
        background: url(../img/icon_txt.png) no-repeat;
        background-size: 100% 100%;
        width: 10.2rem;
        height: 8.2rem;
        position: absolute;
        right: -10.5rem;
        bottom: -2.5rem;  
        opacity: .2;
    }
}
.industrial_intro_slide_item_txt{
  text-transform: uppercase;
  z-index: 2;
}
.industrial_intro_slide_item{
  position: relative;
}
.industrial_intro_slide_item_img{
  border-radius: 1.5rem;
  overflow: hidden;
}
.industrial_intro_slide_item_txt{
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1 ;
  bottom: 2rem;
  color: #fff;
}
.industrial_intro_slide_item_overlay{
  position: absolute;
   left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 1.5rem;
  background:linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100% );

}
.button_swiper_item{
  pointer-events: auto;
   width: 1rem;
   height: 2rem;
   cursor: pointer;
   transition: opacity .4s ease;
   &.swiper-button-disabled{
      opacity: .4;
      cursor: unset;
   }
}
.industrial_button{
  position: absolute;
  display: flex;
  inset: 0 -3rem;
  justify-content: space-between;
  top: 50%;
}
.industrial_swiper_wrap{
  position: relative;
}
.swiper-pagination-factory{
        text-align: center;
        span{
            background-color: #2e3834;
            opacity: 1;
            width: 1.1rem;
            height: 1.1rem;
        }
        .swiper-pagination-bullet-active{
            background-color: #86B350 !important;
        }
    }

@media screen and (max-width:991px) {
  .swiper-pagination-factory{
        text-align: center;
        margin-top: 3rem;
        span{
            background-color: #014129;
            opacity: 1;
            width: 1.2rem;
            height: 1.2rem;
        }
        .swiper-pagination-bullet-active{
            background-color: #86B350;
        }
    }
  .industrial_intro_txt_des{
    margin-inline: 6rem;
  }
  .industrial_intro_slide_item_txt{
    min-height: 6.3rem;
    bottom: 1rem;
  }
  .industrial_intro_txt_des::after{
    right: -9.5rem;
  }
}
@media screen and (max-width:767px){
  .industrial_intro_txt_logo {
    width:23.6rem;
  }
.industrial_intro_txt_des{
  margin-inline: 0;
  margin-top: 10rem;
  &::before{
    top: -7rem;
    left: 0;
    width: 7.2rem;
     height: 6.2rem;
}
&::after{
    bottom: -3rem;
    right: -1rem;
    width: 7.2rem;
     height: 6.2rem;
} 
}
.industrial_button{
  inset: 0 1rem;
  top: 50%;
}
.industrial_swiper_wrap{
  padding-inline: 2rem ;
  margin-inline:-2rem;
}
.industrial_intro_slide_item_txt{
  left:2.5rem;
  right:2.5rem;
  width:21rem;
  font-size:2rem;
}
}
/* product */
.industrial_product_inner{
  align-items: center;
}
.industrial_product{
    margin-top: 11.5rem;
}
.industrial_product_img{
  grid-column: 1/7;
  border-radius: 2rem 0 0 2rem;
  overflow: hidden;
}
.industrial_product_info{
  grid-column: 7/13;
  margin-left: -3.5rem;
  padding: 10rem 9rem 9rem;
  border-radius: 2rem;
  overflow: hidden;
  min-height: 68rem;
}
.industrial_product_info_title{
  color: #A6CE39;
  margin-top: 4rem;
  text-transform: uppercase;
}
.industrial_product_info_name{
  text-transform: uppercase;
}
.industrial_product_inner.bag{
  margin-top: 12rem;
}
.industrial_product_info.bag{
  grid-column: 1/7;
  margin-right: -3.5rem;
  padding-top: 5rem;
}
.industrial_product_img.bag{
 grid-column: 7/13;
 border-radius: 0 2rem 2rem 0;
}
@media screen and (max-width:991px){
  .industrial_product_img {
    grid-column: 1/13;
    border-radius: 2rem 2rem 0 0;
    height: 100%;
    img{
      height: 100%;
    }
    &.bag{
      grid-column: 1/13;
    border-radius: 2rem 2rem 0 0;
    height: 100%;
    order: 1;
    }
  }
  .industrial_product_info{
    grid-column: 1/13;
    margin-left: -4rem;
    margin-right: -4rem;
    border-radius: 0;
    &.bag{
      grid-column: 1/13;
    margin-left: -4rem;
    margin-right: -4rem;
    border-radius: 0;
    order: 2;
    }
  }
  .industrial_product_inner{
    margin-top: 10rem;
    &.bag{
      margin-top: 10rem;
    }
  }
  .industrial_product_info {
    min-height:auto;
    padding-top:5rem !important;
  }
}

@media screen and (max-width:767px){
  .industrial_product_info{
    margin-left: -2rem;
    margin-right: -2rem;
    border-radius: 0;
    &.bag{
    margin-left: -2rem;
    margin-right: -2rem;
    border-radius: 0;
    }
  }
  .industrial_product_inner{
    margin-top: 8.3rem;
    &.bag{
      margin-top: 8.3rem;
    }
  }
  .industrial_product{
    margin-top: 8.3rem;
  }
  .industrial_product_info {
    padding: 4rem 2rem 10rem !important;
    min-height:auto;
  }
  .industrial_product_info_title {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
}

/* slide */
.industrial_figure_slide_item_title{
  color: #A6CE39;
}
.industrial_figure{
  background-color: #014129;
  padding-block: 4.4rem;
}
.industrial_figure{
  margin-top: 17.5rem;
}
.industrial_figure_inner{
  position: relative;
}
.industrial_figure_button{
  position: absolute;
  display: flex;
  inset: 0 -1rem;
  top: 50%;
  justify-content: space-between;
}
.industrial_figure_slide_item_des {
  color: #fff;
}

.figure_button_swiper_item{
  pointer-events: auto;
   width: 1rem;
   height: 2rem;
   cursor: pointer;
   transition: opacity .4s ease;
   &.swiper-button-disabled{
      opacity: .4;
      cursor: unset;
   }
}

@media screen and (max-width:991px){
  .industrial_figure_slide_item_title{
    font-size: 3.2rem;
  }
  .industrial_figure_button{
    inset: 50% -2rem 0;
  }
  .industrial_figure{
    margin-top:9rem;
  }
}
@media screen and (max-width:767px){
  .industrial_figure_slide_item_title {
    font-size: 2.5rem;
  }
  .industrial_figure{
    padding: 2.5rem 0;
    margin-top: 8.3rem;
  }
  .industrial_figure_button{
    inset: 50% -1rem 0;
  }
}
/* location */
.industrial_location{
  margin-top: 16rem;
}
.industrial_location_left_top_wrap{
  display: flex;
}
.industrial_location_left_top{
  border-radius: 1.5rem;
  border: 1px solid #A6CE39;
  padding: 1rem 4rem;
  transform: skewX(-20deg);
  margin-inline: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.industrial_location_left_top_inner{
  transform: skew(20deg);
}
.industrial_location_inner{
  margin-left: 7rem;
}
.industrial_location_left_top_title{
  color:#77A03B;
  margin-left: 2rem;
  white-space: no-wrap;
}
.industrial_location_left_top_inner{
  text-transform: uppercase;
}
.industrial_location_left_top_des{
  margin-block: 1rem;

} 
.industrial_location_left_top_des1 strong{
  color: #77A03B;
  font-size:7rem
}
.industrial_location_left_top_smalltitle {
  margin-left: -2rem;
  line-height: 1em;
}
.industrial_location_left_top_smalltitle1{
  line-height: 1em;
  strong{
    font-size: 7rem !important;
    font-weight: bold;
    color: #77A03B;
  }
}
.industrial_location_left_top_des1{
  margin-left: -1rem;
  white-space: nowrap;

}
.industrial_location_left_top_wrap{
  margin-bottom: 6rem;
}
.industrial_location_left_content{
  margin-top: 4rem;
  display: flex;
  align-items: center;
}
.industrial_location_left_content_percent{
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: .5rem;
  border-style: solid;
  border-radius: 50%;
  width: 13.3rem;
  height: 13.3rem;
  margin-right: 3.6rem;
}
.industrial_location_left_content_title{
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.industrial_location_left_content_inner{
  width: 40rem;
}
.industrial_location_left_content_wrap{
  .industrial_location_left_content:first-child{
    .industrial_location_left_content_percent{
      color: #77A03B;
      border-color: #77A03B
    }
    .industrial_location_left_content_title{
      color: #77A03B;
    }
  }
  .industrial_location_left_content:nth-child(2){
    .industrial_location_left_content_percent{
      color: #A0CB38;
      border-color: #A0CB38
    }
    .industrial_location_left_content_title{
      color: #A0CB38;
    }
  }
  .industrial_location_left_content:last-child{
    .industrial_location_left_content_percent{
      color: #BCD975;
      border-color: #BCD975
    }
    .industrial_location_left_content_title{
      color: #BCD975;
    }
  }
}
.industrial_location_inner{
  display: flex;
}
.industrial_location_right{
  flex:1;
}
.industrial_location_right_officer{
  max-width: 91.01%;
  margin-bottom: 14rem;
  width:100%;
  margin-inline:auto;
}
.industrial_location_right_officer_title_inner{
  color: #fff;
  transform: skew(10deg);
  text-align: center;
  text-transform: uppercase;
}
.industrial_location_right_officer_title{
  transform: skew(-10deg);
  background-color: #77A03B;
  position: relative;
  z-index: 1;
  max-width: 46.6rem;
  margin-inline: auto;
  padding: 1rem 0;
  border-radius: .5rem;
}
.industrial_location_right_officer_content_item_img{
  width: 2.4rem;
  margin-right: .8rem;
}
.industrial_location_right_officer_content_item{
  display: flex;
  align-items: center;
}
.industrial_location_right_officer_content_item_txt{
  text-transform: uppercase;
}
.industrial_location_right_officer_content{
  border: 3px solid #DFECC1;
  margin-top: -3.8rem;
  border-radius: 1rem;
  transform: skew(-15deg);
}
.industrial_location_right_officer_content_inner{
  display: flex;
  justify-content: space-between;
  padding: 6rem 8.5rem 2rem;
  transform: skew(15deg);
}
.industrial_location_left_top_des1{
  margin-top:3rem;
}
@media screen and (max-width:991px) {
  .industrial_location_left_top_smalltitle1{
  strong{
    font-size: 5.5rem !important;
  }
}
.industrial_location_right_officer_content_item_img{
  width:2rem;
}
.industrial_location_left_top_des1{
  margin-top:2rem;
}
.industrial_location_left_top_des1 strong{
  font-size:5.5rem;
  line-height:1em;
}
  .industrial_location_inner{
    flex-direction: column;
  }
  .industrial_location{
    margin-top: 6rem;
  }
  .industrial_location_left_top_wrap{
    justify-content: center;
  }
  .industrial_location_left_content_percent {
    width: 12rem;
    height: 12rem;
  }
  .industrial_location_inner{
    margin-left: 0;
  }
  .industrial_location_left{
    margin-left: 4rem;
  }
  .industrial_location_right_officer{
    margin-top:4rem;
  }
  .industrial_location_right_officer_content_inner{
    padding: 5rem 5rem 1rem;
  }
  .industrial_location_right_officer_content{
    margin-top: -3rem;
  }
  .industrial_location_right_officer_title{
    padding: .5rem 0;

  }
  .industrial_location_right{
    margin-top:4rem;
  }
}

@media screen and (max-width:767px) {
  .industrial_location_left_top_smalltitle1{
  strong{
    font-size: 2.5rem !important;
  }
}
  .industrial_location{
    margin-top: 10rem;
  }
  .industrial_location_left_top{
    padding: .5rem 2rem;
    flex: 1;
  }
  .industrial_location_left_top_smalltitle {
    font-size: 2rem;
  }
  .industrial_location_left{
      margin-left: 2rem;
  }
  .industrial_location_left_top_wrap{
            padding-right: 2rem;
  }
  .industrial_location_left_content{
    padding-right: 2rem;
  }
  .industrial_location_left_top_des1 strong{
  font-size:2.5rem
}
  .industrial_location_left_content_percent{
    margin-right: 2rem;
  }
  .industrial_location_left_content_inner{
    max-width: 25.5rem;
  }
  .industrial_location_right_officer{
    margin-top: 6rem;
    margin-bottom:10rem;
  }
  .industrial_location_right{
    margin-top: 5rem;
  }
  .industrial_location_right_officer_content_inner{
    flex-wrap: wrap;
    row-gap: 2rem;
  }
  .industrial_location_right_officer{
    margin-inline: auto ;
  }
  .industrial_location_right_officer_title{
    width: 30.2rem;
    padding: 1.1rem 0;
    margin-left: 5.5rem ;
  }
  .industrial_location_right_officer_content{
    max-width: 36.5rem;
    margin-top: -2.5rem;
    width: auto;
    margin-inline: auto;
    .industrial_location_right_officer_content_item:nth-child(2n){
      width: 40%;
    }
  }
  .industrial_location_right_officer_content_inner{
    padding: 6rem 3rem 3rem;
    justify-content: space-between;

  }
  .industrial_location_right_officer_content_item{
    width: 50%;
  }
  .industrial_location_right_officer_content{
    transform: skew(-10deg);
  }
  .industrial_location_right_officer_content_inner{
    transform: skew(10deg);
  }
}