html, body {padding: 0; margin: 0; box-sizing: border-box; background-color: #000; font-family: 'Mulish', sans-serif; font-size: 16px; font-weight: 400; color: #4b566b; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); }
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Scrollbar Styling */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: #242424; -webkit-border-radius: 0px; border-radius: 0px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: #fc8701; }

@keyframes rot-cw { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
@keyframes rot-acw { from { transform: rotate(0deg); } to { transform: rotate(-359deg); } }

.header { width: 100%; height: 104px; background: linear-gradient(180deg,rgba(0,0,0,.9) 0,transparent); display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 999; transition: all 0.3s ease-in-out; }
.header.fixed { height: 70px; background: rgba(36,36,36,.9); }
.container { width: 80%; max-width: 1320px; }
.topnav-area { width: 95%; height: 53px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.header .logo { width: 235px; }
.header .top-navs { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 32px; margin-left: auto; }
.top-navs a { font-size: 14px; font-weight: 400; color: #fff; text-decoration: none; padding-left: 12px; position: relative; transition: all 0.3s ease-in-out; }
.top-navs a:hover { color: #fc8701; }
.top-navs a::before { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fc8701; border-bottom: 5px solid transparent; position: absolute; left: -4px; top: 6px; }
.header .topright-btn { width: fit-content; height: fit-content; background-color: #078d84; border-radius: 8px; padding: 16px 24px; font-size: 16px; font-weight: 400; line-height: 16px; color: #fff; cursor: pointer; margin-left: auto; }
.header .toggle-btn { display: none; }

.yellow { color: #fecb85 !important; }
hr { border-color: #fff; }
.heading-border { width: fit-content; display: block; padding: 16px 24px; border: 3px solid #fff; border-radius: 15px; margin: 70px auto; }

@media screen and (max-width: 1024px) {
    .header { height: 70px; }
    .header.fixed { height: 70px; }
    .container { width: 95%; max-width: 100%; transform: scale(1) !important; }
    .header .logo { width: 200px; }
    .topnav-area { width: 95%; height: auto; }
    .header .top-navs { display: none; }
    .topnav-area .line-btn { margin-left: auto; }
}

@media screen and (max-width: 768px) {
    .header { height: 59px; }
    .header.fixed { height: 59px; background: linear-gradient(180deg,rgba(0,0,0,.9) 0,transparent); }
    .container { width: 95%; max-width: 100%; transform: scale(1) !important; }
    .header .logo { width: 150px; }
    .topnav-area { width: 95%; height: auto; }
    .header .top-navs { display: none; }
    .topnav-area .line-btn { margin-left: auto; }
    .heading-border { padding: 10px; border: 1.5px solid #fff; border-radius: 10px; margin: 30px auto; }
}
@media screen and (max-width: 1366px) {
    /* .container { transform: scale(0.9); } */
}
@media screen and (max-width: 1024px) {
    /* .container { transform: scale(0.9); } */
}

.drops { line-height: 53px; cursor: pointer; position: relative; }
.drops .drop-box { opacity: 0; visibility: hidden; width: fit-content; height: fit-content; padding: 30px; background: transparent url(../images/dropdown-bg1.jpg) no-repeat center center; background-size: cover; position: absolute; transform: translateX(-50%); left: 50%; top: 73px; transition: all 0.3s ease-in-out; }
.drops .drop-box::before { content: ''; width: 19px; height: 19px; background: transparent url(../images/dropdown-arrow.svg) no-repeat center center; background-size: 100% 100%; position: absolute; transform: translateX(-50%); left: 50%; top: -9px; }
.drops .drop-box .drop-row { width: fit-content; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; }
.drops .drop-box .drop-row .drop-col { min-width: 220px; display: flex; flex-direction: column; align-items: flex-start; }
.drops .drop-box .drop-row .drop-col a { font-size: 13px; line-height: 26px; padding-left: 14px; text-decoration: none; position: relative; }
.drops .drop-box .drop-row .drop-col a::before { width: 6px; height: 6px; background-color: #fecb85; border: 0; border-radius: 50%; position: absolute; left: 0; top: 10px; }
.drops:hover .drop-box { opacity: 1; visibility: visible; top: 53px; }

.search-btn { position: relative; cursor: pointer; margin-left: 30px; }
.search-btn .icon { width: 13px; height: 13px; position: relative; margin-top: -14px; }
.search-btn .search-box { width: 800px; height: auto; opacity: 0; visibility: hidden; transform: scale(0); background: transparent url(../images/dropdown-bg1.jpg) no-repeat center center; background-size: cover; display: block; padding: 36px 30px 30px; position: absolute; right: -400px; top: -40px; transition: all 0.3s ease-in-out; }
.search-btn .search-box.show {  opacity: 1; visibility: visible; transform: scale(1); right: 0; top: 26px; }
.search-box .search-close { font-size: 24px; color: #fff; width: 24px; height: 24px; position: absolute; top: 0px; right: 6px; }
.search-btn .search-box .input-group { width: 100%; border-bottom: 2px solid #fff; padding-bottom: 10px; }
.search-btn .search-box .input-group input.form-control { height: 30px; background: transparent; border: 0; border-radius: 0; outline: 0; box-shadow: none; font-size: 16px; font-weight: 400; color: #fff; }
.search-btn .search-box .input-group input.form-control::placeholder { color: rgba(255,255,255,.4); }
.search-btn .search-box .input-group .input-group-text { height: 30px; background: transparent; border: 0; border-radius: 0; font-size: 15px; color: #fff; cursor: pointer; }
.search-btn .search-box .input-group .input-group-text.voice { position: relative; }
.search-btn .search-box .input-group .input-group-text.voice::after { content: ''; width: 29px; height: 29px; border: 2px solid #fecb85; border-radius: 50%; position: absolute; left: 5px; top: 0; }
.search-box .foot-links { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 30px; flex-wrap: wrap; margin-top: 15px; }
.search-box .foot-links label { font-size: 13px; font-weight: 400; color: #fff; line-height: 30px; margin: 0; }
.search-box .foot-links a { font-size: 13px; font-weight: 400; color: #fecb85; line-height: 30px; text-decoration: none; }
@media screen and (max-width: 768px) {
    .search-btn { margin-left: auto; }
    .search-btn .search-box, .search-btn .search-box.show { width: 100%; padding: 40px 20px 20px; position: fixed; right: auto; left: 0; top: 0px; transform: scale(1); z-index: 100; }
    .search-box .foot-links { width: 100%; column-gap: 15px; row-gap: 0; }
}

.lang-btn { font-size: 16px; color: #fff; margin-left: 30px; cursor: pointer; }
@media screen and (max-width: 768px) {
    .lang-btn { display: none; }
}

.line-btn { position: relative; cursor: pointer; margin-left: 30px; margin-top: -4px; display: none; }
.line-btn .icon { width: 21px; }
.line-btn .line-box { width: 410px; height: auto; opacity: 0; visibility: hidden; transform: scale(0); background: transparent url(../images/dropdown-bg1.jpg) no-repeat center center; background-size: cover; display: block; padding: 30px; position: absolute; right: -205px; top: -230px; transition: all 0.3s ease-in-out; }
.line-btn .line-box.show { opacity: 1; visibility: visible; transform: scale(1); right: 0; top: 40px; }
.line-btn .line-box .line-close { display: block; position: absolute; top: 15px; right: 15px; background-color: rgba(255,255,255,0.4); padding: 6px 10px; border-radius: 14px; font-size: 14px; font-weight: 400; color: #fff; line-height: 14px; text-transform: uppercase; }
.line-box .logo { width: 220px; margin-bottom: 15px; }
.line-box .links { padding-left: 15px; }
.line-box .links a.main-menu { display: block; width: calc(100% + 0px); font-size: 17px; font-weight: 400; line-height: 32px; color: #fff; text-decoration: none; background-color: rgba(255,255,255,0); padding: 0 20px; position: relative; left: -20px; border-radius: 16px 0 0 16px; transition: all 0.3s ease-in-out; }
.line-box .links a.main-menu::before { content: ''; width: 19px; height: 19px; transform: scale(0); background: transparent url(../images/dropdown-arrow.svg) no-repeat center center; background-size: 100% 100%; position: absolute; left: -9.5px; top: 6.5px; transition: all 0.2s ease-in-out; }
.line-box .links a.main-menu:hover { width: calc(100% + 50px); background-color: rgba(255,255,255,.3); }
.line-box .links a.main-menu:hover::before { transform: scale(1); }
.line-box .submenu a { font-size: 15px; line-height: 28px; padding-left: 20px; color: rgba(255,255,255,.7); width: 100%; display: block; text-decoration: none; }
.line-box .links .socials { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; margin-top: 20px; }
.line-box .links .socials a { background: transparent; padding: 0; left: auto; color: #fff; text-decoration: none; }
.line-box .links .socials a:hover { color: #fc8701; }
.line-box .links .socials a::before { display: none; }
@media screen and (max-width: 1024px) {
    .line-btn { margin-left: 15px; display: block; }
    .line-btn .icon { width: 18px; }

    .line-btn .line-box { width: 100%; height: auto; background: transparent url(../images/dropdown-bg1.jpg) repeat center center; display: block;  transform: scale(1); padding: 20px; position: fixed; right: auto; left: 0; top: 0 !important; transition: all 0.3s ease-in-out; }
}

.banner { width: 100%; }
.banner .carousel-item { width: 100%; height: 100vh; position: relative; }
.banner .carousel-item::after { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,transparent 0,#000); position: absolute; left: 0; bottom: 0; }
.banner .carousel-item img.desk { display: block; width: 100%; height: 100%; }
.banner .carousel-item img.mob { display: none; }
.banner .carousel-item video { width: 100%; height: auto; }

.banner ol.carousel-indicators li { width: 55px; height: 5px; border: 0; border-radius: 4px; background: hsla(0,0%,100%,.45); }
.banner ol.carousel-indicators li.active { background: #fc8701; }

.banner-other { width: 100%; height: fit-content; position: relative; }
.banner-other img.desktop { width: 100%; display: block; position: relative; }
.banner-other img.mobile { display: none; }
.banner-other::after { content: ''; width: 100%; height: 20%; position: absolute; background: linear-gradient(180deg,transparent 0,#000); left: 0; bottom: 0; }
.banner-other .txt-over { width: 100%; position: absolute; transform: translateY(-50%); top: 50%; left: 0; }
.banner-other .txt-over h1 { font-size: 35px; font-weight: 700; line-height: 46px; margin-bottom: 5px; }
.banner-other .txt-over h4 { font-size: 22px; font-weight: 600; line-height: 30px; margin-bottom: 0px; }
.banner-other iframe { height: 100vh; }
@media screen and ( max-width: 1024px ) {
    .banner .carousel-item { height: 70vh; }
    .banner-other iframe { height: 70vh; }
}
@media screen and ( max-width: 768px ) {
    .banner .carousel-item { /*height: 60vh;*/ height: auto; }
    .banner .carousel-item video { width: auto; height: 100%; transform: translateX(-6.25%); left: 6.25%; }
    .banner-other iframe { height: 60vh; }
}
@media screen and ( max-width: 425px ) {
    .banner .carousel-item { /*height: 50vh !important;*/ height: auto; }
    .banner .carousel-item img.desk { display: none; }
    .banner .carousel-item img.mob {  display: block; width: 100%; height: 100%; }
    .banner .carousel-item img.mob img { object-fit: cover; }
    .banner .carousel-item video { width: auto; height: 100%; transform: translateX(-12.5%); left: 12.5%; }

    .banner-other img.desktop { display: none; }
    .banner-other img.mobile { width: 100%; display: block; position: relative; }
    .banner-other iframe { height: 50vh; }

    .banner-other .txt-over { top: 28%; }
    .banner-other .txt-over h1 { font-size: 25px; line-height: 32px; }
    .banner-other .txt-over h4 { font-size: 18px; line-height: 26px; }
}
@media screen and ( max-width: 1366px ) {
    /* .banner .carousel-item { height: 80vh; } */
}

.pt-hero { padding-top: 120px; }

.solution-bg, .testimonial-bg { width: 100%; padding: 50px 0; position: relative; z-index: 1; }
.solution-bg .video-bg, .testimonial-bg .img-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.solution-bg .video-bg video, .testimonial-bg .img-bg img { display: block; width: 100%; height: 100%; object-fit: cover !important; position: absolute; left: 0; top: 0; opacity: 0.2; pointer-events: none; }
.testimonial-bg .img-bg img { opacity: 1; }
.solution-bg .video-bg::before { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,#000 0,transparent); position: absolute; left: 0; top: 0; z-index: 2; }
.solution-bg .video-bg::after { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,transparent 0,#000); position: absolute; left: 0; bottom: 0; z-index: 2; }
.testimonial-bg .img-bg::before { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,#000 0,transparent); position: absolute; left: 0; top: 0; z-index: 2; }
.testimonial-bg .img-bg::after { content: ''; width: 100%; height: 70%; background: linear-gradient(180deg,transparent 0,#000 85%,#000); position: absolute; left: 0; bottom: 0; z-index: 2;  }

.common-bg { width: 100%; padding: 5% 0; overflow: hidden; position: relative; z-index: 2; }
.common-bg.first-bg { padding-top: 10%; }
.common-bg .img-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 35px 0; z-index: -1;}
.common-bg .img-bg img { width: 100%; height: auto; object-fit: cover; }
.common-bg .img-bg.new img { display: block; width: 100%; height: 100%; object-fit: cover; }
.common-bg .img-bg::before { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,#000 0,transparent); position: absolute; top: 0; left: 0; }
.common-bg .img-bg::after { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,transparent 0,#000); position: absolute; bottom: 0; left: 0; }

.common-bg.gray { width: 100%; background-color: #313131; padding: 40px 0; }

.bg-frame { width: 100%; height: fit-content; position: relative; }
.bg-frame::before, .bg-frame::after { content: ''; width: 350px; height: 1px; background-color: #ba7635; position: absolute; left: 0; top: 0; }
.bg-frame::after { left: auto; right: 0; top: auto; bottom: 0; }
.bg-frame .frame-inside {  padding: 25px 60px; position: relative; }
.bg-frame .frame-inside::before, .bg-frame .frame-inside::after { content: ''; width: 0; height: 0; position: absolute; border-top: 58px solid #ba7635; border-right: 52px solid transparent; left: 0; top: 0; }
.bg-frame .frame-inside::before { transform: rotate(180deg); left: auto; right: 0; top: auto; bottom: 0; }
@media screen and ( max-width: 768px ) {
    .common-bg.gray { padding: 20px 0; }
    .bg-frame::before, .bg-frame::after { width: 150px; }
    .bg-frame .frame-inside {  padding: 10px 30px; }
    .bg-frame .frame-inside::before, .bg-frame .frame-inside::after { border-top: 28px solid #ba7635; border-right: 28px solid transparent; }
}

.logo-scroll-bg { width: 100%; padding: 5% 0; background: url(../images/logo-scroll-bg.jpg) no-repeat 50%; background-size: cover; position: relative; z-index: 2; }
.logo-scroll-bg .logo { width: 100%; opacity: 0.7; transition: all 0.3s ease-in-out; cursor: pointer; position: relative; z-index: 5; }
.logo-scroll-bg .logo:hover { opacity: 1; }
.logo-scroll-bg .logo img { width: 100%; }

h2 { font-size: 38px; line-height: 44px; font-weight: 700; color: #fff; margin-bottom: 5px; }
h3 { font-size: 33px; line-height: 39px; font-weight: 600; color: #fff; margin-bottom: 5px; }
h4 { font-size: 26px; line-height: 32px; font-weight: 600; color: #fff; margin-bottom: 5px; }
h5 { font-size: 22px; line-height: 28px; font-weight: 600; color: #fff; margin-bottom: 5px; }
p { font-size: 16px; font-weight: 400; line-height: 22px; color: #fff; margin-bottom: 16px; }
a { text-decoration: none !important; }
b { font-weight: 700 !important; }
@media screen and ( max-width: 768px ) {
    .solution-bg, .testimonial-bg { padding: 30px 0; }
    .testimonial-bg .img-bg img { display: none; }
    h2, h2 b { font-size: 27px; line-height: 36px; font-weight: 700; }
    h3 { font-size: 23px; line-height: 28px; }
    h4 { font-size: 19px; line-height: 23px; font-weight: 700; }
    h5 { font-size: 16px; line-height: 20px; }
    p { font-size: 14px; line-height: 19px; }
    .common-bg.first-bg { padding-top: 15%; }
}
@media screen and ( max-width: 1366px ) {
    /* .solution-bg, .testimonial-bg { transform: scaleY(0.9); } */
}

.solution-card { width: 100%; padding: 0 5%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; z-index: 5; margin-left: -4%; }
.solution-card .left { width: 55%; padding: 0 4% 0 8%; }
.solution-card .right { width: 38%; position: relative; max-width: 600px; }
.solution-card .right::before { content: ''; padding-bottom: 86.6%; display: block; }
.solution-card .right .slideimg-frame { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.solution-card .right .slideimg-frame::before { content: ''; position: absolute; left: 13%; top: 7%; bottom: 7%; width: 100%; background: url(../images/solutions-bg-border.svg) no-repeat 50%; background-size: contain; }
.solution-card .right .slideimg-frame img { object-fit: cover; width: 100%; height: 100%; mask: url(../images/slide-mask.svg); mask-size: cover; object-position: center center; position: relative; left: 0; top: 0; }
.solution-card .right .tag { font-size: 17px; font-weight: 500; color: #fff; position: absolute; left: 15%; top: 0; padding: 5px 18px 5px 8px; z-index: 1; }
.solution-card .right .tag::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #074dd9; transform: skewX(-13deg); transform-origin: right top; z-index: -1; }
@media screen and ( max-width: 425px ) {
    .solution-card { padding: 0; flex-direction: column; justify-content: center; margin-left: 0px; }
    .solution-card .left { width: 100%; padding: 0; text-align: center; order: 2; }
    .solution-card .right { width: 100%; max-width: 100%; padding: 0 40px 10px; order: 1; }
    .solution-card .right::before { content: ''; padding-bottom: 0%; display: block; }
    .solution-card .right .slideimg-frame {  position: relative; left: 0; top: 0; }
    .solution-card .right .tag { font-size: 16px; left: 23%; top: 0; padding: 3px 15px 3px 6px; }
    .solution-card .right .tag::before { transform-origin: right top; z-index: -1; }
}

.slide-head { font-size: 30px; line-height: 45px; font-weight: 600; color: #fecb85; margin-bottom: 6px; }
.slide-head.green { color: #318014; }
.slide-txt { font-size: 21px; font-weight: 600; line-height: 30px; color: #fff; }
.slide-txt.yellow { color: #fecb85; }
.slide-txt.black { color: #232323; }
.slide-txt span.lrg { font-size: 30px; }
a.slide-more, button.slide-more { display: inline-block; min-width: 130px; font-size: 16px; font-weight: 800; color: #fff; text-align: center; background-color: #074dd9; border: 2px solid #074dd9; border-radius: 8px; padding: 9px 18px; text-decoration: none; outline: 0; box-shadow: none; margin: 15px 15px 0 0; z-index: 100; transition: all 0.3s ease-in-out; }
a.slide-more.line, button.slide-more.line { background: transparent; }
a.slide-more.green { background-color: #318014; border-color: #318014; }
a.slide-more:hover, a.slide-more.green:hover, button.slide-more:hover { background-color: #fff; border-color: #ffff; color: #074dd9; }
@media screen and ( max-width: 768px ) {
    .slide-head { font-size: 17px; font-weight: 500; line-height: 23px; margin-bottom: 6px; }
    .slide-txt { font-size: 16px; font-weight: 400; line-height: 21px; }
    a.slide-more { min-width: 110px; font-size: 14px; font-weight: 700; border-radius: 5px; padding: 6px 14px; margin: 15px 10px 0 0; }
}

@keyframes arrow-ani1 { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 50%, 100% { -webkit-transform: translateX(40%); transform: translateX(40%); opacity: 0; } }
@keyframes arrow-ani2 { 0% { -webkit-transform: translateX(-40%); transform: translateX(-40%); opacity: 0; } 50%, 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }

.owl-carousel .owl-stage-outer { position: relative; z-index: 3; }
.owl-carousel.owl-elevation { width: 100%; }
/* .owl-carousel.owl-elevation  */
.owl-carousel .owl-nav { position: absolute; height: 0px; margin: 0; top: 37.5%; width: 100%; z-index: 4; }
.owl-carousel .owl-nav button:focus { background-color: transparent; }
.owl-carousel .owl-nav button.disabled { display: none; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 0; outline: 0; box-shadow: none; width: 40px; height: 110px; margin: 0; position: relative; background: transparent !important; z-index: 10; }
.owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: transparent url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% 100%; animation: arrow-ani1 2s cubic-bezier(.71,.04,.16,1.4) infinite; z-index: 11; }
.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: transparent url(../images/slider-arrow.svg) no-repeat center center; background-size: 100% 100%; animation: arrow-ani2 2s cubic-bezier(.71,.04,.16,1.4) infinite; z-index: 11; }

.owl-carousel.owl-elevation .owl-nav button.owl-next, .owl-carousel.owl-tabimg .owl-nav button.owl-next,
.owl-carousel.owl-indus .owl-nav button.owl-next { position: absolute; right: 0px; }
.owl-carousel.owl-elevation .owl-nav button.owl-prev, .owl-carousel.owl-tabimg .owl-nav button.owl-prev,
.owl-carousel.owl-indus .owl-nav button.owl-prev { position: absolute; left: 0px; transform: rotate(180deg); }
.owl-carousel.owl-case .owl-nav button.owl-next, .owl-carousel.owl-testing .owl-nav button.owl-next { position: absolute; right: -55px; }
.owl-carousel.owl-case .owl-nav button.owl-prev, .owl-carousel.owl-testing .owl-nav button.owl-prev { position: absolute; left: -55px; transform: rotate(180deg); }
.owl-carousel.owl-blog .owl-nav button.owl-next { position: absolute; right: -25px; }
.owl-carousel.owl-blog .owl-nav button.owl-prev { position: absolute; right: 75px; transform: rotate(180deg); }
.owl-carousel.owl-blog.news .owl-nav button.owl-next { right: auto; left: 75px; }
.owl-carousel.owl-blog.news .owl-nav button.owl-prev { right: auto; left: -25px; }
.owl-carousel.owl-elevation .owl-dots { display: none; /*margin-top: 30px;*/ }
.owl-carousel.owl-elevation .owl-dots button.owl-dot { outline: 0; box-shadow: none; border: 0; }
.owl-carousel.owl-elevation .owl-dots button.owl-dot span { background: rgba(255,255,255,.3); }
.owl-carousel.owl-elevation .owl-dots button.owl-dot.active span { background: rgba(255,255,255,1); }
.owl-carousel.owl-tabimg { margin-bottom: 16px; }
.owl-carousel.owl-tabimg .item img { height: 150px; width: auto; }
.owl-carousel.owl-tabimg .owl-stage { width: max-content !important; }

.owl-indus { width: 492px; }
.owl-indus .owl-stage-outer { width: 86%; margin: 0 7%; }
.owl-indus .owl-stage-outer .owl-item img { width: 100%; height: 370px; -webkit-mask-image: url(../images/polygon-white.svg); mask-image: url(../images/polygon-white.svg); -webkit-mask-position: top left; mask-position: top left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 432px 400px; mask-size: 432px 400px; }

@media screen and ( max-width: 1024px ) {
    .owl-carousel.owl-elevation .owl-nav, .owl-carousel.owl-blog .owl-nav, .owl-carousel.owl-case .owl-nav, .owl-carousel.owl-testing .owl-nav { height: 77px; top: 50%; width: 100%; }
    .owl-carousel.owl-elevation .owl-nav button.owl-prev, .owl-carousel.owl-elevation .owl-nav button.owl-next,
    .owl-carousel.owl-blog .owl-nav button.owl-prev, .owl-carousel.owl-blog .owl-nav button.owl-next,
    .owl-carousel.owl-case .owl-nav button.owl-prev, .owl-carousel.owl-case .owl-nav button.owl-next,
    .owl-carousel.owl-testing .owl-nav button.owl-prev, .owl-carousel.owl-testing .owl-nav button.owl-next { width: 28px; height: 77px; }
    .owl-carousel.owl-case .owl-nav button.owl-prev, .owl-carousel.owl-testing .owl-nav button.owl-prev { left: -28px; }
    .owl-carousel.owl-case .owl-nav button.owl-next, .owl-carousel.owl-testing .owl-nav button.owl-next { right: -28px; }
    .owl-carousel.owl-blog .owl-nav button.owl-next { position: absolute; right: -20px; }
    .owl-carousel.owl-blog .owl-nav button.owl-prev { position: absolute; right: 80px; }
    .owl-carousel.owl-blog.news .owl-nav button.owl-next { left: 80px; }
    .owl-carousel.owl-blog.news .owl-nav button.owl-prev { left: -20px; }
}
@media screen and ( max-width: 768px ) {
    .owl-indus { width: 300px !important; }
    .owl-indus .owl-stage-outer .owl-item img { width: 100%; height: 239px; -webkit-mask-size: 258px 239px; mask-size: 258px 239px; }
}

/* .owl-carousel .owl-item { display: none; }
.owl-carousel .owl-item.active { display: block !important; } */
@media screen and ( max-width: 425px ) {
    .owl-carousel.owl-elevation { margin: 0 auto; }
    .owl-carousel.owl-elevation .owl-nav, .owl-carousel.owl-blog .owl-nav, .owl-carousel.owl-case .owl-nav, .owl-carousel.owl-testing .owl-nav { height: 27px; top: 32%; width: 100%; }
    .owl-carousel.owl-elevation .owl-nav button.owl-prev, .owl-carousel.owl-elevation .owl-nav button.owl-next,
    .owl-carousel.owl-blog .owl-nav button.owl-prev, .owl-carousel.owl-blog .owl-nav button.owl-next,
    .owl-carousel.owl-case .owl-nav button.owl-prev, .owl-carousel.owl-case .owl-nav button.owl-next,
    .owl-carousel.owl-testing .owl-nav button.owl-prev, .owl-carousel.owl-testing .owl-nav button.owl-next { width: 10px; height: 27px; }
    .owl-carousel.owl-blog .owl-nav button.owl-prev { right: auto; left: -25px; }
    .owl-carousel.owl-blog.news .owl-nav button.owl-next { left: auto; right: -25px; }
    .owl-carousel.owl-case .owl-nav button.owl-prev, .owl-carousel.owl-testing .owl-nav button.owl-prev { right: auto; left: 0px; }
    .owl-carousel.owl-case .owl-nav button.owl-next, .owl-carousel.owl-testing .owl-nav button.owl-next { left: auto; right: 0px; }
}

.owl-carousel.owl-testimonial { width: 100%; position: relative; }
.owl-carousel.owl-testimonial::before, .owl-carousel.owl-testimonial::after { content: ''; width: 130px; height: 100px; background: transparent url(../images/icon-quote-lrg.svg) no-repeat center center; background-size: 100% 100%; position: absolute; left: -75px; top: 0; transform: rotate(180deg); }
.owl-carousel.owl-testimonial::after { transform: rotate(0deg); left: auto; right: -75px; top: auto; bottom: 0; }
.owl-carousel.owl-testimonial button.owl-dot { border: 0; outline: 0 !important; box-shadow: none !important; }
.owl-carousel.owl-testimonial .owl-dot span { width: 55px; height: 5px; background-color: hsla(0,0%,100%,.45); border: 0; border-radius: 3px; margin: 0 4px; }
.owl-carousel.owl-testimonial .owl-dot.active span { background-color: #fc8701; }
@media screen and ( max-width: 1024px ) {
    .owl-carousel.owl-testimonial::before, .owl-carousel.owl-testimonial::after { width: 78px; height: 60px; left: 0px; opacity: 0.6; }
    .owl-carousel.owl-testimonial::after { right: 0; left: calc(100% - 78px); }
}
@media screen and ( max-width: 768px ) {
    .owl-carousel.owl-testimonial::before, .owl-carousel.owl-testimonial::after { width: 33px; height: 25px; left: 0px; opacity: 0.6; }
    .owl-carousel.owl-testimonial::after { right: 0; left: calc(100% - 33px); }
}

.testi-card { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: start; padding: 0 12%; position: relative; z-index: 10; }
.testi-card .left-img { width: 30%; height: 30vh; margin-right: 5%; position: relative; }
.testi-card .left-img img { width: 100%; height: 100%; position: relative; }
.testi-card .right-txt { width: 65%; height: auto; }
.testi-card .right-txt .logo { width: 175px; margin-top: 5px; }
@media screen and ( max-width: 768px ) {
    .testi-card { flex-direction: column; align-items: center; padding: 0; }
    .testi-card .left-img { width: calc(100% - 100px); height: 200px; margin-right: 0px; margin-bottom: 15px; }
    .testi-card .right-txt { width: 100%; text-align: center; }
    .testi-card .right-txt .logo { width: 150px; margin: 5px auto 0; }
}

.blog-bg { width: 100%; padding: 60px 0; position: relative; overflow: hidden; }
.blog-bg .img-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.blog-bg .img-bg .blue-bg { display: block; width: 30%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; z-index: -1; }
.blog-bg .img-bg .blue-bg.alt { left: auto; right: 0; }
.blog-bg .img-bg .blue-bg img { width: auto; height: 100%;  opacity: 0.5; }
.blog-bg .img-bg .blue-bg::before { content: ''; width: 100%; height: 40%; background-color: #074dd9; position: absolute; transform: translateY(-50%); top: 50%; z-index: -1; }
.blog-bg .img-bg::before { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,#000 0,transparent); position: absolute; left: 0; top: 0; z-index: 2; }
.blog-bg .img-bg::after { content: ''; width: 100%; height: 20%; background: linear-gradient(180deg,transparent 0,#000); position: absolute; left: 0; bottom: 0; z-index: 2; }
@media screen and (max-width: 425px) {
    .blog-bg { padding: 30px 0; }
    .blog-bg .img-bg .blue-bg { width: calc(100% - 200px); }
    .blog-bg .img-bg .blue-bg::before { height: 180px; position: absolute; top: 40%; }
}
@media screen and ( max-width: 1366px ) {
    /* .blog-bg { transform: scaleY(0.9);} */
}

.work-bg { position: relative; width: 100%; height: fit-content; }
.work-bg .img-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.work-bg .img-bg img { width: 100%; height: 100%; object-fit: cover !important; position: absolute; left: 0; top: 0; opacity: 0.2; pointer-events: none; }
.work-card { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.work-card .left-img { width: 40%; box-sizing: border-box; position: relative; }
.work-card .left-img::before { content: ''; padding-bottom: 88%; display: block; box-sizing: border-box; }
.work-card .left-img .img-frame { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.work-card .left-img .img-frame::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/work-with-fig-bg.svg) no-repeat 50%; background-size: 100% 100%; transform: translateX(14%); transition: transform 1s,-webkit-transform 1s; transition-delay: .4s; }
.work-card .left-img .img-frame::after { content: ''; position: absolute; left: 0; top: 10%; bottom: 10%; width: 100%; background: url(../images/work-with-fig-bg2.svg) no-repeat 50%; background-size: contain;  transform: translateX(15%); }
.work-card .left-img .img-frame img { position: relative; width: 100%; height: 98%; object-fit: cover; mask: url(../images/work-with-mask.svg); mask-size: 100% 100%; z-index: 1; }
.work-card .right-txt { width: 60%; padding: 0 7% 0 10%; }
@media screen and (max-width: 425px) {
    .work-bg {  padding: 30px 0; }
    .work-card { flex-direction: column; }
    .work-card .left-img { width: 65%; margin-bottom: 20px; }
    .work-card .left-img::before { padding-bottom: 88%; display: block; box-sizing: border-box; }
    .work-card .right-txt { width: 90%; padding: 0; text-align: center; }
}
@media screen and ( max-width: 1366px ) {
    /* .work-bg { transform: scaleY(0.9);} */
}

.contact-bg { width: 100%; position: relative; background: url(../images/contact-bg.jpg) no-repeat 50%; background-size: cover; padding: 12% 0 16%; }

.team-img { width: 100%; height: fit-content; position: relative; margin-bottom: 2%; }
.team-img img.desktop { width: 100%; display: block; position: relative; }
.team-img img.mobile { display: none; }
.team-img .container.over-txt { background-color: rgba(49,49,49,.9); padding: 20px 6%; text-align: center; position: relative; margin-top: -50px; }
@media screen and (max-width: 768px) {
    .team-img img.desktop { display: none; }
    .team-img img.mobile { width: 100%; display: block; position: relative; }
}

.footer-bg { width: 100%; background: #2f7f20 url(../images/footer-bg.jpg) no-repeat 50%; background-size: cover; padding: 50px 0 30px; }
.footer-bg .footer-row { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; }
.footer-bg .footer-row .footer-col { width: 25%; display: block; }
.footer-bg h3, .footer-bg h3 a { font-size: 17px; font-weight: 700; line-height: 23px; color: #fff; margin-bottom: 15px; text-decoration: none; }
.footer-bg h3.yellow { color: #fecb85; }
.footer-bg ul.foot-link { list-style: none; padding: 0; margin: 0 0 30px 0; }
.footer-bg ul.foot-link li, .footer-bg ul.foot-link li a { font-size: 14px; font-weight: 400; color: #fff; line-height: 16px; margin: 0 0 15px 0; padding-left: 8px; text-decoration: none; position: relative; transition: all 0.3s ease-in-out; }
.footer-bg ul.foot-link li a:hover { padding-left: 16px; color: #fecb85; }
.footer-bg ul.foot-link li a::before { content: ''; width: 7px; height: 7px; background-color: #fecb85; border-radius: 50%; position: absolute; left: -8px; top: 5px; transition: all 0.3s ease-in-out; }
.footer-bg ul.foot-link li a:hover::before { left: 0px; }
.footer-bg .foot-logo { width: 210px; margin-bottom: 20px; }
.footer-bg .foot-about { padding-right: 40px; }
.social-row a { font-size: 25px; color: #fff; text-decoration: none; margin-right: 8px; }
@media screen and (max-width: 768px) {
    .footer-bg .footer-row { flex-direction: column; }
    .footer-bg .footer-row .footer-col { width: 100%; text-align: center; }
    .footer-bg ul.foot-link { display: none; }
    .footer-bg .footer-row .footer-col:last-child { order: 1; }
    .footer-bg h3, .footer-bg h3 a { font-size: 15px; line-height: 20px; margin-bottom: 10px; }
    .footer-bg .foot-logo { width: 180px; margin: 10px auto 20px; }
    .footer-bg .foot-about { padding-right: 0px; }
    .social-row { margin: 0px 0 15px; }
    .social-row a { font-size: 20px; }
    .social-row a:last-child { margin-right: 0; }
}

.blog-card { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: start; padding: 0; position: relative; z-index: 10 !important; }
.blog-card::before { content: ''; width: 82%; height: 60%; border: 2px solid #fff; border-radius: 0 150px 150px 0; position: absolute; left: 14%; transform: translateY(-50%); top: 50%; z-index: -1; }
.blog-card.alt::before { border-radius: 150px 0px 0px 150px; position: absolute; left: auto; right: 14%; }
.blog-card .left-img { width: 40%; padding-right: 5%; position: relative; }
.blog-card .left-img.alt { padding-left: 5%; padding-right: 0; }
.blog-card .left-img .circle { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.blog-card .left-img.alt .circle { top: 0; left: auto; right: 0; }
.blog-card .left-img .slideimg-frame { width: 80%; height: 90%; position: absolute; left: 3.7%; top: 5%; border-radius: 50%; overflow: hidden; }
.blog-card .left-img.alt .slideimg-frame { left: auto; right: 3.7%; }
.blog-card .left-img .slideimg-frame img { object-fit: cover; width: 100%; height: 100%; }
.blog-card .left-img .tag { width: fit-content; height: fit-content; left: 67%; top: 17%; font-size: 24px; font-weight: 700; color: #fff; padding: 5px 18px 5px 25px; overflow: hidden; position: absolute; z-index: 2; }
.blog-card .left-img .tag::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #074dd9; transform: skewX(-13deg); z-index: -1; transform-origin: left bottom; }
.blog-card .left-img.alt .tag { left: 17%; }
.blog-card .left-img.alt .tag::before { transform: skewX(-26deg); }

.blog-card .right { width: 60%; padding-right: 15%; position: relative; z-index: 12 !important; }
.blog-card .right.alt { padding-right: 0; padding-left: 15%; }
.blog-card .right .nav-block { width: 90px; position: absolute; transform: translate(-50%, -50%); top: 50%; right: -45px; }
.blog-card .right.alt .nav-block { left: 45px; right: auto; }
@media screen and (max-width: 425px) {
    .blog-card { flex-direction: column; }
    .blog-card::before { display: none; }
    .blog-card .left-img, .blog-card .left-img.alt { width: 100%; padding-left: 0; padding-right: 0;  margin-bottom: 20px; order: 1; }
    .blog-card .left-img .circle, .blog-card .left-img.alt .circle { width: 270px; height: 270px; transform: translateX(-50%); left: 50%; }
    .blog-card .left-img .slideimg-frame { width: 240px; height: 240px; transform: translateX(-50%); left: 50%; top: 15px; }
    .blog-card .left-img.alt .slideimg-frame { width: 240px; height: 240px; transform: translateX(-50%); left: 50%; top: 15px; }
    .blog-card .left-img .tag { left: 55%; top: 5%; font-size: 16px; font-weight: 600; padding: 3px 14px 3px 20px; }
    .blog-card .left-img .tag::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #074dd9; transform: skewX(-13deg); z-index: -1; transform-origin: left bottom; }
    .blog-card .right { width: 100%; padding: 0 !important; text-align: center; order: 2; }
    .blog-card .right .nav-block { display: none; }
}

.spec { width: 70%; margin: 0 auto; }
.spec img { margin-top: 30px; }

.plat-row { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-top: 50px; }
.plat-row .cols { width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.plat-row .cols .icons { width: 110px; height: 110px; background: #078d84; border: 5px solid rgba(28,28,87,0.3); border-radius: 50%; font-size: 50px; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.plat-row .cols h3 { font-size: 40px; font-weight: 700; color: #255BF9;}
.plat-row .cols p { font-size: 17px; font-weight: 500; }

@media screen and (max-width: 768px) {
    .spec { width: 100%; }
    .plat-row { flex-direction: column; align-items: center; justify-content: center; margin-top: 30px; }
    .plat-row .cols { width: 100%; margin-bottom: 20px; }
}

.footer .logo { width: 165px; margin-bottom: 30px; }
.footer h5 { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 15px; }
.footer p { color: #fff; }
.footer a { font-size: 16px; font-weight: 400; color: #fff; line-height: 35px; display: block; text-decoration: none; }
.footer a i { font-size: 20px; margin-right: 10px; position: relative; top: 3px; }

@media screen and (max-width: 768px) {
    .footer a { font-size: 14px; line-height: 30px; }
    .footer a i { font-size: 17px; top: 3px; }
}

.mt-custom { margin-top: -170px; }
@media screen and (max-width: 768px) {
    .mt-custom { margin-top: -170px; }
}

.vehicle-row { width: fit-content; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; column-gap: 2%; row-gap: 10px; margin: 0 auto; flex-wrap: wrap; position: relative; }
.vehicle-row .vehicle-box { width: calc(94% / 4); position: relative; cursor: pointer; }
.vehicle-row .vehicle-box::before { content: ''; display: block; width: 15px; height: 15px; border-top: 2px solid #fc8701; border-left: 2px solid #fc8701; position: absolute; left: -8px; top: -8px; opacity: 0; transition: all 0.3s ease-in-out; }
.vehicle-row .vehicle-box::after { content: ''; display: block; width: 15px; height: 15px; border-bottom: 2px solid #fc8701; border-right: 2px solid #fc8701; position: absolute; right: -8px; bottom: -8px; opacity: 0; transition: all 0.3s ease-in-out; }
.vehicle-row .vehicle-box:hover::before, .vehicle-row .vehicle-box:hover::after { opacity: 1; }
.vehicle-row .vehicle-box .img-top { width: 100%; height: 100%; max-height: 300px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.vehicle-row .vehicle-box img { width: 100%; height: 100%; object-fit: cover; }
.vehicle-row .vehicle-box .txt-body { width: 100%; min-height: 90px; background-color: #262626; padding: 15px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; transition: all 0.3s ease-in-out; }
.vehicle-row .vehicle-box:hover .txt-body { background-color: #fc8701; }
@media screen and (max-width: 425px) {
    .vehicle-row .vehicle-box { width: calc(98% / 2) }
    .vehicle-row .vehicle-box .img-top { height: 100px; }
    .vehicle-row .vehicle-box .txt-body { min-height: 90px; }
    .vehicle-row .vehicle-box .txt-body h5 { font-size: 15px; font-weight: 700; margin: 0; }
}

.study-row { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: center; column-gap: 4%; margin: 1% 0; }
.study-row .study-box { width: calc(100%/3 - 8%/3); }
.study-box { width: 100%; background: hsla(0,0%,100%,.15); padding: 15px; border-bottom-right-radius: 60px; position: relative; }
.study-box .img-top { margin-bottom: 18px; position: relative; }
.study-box .img-top::before { content: ''; display: block; padding-bottom: 66%; }
.study-box .img-top img { width: 100%; height: 100%; position: absolute; object-fit: cover; left: 0; top: 0; }
.study-box .txt-body { display: block; }
.study-box h5 { font-size: 17px; font-weight: 600; color: #fecb85; margin-bottom: 12px; }
.study-box p { font-size: 14.5px; font-weight: 400; line-height: 20px; margin-bottom: 24px; }
@media screen and (max-width: 768px) {
    .study-row { flex-direction: column; align-items: center; justify-content: center; column-gap: 0; row-gap: 15px; margin: 0; }
    .study-row .study-box { width: 100%; }
}

.why-row { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; position: relative; }
.why-row .why-head { width: 25%; display: flex; align-items: center; justify-content: center; background: url(../images/polygon-border-orange.svg) no-repeat 50%; font-size: 30px; font-weight: 700; color: #fecb85; background-size: contain; position: relative; }
.why-row .right-txt-row { width: 75%; padding-left: 5%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; column-gap: 4%; row-gap: 20px; position: relative; }
.why-row .right-txt-row .txt-box { width: 48%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.why-row .right-txt-row .txt-box .icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: url(../images/polygon-border-orange.svg) no-repeat 50%; background-size: contain; position: relative; margin-right: 16px; }
.why-row .right-txt-row .txt-box .icon img { width: 48px; }
.why-row .right-txt-row .txt-box .txt { width: calc(100% - 96px); font-size: 14.5px; line-height: 19px; font-weight: 400; color: #fff; margin-bottom: 0; }
@media screen and (max-width: 768px) {
    .why-row { flex-direction: column; align-items: center; justify-content: center; }
    .why-row .why-head { width: 270px; height: 270px; background: url(../images/polygon-border-orange.svg) no-repeat 50%; font-size: 20px; background-size: 100% 100%; margin-bottom: 20px; }
    .why-row .right-txt-row { width: 100%; padding-left: 0; }
}
@media screen and (max-width: 425px) {
    .why-row .right-txt-row { width: 100%; flex-direction: column; padding-left: 0; column-gap: 0; row-gap: 12px; }
    .why-row .right-txt-row .txt-box { width: 100%; }
    .why-row .right-txt-row .txt-box .txt { font-size: 13px; line-height: 16px; }
} 

.engineer-row { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; position: relative; }
.engineer-row .left-pro { width: 28%; height: 100%; padding: 0 15px; position: relative; background: url(../images/engineer-dp-bg.png) no-repeat 50%; background-size: contain; }
.engineer-row .left-pro .dp { width: 90%; height: 90%; padding: 5%; margin: 0 auto; position: relative; }
.engineer-row .left-pro .dp::before { content: ''; width: 100%; height: 100%; background: url(../images/polygon-border-white.svg) no-repeat 50%; background-size: contain; position: absolute; left: 0; top: -5.8%; }
.engineer-row .left-pro .dp img { width: 100%; height: 100%; object-fit: contain; mask: url(../images/blog-poly.png) no-repeat; mask-size: contain; }
.engineer-row .in-line { width: 12%; padding-top: 5%; position: relative; }
.engineer-row .in-line .in-btn { width: 50px; height: 50px; border: 5px solid #707070; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 800; color: #fff; margin: 0 auto; position: relative; }
.engineer-row .in-line .in-btn::before { content: ''; width: 50px; height: 1px; background-color: #fff; position: absolute; left: -55px; top: 20px; }
.engineer-row .in-line .in-btn::after { content: ''; width: 50px; height: 1px; background-color: #fff; position: absolute; right: -55px; top: 20px; }
.engineer-row .right-pro { width: 60%; padding: 5% 0 0 45px; }
.engineer-row .right-pro h3 { font-size: 38px; font-weight: 500; line-height: 44px; color: #fc8701; margin-bottom: 5px; }
.engineer-row .right-pro h5 { font-size: 24px; line-height: 28px; font-weight: 400; color: #fff; margin-bottom: 10px; }
.engineer-row .right-pro p { font-size: 16px; line-height: 21px; font-weight: 400; color: #fff; }
@media screen and (max-width: 768px) {
    .engineer-row { flex-direction: column; align-items: center; justify-content: center; }
    .engineer-row .left-pro { width: 100%; max-width: 400px; height: 100%; padding: 0; position: relative; margin-bottom: 30px; }
    .engineer-row .in-line { width: 100%; padding-top: 0; position: relative; margin-bottom: 30px; }
    .engineer-row .in-line .in-btn::before { content: ''; width: 1px; height: 30px; left: 20px; top: -35px; }
    .engineer-row .in-line .in-btn::after { content: ''; width: 1px; height: 30px; right: auto; left: 20px; top: auto; bottom: -35px; }
    .engineer-row .right-pro { width: 100%; padding: 40px 0; text-align: center; }
    .engineer-row .right-pro h3 { font-size: 30px; line-height: 35px; color: #fc8701; margin-bottom: 10px; }
    .engineer-row .right-pro h5 { font-size: 20px; line-height: 24px; font-weight: 400; color: #fff; margin-bottom: 15px; }
}

form.custom-form .form-group { width: 100%; height: 45px; background: #000; margin: 15px 0 25px; position: relative; }
form.custom-form .form-group.area { height: 100px; }
form.custom-form .form-group label { font-size: 16px; font-weight: 400; line-height: 20px; color: #fff; margin: 0; background-color: #000; padding: 0 8px; position: absolute; top: -12px; left: 15px; }
form.custom-form .form-group input.form-control,
form.custom-form .form-group select.custom-select,
form.custom-form .form-group textarea.form-control,
form.custom-form .form-group .custom-file { width: 100%; height: 100%; border: 1px solid #fff; border-radius: 0; font-size: 16px; font-weight: 400; color: #fff; background-color: transparent; }
form.custom-form .form-group .custom-file label { width: 100%; height: 100%; line-height: 100%; position: absolute; left: 0; top: 0; padding-top: 12px; border: 0; }
form.custom-form .form-group .custom-file label::after { display: none; }
form.custom-form .form-group input.form-control:focus, form.custom-form .form-group select.custom-select:focus, form.custom-form .form-group textarea.form-control:focus { border-color: #fc8701; outline: 0; box-shadow: none; }
form.custom-form .form-group select.custom-select { background: #000 url(../images/select-arrow.svg) no-repeat right 0.75rem center/8px 10px; background-size: 10px 10px;}
form.custom-form .form-group select.custom-select option { background-color: #000; }
@media screen and (max-width: 768px) {
    form.custom-form .form-group { height: 40px; }
    form.custom-form .form-group.area { height: 80px; }
    form.custom-form .form-group label { font-size: 15px; line-height: 18px; color: rgba(255,255,255,0.8); top: -10px; }
    form.custom-form .form-group input.form-control,
    form.custom-form .form-group select.custom-select,
    form.custom-form .form-group textarea.form-control,
    form.custom-form .form-group .custom-file { font-size: 15px; }
}

.employee-row { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.employee-row .employee-box { width: calc(50% - 5px); position: relative; }
.employee-row .employee-box .box-top { width: 100%; background-color: #2d2d2d; padding: 10px 15px 10px 140px; position: relative; }
.employee-row .employee-box:last-child .box-top { padding: 10px 140px 10px 15px; text-align: right; }
.employee-box .box-top .left-pro { width: 130px; height: 130px; padding: 5px; position: absolute; top: -52px; left: 15px; }
.employee-box:last-child .box-top .left-pro { left: auto; right: 15px; }
.employee-box .box-top .left-pro .dp { width: 90%; height: 90%; padding: 5%; margin: 0 auto; position: relative; }
.employee-box .box-top .left-pro .dp::before { content: ''; width: 100%; height: 100%; background: url(../images/polygon-border-white.svg) no-repeat 50%; background-size: contain; position: absolute; left: 0; top: -5.8%; }
.employee-box .box-top .left-pro .dp img { width: 100%; min-height: 100%; object-fit: contain; mask: url(../images/blog-poly.png) no-repeat; mask-size: contain; }
.employee-box .box-top .right-pro h3 { font-size: 20px; line-height: 20px; font-weight: 400; margin-bottom: 5px; color: #fc8701; }
.employee-box .box-top .right-pro h5 { font-size: 16px; line-height: 17px; font-weight: 400; margin-bottom: 10px; color: #fff; }
.employee-box .box-bottom { width: 100%; height: 36px; background-color: #fff; padding: 5px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.employee-box .box-bottom a.email { font-size: 16px; font-weight: 400; line-height: 28px; color: #000; text-decoration: none; position: relative; transition: all 0.3s ease-in-out; margin-right: 10px; }
.employee-box .box-bottom a.email:hover { color: #fc8701; }
.employee-box .box-bottom a.email::after { content: ''; width: 2px; height: 28px; background-color: #b7b7b7; position: absolute; right: -11px; top: 0; }
.employee-box .box-bottom a.in-btn { width: 28px; height: 28px; border: 4px solid #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; line-height: 13px; color: #fff; text-decoration: none; background-color: #000; position: relative; margin-left: 10px; transition: all 0.3s ease-in-out; }
.employee-box .box-bottom a.in-btn::before { width: 22px; height: 22px; content: ''; border: 3px solid #6f7072; border-radius: 50%; position: absolute; left: -1px; top: -1px; transition: all 0.3s ease-in-out; }
.employee-box .box-bottom a.in-btn:hover { border-color: #fc8701; }
.employee-box .box-bottom a.in-btn:hover::before { border: 3px solid #fff; }
@media screen and (max-width: 768px) {
    .employee-row { flex-direction: column; align-items: center; justify-content: center; gap: 60px; margin-top: 50px; }
    .employee-row .employee-box { width: 100%; }
    .employee-box .box-top .right-pro h3 { font-size: 16px; line-height: 17px; }
    .employee-box .box-top .right-pro h5 { font-size: 12px; line-height: 14px; }
    .employee-box .box-bottom { height: 32px; }
    .employee-box .box-bottom a.email { font-size: 12px; line-height: 24px; }
    .employee-box .box-bottom a.email::after { height: 24px; }
    .employee-box .box-bottom a.in-btn { width: 24px; height: 24px; font-size: 11px; }
    .employee-box .box-bottom a.in-btn::before { width: 18px; height: 18px; }
}

.custom-tabs { width: 100%; border-bottom: 1px solid #707070; margin: 15px 0 25px; position: relative; }
.custom-tabs a.nav-link, .custom-tabs a.nav-link:hover { height: auto; font-size: 16px; line-height: 20px; background: transparent; font-weight: 700; color: #ccc;  display: flex; align-items: center; justify-content: center; padding: 10px 5px !important; position: relative; border: 0; outline: 0; box-shadow: none; }
.custom-tabs a.nav-link.active { background-color: transparent; font-weight: 700; color: #fecb85; border: 0; position: relative; }
.custom-tabs a.nav-link.active::after { content: ''; width: 100%; height: 3px; background-color: #fc8701; position: absolute; left: 0; bottom: 0; }
.custom-tabs .border { transition: all 0.3s ease-in-out; position: absolute; min-width: 50%; bottom: 0; height: 3px; background-color: #fc8701; border: 0 !important; margin: 0; }

.our-custom-tabs { width: 100%; border: 0; margin: 0 0 30px; gap: 10px; position: relative; }
.our-custom-tabs a.nav-link, .custom-tabs a.nav-link:hover { height: auto; background-color: #3e3e3e; font-size: 17px; line-height: 22px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; padding: 14px 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; }
.our-custom-tabs a.nav-link::after { content: ''; width: 0%; height: 3px; background-color: #fc8701; position: absolute; transform: translateX(-50%); left: 50%; bottom: -8px; transition: all 0.3s ease-in-out; }
.our-custom-tabs a.nav-link.active { background-color: #fecb85; font-weight: 600; color: #000; border: 0; transition: all 0.3s ease-in-out; }
.our-custom-tabs a.nav-link.active::after { width: 100%; }

.tab-pane.custom-pane { position: relative; }
.tab-pane.custom-pane .blog-header { position: absolute; top: -220px; transform: translateX(-50%); left: 50%; margin: 0; }

@media screen and (max-width: 768px) {
    .custom-tabs a.nav-link { font-size: 14px; line-height: 18px; flex-wrap: wrap; }
    .our-custom-tabs a.nav-link, .custom-tabs a.nav-link:hover { font-size: 14px; line-height: 18px; width: calc(50% - 5px) !important; padding: 10px 10px; }
    .tab-content .tab-pane .blog-header { top: -150px; }
}
@media screen and (max-width: 768px) {
    .tab-content .tab-pane .blog-header { top: -200px; width: 100%; }
}

.lft-border { border-left: 1px solid #fecb85; padding-left: 30px; }

/* .accordion.contact { position: inherit; } */
.accordion.contact a.link, .accordion.contact a.link.collapsed { display: block; width: 200px; font-size: 16px; font-weight: 400; line-height: 27px; color: #fff; text-decoration: none; padding-left: 10px; margin-bottom: 3px; cursor: pointer; position: relative ; }
.accordion.contact a.link::before { content: ''; width: calc(100% + 15px); height: 100%; background-color: hsla(0,0%,100%,.17); border-radius: 8px; position: absolute; left: -15px; top: 0; transition: all 0.3s ease-in-out; }
.accordion.contact a.link::after { content: ''; width: 2px; height: 17px; background-color: #fc8701; transform: translateY(-50%); position: absolute; left: 0; top: 50%; transition: all 0.3s ease-in-out; }
.accordion.contact a.link.collapsed::before { width: calc(0% + 0px); }
.accordion.contact a.link.collapsed::after { height: 0px; }
.accordion.contact .newcollapse.detail { width: 400px; height: fit-content; background-color: hsla(0,0%,100%,.17); backdrop-filter: blur(5px); padding: 40px 100px 40px 30px; position: fixed; transform: translateY(-50%); top: 50%; right: -400px; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; }
.accordion.contact .newcollapse.detail::before { content: ''; width: 4px; height: calc(100% - 80px); background-color: #fc8701; border-radius: 3px; position: absolute; left: -2px; top: 40px; }
.accordion.contact .newcollapse.detail.show { right: 0px; visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) {
    .accordion.contact a.link, .accordion.contact a.link.collapsed { width: 100%; font-size: 14px; line-height: 24px; padding-left: 0; }
    .accordion.contact a.link::before { width: 100%; left: 0; }
    .accordion.contact a.link::after { left: 25px; }
    .accordion.contact .newcollapse.detail { width: 100%; padding: 16px 24px; border-radius: 8px; position: relative; transform: translateY(0%); top: 0; right: auto; left: 0px; visibility: visible; opacity: 1; }
    /* .accordion.contact .newcollapse.detail.show { transform: scaleY(1); } */
}
@media screen and (max-width: 425px) {
    .lft-border { border-left: 0; padding-left: 15px; text-align: center; margin-top: 50px; }
}
.form-check-row { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 15px;}
.form-check { width: fit-content; display: flex; flex-direction: row; align-items: flex-start; margin: 0 0 15px 0; position: relative; }
.form-check .form-check-label { width: calc(100% - 28px); font-size: 16px; font-weight: 400; line-height: 20px; color: #fff; position: relative; }
.form-check .form-check-label a.link { color: #fecb85; }
input[type=checkbox], input[type=radio] { position: relative; background: transparent url(../images/checkbox.svg) no-repeat center center; background-size: 100% 100%; cursor: pointer; margin-right: 10px; outline: 0; padding: 0 !important; vertical-align: middle; width: 18px; height: 17px; -webkit-appearance: none; opacity: 1; top: -3px; }
input[type=checkbox]:hover, input[type=radio]:hover { opacity: 1; }
input[type=checkbox]:checked, input[type=radio]:checked { border: 0;}
input[type=checkbox]:checked:before, input[type=radio]:checked::before { content: ''; position: absolute; width: 12px; height: 11px; background: transparent url(../images/checkbox-check.svg) no-repeat center center; background-size: 100% 100%; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 2; }

.mega-point { width: 272px; height: 253px; background: transparent url(../images/polygon-white.svg) no-repeat 50%; background-size: contain; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 60px; margin: 0 auto; cursor: pointer; transition: all 0.3s ease-in-out; }
.mega-point .icon { height: 68px; margin-bottom: 6px; position: relative; }
.mega-point .icon img.normal { height: 100%; opacity: 1; position: absolute; transform: translateX(-50%); left: 50%; transition: all 0.3s ease-in-out; }
.mega-point .icon img.hover { height: 100%; opacity: 0; position: absolute; transform: translateX(-50%); left: 50%; transition: all 0.3s ease-in-out; }
.mega-point p { font-size: 17px; font-weight: 400; line-height: 22px; margin-bottom: 0; color: #000; transition: all 0.3s ease-in-out; }
.mega-point h4 { font-size: 19px; font-weight: 600; line-height: 30px; color: #000; margin-bottom: 3px; transition: all 0.3s ease-in-out; }
.mega-point:hover { background: transparent url(../images/polygon-orange-hover.svg) no-repeat 50%; background-size: contain; }
.mega-point:hover .icon img.normal { opacity: 0; }
.mega-point:hover .icon img.hover { opacity: 1; }
.mega-point:hover p, .mega-point:hover h4 { color: #fff; }

.power-row { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
.power-row .power-box { width: calc(25% - 60px/4); min-height: 200px; background-color: #1a1a1a; padding: 16px 24px 24px; text-align: center; position: relative; cursor: pointer; transition: all 0.5s ease-in-out; }
.power-row .power-box.big { width: calc((100% - 40px) / 3); padding-top: 56px; margin-top: 35px; }
.power-row .power-box.big .icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: url(../images/polygon-border-orange.svg) no-repeat 50%; background-size: contain; font-size: 20px; color: #fff; position: absolute; transform: translateX(-50%); left: 50%; top: -30px; }
.power-row .power-box.big.two { padding-top: 24px; margin-top: 0; text-align: left; }
.power-row .power-box.big.two.four { width: calc((100% - 60px) / 4); }
.power-row .power-box::after { content: ''; width: 0%; height: 6px; background-color: #fc8701; border-radius: 3px; position: absolute; left: 0; bottom: 0; transition: all 0.5s ease-in-out; }
.power-row .power-box h3 { font-size: 32px; font-weight: 700; line-height: 44px; margin-bottom: 5px; color: #fecb85; transition: all 0.5s ease-in-out; }
.power-row .power-box h5 { font-size: 21px; font-weight: 700; line-height: 27px; margin-bottom: 10px; word-break: break-all; color: #fecb85; transition: all 0.5s ease-in-out; }
.power-row .power-box.big.two h5 { font-size: 18px; line-height: 22px; margin-bottom: 20px; word-break: break-word; }
.power-row .power-box p { font-size: 17px; font-weight: 400; line-height: 21px; margin-bottom: 0px; color: #fff; }

.power-row .power-box:hover { background-color: #333; }
.power-row .power-box:hover::after { width: 100%; }
.power-row .power-box:hover h3 { color: #fc8701; }
@media screen and (max-width: 768px) {
    .power-row { gap: 6px; }
    .power-row .power-box, .power-row .power-box.big { width: calc(50% - 3px); padding: 12px 18px 18px; }
    .power-row .power-box.big { padding: 30px 18px 18px; margin-top: 28px; }
    .power-row .power-box.big .icon { width: 46px; height: 46px; font-size: 16px; top: -23px;}
    .power-row .power-box.big.two, .power-row .power-box.big.two.four { width: 100%; padding-top: 18px; }
    .power-row .power-box h3 { font-size: 28px; line-height: 38px; }
    .power-row .power-box h5 { font-size: 18px; line-height: 22px; }
    .power-row .power-box.big.two h5 { font-size: 16px; line-height: 20px; margin-bottom: 16px; }
    .power-row .power-box p { font-size: 14px; line-height: 19px; }
}

.quality-box { display: block; width: 100%; position: relative; }
.quality-box .txt-header { display: block; width: fit-content; font-size: 17px; line-height: 24px; font-weight: 700; color: #fff; background-color: #5d94fe; padding: 3px 48px 3px 16px; }
.quality-box .txt-body { width: 100%; background-color: #292929; padding: 24px; }
.quality-box .txt-body ul { list-style: disc; color: #fff; padding-left: 20px; font-size: 20px; }
@media screen and (max-width: 768px) {
    .quality-box .txt-body { margin-top: 30px; }
}

.leader-box { width: calc(100% - 120px); background-color: hsla(0,0%,100%,.13); padding: 42px 90px 42px 170px; border-radius: 0 80px 80px 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 90px 0 90px 120px; position: relative; }
.leader-box::before { content: ''; width: calc(100% - 20px); height: calc(100% - 20px); background-color: hsla(0,0%,100%,.0); position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; border-radius: 0 75px 75px 0; transition: all 0.3s ease-in-out; }
.leader-box:hover::before { background-color: hsla(0,0%,100%,.09); }
.leader-box .leader-frame { width: 240px; position: absolute; left: -120px; transform: translateY(-50%); top: 50%; position: absolute; }
.leader-box .leader-frame::before { background: url(../images/leader-img-frame.svg) no-repeat 50%; background-size: contain; content: ''; display: block; padding-bottom: 86%; opacity: .4; }
.leader-box .leader-frame span { position: absolute; left: 47%; top: 50%; width: 78%; height: 86%; transform: translate(-50%,-50%); }
.leader-box .leader-frame span img { mask: url(../images/leader-img-mask.svg); mask-size: 100% 100%; width: 100%; height: 100%; }
.leader-box .more-btn { width: 146px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-right: 20px; margin-left: auto; position: relative; cursor: pointer; }
.leader-box .more-btn .btns { width: 45px; height: 40px; background: transparent url(../images/checkbox-check.svg) no-repeat 50%; background-size: cover; display: flex; align-items: center; justify-content: center; position: absolute; left: -22px; top: 0; }
.leader-box .more-btn .btns img { height: 20px; }
.leader-box .more-btn .btn-txt { width: 146px; height: 40px; background: transparent url(../images/leader-more-btn-bg.svg) no-repeat 50%; background-size: 100% 100%; font-size: 16px; font-weight: 400; color: #fecb85; line-height: 40px; padding-left: 35px; opacity: 0; transition: all 0.3s ease-in-out; }
.leader-box .more-btn:hover .btn-txt { opacity: 1; }
.leader-box .in-btn { font-size: 22px; font-weight: 800; color: #c2c2c2; width: 50px; height: 50px; border: 5px solid #707070; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.leader-box .right-txt { width: calc(100% - 270px); }
.leader-box .right-txt h4 { font-size: 24px; line-height: 33px; font-weight: 700; margin-bottom: 3px; color: #fc8701; }
.leader-box .right-txt p { font-size: 16px; font-weight: 400; line-height: 22px; color: #fff; margin-bottom: 0; }

.lead-detail { margin-top: 64px; background: #c2c2c2; color: #000; padding: 24px 32px; margin-bottom: 32px; position: relative; }
.lead-detail p { color: #000; }
.lead-detail::before { content: ''; position: absolute; bottom: 100%; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 20px solid #fc8701; left: 100px; }
.lead-detail .corner { display: block; width: 25px; height: 25px; border-left: 2px solid #fc8701; border-top: 2px solid #fc8701; position: absolute; left: -12px; top: -12px; }
.lead-detail .corner.alt { transform: rotate(180deg); left: auto; top: auto; right: -12px; bottom: -12px; }
@media screen and (max-width: 768px) {
    .leader-box { width: calc(100% - 60px); padding: 33px 25px 33px 80px; border-radius: 76px; margin: 30px 0 30px 60px; }
    .leader-box::before { border-radius: 68px; }
    .leader-box .leader-frame { width: 120px; margin-left: 60px; }

    .lead-detail { margin-top: 24px; padding: 16px 24px; margin-bottom: 16px; }
}
@media screen and (max-width: 425px) {
    .leader-box { width: calc(100% - 42px); margin-left: 42px; padding: 33px 25px 33px 57px; border-radius: 76px; margin-bottom: 24px; }
    .leader-box::before { border-radius: 68px; }
    .leader-box .leader-frame { width: 84px; margin-left: 80px; }
    .leader-box .more-btn, .leader-box .in-btn { transform: scale(0.75); margin: 0; }
    .leader-box .right-txt { width: 100%; }
    .leader-box .right-txt h4 { font-size: 16px; line-height: 19px; font-weight: 500; margin-bottom: 2px; }
    .leader-box .right-txt p { font-size: 13px; line-height: 15px; }

    .lead-detail { margin-top: 24px; padding: 16px 24px; margin-bottom: 16px; }
}

.tab-content .left-img { width: 70%; position: relative; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.tab-content .left-img::before { content: ''; position: absolute; top: 7%; bottom: 7%; left: -13%; width: 100%; background: url(../images/polygon-border-blue.svg) no-repeat 50%; background-size: contain; }
.tab-content .left-img img { width: 100%; height: 100%; position: relative; left: 0; top: 0; }

ul.txt-list { list-style-type: none; }
ul.txt-list li { font-size: 16px; font-weight: 400; line-height: 22px; color: #fff; margin-bottom: 8px; position: relative; }
ul.txt-list li::before { content: ''; position: absolute; width: 13px; height: 13px; background: transparent url(../images/dropdown-arrow.svg) no-repeat 50%; background-size: contain; left: -25px; top: 5px;}

.power-box.big.two ul.txt-list { padding-left: 25px; margin-bottom: 0; }
.power-box.big.two ul.txt-list li { font-size: 15px; line-height: 20px; margin-bottom: 6px; }
.power-box.big.two ul.txt-list li:last-child { margin-bottom: 0; }
.power-box.big.two ul.txt-list li::before { width: 11px; height: 11px; }

@media screen and (max-width: 768px) {
    .power-box.big.two ul.txt-list { padding-left: 16px; }
    .power-box.big.two ul.txt-list li { font-size: 13px; line-height: 17px; margin-bottom: 5px; }
    .power-box.big.two ul.txt-list li::before { width: 9px; height: 9px; left: -16px; top: 4px; }
}

.txt-scroll-area { padding-right: 3%; max-height: 450px; overflow-x: hidden; overflow-y: scroll; }
.txt-scroll-area::-webkit-scrollbar { width: 5px; }
.txt-scroll-area::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 0px; border-radius: 0px; }
.txt-scroll-area::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: #8a8a8a; }

.about-row { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin: 75px 0; gap: 20px; }
.about-row .about-box { width: calc(100%/3 - 40px/3); padding: 5% 4%; text-align: left; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; cursor: pointer; }
.about-row .about-box::before { content: ''; width: 100%; height: 100%; background-color: #1a1a1a; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.3s ease-in-out; }
.about-row .about-box::after { content: ''; width: 44px; height: 34px; background: transparent url(../images/quote-orange-solid.svg) no-repeat 50%; background-size: contain; position: absolute; left: 40px; top: -17px; transition: all 0.3s ease-in-out; }
.about-row .about-box.active::before { background-color: #262626; transform: scaleY(1.2); }
.about-row .about-box.active::after { top: -51px; }
@media screen and (max-width: 768px) {
    .about-row { gap: 10px; }
    .about-row .about-box { width: calc(100%/3 - 20px/3); padding: 3% 2%; }
}
@media screen and (max-width: 425px) {
    .about-row { flex-direction: column; align-items: center; gap: 46px; }
    .about-row .about-box { width: 100%; padding: 8% 4%; }
    .about-row .about-box::after { width: 40px; height: 30px; top: -12px; }
    .about-row .about-box.active::after { top: -36px; }
}

.beehive { width: 374px; margin: 0 auto; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; position: relative; padding-top: 68px; transform: scale(1); }
.beehive .honeycomb { width: 150px; height: 136px; position: relative; padding: 0 42px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 88%; color: #fff; cursor: pointer; }
.beehive .honeycomb::before { content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/honeycomb.svg) no-repeat 50%; background-size: contain; left: 0; top: 0; z-index: -1; transition: all 0.3s ease-in-out; }
.beehive .honeycomb:hover::before { filter: brightness(1.5); }
.beehive .honeycomb.active::before { background: url(../images/honeycomb-active.svg) no-repeat 50%; }
.beehive .honeycomb.active:hover::before { filter: brightness(1); }
.beehive .honeycomb.left { margin-right: -38px; }
.beehive .honeycomb.mid { margin-top: -68px; margin-right: -38px; }

@media screen and (max-width: 768px) {
    .beehive { transform: scale(1); margin-bottom: 30px; }
}
@media screen and (max-width: 425px) {
    .beehive { transform: scale(0.8); left: -7.5%; }
}

.tab-page { width: 100%; background: hsla(0,0%,100%,.15); padding: 24px 0 24px 24px; position: relative; }
.tab-page::before { content: ''; width: 4px; height: 50%; background-color: #fc8701; border-radius: 2px; position: absolute; left: -4px; top: 25%; }
.tab-page .tab-img { width: 40%; margin: 30px 0; position: relative; }
.tab-page .tab-img img { width: 100%; }
.tab-page .tab-img.full { width: 90%; }
@media screen and (max-width: 768px) {
    .tab-page .tab-img, .tab-page .tab-img.full { width: 100%; }
}

ul.disc-list { list-style-type: disc; padding-left: 20px; color: #fff; }
ul.disc-list li::marker { font-size: 18px; color: #fff; }

.gray-box { background-color: hsla(0,0%,100%,.1); padding: 24px 24px; margin-top: 50px; }
.gray-box.new { background-color: #313131; }

.concept-box { width: 100%; height: 100%; background-color: hsla(0,0%,100%,.1); padding: 16px; }
.concept-box .img-top { width: 100%; height: 180px; margin-bottom: 16px; }
.concept-box .img-top img { height: 100%; }

.gray-box-two { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: stretch; }
.gray-box-two .head-one { width: 100%; font-size: 16px; color: #fecb85; font-weight: 600; text-align: center; background-color: #262626; padding: 7px 10px; margin-bottom: 8px; }
.gray-box-two .head-two { width: 100%; height: 60px; padding: 7px 10px; font-size: 16px; color: #fecb85; font-weight: 600; text-align: center; line-height: 19px; background-color: #262626; display: flex; align-items: center; justify-content: center; }
.gray-box-two .body-one { width: 100%; background-color: #1a1a1a; padding: 16px; min-height: 200px; }
.gray-box-two .body-two { width: 100%; background-color: #1a1a1a; padding: 16px; min-height: 200px; display: flex; align-items: center; justify-content: center; }
.gray-box-two .body-two img { width: 100%; }
@media screen and (max-width: 425px) {
    .gray-box-two .body-one, .gray-box-two .body-two { min-height: fit-content; }
}

.physical-table { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: stretch; }
.physical-table .head-one { width: 100%; font-size: 16px; color: #fecb85; font-weight: 700; text-align: center; background-color: #262626; padding: 7px 10px; margin-bottom: 8px; }
.physical-table .table-row-one { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 16px; }
.physical-table .table-row-one .table-col { width: calc(100%/3 - 32px/3); display: flex; flex-direction: column; align-items: center; justify-content: stretch; }
.table-col .head-two { width: 100%; font-size: 16px; color: #fecb85; font-weight: 700; text-align: center; background-color: #262626; padding: 7px 10px; margin-bottom: 8px; }
.table-col .table-row-two { width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 8px; }
.table-col .table-row-two .table-body { width: calc(100%/2 - 8px/2); min-height: 140px; background-color: #262626; padding: 16px; }
@media screen and (max-width: 768px) {
    .physical-table .table-row-one { flex-direction: column; align-items: center; }
    .physical-table .table-row-one .table-col { width: 100%; }
    .table-col .table-row-two .table-body { min-height: fit-content; }
}

.sap-row { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 30px; }
.sap-row .sap-logo { width: 200px; height: 200px; overflow: hidden; border-radius: 50%; margin-right: 30px; }
.sap-row .sap-txt { width: calc(100% - 230px); padding-left: 30px; position: relative; }
.sap-row .sap-txt::before { content: ''; position: absolute; display: block; width: 4px; height: 80px; background-color: #fc8701; left: 0; transform: translateY(-50%); top: 50%; }
@media screen and (max-width: 425px) {
    .sap-row { flex-direction: column; }
    .sap-row .sap-logo { width: 150px; height: 150px; margin-right: 0px; }
    .sap-row .sap-txt { width: 100%; padding: 0; text-align: center; }
    .sap-row .sap-txt::before { display: none; }
}

.img-border { width: 100%; padding: 20px; border: 1px solid #3e3e3e; border-radius: 20px; }
@media screen and (max-width: 768px) {
    .img-border { padding: 15px; border-radius: 15px; }
}

.bloger-box { width: calc(100% - 120px); background-color: hsla(0,0%,100%,.13); padding: 42px 40px 42px 130px; border-radius: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 90px 0 90px 120px; position: relative; }
.bloger-box .bloger-frame { width: 240px; position: absolute; left: -120px; transform: translateY(-50%); top: 50%; position: absolute; }
.bloger-box .bloger-frame::before { background: url(../images/bloger-img-frame-01.svg) no-repeat 50%; background-size: contain; content: ''; display: block; padding-bottom: 80%; }
.bloger-box .bloger-frame span { position: absolute; left: 47.5%; top: 50%; width: 96%; height: 92%; transform: translate(-50%,-50%); }
.bloger-box .bloger-frame span img { mask: url(../images/leader-img-mask.svg); mask-size: 100% 100%; width: 100%; height: 100%; }
.bloger-box a.more-btn { width: 132px; height: 40px; border: 2px solid #fc8701; border-radius: 8px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; margin-left: auto; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; }
.bloger-box a.more-btn:hover { background: #fc8701; }
.bloger-box .right-txt { width: calc(100% - 140px); padding: 5px 0 5px 12px; border-left: 3px solid #fc8701; }
.bloger-box .right-txt h4 { font-size: 21px; line-height: 28px; font-weight: 700; margin-bottom: 3px; color: #fff; }

@media screen and (max-width: 768px) {
    .bloger-box { width: calc(100% - 60px); padding: 33px 25px 33px 100px; margin: 30px 0 30px 60px; }
    .bloger-box .bloger-frame { width: 180px; left: -90px; }
    .bloger-box .right-txt { width: calc(100% - 0px); padding: 5px 0 5px 12px; border-left: 3px solid #fc8701; margin-bottom: 15px; }
    .bloger-box .right-txt h4 { font-size: 19px; line-height: 26px; margin-bottom: 0px; color: #fff; }
    .bloger-box a.more-btn { margin-left: 15px; }
}
@media screen and (max-width: 425px) {
    .bloger-box { width: calc(100% - 45px); padding: 15px 20px 15px 60px; margin: 20px 0 20px 45px; }
    .bloger-box .bloger-frame { width: 90px; left: -45px; }
    .bloger-box .right-txt { width: calc(100% - 0px); padding: 5px 0 5px 12px; border-left: 3px solid #fc8701; margin-bottom: 15px; }
    .bloger-box .right-txt h4 { font-size: 12px; line-height: 18px; }
    .bloger-box a.more-btn { width: 76px; height: 26px; border: 2px solid #fc8701; border-radius: 5px; font-size: 11px; }
}

.blog-case-row { width: 100%; margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 30px; }
.blog-case-row .blog-case { width: calc(25% - 90px/4); background-color: #707070; position: relative; }
.blog-case-row .blog-case::before { content: ''; display: block; padding-bottom: 69%; }
.blog-case-row .blog-case .img-frame { position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); overflow: hidden; top: 0; left: 0; margin: 7px; }
.blog-case-row .blog-case .img-frame img { width: 100%; height: 100%; object-fit: cover; }
.blog-case-row .blog-case .img-over { width: 100%; height: 50%; background: rgba(255,0,0,0); padding: 20px; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out; }
.blog-case-row .blog-case .img-over .txt { font-size: 20px; line-height: 27px; font-weight: 700; color: #fff; margin-bottom: 0px; }
.blog-case-row .blog-case .img-over a.img-btn { font-size: 14px; font-weight: 500; color: #fff; line-height: 14px; padding: 8px 12px; border: 2px solid #fff; border-radius: 6px; position: relative; margin: 20px 0 -55px; opacity: 0; visibility: hidden; transition: all 0.6s ease-in-out; }
.blog-case-row .blog-case .img-over a.img-btn:hover { background-color: #fff; color: #074dd9; }
.blog-case-row .blog-case .img-over2 { width: calc(100% - 14px); height: calc(100% - 14px); background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80% ); position: absolute; top: 7px; left: 7px; }
.blog-case-row .blog-case .img-over2::before { content: ''; width: 20px; height: 20px; border-top: 3px solid red; border-left: 3px solid red; position: absolute; left: -25px; top: -25px; opacity: 0; transition: all 0.3s ease-in-out; }
.blog-case-row .blog-case .img-over2::after { content: ''; width: 20px; height: 20px; border-bottom: 3px solid red; border-right: 3px solid red; position: absolute; right: -25px; bottom: -25px; opacity: 0; transition: all 0.3s ease-in-out; }

.blog-case-row .blog-case:hover .img-over { height: 100%; background: rgba(255,0,0,0.76); }
.blog-case-row .blog-case:hover .img-over a.img-btn { margin: 10px 0 0px; opacity: 1; visibility: visible; }
.blog-case-row .blog-case:hover .img-over2::before { left: -17px; top: -17px; opacity: 1; }
.blog-case-row .blog-case:hover .img-over2::after { right: -17px; bottom: -17px; opacity: 1; }

.blog-case-row .custom-control { width: fit-content; margin-right: 20px; }
.blog-case-row .blog-search { width: 300px; height: 38px; margin-left: auto; background: #3e3e3e; border-radius: 19px; }
.blog-case-row .blog-search input.form-control { height: 100%; background: transparent; border-radius: 19px; font-size: 14px; font-weight: 400; color: #fff; border: 0; outline: 0; box-shadow: none; }
.blog-case-row .blog-search input.form-control::placeholder { color: rgba(255,255,255,.3); }
.blog-case-row .blog-search .input-group-text { background-color: transparent; border: 0; border-radius: 19px; outline: 0; box-shadow: none; padding: 0; }
.blog-case-row .blog-search .input-group-text button.btn { width: 40px; height: 100%; padding: 0; background: transparent; border: 0; border-radius: 50%; outline: 0; box-shadow: 0; color: #fff; }

@media screen and (max-width: 768px) {
    .blog-case-row { align-items: flex-start; gap: 15px; }
    .blog-case-row .blog-search { margin-left: 0; }
    .blog-case-row .blog-case { width: calc(100%/3 - 45px/4); }
    .blog-case-row .blog-case .img-over .txt { font-size: 16px; line-height: 22px; }
}
@media screen and (max-width: 425px) {
    .blog-case-row { flex-direction: column; gap: 15px; }
    .blog-case-row .blog-search { margin-left: 0; }
    .blog-case-row .blog-case { width: 100%; }
    .blog-case-row .blog-case .img-over .txt { font-size: 16px; line-height: 22px; }
}

.img-lrg { width: 100%; position: relative; margin-bottom: 20px; }
.img-lrg::before { width: 100%; height: 100%; overflow: hidden; content: ''; display: block; padding-bottom: 50%; }
.img-lrg img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }

.img-lrg.normal { width: fit-content; max-width: 100%; }
.img-lrg.normal::before { display: none; }
.img-lrg.normal img { max-width: 100%; max-height: 100%; object-fit: fill; position: relative; }