body > br{
    display: none;
}

#main_index {
    padding-bottom: 0!important;
    overflow:hidden;
}

.np_language_btn .dropdown_btn a, .np_language_btn .dropdown_btn a:hover {
  color: #000;
  text-decoration: none;
}

.hp_big_title {
    color: #000;
  font-size: 2.3vw;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1rem;
  position: relative;
}

.hp_big_title::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 20px;
  background-color: #fdba12;
  margin-bottom: 3px;
  clip-path: polygon(100% 0%, 80% 50%, 100% 100%, 20% 100%, 0% 50%, 20% 0%);
}

.navbar_type8 .logo {
    flex: 0 1 30%;
}

.navbar_type8 .logo img {
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  padding: 10px;
}

.navbar_type8 .nav_tab {
    flex: 0 1 70%;
    justify-content: center;
    /*background-image: linear-gradient(to right,transparent 15px, #4e7ae1 15px, #4e7ae1 107.86px, transparent 107.86px);*/
}

/*.navbar_type8 .nav_tab .nav_item:first-child>a {*/
/*    color: #ffffff;*/
/*}*/

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame {
    margin-bottom: 10px;
}

.dark_nav {
    background-color: #000 !important;
}

.navbar_type8 {
    background-color: #000;
}

.navbar_type8 .nav_tab .nav_item a {
    font-weight: 600;
  font-size: 12px;
  padding: 20px 12px 20px 16px;
  transition: all 0.5s ease-in-out;
}

.navbar_type8 .nav_tab .nav_item a:hover {
    color: #000;
}

.navbar_type8 .nav_tab .nav_item {
    margin: 0 3px;
    padding: 7px 0;
    overflow: hidden;
}

.navbar_type8 .nav_tab .nav_item::before {
  position: absolute;
  content: "";
  left: unset;
  top: 0;
  width: 100%;
  border-bottom: none;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  background-color: #fdba12;
  height: 100%;
  clip-path: polygon(100% 0%, 88% 50%, 100% 100%, 12% 100%, 0% 50%, 12% 0%);
  z-index: -1;
  right: -100%;
}

.navbar_type8 .nav_tab .nav_item:hover::before {
    right: 0;
}

.footer_type6 {
    background-color: #000;
    background-image: url('https://cdn1.npcdn.net/userfiles/26500/image/footer.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 85%;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer_type6 .logo.title {
    min-height: 80px;
}

.footer_type6 .logo.title img {
    max-height: 80px;
}

.footer_type6 .text-muted {
  color: #f4f4f4 !important;
}

/*banner*/
.sec_banner_ebox {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}

.banner_content {
    overflow: hidden;
}

.hp_banner{
    padding: 0% 0% 0% 5%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.hp_banner_small{
  color: #fff;
  margin-bottom: 2px;
  font-size: 1.35vw;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.hp_banner_title{
  font-size: 3vw;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 1px 1px 3px #000;
}

.hp_banner_title span {
    display: block;
}

.hp_banner_content{
  font-size: 1.2vw;
  font-weight: 400;
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  width: 35%;
  margin-bottom: 0;
}



/*top space*/
.bgTopNav {
    background-color: #fdba12;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    z-index: 999;
}

/*.bgTopNav::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-color: rgba(0, 0, 0, 0.6);*/
/*}*/

.secTopNav_box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.secTopNav_email_box,
.secTopNav_tel_box {
    display: flex;
    align-items: center;
}

.secTopNav_contact {
    width: 100%;
  display: flex;
  justify-content: flex-end;
}

.secTopNav_title {
  width: 50%;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 3px;
  display: none;
}

.secTopNav_tel_box {
    margin-left: 3vw;
}

.secTopNav_imgx {
    max-width: 2vw;
    height: auto;
}

.secTopNav_email,
.secTopNav_tel {
    margin-left: .5vw;
}

.secTopNav_email>a,
.secTopNav_tel>a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}
.secTopNav_ctrl_width {
    max-width: 75%;
    margin: 0 auto;
}

@media screen and (max-width: 767.98px) {
    .secTopNav_box {
        flex-wrap: wrap;
    }
}



/*sec1*/
.bgSec1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.sec1_top_title {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #4e7ae1;
}

.sec1_top_title::after {
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background-color: #4e7ae1;
    margin-top: 10px;
}

.sec1_bottom_right_ebox {
    margin: 15px 0;
}

.sec1_bottom_right_top_content_box {
    padding: 50px 20px;
  background-image: radial-gradient(#444, #000);
}

.sec1_bottom_left_box {
    position: relative;
}

.sec1_bottom_left_content_box {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec1_bottom_left_content_title {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
}

.sec1_bottom_left_content_text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 200;
    color: #d1d5d7;
    margin-top: 15px;
    margin-bottom: 20px;
}

.sec1_bottom_left_content_imgx {
    margin-top: 40px;
}

.sec1_bottom_right_bottom_ebox {
    margin-top: 15px;
}

.sec1_bottom_right_top_box,
.sec1_bottom_right_bottom_box {
    position: relative;
}

.sec1_bottom_right_top_content_imgx_title {
    width: 60%;
  margin: 0 auto 1rem;
}

.sec1_bottom_right_top_content_imgx {
   max-width: 95%;
  margin: 2rem auto;
}

.sec1_bottom_right_top_content_imgx img {
    width: 100%;
    filter: drop-shadow(1px 1px 7px rgba(0, 0, 0, 0.5));
    transition: all 1s ease-in-out;
}

.sec1_bottom_right_ebox:hover .sec1_bottom_right_top_content_imgx img {
    /*transform: rotateY(360deg) scale(1.1);*/
    animation: 1s bounce;
}

.sec1_bottom_right_top_content_title {
  font-size: 1.6vw;
  line-height: 1.2;
  font-weight: 600;
  color: #ffffff;
}

.sec1_btnRead {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    font-weight: 600;
    color: transparent;
    position: relative;
}

.sec1_btnRead span {
    position: relative;
    display: inline-block;
    padding: 3px 25px;
    color: transparent;
}

.sec1_btnRead span::before {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(90deg) translateY(10px);
    transform-origin: bottom;
}

.sec1_btnRead span:hover::before {
    transform: rotateX(0deg) translateY(0px);
}

.sec1_btnRead span::after {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4e7ae1;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(0deg) translateY(0px);
    transform-origin: top;
}

.sec1_btnRead span:hover::after {
    transform: rotateX(90deg) translateY(-10px);
}

@media screen and (min-width: 992px) {
    .sec1_ctrl_width {
        width: 80%;
    margin: 0 auto;
    }
    .sec1_bottom_left_ebox {
        flex: 0 0 29.1666%;
        max-width: 29.1666%;
        /* flex: 0 0 27.0833%;
        max-width: 27.0833%; */
        padding-left: 0;
        padding-right: 15px;
    }
    /*.sec1_bottom_right_ebox {*/
    /*    flex: 0 0 20.8333%;*/
    /*    max-width: 20.8333%;*/
        /* flex: 0 0 22.9166%;
        max-width: 22.9166%; */
    /*    padding-left: 0;*/
    /*    padding-right: 15px;*/
    /*}*/
    /*.sec1_bottom_left_imgx>img {*/
    /*    height: 475px;*/
    /*    width: 100%;*/
    /*}*/
    /*.sec1_bottom_right_top_imgx>img,*/
    /*.sec1_bottom_right_bottom_imgx>img {*/
    /*    height: 230px;*/
    /*    width: 100%;*/
    /*    margin: cover*/
    /*}*/
}

@media screen and (min-width: 1200px) {
    .sec1_bottom_left_imgx>img {
        height: 611px;
        width: 100%;
    }
    .sec1_bottom_right_top_imgx>img,
    .sec1_bottom_right_bottom_imgx>img {
        height: 298px;
        width: 100%;
        margin: cover;
    }
}

@media screen and (max-width: 991.98px) {
    .sec1_top_title::after {
        margin: 10px auto 0;
    }
    .sec1_bottom_right_ebox {
        margin-top: 15px;
    }
}

@media screen and (max-width: 426px) {
    .sec1_top_title {
        font-size: 28px;
    }
    .sec1_bottom_left_content_title {
        font-size: 24px;
    }
    .sec1_bottom_left_content_imgx {
        margin-top: 20px;
    }
    .sec1_bottom_right_top_content_imgx,
    .sec1_bottom_right_bottom_content_imgx {
        max-width: 75%;
    }
}



/*sec2*/
.bgSec2 {
    background-image: url('https://cdn1.npcdn.net/userfiles/26500/image/aboutbg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 6rem;
    padding-bottom: 6rem;
    position: relative;
}

.bgSec2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0,0.05);
}

.sec2_title {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #4e7ae1;
}

.sec2_title::after {
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background-color: #ffffff;
    margin-top: 10px;
}

.sec2_keyword_title {
 font-size: 21px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 10px;
}

.sec2_keyword {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  color: #fff;
  margin-bottom: 25px;
}

.btnRead {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    font-weight: 600;
    color: transparent;
    position: relative;
}

.btnRead span {
    position: relative;
    display: inline-block;
    padding: 3px 25px;
    color: transparent;
}

.btnRead span::before {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #4e7ae1;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(90deg) translateY(10px);
    transform-origin: bottom;
}

.btnRead span:hover::before {
    transform: rotateX(0deg) translateY(0px);
}

.btnRead span::after {
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 3px 23px;
    transform-style: preserve-3d;
    transition: .3s;
    transform: rotateX(0deg) translateY(0px);
    transform-origin: top;
}

.btnRead span:hover::after {
    transform: rotateX(90deg) translateY(-10px);
}

.sec2_box {
    background-color: rgba(0, 0, 0, 0.7);
  padding: 35px;
  backdrop-filter: blur(1px);
}

.sec2_btn .btn-conteiner {
    justify-content: flex-start;
}

.sec2_box .hp_big_title, .sec4_top_box .hp_big_title {
    color: #fff;
}

.sec2_img {
  position: absolute;
  width: 130%;
  left: -10vw;
  z-index: 1;
  top: 0;
  transition: all 2s ease-in-out;
}

.sec2_img img {
    filter: brightness(0.95);
}

.bgSec2:hover .sec2_img {
    left: -7vw;
    top: 1vw;
}

.sec2_ebox {
    padding-right: 5vw;
}


@media screen and (max-width: 426px) {
    .sec2_title {
        font-size: 28px;
    }
    .sec2_keyword_title {
        font-size: 20px;
    }
}



/*sec3*/
.bgSec3 {
    padding-top: 5rem;
  padding-bottom: 5rem;
}

.sec3_top_title {
    display: inline-block;
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    background-color: #4e7ae1;
    padding: 5px 30px;
}

/*.sec3_bottom_box {*/
/*    margin-top: 3.5rem;*/
/*}*/

.imageMarquee {
    height: 119px;
    background-image: url('https://cdn1.npcdn.net/img/1621849822brandslogo.jpg');
    animation: imageMovement 40s linear infinite;
}

@keyframes imageMovement {
    100% {
        background-position-x: -5976px;
    }
}

.bgSec3 .wrapper {
    width: 100%;
    margin: 2rem auto 0;
}

.autoplay {
    display: flex;
    justify-content: space-between;
}

.autoplay img {
    max-width: 82%;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}

.autoplay img:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 426px) {
    .sec3_top_title {
        font-size: 28px;
    }
}

.hp_video {
    width: 100%;
}


/*sec4*/
.bgSec4 {
    background-image: url('https://cdn1.npcdn.net/userfiles/26500/image/whybg.png');
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 6rem;
    margin-bottom: 5rem;
    position: relative;
}

.bgSec4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 71%;
  height: 87%;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(1px);
  z-index: 1;
}

.bgSec4::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 29%;
  height: 10%;
  background-color: #fff;
  z-index: 0;
}

.sec4_ctrl_width {
    position: relative;
  z-index: 2;
}

.sec4_top_title {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #4e7ae1;
}

.sec4_top_title::after {
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background-color: #ffffff;
    margin-top: 10px;
}

.sec4_top_text {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 35px;
  width: 70%;
}

.sec4_img {
  position: absolute;
  width: 150%;
  bottom: -10vw;
  right: -15vw;
  transition: all 2s ease-in-out;
}

.bgSec4:hover .sec4_img {
  bottom: -14vw;
  right: -13vw;
}

/*.sec4_img img {*/
/*    filter: brightness(0.95);*/
/*}*/

.sec4_bottom_imgx>img {
    transition: transform .5s;
}

.sec4_bottom_imgx>img:hover {
    transform: translateY(-5%);
}

.sec4_bottom_text {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    margin-top: 20px;
}
.sec4_bottom_imgx {
    width: 65%;
  padding: 25px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .sec4_ctrl_width {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767.98px) {
    .sec4_top_text {
        margin-bottom: 30px;
    }
    .sec4_bottom_ebox:nth-child(1n+3) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 426px) {
    .sec4_top_title {
        font-size: 28px;
    }
    .sec4_top_text {
        font-size: 20px;
    }
    .sec4_bottom_text {
        font-size: 18px;
        margin-top: 10px;
    }
}

.btn-conteiner {
  display: flex;
  justify-content: center;
}
.btn-conteiner a, .btn-conteiner a:hover {
    color: #000;
    text-decoration: none;
}
.btn-content {
  display: flex;
  align-items: center;
  padding: 3px 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;
  color: #000;
  background: #fdba12;
  transition: 1s;
  border-radius: 0;
  box-shadow: 0 0 0.2em 0 #fdba12;
  line-height: 1;
}

.btn-content:hover, .btn-content:focus {
  transition: 0.5s;
  -webkit-animation: btn-content 1s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 #fdba12;
}

.btn-content .icon-arrow {
  transition: 0.5s;
  margin-right: 0px;
  transform: scale(0.34);
}

.btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-right: 25px;
}

.icon-arrow {
  width: 10px;
  margin-left: 10px;
  position: relative;
  top: 2%;
}
  
#arrow-icon-one {
  transition: 0.4s;
  transform: translateX(-60%);
}

#arrow-icon-two {
  transition: 0.5s;
  transform: translateX(-30%);
}

.btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}

.btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}

.btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}

@keyframes color_anim {
  0% {
    fill: #000;
  }

  50% {
    fill: #fdba12;
  }

  100% {
    fill: #000;
  }
}


@-webkit-keyframes btn-content {
  0% {
    outline: 0.2em solid #fdba12;
    outline-offset: 0;
  }
}

@keyframes btn-content {
  0% {
    outline: 0.2em solid #fdba12;
    outline-offset: 0;
  }
}

.page_about {
    overflow: hidden;
}

.pg_vision_ebox {
    margin: 15px 0;
}

.pg_vision_ebox .serviceBox{
  color: #000;
  background: linear-gradient(#ffc435,#fdba12);
  text-align: center;
  padding: 20px;
  border-radius: 0;
}
.pg_vision_ebox .serviceBox .service-icon{
    font-size: 50px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.pg_vision_ebox .serviceBox .title{
  color: #fdba12;
  background-color: #f4f4f4;
  font-size: 1.4vw;
  font-weight: 700;
  padding: 10px 0;
  margin: 0 -20px 15px;
  text-shadow: 1px 1px 1px #000;
}
.pg_vision_ebox .serviceBox .description{
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  height: 55px;
}

.pg_banner_top {
    position: relative;
}

.pg_banner_title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.2;
  background-color: rgba(0, 0, 0, 0.4);
}

.pg_banner_title span {
    display: block;
  font-size: 4vw;
}

.pg_about_keyword {
    font-size: 16px;
  line-height: 1.7;
  color: #555;
}

.pg_about1 {
    padding-top: 5rem;
  padding-bottom: 5rem;
}

.pg_about2 {
    padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #f4f4f4;
}

.pg_about2_right {
    display: flex;
  flex-direction: column;
  justify-content: center;
}

.pg_vision {
    padding-top: 5rem;
  padding-bottom: 5rem;
}

.pg_team_ebox {
    position: relative;
    padding: 0 9vw;
}

.pg_team_ebox img {
    width: 100%;
}

.pg_team_title {
    font-size: 1.8vw;
  font-weight: 500;
  text-align: center;
  width: 100%;
  background-color: #000;
  color: #fdba12;
  padding: 25px;
  line-height: 1.3;
}

.pg_team {
    padding-bottom: 5rem;
}

#main_index .index_wrapper_7 {
    margin-bottom: 5rem;
}


@media screen and (max-width: 1200px) {
    .secTopNav_title, .sec2_keyword, .sec4_bottom_text, .pg_about_keyword, .pg_vision_ebox .serviceBox .description {
        font-size: 14px;
    }
    .secTopNav_email > a, .secTopNav_tel > a, .navbar_type8 .nav_tab .nav_item a {
        font-size: 13px;
    }
    .navbar_type8 .nav_tab .nav_item a {
        padding: 15px 15px 15px 12px;
    }
    .navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame {
        padding-top: 100px;
    }
    /*.hp_banner {*/
    /*    padding: 0% 0% 0% 2%;*/
    /*}*/
    /*.hp_banner_small {*/
    /*    font-size: 17px;*/
    /*}*/
    /*.hp_banner_content {*/
    /*    font-size: 15px;*/
    /*}*/
    .bgSec1, .bgSec3, .pg_about1, .pg_about2, .pg_vision {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .sec1_ctrl_width {
        width: 90%;
    }
    .sec1_bottom_right_top_content_box {
        padding: 30px 10px;
    }
    .sec1_bottom_right_top_content_title {
        font-size: 17px;
    }
    .btn-content {
        padding: 0px 20px;
        font-size: 15px;
    }
    .sec2_keyword_title {
        font-size: 16px;
    }
    .sec2_box {
        padding: 25px;
    }
    .bgSec2 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .sec2_img, .bgSec2:hover .sec2_img {
        left: -9vw;
        z-index: 1;
        top: 11vw;
    }
    .sec2_ebox {
      padding-right: 15px;
    }
    .autoplay img {
        max-width: 75%;
    }
    .bgSec3 .wrapper {
        margin: 0rem auto 0;
    }
    .bgSec4 {
        padding-top: 6rem;
        padding-bottom: 4rem;
        margin-bottom: 3rem;
    }
    .sec4_top_text {
        font-size: 16px;
    }
    .sec4_ctrl_width {
        max-width: 95%;
    }
    .sec4_bottom_imgx {
        width: 70%;
        padding: 20px;
    }
    .sec4_img, .bgSec4:hover .sec4_img {
        bottom: -9vw;
        right: -12vw;
    }
    .pg_vision_ebox .serviceBox .title {
        font-size: 20px;
    }
    .pg_team {
      padding-bottom: 3rem;
    }
    .navbar_type8 .logo {
      flex: 0 1 20%;
      margin-left: 0px;
    }
    .navbar_type8 .nav_tab {
        flex: 0 1 80%;
    }
    /*.sec3_bottom_box {*/
    /*    margin-top: 2.5rem;*/
    /*}*/
}

.navbar_mobile {
    background-color: #000;
}

.side_menu .list-group .list-group-item a {
    color: #fff;
}

@media screen and (max-width: 767px) {
    #main_index {
        overflow-x: hidden;
    }
    /*.index_wrapper_2 .item.slick-slide > img {*/
    /*    min-height: 270px !important;*/
    /*    object-fit: cover;*/
    /*}*/
    /*.hp_banner {*/
    /*    padding: 0;*/
    /*    top: 3%;*/
    /*    transform: translate(-50%, 0%);*/
    /*}*/
    /*.hp_banner_small {*/
    /*    font-size: 14px;*/
    /*}*/
    /*.hp_banner_title {*/
    /*    font-size: 25px;*/
    /*}*/
    /*.hp_banner_content {*/
    /*    font-size: 13px;*/
    /*    width: 100%;*/
    /*}*/
    /*.sec_banner_imgx img {*/
    /*    min-height: 200px !important;*/
    /*    object-fit: cover;*/
    /*    object-position: 88% 50%;*/
    /*}*/
    .hp_big_title {
        font-size: 20px;
    }
    .hp_big_title::before {
        display: none;
    }
    .sec1_ctrl_width {
        width: 100%;
    }
    .sec1_bottom_right_ebox {
        width: 50%;
    }
    .sec1_bottom_right_top_content_title {
        font-size: 16px;
        height: 20px;
    }
    .sec1_bottom_right_top_content_box {
        padding: 10px;
    }
    .sec1_bottom_right_top_content_imgx, .sec1_bottom_right_bottom_content_imgx {
        max-width: 100%;
        margin: 1rem auto;
    }
    .sec1_bottom_right_top_content_btn .btn-content {
        font-size: 13px;
        padding: 0px 10px;
    }
    .sec2_keyword_title {
        font-size: 16px;
        line-height: 1.5;
    }
    .sec2_img, .bgSec2:hover .sec2_img {
        left: 0;
        z-index: 1;
        top: 0;
        position: relative;
        width: 80%;
        margin: 2rem auto 0;
    }
    .bgSec4 {
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }
    .bgSec4::before {
        width: 100%;
        height: 100%;
    }
    .bgSec4::after {
        display: none;
    }
    .sec4_img, .bgSec4:hover .sec4_img {
        bottom: 0;
        right: 0;
        position: relative;
        width: 90%;
        margin: 2rem auto 0;
    }
    .bgSec2 .row {
        flex-direction: column-reverse;
    }
    .bgSec2::before {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .pg_banner_title {
        font-size: 7vw;
        padding-left: 0;
    }
    .pg_banner_title span {
        font-size: 20px;
    }
    .pg_about2_right {
        margin-top: 2rem;
    }
    .pg_vision_ebox .serviceBox .description {
        height: auto;
    }
    .pg_team_title {
        font-size: 14px;
        padding: 15px;
    }
    .sec4_top_text {
        width: 100%;
        line-height: 1.3;
    }
    .pg_team_ebox {
        padding: 0 15px;
    }
    
    .pg_about_keyword{
        text-align: justify;
    }
}