* {
   font-family: "Arial", sans-serif;
}

a:focus,
a:active {
   outline: none;
}
a:visited {
   color: #333333;
}
body {
   background-color: #fff;
   overflow-x: hidden;
   font-size: 18px;
}

body:not(.single) #page {
   overflow-x: hidden;
}

.min-vh-75 {
   min-height: 75vh !important;
}

.min-vh-95 {
   min-height: 95vh !important;
}

.min-vh-100 {
   min-height: 100vh !important;
}

.bg-cover {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom;
}

/* font size */
.f-12 {
   font-size: 12px !important;
}

.f-14 {
   font-size: 14px !important;
}

.f-16 {
   font-size: 16px !important;
}

.f-18 {
   font-size: 18px !important;
}

.f-20 {
   font-size: 20px !important;
}

.f-22 {
   font-size: 20px !important;
}

.f-24 {
   font-size: 24px !important;
}

.f-28 {
   font-size: 28px !important;
}

.f-30 {
   font-size: 30px !important;
}

.f-32 {
   font-size: 32px !important;
}

.f-36 {
   font-size: 36px !important;
}

.f-38 {
   font-size: 38px !important;
}

.f-40 {
   font-size: 40px !important;
}

.f-45 {
   font-size: 45px !important;
}

.f-55 {
   font-size: 55px !important;
}

.f-60 {
   font-size: 60px !important;
}

.f-65 {
   font-size: 65px !important;
}

/* end font size */

.text-red {
   color: #ef4429 !important;
}

.text-white {
   color: #ffffff !important;
}

.text-gray {
   color: #b9b9b9 !important;
}

.text-blue {
   color: #013d50 !important;
}

.font-bold {
   font-weight: 600;
}

.text-up {
   text-transform: uppercase;
}

.row-center {
   align-items: center;
   position: relative;
   z-index: 2;
}

.w-900 {
   max-width: 900px;
   margin: 0 auto;
}

.w-1000 {
   max-width: 1000px;
   margin: 0 auto;
}

/*  */

.mb-40 {
   margin-bottom: 40px !important;
}
.mb-50 {
   margin-bottom: 50px !important;
}

/* padding */

.pt-50 {
   padding-top: 50px !important;
}

.pb-50 {
   padding-bottom: 50px !important;
}

.pt-100 {
   padding-top: 100px !important;
}

.pt-150 {
   padding-top: 150px !important;
}

.pt-200 {
   padding-top: 200px !important;
}

.pb-100 {
   padding-bottom: 100px !important;
}

.pb-200 {
   padding-bottom: 200px !important;
}

/* padding */

header#masthead {
   position: fixed;
   top: 0;
   width: 100%;
   height: auto;
   padding: 20px 0;
   z-index: 999;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   background: #fff;
   box-shadow: 0 2px 6px 0 #0000002a;
}

.entry-content {
   line-height: 2;
}

.site-header.sticky {
   background: #fff;
   box-shadow: 0px 3px 12px 0 rgb(0 0 0 / 20%);
   position: fixed !important;
   padding: 10px 0 !important;
}

.admin-bar header#masthead {
   top: 32px;
}

.row.row-header {
   align-items: center;
   justify-content: space-between;
}

.row.row-header .site-branding {
   max-width: 15%;
   flex: 0 0 15%;
}

.row.row-header .site-branding img {
   width: 140px;
}

.row.row-header #site-navigation {
   max-width: 70%;
   flex: 0 0 70%;
}

.main-navigation ul {
   display: flex;
   justify-content: space-around;
}

.main-navigation ul > li > ul {
   display: block;
   background: #fff;
   padding: 20px 0;
   border-radius: 10px;
}

.main-navigation ul > li > ul > li {
   padding: 10px 20px;
}

.main-navigation li {
   padding: 0 10px;
}

.main-navigation ul li a,
.nav-mobile ul li a {
   font-weight: 400;
   color: #000 !important;
   font-size: 18px;
}

.main-navigation ul li.current-menu-item a,
.nav-mobile ul li.current-menu-item a {
   color: #ef4429 !important;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

/* .main-navigation ul li a:after {
     content: '';
     display: block;
     width: 100%;
     height: 3px;
     border-radius: 2px;
     background-color: transparent;
 
     transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
 
 } */

.main-navigation ul li:hover a {
   color: #ef4429 !important;
}

.main-navigation ul li.current-menu-item a::after,
.main-navigation ul li:hover > a::after {
   background-color: #003d51;
}

/* back to top */
a.cd-top {
   display: inline-block;
   height: 40px;
   width: 40px;
   position: fixed;
   bottom: 200px;
   right: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   /* image replacement properties */
   overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 0%;
   background-color: #333;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
   -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
   transition: opacity 0.3s 0s, visibility 0s 0.3s;

   z-index: 9999;
   border: 1px solid #333;
   border-radius: 50%;
}

a.cd-top.cd-is-visible,
a.cd-top.cd-fade-out,
.no-touch a.cd-top:hover {
   -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
   -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
   transition: opacity 0.3s 0s, visibility 0s 0s;
}

a.cd-top,
a.cd-top:visited,
a.cd-top:hover {
   color: #cccccc;
   text-decoration: none;
}

a.cd-top.cd-is-visible {
   /* the button becomes visible */
   visibility: visible;
   opacity: 1;
}

a.cd-top.cd-fade-out {
   /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
   opacity: 1;
}

/* end back to top */

/* banner */

.banner-title span,
.text-highline span {
   color: #ef4429;
}

.banner-title h1 {
   line-height: 50px;
}

.banner-content p {
   line-height: 28px;
}

@media (min-width: 768px) {
   #sec-home-1 .inner-banner {
      padding-right: 150px;
   }
}

.link_button_1 {
   display: inline-block;
   height: 56px;
   background-color: #eb4526;
   padding: 15px 40px;
   border-radius: 100px;
   font-weight: 400;
   transition: 0.2s;
}

.link_button_2 {
   display: inline-block;
   height: 56px;
   border-radius: 100px;
   background-color: #ffffff;
   padding: 15px 20px;
   border: 1px solid #eb4526;
   color: #eb4526 !important;
   transition: 0.2s;
}

.link_button_1:hover {
   background-color: #013d50;
}

.link_button_2:hover {
   background-color: #033d50;
   color: #fff !important;
   border-color: #013d50;
}

ul.nav-tab {
   margin-left: 0;
   text-align: center;
   margin-bottom: 45px;
   margin-top: 20px;
   padding-left: 0;
}

ul.nav-tab li {
   display: inline-block;
   padding: 0 10px;
}

ul.nav-tab li a {
   color: #808080;
}

ul.nav-tab li.active a {
   color: #003d51;
}

ul.nav-tab li a:after {
   content: "";
   display: block;
   width: 100%;
   height: 3px;
   border-radius: 2px;
   background-color: transparent;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

ul.nav-tab li.active a:after {
   background-color: #ef4429;
}

ul.nav-list-benefit {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

.nav-content {
   display: none;

   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

.nav-content.active {
   display: block;

   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

.content-benefit {
   /* position: relative;
     min-height: 166px;
     margin-bottom: 30px; */

   position: relative;
   min-height: 0px;
   margin-bottom: 0;
   height: 0px;
}

.content-benefit.active {
   height: 60px;
   margin-bottom: 30px;
}

.li-benefit.active img {
   display: none;
}

.group_info_tab {
   /* padding: 30px 30px 15px;
     box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
     border-radius: 10px;
     background-color: #ef4429; */
   position: relative;
   overflow: hidden;
   margin-bottom: 0;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   position: absolute;
}

.content-benefit.active .group_info_tab {
   opacity: 1;
   visibility: visible;
}

/* .group_info_tab.active {
     opacity: 1;
     visibility: visible;
 } */

/* .group_info_tab:after {
     content: "";
     display: block;
     width: 7px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: #003d51;
 } */

.image-benefit {
   position: relative;
   height: 64vh;
   max-height: 480px;
   margin-bottom: 35px;
}

.img-benefit {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

.img-benefit.active {
   opacity: 1;
   visibility: visible;
}

.heading-span span {
   color: #fff;
   border-radius: 10px;
   background-image: linear-gradient(to top, #ef4429 0%, #ef4429 100%);
   padding: 0 7px;
}

ul.nav-list-benefit li {
   margin-bottom: 15px;
   cursor: pointer;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   padding: 7px;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
}

li.li-benefit.active {
   padding: 30px 30px 15px;
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background: #fff;
}

.li-benefit.active span {
   color: #ef4429 !important;
}

li.li-benefit.active::after {
   content: "";
   display: block;
   width: 7px;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #003d51;
}

/* ul.nav-list-benefit li:hover {
     background: #ef4429;
     color: #fff !important;
 } */

ul.nav-list-benefit li img {
   margin-right: 20px;
   height: 48px;
   width: 48px;
   object-fit: contain;
   float: left;
}

section#sec-home-2 {
   background: #fff;
}

.rating {
   color: orange;
}

.rating svg {
   width: 16px;
}

.owltes .col-md-4 {
   max-width: 100%;
   flex: 0 0 100%;
}

.owltes img {
   width: auto !important;
   margin: 0 auto;
   border-radius: 15px;
   object-fit: cover;
}

.sec-home2-heading {
   padding: 50px 0;
   position: relative;
   z-index: 2;
}

.sec-home-1 * {
   position: relative;
   z-index: 3;
}

.img-home2-abs {
   position: absolute;
   bottom: 0;
}

.sec-home2-content {
   position: relative;
}

.sec-home2-content:before {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   left: -10%;
   top: -23%;
   width: 40vw;
   height: 80vh;
   background-size: contain;
   background-repeat: no-repeat;
}

.sec-home2-content:after {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   right: -15%;
   bottom: -20%;
   width: 33vw;
   height: 82vh;
   background-size: contain;
   background-repeat: no-repeat;
}

.sec-about-2:before {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   left: -10%;
   top: -30%;
   width: 40vw;
   height: 80vh;
   background-size: contain;
   background-repeat: no-repeat;
}

.sec-about-2:after {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   right: -15%;
   bottom: -20%;
   width: 33vw;
   height: 82vh;
   background-size: contain;
   background-repeat: no-repeat;
}

.sec-blog-content:before {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   left: -10%;
   top: -400px;
   width: 40vw;
   height: 80vh;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.single-post .sec-blog-content:before {
   bottom: -30%;
   top: auto;
}

.sec-producer-5:after {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   left: -15%;
   bottom: -12%;
   width: 42vw;
   height: 90vh;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.sec-home-3.bg-cover {
   background-position: center;
   background-size: contain;
   z-index: 2;
}

.sec-home-3 .row-center {
   max-height: 83vh;
   height: 100vh;
}

.sec-home-5::before {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   top: -20%;
   left: -10%;
   width: 44vw;
   height: 88vh;
   background-size: contain;
   background-repeat: no-repeat;
   display: none;
}

section {
   position: relative;
}

.sec-home-4 {
   background-size: contain;
   background-position: bottom;
   background-repeat: no-repeat;
}

.sec-home-4:after {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   bottom: -20%;
   right: -20%;
   width: 44vw;
   height: 88vh;
   background-size: contain;
   z-index: -1;
   display: none;
}

.tes-item hr {
   border-width: 1px;
   border-color: #ef4429;
   margin: 10px 0 15px;
}

.owltes .tes-content {
}

.owltes.owl-carousel .owl-stage {
   padding: 10px 0;
}

footer.footer .widgettitle {
   color: #013d50;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 700;
}

.copyright {
   font-weight: 500;
   padding: 15px 0;
   border-top: 1px solid #9999995a;
   padding-top: 15px;
   margin-bottom: 0;
}

.footer ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.footer ul li {
   margin-bottom: 7px;
}

.footer ul li a {
   font-size: 16px;
}

.footer .alignleft {
   margin-bottom: 5px;
   margin-right: 5px;
}
.footer .alignnone {
   margin-bottom: 5px;
}

.col-f1 .textwidget {
   color: #fff;
   font-size: 14px;
}

.col-f2,
.col-f3 {
   padding-top: 85px;
}

.col-f3 .widgettitle {
   text-align: left;
   font-size: 30px;
}

/* .col-f3 img {
     width: 100%;
 } */

.wrap-contact {
   display: flex;
   /* align-items: center; */
   width: 100%;
   height: 334px;
   border-radius: 20px;
   background-image: linear-gradient(to top, #003d51 0%, #63a7c3 100%);
   margin: 0 auto;
   padding: 50px;
   max-width: 1075px;
}

.wrap-contact .contact-info {
   max-width: 40%;
   flex: 0 0 40%;
   padding-right: 30px;
}

.footer-bottom {
   padding-top: 80px;
   background-size: cover;
   background-position: top center;
   padding-bottom: 0;
}

.footer {
   position: relative;
   z-index: 2;
   background: #f8f8f8;
}

.finput label {
   display: block;
   color: #fff;
   padding-left: 20px;
}

.finput input,
.finput select {
   height: 46px;
   border-radius: 0;
   margin-bottom: 10px;
   padding-left: 10px;
   width: 100%;
   color: #666666;
   background: #fff;
}

.footer-flex {
   display: flex;
   justify-content: space-between;
   margin: 0 -10px;
}

.footer-flex > div {
   padding: 0 10px;
}

.footer-flex .form-group {
   margin-bottom: 0;
   width: 260px;
   overflow: hidden;
}

.footer-flex .form-group input {
   max-width: 100%;
}

.footer-flex .wpcf7-form button[type="submit"] {
   width: 100%;
   text-transform: uppercase;
   background: #ec4429;
   border-color: #ec4429;
   color: #fff;
   height: 44px;
   outline: none;
}

.footer-flex .wpcf7-form button[type="submit"] svg {
   height: 16px;
   width: auto;
   margin-top: -2px;
}

.contact-from.page-contact .form-group {
   display: flex;
}

.contact-from.page-contact .form-group .finput {
   max-width: 50%;
   flex: 0 0 50%;
   padding: 0 5px;
}

.contact-from.page-contact .form-group-full .finput {
   max-width: 100%;
   flex: 0 0 100%;
}

.owl-dots {
   text-align: center;
}

.owl-dots button {
   width: 10px;
   height: 10px;
   background: #003d51 !important;
   border-radius: 50%;
   margin: 0 5px;
}

.owl-dots button.active {
   background: #ef4429 !important;
}

.btn-resgiter {
   border-radius: 50px;
   background: #eb4526;
   padding: 10px 30px;
   color: #fff !important;
   font-size: 16px;
   transition: 0.2s;
}

.btn-resgiter:hover {
   background: #033d50;
}
.img-about-top-150 {
   position: relative;
   top: 150px;
}

.banner-form {
   max-width: 345px;
   height: 54px;
   border-radius: 10px;
   background-color: #ffffff;
   display: flex;
   position: relative;
   box-shadow: 0px 3px 8px 2px hsl(0deg 0% 0% / 20%);
}

.banner-form input[type="submit"] {
   width: 92px;
   height: 44px;
   border-radius: 10px;
   background: #ef4429;
   color: #fff;
   text-transform: uppercase;
   border: none;
   margin: 5px 0;
   position: absolute;
   right: 6px;
}

.banner-form input[name="your-email"] {
   height: 54px;
   border-radius: 10px;
   background-color: #ffffff;
   max-width: 255px;
   width: 100%;
   padding: 0 15px;
   border: none;
   outline: none;
}

.contact-item {
   height: 228px;
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background-color: #ffffff;
   padding: 50px;
   cursor: pointer;
   border: 1px solid transparent;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

.contact-item:hover {
   border-color: #ef4429;
}

.page-contact input,
.page-contact select {
   height: 50px;
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background-color: #ffffff;
   padding: 0 15px;
   border: 1px solid transparent;
   width: 100%;
}

.page-contact select {
   color: #000;
   font-weight: 600;
}

.page-contact textarea {
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background-color: #ffffff;
   padding: 15px;
   border: 1px solid transparent;
}

.page-contact input::placeholder,
.page-contact textarea::placeholder {
   color: #000;
   font-weight: 600;
}

.page-contact button[type="submit"] {
   width: 100%;
   height: 45px;
   border-radius: 10px;
   background-image: linear-gradient(to top, #ef4429 0%, #ef4429 100%);
   border-color: transparent;
   margin: 0 auto;
   display: table;
   color: #fff;
   text-transform: uppercase;
}

.page-contact button[type="submit"] svg {
   height: 16px;
   width: auto;
   margin-top: -2px;
}

#sec-contact-2 {
   background: url(https://webbonbon.vietleanh.com/wp-content/uploads/2021/06/bg-body.png);
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 2;
}

#map-info {
   position: relative;
}

.info_map_box {
   width: 384px;
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background-color: #ffffff;
   position: absolute;
   top: 50%;
   left: 10%;
   transform: translateY(-50%);
   z-index: 9;
}

ul.list-social {
   margin-left: 0;
   padding-left: 0;
}

ul.list-social li {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: #033d51;
   border-radius: 50%;
   text-align: center;
   line-height: 28px;
   margin-right: 7px;
}

ul.list-social li svg {
   width: 16px;
}

ul.list-social li a {
   color: #fff;
}

.map_box_content {
   padding: 20px;
}

.map_box_content h3 {
   font-size: 16px;
   font-weight: 600;
   color: #000;
}

.map_box_content p {
   font-size: 14px;
}

.map_box_content > div {
   border-bottom: 1px solid #ef4429;
   margin-bottom: 15px;
   padding-bottom: 5px;
}

.map_box_content > div:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-color: transparent;
}

.page-template-contact .footer-bottom {
   padding-top: 130px;
}

body.page-template-template-producer {
   background: #fff;
}

.sec-producer-1 {
   background-size: 100% 700px;
   background-position: top;
   overflow-x: hidden;
}

.sec-producer-1::after {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   right: -10%;
   bottom: 0;
   width: 550px;
   height: 550px;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.sec-producer-4::after {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   left: -10%;
   bottom: 0;
   width: 550px;
   height: 550px;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.sec-about-5::after {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   left: -10%;
   bottom: -100px;
   width: 550px;
   height: 550px;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.sec-about-3 {
   background-size: auto;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 8;
}

.sec-about-3 .row-center {
   max-height: 68vh;
   height: 100vh;
}

.sec-producer-1 .banner-form {
   margin: 0 auto;
   max-width: 490px;
   position: relative;
}

.sec-producer-1 .banner-form input[name="your-email"] {
   max-width: 405px;
}

.bb-benefit img {
   width: 400px;
}

ul.nav-list-bb {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   margin-top: 50px;
   margin-bottom: 50px;
}

ul.nav-list-bb li {
   width: 25%;
   text-align: center;
   padding: 0 25px;
   position: relative;
}

ul.nav-list-bb li:after {
   content: "";
   display: block;
   height: 120px;
   width: 3px;
   background: #ef4429;
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 4px;
}

ul.nav-list-bb li:last-child::after {
   opacity: 0;
}

ul.nav-list-bb li img {
   margin-bottom: 10px;
}

.item-benefit {
   height: 259px;
   box-shadow: -4px 13px 8px 2px rgb(0 0 0 / 10%);
   border-radius: 10px;
   border: 5px solid #003d51;
   background-color: #fff;
   position: relative;
   padding: 75px 30px 60px;
   margin-bottom: 90px;
}

.item-benefit img {
   position: absolute;
   top: -65px;
   left: 50%;
   transform: translateX(-50%);
}

.row.row-benefit {
   margin-top: 50px;
}

.sec-producer-3.bg-cover {
   background-size: 100% 950px;
   background-repeat: no-repeat;
   background-position: top;
}

body.page-template-about {
   background-color: #fff;
}

.sec-about-1 {
   padding-top: 200px;
   z-index: 2;
}

.banner-about {
   position: relative;
}

/* .banner-about::before {
     content: "";
     position: absolute;
     background-image: url(../images/icon-about1.png);
     top: -50px;
     left: -125px;
     width: 280px;
     height: 280px;
     background-repeat: no-repeat;
     background-size: auto;
 }
 
 .banner-about::after {
     content: "";
     position: absolute;
     background-image: url(../images/icon-about2.png);
     bottom: -30px;
     right: -125px;
     width: 105px;
     height: 98px;
     background-repeat: no-repeat;
     background-size: auto;
 } */

.img-banner {
   display: flex;
   justify-content: space-between;
   margin: 0 -20px;
}

.img-banner > div {
   padding: 0 20px;
}

.about-left {
   padding: 60px;
   background-color: #ef4429;
   border-radius: 30px;
}

/* .about-left:after {
     content: "";
     position: absolute;
     top: 0;
     left: -58.88888%;
     width: 150%;
     height: 100%;
     z-index: -1;
     border-radius: 20px;
     background-image: linear-gradient(to top, #ef4429 0%, #f37a39 100%);
 } */

.content_about * {
   font-size: 14px;
   color: #fff;
}

.about_quote {
   position: relative;
   margin-left: auto;
   text-align: left;
   padding-right: 100px;
}

.about_quote::before {
   content: "";
   position: absolute;
   background-image: url(../images/close.png);
   top: -70px;
   left: 0;
   width: 87px;
   height: 57px;
   background-repeat: no-repeat;
   background-size: auto;
}

.about_quote::after {
   content: "";
   position: absolute;
   background-image: url(../images/close2.png);
   bottom: -75px;
   right: 100px;
   width: 87px;
   height: 57px;
   background-repeat: no-repeat;
   background-size: auto;
}

.about_quote_content {
   position: relative;
   padding-right: 30px;
   padding-left: 30px;
}

.about_quote_content:after {
   content: "";
   display: block;
   height: 80%;
   width: 4px;
   background-color: #003d51;
   top: 50%;
   left: 0;
   position: absolute;
   transform: translateY(-50%);
}

.group-partner {
   display: flex;
   justify-content: space-between;
   padding: 20px 0;
   margin: 0 -10px;
}

.group-partner .item-partner {
   text-align: center;
   width: 25%;
   height: 50px;
   padding: 0 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.group-partner .item-partner img {
   filter: invert(1);
}

.group-team {
   margin: 0 -10px;
}

.item-team {
   float: left;
   width: 50%;
   padding: 10px;
}

.wrap-team {
   display: flex;
   flex-direction: row;
   border-radius: 10px;
   background-color: #ffffff;
   padding: 20px;
}

.wrap-team .img-team {
   width: 500px;
   margin-right: 20px;
}

ul.group-achievement {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

ul.group-achievement:after {
   content: "";
   display: block;
   clear: both;
}

li.achiev-team {
   margin-bottom: 15px;
   background: #fff;
}

.wrap-achiev {
   box-shadow: 0px 4px 8px 4px rgb(0 0 0 / 20%);
}

.wrap-achiev .heading-achive {
   display: flex;
   justify-content: space-between;
   position: relative;
   cursor: pointer;
}

.wrap-achiev.active .heading-achive {
   border-bottom: 2px solid #ef4429;
}

.wrap-achiev .heading-achive h3 {
   margin-bottom: 0;
   padding: 20px;
}

.wrap-achiev .heading-achive span {
   width: 55px;
   background: #ef4429;
   text-align: center;
   position: relative;
}

.wrap-achiev .heading-achive span svg {
   position: absolute;
   top: 30%;
   left: 50%;
   transform: translate(-50%);
}

.wrap-achiev .content-achive {
   padding: 15px 30px;
   font-size: 18px;
   display: none;
}

.sec-about-5 {
   position: relative;
   z-index: 2;
}

.btn-more {
   height: 45px;
   border-radius: 10px;
   background-image: linear-gradient(to top, #ef4429 0%, #ef4429 100%);
   border-color: transparent;
   margin: 0 auto;
   display: table;
   color: #fff !important;
   text-transform: uppercase;
   line-height: 45px;
   padding: 0px 15px;
}

.container-dev-banner {
   padding-top: 150px;
   max-width: 650px;
}

.banner-dev-title span {
   color: #ef4429;
}

.container-main {
   position: relative;
   z-index: 20;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.container-main.z-index-100 {
   z-index: 100;
}

.vert-text-wrapper {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 70px;
   min-width: 70px;
   padding-right: 70px;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-flex: 0;
   -webkit-flex: 0 auto;
   -ms-flex: 0 auto;
   flex: 0 auto;
}

.vert-text-wrapper._150-pad {
   padding-bottom: 150px;
}

.vertical-text {
   position: absolute;
   display: block;
   height: 26px;
   padding-left: 70px;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transform-origin: 100% 0%;
   -ms-transform-origin: 100% 0%;
   transform-origin: 100% 0%;
   font-size: 1.25em;
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
   white-space: nowrap;
}

.vertical-text.sticky-50 {
   position: -webkit-sticky;
   position: sticky;
   top: 115px;
}

.stretch-column {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   grid-auto-columns: 1fr;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   -ms-grid-columns: 1fr 2fr;
   grid-template-columns: 1fr 2fr;
   -ms-grid-rows: auto auto;
   grid-template-rows: auto auto;
}

.stretch-column.vert {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.flex-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.flex-start.split {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   align-items: center;
}

.flex-start.split-2 {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   align-items: center;
}

.split-box {
   box-shadow: 3px 3px 7px rgb(0 0 0 / 20%);
   border-radius: 10px;
   background-image: linear-gradient(to top, #ef4429 0%, #f37a39 100%);
   height: 100%;
   padding: 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-bottom: 30px;
}

.spacer-6em {
   height: 6em;
}

.split-spacer {
   width: 140px;
   min-width: 50px;
}

body.page-template-template-developer {
   background-image: linear-gradient(
      to top,
      #9ee6fe 0%,
      #e8f9ff 76%,
      #ffffff 99%
   );
}

.qrcode {
   position: fixed;
   bottom: 40px;
   right: 10px;
   width: 160px;
   z-index: 99999;
}

.qrcode a {
   display: block;
   margin-bottom: 10px;
}

.qrcode a.qr_pc {
   display: none;
}

ul.nav-category {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

ul.nav-category li {
   display: inline-block;
   height: 44px;
   border-radius: 10px;
   background-color: #ffffff;
   line-height: 44px;
   padding: 0 15px;
   margin: 0 5px 10px;
}

ul.nav-category li a {
   font-weight: 600;
   color: #ef4429;
   font-size: 20px;
}

ul.nav-category li:hover,
ul.nav-category li.active {
   background: #ef4429;
}

ul.nav-category li:hover a,
ul.nav-category li.active a {
   color: #fff;
}

.wrap-blog {
   height: 425px;
   box-shadow: 4px 6px 11px rgb(41 37 37 / 17%);
   border-radius: 10px;
   background-color: #ffffff;
   overflow: hidden;
}

.wrap-blog h3 {
   -webkit-line-clamp: 2;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   line-height: 0.875;
}

.blog-img img {
   width: 100%;
}

.blog-content {
   padding: 20px;
}

.post_highlights {
   display: flex;
   flex-direction: row;
}

.post_highlights .blog-item {
   width: 50%;
   padding: 0 15px;
   margin-bottom: 20px;
}

.post_highlights .blog-item img {
   height: 220px;
   object-fit: cover;
}

.bg-cover-blog {
   background-size: auto;
   background-position: top;
   background-repeat: no-repeat;
}

.sec-blog-content .blog-img img {
   height: 235px;
   object-fit: cover;
}

.wrap-blog-top {
   height: auto;
   border-radius: 10px;
   background: #ef4429;
   display: flex;
   align-items: center;
   padding: 40px 60px;
}

.sec-blog-bottom {
   position: relative;
   z-index: 2;
   display: none;
}

.top-link {
   text-align: right;
   padding-left: 50px;
   flex: 0 0 auto;
}

.btn-blog-more {
   height: 44px;
   border-radius: 10px;
   background-image: linear-gradient(to top, #fff 0%, #fff 100%);
   display: inline-block !important;
   padding: 10px;
   color: #ef4429 !important;
   font-weight: 700;
}

.blog-more-bottom {
   background: #ef4429 !important;
   color: #fff !important;
}

.sec-blog-bottom .wrap-blog-top {
   /* background-image: url(../images/blog-bottom.png); */
   background-size: auto;
   background-position: center;
   background: #003d51;
}

.shape-menu {
   padding: 0 5px;
   cursor: pointer;
   position: relative;
   z-index: 2;
   width: 60px;
}

.shape-menu span {
   height: 3px;
   background: #868686;
   display: block;
   margin-bottom: 5px;
   margin-left: auto;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out;
   margin-left: auto;
   margin-right: auto;
}

.shape-menu span {
   width: 30px;
}

.min-vh-80 {
   min-height: 80vh !important;
}

body.no-scroll header#masthead {
   z-index: 999999;
}

.navigation-mobile {
   position: fixed;
   padding-top: 0;
   top: 55px;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   overflow: auto;
   height: auto;
   -webkit-overflow-scrolling: touch;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   z-index: -1;
}

.navigation-mobile.open {
   opacity: 1;
   visibility: visible;
   top: 70px;
   z-index: 99999999;
}

.nav-mobile {
   padding: 20px;
}

.nav-mobile ul {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   margin-bottom: 0;
}

.nav-mobile ul li {
   padding: 10px 0;
   border-bottom: 1px solid #d5d5d5;
   text-transform: uppercase;
}

.nav-mobile ul.sub-menu {
   display: none;
   padding-left: 10px;
}

.nav-mobile ul.sub-menu li {
   border-bottom: 0;
}

.nav-mobile .menu-item-has-children > a > span {
   float: right;
}

svg {
   vertical-align: middle;
}

.no-scroll .shape-menu span:nth-child(1) {
   -webkit-transform: rotate(45deg) translate(7px, 10px);
   -moz-transform: rotate(45deg) translate(7px, 10px);
   -o-transform: rotate(45deg) translate(7px, 10px);
   transform: rotate(45deg) translate(7px, 10px);
   background: #ef4429;
}

.no-scroll .shape-menu span:nth-child(2) {
   -webkit-transform: rotate(-45deg) translate(-4px, 1px);
   -moz-transform: rotate(-45deg) translate(-4px, 1px);
   -o-transform: rotate(-45deg) translate(-4px, 1px);
   transform: rotate(-45deg) translate(-4px, 1px);
   background: #ef4429;
}

.no-scroll .shape-menu span:nth-child(3) {
   opacity: 0;
}

ul.list-model {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

ul.list-model li {
   display: flex;
   max-width: 50%;
   /* float: left; */
   text-align: right;
   flex: 0 0 50%;
}

ul.list-model li:nth-child(even) {
   text-align: left;
   justify-content: flex-end;
   /* float: right; */
}

ul.list-model li:nth-child(even) span {
   order: 1;
}

ul.list-model li:nth-child(even) .model-content {
   order: 2;
}

ul.list-model li:nth-child(even) span {
   margin-right: 15px;
   margin-left: 0;
}

ul.list-model li .model-content {
   max-width: 330px;
   flex: 0 0 330px;
}

ul.list-model li .model-content p {
   font-style: italic;
}

ul.list-model li span {
   color: #003d51;
   display: block;
   width: 40px;
   height: 40px;
   border: 1px solid #003d51;
   border-radius: 50%;
   line-height: 40px;
   max-width: 40px;
   flex: 0 0 40%;
   text-align: center;
   margin-left: 15px;
}

ul.list-model:after {
   content: "";
   display: block;
   clear: both;
}

img.model-img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 360px;
   transform: translateX(-50%) translateY(-50%);
}

.model-item {
   position: relative;
}

ul.nav-list3 {
   margin-left: 0;
   padding-left: 0;
}
.home .nav-list3 {
   background: url(/wp-content/uploads/2023/07/image-68.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 20px;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 40px;
   text-align: center;
   margin: 0;
}

.home ul.nav-list3 li {
   display: inline-block;
   width: 25%;
}

ul.nav-list3 li {
   display: inline-block;
   width: 32.333333%;
}
.slidepartner img {
   height: 44px;
   width: 150px !important;
   object-fit: contain;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   margin: 0 auto;
}

.industry-bottom-content {
   padding: 30px;
   box-shadow: 0px -4px 9px 2px rgb(177 177 177 / 16%),
      0 0 0px 0px rgb(0 0 0 / 2%);
   background-color: #ffffff;
}

.industry-bottom-content .industry-content {
   display: flex;
   flex-wrap: wrap;
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
}

.industry-bottom-content .industry-content.active {
   display: flex;
}

.industry-bottom-content .industry-content > div {
   max-width: 50%;
   flex: 0 0 50%;
}

.industry-content .col-right-industry {
   padding: 50px 50px 50px 100px;
}

.industry-result {
   height: 535px;
   overflow: auto;
   padding-right: 20px;
}

.industry-result::-webkit-scrollbar {
   width: 5px;
   border-radius: 5px;
}

.industry-result::-webkit-scrollbar-track {
   background-color: #ebebeb;
   border-radius: 5px;
}

.industry-result::-webkit-scrollbar-thumb {
   background-color: #003d51;
   outline: 1px solid #003d51;
}

.industry-result .item-result {
   margin-bottom: 20px;
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 20px;
   padding-top: 15px;
}

.industry-top-slide {
   position: relative;
   margin: 0 -15px;
}

.industry-top-slide .swiper-container {
   padding: 15px 15px 0 15px;
}

.industry-top-slide .item {
   padding: 20px;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
}

.industry-top-slide .swiper-slide-thumb-active .item {
   box-shadow: -5px -5px 7px 1px rgb(177 177 177 / 16%),
      0 0 14px 2px rgb(0 0 0 / 2%);
   background: #fff;
}

.industry-top-slide .item h3 {
   color: #9f9e9e;
   cursor: pointer;
}

.industry-top-slide .swiper-slide-thumb-active .item h3 {
   color: #ef4429;
}

.industry-top-slide .sw-button,
.slidepartner .owl-nav button {
   position: absolute;
   top: 50%;
   background: #fff;
   border-radius: 5px;
   width: 30px;
   height: 30px;
   box-shadow: 2px 1px 6px 1px rgb(0 0 0 / 18%), 0 0 14px 2px rgb(0 0 0 / 14%);
   outline: none;
   transform: translateY(-50%);
   text-align: center;
   line-height: 30px;
}

.slidepartner .owl-nav button {
   height: auto;
   width: auto;
   background: transparent;
   box-shadow: none;
   border-radius: 0;
}

.owlindustry .owl-next {
   right: -60px;
}

.sw-button.swiper-prev {
   left: -40px;
}

.sw-button.swiper-next {
   right: -40px;
}

.slidepartner .owl-next {
   right: -40px;
}

.owlindustry .owl-prev,
.slidepartner .owl-prev {
   left: -40px;
}

.sw-button {
   transition: 0.2s;
}

.sw-button:hover,
.owlindustry .owl-nav button:hover {
   background: #ef4429 !important;
}

.sw-button svg {
   height: 16px;
   width: 16px;
   margin-top: -3px;
   color: #ef4429;
}

.sw-button svg,
.owl-nav svg path {
   stroke: #ef4429;
   stroke-width: 5%;
}

.sw-button:hover svg,
.owlindustry .owl-nav button:hover svg {
   color: #fff;
}

.sw-button:hover svg path,
.owlindustry .owl-nav button:hover svg path {
   stroke: #fff;
}

.sw-button:hover::after {
   color: #fff;
}

.single-post #page {
   padding-top: 160px;
}

.sec-story-2:before {
   content: "";
   background: url(../images/vongxanh.svg);
   position: absolute;
   left: -15%;
   top: -60%;
   width: 36vw;
   height: 100vh;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.sec-story-3:before {
   content: "";
   background: url(../images/vonghong.svg);
   position: absolute;
   right: -22%;
   bottom: -38%;
   width: 973px;
   height: 973px;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
}

.global-container {
   position: relative;
   display: block;
   width: 1200px;
   max-width: 100%;
   margin-right: auto;
   margin-left: auto;
   grid-auto-columns: 1fr;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   -ms-grid-rows: auto auto;
   grid-template-rows: auto auto;
}

.blog__social-sticky-wrapper {
   position: absolute;
   left: 20px;
   top: 10px;
   right: auto;
   bottom: 10vh;
   display: block;
   margin-top: 50px;
   margin-right: 10px;
   margin-left: 0;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   opacity: 1;
}

.social-wrapper__sticky-share {
   position: -webkit-sticky;
   position: sticky;
   top: 65%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-left: 0;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

   /* position: -webkit-sticky;
     position: sticky;
     top: 115px; */
}

.social-icon-btn {
   width: 30px;
   height: 30px;
   margin-bottom: 40px;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   -webkit-transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
   transition: transform 0.2s, -webkit-transform 0.2s;
   cursor: pointer;
   line-height: 30px;
   text-align: center;
   background: #c7c7c7;
   border-radius: 5px;
}

.social-icon-btn a {
   color: #fff;
}

.social-icon-btn svg {
   height: 16px;
}

.w-embed:after,
.w-embed:before {
   content: " ";
   display: table;
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
   grid-row-end: 2;
}

.w-embed:after {
   clear: both;
}

.blog__details-container {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.blog__date {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: visible;
   padding-top: 0;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   color: #676671;
   font-size: 13px;
   line-height: 26px;
   font-weight: 400;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.blog__details {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: visible;
   margin-right: 10px;
   margin-left: 10px;
   padding-top: 0;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   color: #676671;
   font-size: 13px;
   line-height: 26px;
   font-weight: 400;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.blog-post-container {
   position: relative;
   max-width: 750px;
   margin-right: auto;
   margin-left: auto;
   padding-top: 50px;
}

.blog__breadcrumb {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   padding-top: 10px;
   padding-bottom: 20px;
}

.blog__breadcrumb-text {
   display: inline-block;
   overflow: visible;
   margin-bottom: 0;
   padding-right: 10px;

   color: #4949e4;
   line-height: 25px;
   text-align: left;
   letter-spacing: 1.4px;
   text-transform: uppercase;
}

.breadcrumb__divider {
   display: inline-block;
   margin-bottom: 0;
   padding-right: 5px;
   padding-left: 5px;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   -webkit-box-ordinal-group: 1;
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;

   color: #b8b7bd;
   font-size: 16px;
   line-height: 25px;
   font-weight: 300;
   text-align: left;
   letter-spacing: 1.4px;
   text-transform: uppercase;
}

.blog__breadcrumb-text.breadcrumb--last-child {
   padding-right: 24px;
}

.breadcrumb__pill-button {
   display: block;
   padding: 4px 12px;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   border-radius: 20px;
   background-color: #f1f1f1;
   opacity: 1;
   color: #676671;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.blog__hero-image {
   min-height: 400px;
   background-color: #000d47;
   background-image: url(https://assets-global.website-files.com/607f4f6…/607f4f6…_bugsnag-og.png);
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

.blog-post-container {
   border-bottom: 1px solid #e8e8ea;
   margin-bottom: 50px;
   padding-bottom: 50px;
}

.global-section {
   display: block;
   padding: 100px 55px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 auto;
   -ms-flex: 0 auto;
   flex: 0 auto;
}

.global-section.section--blog-inner {
   position: relative;
   padding-top: 50px;
   padding-bottom: 0;
}

.blog-rich-text * {
   line-height: 25px;
}

.btn-rdm-ajax {
   height: 44px;
   border-radius: 10px;
   display: inline-block;
   padding: 10px;
   font-weight: 700;
   background: #ef4429;
   color: #fff;
   border: none;
   width: 150px;
   text-transform: uppercase;
   outline: none;
}

.btn-rdm-ajax:focus {
   outline: none;
}

span.ajax-loading {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
}

span.ajax-loading svg {
   height: 28px;
}

.footer .wpcf7-response-output {
   color: #fff !important;
}

.inner-gallery {
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 0;
   display: grid;
}

.inner-gallery .banner-item img {
   transition: transform 1s;
   transform-style: preserve-3d;
}

.flip.animation img,
.inner-gallery .banner-item:hover img {
   transform: rotateY(360deg);
}

@media (min-width: 768px) {
   .inner-gallery .banner-item {
      /*width: 210px;
      height: 95px;*/
   }
}

.inner-gallery .banner-item:nth-child(1) {
   /*grid-column-start: 1;*/
}

.inner-gallery .banner-item:nth-child(2) {
   /*grid-column-start: 3;
}

.inner-gallery .banner-item:nth-child(3) {
   /*grid-column-start: 2;*/
   grid-row-start: 2;
}

.inner-gallery .banner-item:nth-child(4) {
   /*grid-column-start: 4;*/
   grid-row-start: 2;
}

.inner-gallery .banner-item:nth-child(5) {
   /*grid-column-start: 1;*/
   grid-row-start: 3;
}

.inner-gallery .banner-item:nth-child(6) {
  --grid-column-start: 3;
   grid-row-start: 3;
}

header#masthead + section {
   margin-top: 85px;
}

.home .blog-item {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0px 3px 7px 0 #0000001a;
}

.home .blog-item img {
   height: 250px;
   object-fit: cover;
}

.home .blog-item .blog-content h3 a {
   font-size: 18px;
   font-weight: 700;
   color: #013d50;
   line-height: 26px;
   -webkit-line-clamp: 2;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   transition: 0.2s;
}

.home .blog-item .blog-content h3 a:hover {
   color: #eb4526;
}

.sw-button:after {
   font-size: 18px !important;
   color: #000000;
}

.sw-button {
   width: 40px !important;
   height: 40px !important;
   background: #f6fafd !important;
   border-radius: 5px !important;
}

.swiper-button-prev.sw-button {
   left: -60px;
}

.swiper-button-next.sw-button {
   right: -60px;
}
.blog-content .date {
   font-size: 14px;
   color: #999;
   margin-bottom: 10px;
   display: inline-block;
}
.swiper-blog .swiper {
   padding: 26px;
}

.swiper-blog.relative {
   margin: 0 -40px;
}

.list_feature {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
}

.list_feature .item-feature {
   max-width: 33.333333%;
   flex: 0 0 33.333333%;
   margin-bottom: 75px;
   text-align: center;
   padding: 10px;
   position: relative;
}

.item-feature .inner-content {
   box-shadow: 0px 3px 7px 0 #0000001a;
   padding: 20px;
   background: #fff;
   border-radius: 10px;
   padding-top: 75px;
   min-height: 290px;
}

.item-feature .inner-content h3 {
   font-size: 24px;
   font-weight: 700;
   color: #013d50 !important;
}

.list_feature .item-feature .img {
   position: absolute;
   top: -33px;
   left: 50%;
   transform: translateX(-50%);
}

.list_feature .content-feature {
   color: #535353;
}

.inner-list-benefit2 {
   background: url(/wp-content/uploads/2023/07/image-68.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 20px;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 40px;
   text-align: center;
}

.inner-list-benefit2 .item-benefit2 {
   max-width: calc(100% / 5);
   color: #fff;
}

.item-benefit2 h3 {
   font-size: 40px;

   font-weight: 700;
}
.item-benefit2 h3 span {
   padding: 0 5px;
}
.inner-list-benefit2 .item-benefit2 p {
   margin-bottom: 0;
}
.item-list-benefit1 h3 {
   font-size: 20px;
   font-weight: 700;
   color: #013d50 !important;
}

.list_benefit_1 {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
}

.item-list-benefit1 {
   max-width: 33.333333%;
   flex: 0 0 33.333333%;
   margin-bottom: 20px;
   padding: 0 10px;
}

.item-list-benefit1 .inner-benefit1 {
   box-shadow: 0px 3px 7px 0 #0000001a;
   padding: 20px;
   background: #fff;
   height: 100%;
   border-radius: 5px;
   overflow: hidden;
}

.inner-benefit1 .icon {
   margin-bottom: 15px;
}

section#sec-home-3 {
   background: #eb45261a;
}

.list-achievement {
   display: flex;
   justify-content: center;
}

.list-achievement .item {
   max-width: 33.3333%;
   flex: 0 0 33.3333%;
   text-align: center;
   position: relative;
}

.list-achievement .item > .year {
   text-align: center;
   padding: 10px 30px;
   border: 1px solid #eb4526;
   display: inline-block;
   border-radius: 30px;
   color: #013d50;
   font-weight: 700;
   margin: 0 auto 30px;
   cursor: pointer;
   transition: 0.2s;
}

@media (min-width: 768px) {
   .list-achievement .item:not(:last-child) > .year:before {
      content: "";
      position: absolute;
      top: 23px;
      right: -115px;
      width: 60%;
      height: 0.5px;
      background: #013d50;
   }
}
.list-achievement .item > .year:hover {
   color: #ffffff;
   background: #eb4526;
}
.col-f1 ul.menu {
   display: flex;
   flex-wrap: wrap;
}

.col-f1 ul li {
   width: 50%;
   margin-bottom: 10px;
   position: relative;
   padding-left: 17px;
}

.col-f3 ul.menu li {
   margin-bottom: 10px;
   position: relative;
   padding-left: 17px;
}

.col-f1 ul.menu li:before,
.col-f3 ul.menu li:before {
   content: "";
   position: absolute;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");
   top: 9px;
   left: 0;
   width: 10px;
   height: 10px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
.footer p {
   font-size: 14px;
}
.footer .post-date {
   font-size: 14px;
   display: block;
   color: #999;
}

.widget_recent_entries a {
   color: #000;
   margin-bottom: 10px;
   display: block;
}

.widget_recent_entries li:not(:last-child) {
   margin-bottom: 20px !important;
}
/* Responsive */

@media (min-width: 1556px) {
   .sec-home-3 .row-center {
      max-height: 83vh;
      height: 100vh;
   }
}

@media (min-width: 1101px) {
   .menu-mobile,
   .navigation-mobile {
      display: none;
   }
}

@media (max-width: 1441px) {
   .min-vh-95 {
      min-height: 120vh !important;
   }

   .sec-about-3 .row-center {
      max-height: 83vh;
   }
}

@media (max-width: 1280px) {
}

@media (max-width: 1100px) {
   #site-navigation {
      display: none;
   }

   .f-60 {
      font-size: 35px !important;
   }

   .f-40 {
      font-size: 30px !important;
   }

   .f-45 {
      font-size: 30px !important;
   }

   .f-36 {
      font-size: 30px !important;
   }

   .f-28 {
      font-size: 14px !important;
   }

   .link_button_1 {
      margin-right: 0;
      margin-bottom: 10px;
      height: 40px;
      padding: 10px 40px;
   }

   .mb-5,
   .my-5 {
      margin-bottom: 2rem !important;
   }

   .row.row-header {
      justify-content: inherit;
      padding: 0 15px;
   }

   .btn-resgiter {
      margin-left: auto;
   }

   .owltes .item {
      padding: 10px;
   }

   .wrap-contact {
      border-radius: 0;
   }

   .sec-home-3 .row-center {
      max-height: 63vh;
   }
}

@media (max-width: 1024px) {
   .split-box {
      padding: 20px;
   }

   .contact-item {
      padding: 30px;
   }

   ul.nav-list3 li img {
      width: 75%;
   }

   .sw-button.swiper-next {
      right: -20px;
   }

   .sw-button.swiper-prev {
      left: -20px;
   }

   .industry-content .col-right-industry {
      padding: 40px 20px 40px 40px;
   }

   .single-post #page {
      padding-top: 70px;
   }

   .sec-about-3 .row-center {
      max-height: max-content;
      height: auto;
      padding: 35px 0;
   }
}

@media (max-width: 992px) {
   .pt-50 {
      padding-top: 25px !important;
   }

   .pb-50 {
      padding-bottom: 25px !important;
   }

   .pb-100 {
      padding-bottom: 50px !important;
   }

   .pt-100 {
      padding-top: 50px !important;
   }

   .pt-200 {
      padding-top: 100px !important;
   }

   .pb-200 {
      padding-bottom: 100px !important;
   }

   .blog__social-sticky-wrapper {
      display: none;
   }
}

@media (max-width: 880px) {
   .wrap-contact {
      width: 100%;
      height: auto;
      flex-wrap: wrap;
   }

   .wrap-contact .contact-info {
      max-width: 100%;
      flex: 0 0 100%;
      margin-bottom: 30px;
   }

   .finput input {
      width: 100%;
   }

   .mb-5,
   .my-5 {
      margin-bottom: 1.5rem !important;
   }
}

@media (max-width: 768px) {
   .sec-about-1 {
      padding-top: 100px;
   }

   header#masthead + section {
      margin-top: 60px;
   }

   header#masthead {
      padding: 10px 0;
   }

   #sec-dev-1.min-vh-100 {
      min-height: 55vh !important;
      background-size: contain !important;
   }

   #sec-contact-1 .min-vh-80 {
      min-height: 60vh !important;
   }

   .about_quote_content {
      font-size: 20px !important;
   }

   .pt-100 {
      padding-top: 50px !important;
   }

   li.li-benefit.active {
      padding: 15px 15px 25px;
   }

   .flex-start {
      flex-direction: column;
   }

   .split-box {
      order: 1;
   }

   img.split-image {
      order: 2;
   }

   .spacer-6em {
      height: 3em;
   }

   .bg-cover-blog {
      background-size: auto;
   }

   #sec-blog-1 {
      padding-top: 50px !important;
   }

   .wrap-blog-top {
      flex-direction: column;
      justify-content: center;
      padding: 20px 15px;
   }

   .top-link {
      text-align: left;
      padding-left: 0;
   }

   .contact-item {
      padding: 20px 15px;
   }

   .sec-producer-1 .banner-form {
      width: 100%;
   }

   .sec-producer-1 .banner-form input[name="your-email"] {
      width: 290px;
   }

   .bb-benefit {
      text-align: center;
      margin-bottom: 20px;
   }

   ul.nav-list-bb li {
      width: 50%;
      padding: 0 10px;
   }

   ul.nav-list-bb li:after {
      opacity: 0;
   }

   .sec-home-3.bg-cover {
      background-size: 1920px;
      margin-bottom: 35px;
      text-align: center;
   }

   ul.list-model {
      margin: 0 -10px;
   }

   ul.list-model li span {
      display: none;
   }

   img.model-img {
      position: relative;
      top: 0;
      left: 50%;
      width: 360px;
      transform: translate(-50%, 0);
      margin-bottom: 20px;
   }

   ul.list-model li {
      padding: 0 10px;
      margin-bottom: 10px;
   }

   ul.list-model li .model-content {
      max-width: 100%;
      flex: 0 0 100%;
   }

   .footer {
      margin-top: -60px;
   }

   .footer-bottom {
   }

   .footer-flex {
      flex-direction: column;
   }

   #sec-contact-2 {
      padding-bottom: 0;
   }

   #map-info {
      margin-top: 0;
   }

   .footer-flex .form-group {
      width: 100%;
   }

   .ct_about_right {
      padding-left: 15px !important;
   }

   .about_quote {
      padding-right: 15px;
   }

   .about_quote::after {
      right: 0;
   }

   .list_feature .item-feature,
   .item-list-benefit1 {
      max-width: 50%;
      flex: 0 0 50%;
   }
   .inner-list-benefit2 .item-benefit2 {
      max-width: calc(100% / 2);
   }
}

@media (min-width: 768px) {
   .qrcode a {
      display: none !important;
   }

   .qrcode a.qr_pc {
      display: block !important;
   }
}

@media (max-width: 992px) and (min-width: 660px) {
   .sec-blog-content .blog-item,
   .row.row-benefit > div {
      width: 50%;
      max-width: 50%;
      flex: 0 0 50%;
   }
}

@media (max-width: 660px) {
   .inner-list-benefit2 .item-benefit2 {
      max-width: 100%;
      flex: 0 0 100%;
      text-align: center;
      margin-bottom: 20px;
   }
   .sec-home-3 .row-center {
      max-height: fit-content;
      height: auto;
   }

   ul.list-model li {
      max-width: 100%;
      flex: 0 0 100%;
      text-align: left;
   }

   .pb-5,
   .py-5 {
      padding-bottom: 1.5rem !important;
   }

   .pt-5,
   .py-5 {
      padding-top: 1.5rem !important;
   }

   .text-highline br {
      display: none;
   }

   .heading {
      text-align: center;
   }

   .industry-bottom-content .industry-content {
      flex-direction: column;
   }

   .industry-bottom-content .industry-content > div {
      max-width: 100%;
      flex: 0 0 100%;
   }

   .industry-content .col-right-industry {
      padding: 0;
   }

   .industry-top-slide .swiper-container {
      max-width: calc(100% - 20%);
   }

   .sw-button.swiper-prev {
      left: 20px;
   }

   .sw-button.swiper-next {
      right: 20px;
   }

   .sec-home-4:after {
      bottom: -50%;
      right: -50%;
      width: 100vw;
      height: 100vh;
   }

   .sec-home2-content:after {
      left: -50%;
      bottom: -50%;
      width: 100vw;
      height: 100vh;
   }

   .footer {
      margin-top: 0;
   }
}

@media (max-width: 480px) {
   #sec-home-1 {
      padding: 50px 0;
   }
   .link_button_2 {
      height: 40px;
      padding: 10px 20px;
      margin-bottom: 30px;
   }

   .f-36 {
      font-size: 25px !important;
   }

   .f-45 {
      font-size: 25px !important;
   }

   .f-22,
   .f-20,
   .f-18 {
      font-size: 14px !important;
   }

   .f-24 {
      font-size: 18px !important;
   }

   ul.nav-tab li a {
      font-size: 18px !important;
   }

   .wrap-achiev .img-achiev img {
      width: 35px;
   }

   .image-benefit {
      height: 45vh !important;
      max-height: 100% !important;
      padding-bottom: 35px !important;
   }

   .heading-span span {
      display: table;
      margin: 0 auto;
   }

   .owltes {
      padding: 0 15px;
   }

   .wrap-contact {
      padding: 50px 15px;
   }

   .contact-from {
      width: 100%;
   }

   .contact-from .form-group {
      flex-direction: column;
      margin-bottom: 0;
   }

   .finput {
      padding: 0;
      margin-bottom: 10px;
   }

   .navigation-mobile.open {
      top: 57px;
   }

   .qrcode {
      width: 120px;
   }

   .container-dev-banner {
      padding-top: 100px;
   }

   .iframe-video iframe {
      height: 300px;
   }

   .post_highlights {
      flex-direction: column;
   }

   .post_highlights .blog-item {
      width: 100%;
   }

   #sec-producer-1,
   #sec-producer-1 .min-vh-100 {
      min-height: 60vh !important;
      background-size: cover;
   }

   .col-producer-banner {
      padding-bottom: 15px !important;
   }

   .about-left:after {
      left: 0;
      width: 100%;
      border-radius: 0;
   }

   .about-left {
      padding: 60px 15px;
      margin-bottom: 60px;
   }

   .item-team,
   li.achiev-team {
      width: 100%;
   }

   .about_quote::before {
      left: 0;
      background-size: contain;
   }

   .about-right {
      margin-bottom: 40px;
      margin-top: 40px;
   }

   #sec-contact-1 .row-center {
      padding-top: 100px;
   }

   .img-about-top-150 {
      top: 30px;
   }

   .info_map_box {
      position: relative;
      top: auto;
      left: auto;
      transform: translateY(0);
      z-index: 9;
      margin: 0 auto 30px;
   }

   #map {
      height: 500px !important;
   }

   .global-section {
      padding: 100px 15px;
   }

   .blog__hero-image {
      min-height: 200px;
   }

   .contact-from.page-contact .form-group .finput {
      max-width: 100%;
      flex: 0 0 100%;
   }

   .sec-blog-related {
      padding-top: 0 !important;
   }
   .col-f2,
   .col-f3 {
      padding-top: 20px;
   }

   .list-achievement {
      flex-wrap: nowrap;
      overflow: auto;
      scroll-snap-type: x mandatory;
      justify-content: flex-start;
   }
   .list-achievement .item {
      max-width: 80%;
      flex: 0 0 80%;
      text-align: center;
      position: relative;
   }

   .list_feature .item-feature,
   .item-list-benefit1 {
      max-width: 100%;
      flex: 0 0 100%;
   }

   .swiper-blog.relative {
      margin: 0 -20px;
   }
   .blog-content {
      padding: 10px;
   }

   ul.nav-list3 li {
      width: 50%;
   }
}

@media (max-width: 412px) {
   /* .f-36 {
         font-size: 20px !important;
     }
 
     .f-45 {
         font-size: 20px !important;
     } */
}

@media (max-width: 375px) {
   .link_button_2 {
      margin: 5px 0;
   }
}


.pum-theme-lightbox > .pum-container {
   box-shadow: none !important;
   border: 0 !important;
   border-radius: 10px !important;
   padding: 0 !important;
}

.pum-theme-lightbox > .pum-container .popmake-title {
   display: none;
}

.pum-theme-lightbox > .pum-container .pum-content img {
   margin: 0 !important;
}

.pum-theme-lightbox > .pum-container .popmake-content {
   border-radius: 10px;
   overflow: hidden;
}