/* bg main */
.chiatai-bg {background-image: url(../images/bg/bg-home.webp);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:90px;}
.bg-gardener {width:100%;padding-top:200px}
.bg-gardener img {width:100%;height:auto}
.padding-section {padding:90px 0}
.btn-more.short {display:-webkit-box;display:-ms-flexbox;display:flex;}
.padding-top-100 {padding-top:100px}
.padding-top-200 {padding-top:200px}

/* chiatai-brand */
#chiatai-brand .flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
#chiatai-brand .col-content {width:50%;}
#chiatai-brand .text {width:82%;margin-bottom:60px;padding-right:25px;}
#chiatai-brand .text p + p {margin-top:30px}
#chiatai-brand .head-box-50 {margin-bottom:50px;}
#chiatai-brand .heading {font-size:50px;line-height:1.1;font-weight:600;color:#114B33;margin-bottom:0;position:relative;font-family:'promptsemibold';}
#chiatai-brand .heading span {margin-left:20px;font-size:50px;display:block;}
#chiatai-brand .heading span + span {font-size:35px;}
#chiatai-brand .line-gold::before {content: "";left:0;top:16px;position:absolute;display:inline-block;width:7px;height:70px;background:#B29530;}
#chiatai-brand .col-infographic {width:70%;position:relative}
#chiatai-brand .flex-infographic {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#chiatai-brand .group-position {width:93%;left:-110px;position:absolute;}
#chiatai-brand .content h3 {font-size:25px;color: #1a4a36; margin: 0 0 5px 0;font-family:'promptmedium'}
#chiatai-brand .content {position:absolute;left:calc(50% + 15px);text-align:left;}
#chiatai-brand .content.integrity {width:330px}
#chiatai-brand .content.innovation {width:345px}
#chiatai-brand .content.partnership {width:210px}
#chiatai-brand .content.passion {width:189px}
#chiatai-brand .values-container {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:120%;}
#chiatai-brand .value-item {position: relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:5;width:76px;}
#chiatai-brand .icon-circle {width:76px;height:76px;border:2px solid#b3934d;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:transparent;position:relative;z-index:10;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
#chiatai-brand .vertical-line {width:1px;position:absolute;left:50%;transform:translateX(-50%);background-image:radial-gradient(circle, rgba(49, 49, 49, 1) 0.7px, transparent 0.7px);background-size:100% 6px;background-repeat:repeat-y;z-index:1;}
#chiatai-brand .vertical-line.top {height:142px}
#chiatai-brand .vertical-line.bottom {height:117px}
#chiatai-brand .item-bottom .vertical-line {top:88px;}
#chiatai-brand .item-top .vertical-line {bottom:88px;}
#chiatai-brand .item-bottom .vertical-line::after {top:0;}
#chiatai-brand .item-top .vertical-line::after {bottom:0;}
#chiatai-brand .item-bottom .content {top:100px;}
#chiatai-brand .item-top .content {bottom:100px;}
#chiatai-brand .vertical-line::after {content: '';position:absolute;left:0;width:2px;height:0;background-color:#b3934d;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-o-transition:height 0.5s ease;-ms-transition:height 0.5s ease;transition:height 0.5s ease;}
#chiatai-brand .horizontal-connector {flex-grow:1;height:1px;background-image: radial-gradient(circle, rgb(4 4 4 / 30%) 0.7px, transparent 0.7px);background-size:6px 100%;background-repeat:repeat-x;z-index:1;}
#chiatai-brand .value-item:hover .vertical-line::after {height: 100%;}
#chiatai-brand .value-item:hover .icon-circle { background-color: #b3934d; }
#chiatai-brand .value-item:hover .icon-circle img {filter: brightness(0) invert(1);}
#chiatai-brand .value-item:hover .vertical-line {background-image:none;}


/* slide banner */
#banner-index.owl-theme .owl-dots .owl-dot span {width:305px;height:3px;margin: 5px 4px;background-color: rgba(255, 255, 255, 0.2);display:block;transition:opacity 200ms ease;border-radius:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#banner-index.owl-theme .owl-dots .owl-dot.active span, 
#banner-index.owl-theme .owl-dots .owl-dot:hover span {background:#fff;}
#banner-index.owl-theme .owl-nav.disabled+.owl-dots {width:100%;padding:0 50px;position:absolute;bottom:0;left:50%;text-align:center;transform:translateX(-50%);margin-bottom:25px;}
#banner-index picture img {width:100%;height:auto}

/* Tab business*/
#bu-index {padding-top:200px}
#bu-index .mobile-select {display:none;}
#bu-index .flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
#bu-index .push {position:absolute;top:-35px;}
#bu-index .sidebar {width:20%;margin:0 30px 50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;flex-direction:column;}
#bu-index  .sidebar-menu {margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;}
#bu-index .menu-item {position:relative;padding:20px 0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#bu-index .menu-item .text {margin-right:25px;color:#555;font-size:20px;text-align:end;font-family:'promptmedium';-webkit-transform:color 0.3s ease;-moz-transform:color 0.3s ease;-ms-transform:color 0.3s ease;-o-transform:color 0.3s ease;transition:color0.3s ease;}
#bu-index .menu-item:last-child {padding-bottom:0}
#bu-index .menu-item:last-child::after {display:none;} 
#bu-index .menu-item::after {content:"";position:absolute;right:4px;top:34px;width:2px;height:100%;background-image: radial-gradient(circle, #a3a3a3 1.2px, transparent 1.2px);background-size:2px 8px; background-repeat:repeat-y;z-index:1;}
#bu-index .menu-item:hover .text {color:#b29146;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#bu-index .menu-item:hover .dot {border-color:#b29146;background-color:#b29146;opacity:0.8;}
#bu-index .menu-item.active .dot {opacity:1;background-color:#b29146;border-color:#b29146;}
#bu-index .menu-item.active .text {color:#b29146;}
#bu-index .z-index2 {z-index:2}
#bu-index .dot {width:11px;height:11px;border-radius:100%;border:2px solid #d1d1d1;background-color:#fff;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);-webkit-transform:all 0.4s ease;-moz-transform:all 0.4s ease;-ms-transform:all 0.4s ease;-o-transform:all 0.4s ease;transform:all 0.4s ease;}
#bu-index .content-area {display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;}
#bu-index .tab-business {display:none;gap:9px;animation:fadeIn 0.5s ease;}
#bu-index .tab-business .box:nth-child(1) {margin-top:0;}
#bu-index .tab-business .box:nth-child(2) {margin-top:60px;}
#bu-index .tab-business .box:nth-child(3) {margin-top:0;}
#bu-index .tab-business.active {display:-webkit-box;display:-ms-flexbox;display:flex;}
#bu-index .tab-business .box {position:relative;}
#bu-index .tab-business .box img.shadows {border-radius:10px;width:100%;-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);-webkit-transform:all 0.5s ease;-moz-transform:all 0.5s ease;-ms-transform:all 0.5s ease;-o-transform:all 0.5s ease;transition:all 0.5s ease;}
#bu-index .tab-business .box img.full {width:100%;height:auto}
#bu-index .tab-business .box .brand {padding: 0 10px;position:absolute;bottom:100px;display:block;margin:0 auto;width:100%;}
#bu-index .tab-business .box .brand-flex {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#bu-index .tab-business .box .brand .circle-logo {width:125px;height:125px;background:#fff;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}
#bu-index .tab-business .box .brand .circle-logo + .circle-logo {margin-left:20px}
#bu-index .tab-business .box .brand .name {font-size:20px;color:#fff;text-align:center;margin-top:20px;}
#bu-index {animation:fadeIn 0.8s ease-out forwards;}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Tab news*/
.flex-tab {margin-bottom:60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.tab-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.tabClick {position:relative;color:#555;padding:0;border:none;outline:none;background: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tabClick + .tabClick {margin-left:20px;padding-left:20px;}
.tabClick + .tabClick::before {content:"";position:absolute;left:0;z-index:9;width:1px;height:42px;background:#C7C7C7}
.tabClick:hover {color:#B29530;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tabClick:hover .circle-news {background:#B29530;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tabClick:hover .circle-news img {filter: brightness(0) invert(1);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tabClick.active .circle-news {background: #B29530;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.tabClick.active .circle-news img {filter: brightness(0) invert(1);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tab-content {display: none;}
#news1 {display: block;}
.circle-news {width:42px;height:42px;border:2px solid #B29530;border-radius: 100%;margin-right:15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.circle-news .pl-3 {padding-left:3px}

/* slide news */
#news-index .owl-item, #articles-index .owl-item, #vdo-index .owl-item {-webkit-transform:all 0.3s ease-in-out;;-moz-transform:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;-o-transform: all 0.3s ease-in-out;transition:all 0.3s ease-in-out;will-change: filter, opacity, transform;transform: scale(1);filter: brightness(1);opacity: 1;}
#news-index .owl-item.edge-item, #articles-index .owl-item.edge-item, #vdo-index .owl-item.edge-item {filter: brightness(0.5) !important;opacity: 0.9 !important;}
#news-index .owl-item.edge-item .text-box, #articles-index .owl-item.edge-item .text-box, #vdo-index .owl-item.edge-item .text-box {opacity: 0.6;}
#news-index .owl-item.edge-item h3, #articles-index .owl-item.edge-item h3, #vdo-index .owl-item.edge-item h3 {color: #555 !important;}
#news-index .owl-item.center .text-box, #articles-index .owl-item.center .text-box, #vdo-index .owl-item.center .text-box {opacity:1;}
#news-index .owl-item.edge-item .text-box, #articles-index .owl-item.edge-item .text-box, #vdo-index .owl-item.edge-item .text-box {opacity:0.5;}
#news-index .owl-nav, #news-index .owl-nav, #articles-index .owl-nav, #articles-index .owl-nav, #vdo-index .owl-nav, #vdo-index .owl-nav  {display:block!important}
#news-index .owl-nav button.owl-prev, #articles-index .owl-nav button.owl-prev, #vdo-index .owl-nav button.owl-prev { left:170px; }
#news-index .owl-nav button.owl-next, #articles-index .owl-nav button.owl-next, #vdo-index .owl-nav button.owl-next { right:170px; }
#news-index .owl-nav button.owl-prev:hover, #news-index .owl-nav button.owl-next:hover, #articles-index .owl-nav button.owl-prev:hover, #articles-index .owl-nav button.owl-next:hover, #vdo-index .owl-nav button.owl-prev:hover, #vdo-index .owl-nav button.owl-next:hover {background:#B29530;border-radius:100%;}
#news-index .owl-nav button.owl-prev:hover .click-arrow, #news-index .owl-nav button.owl-next:hover .click-arrow ,#articles-index .owl-nav button.owl-prev:hover .click-arrow, #articles-index .owl-nav button.owl-next:hover .click-arrow, #vdo-index .owl-nav button.owl-prev:hover .click-arrow, #vdo-index .owl-nav button.owl-next:hover .click-arrow {border:1px #B29530;background:#B29530;border-radius:100%;}
#news-index .owl-nav button.owl-prev:hover .click-arrow img, #news-index .owl-nav button.owl-next:hover .click-arrow img , #articles-index .owl-nav button.owl-prev:hover .click-arrow img, #articles-index .owl-nav button.owl-next:hover .click-arrow img, #vdo-index .owl-nav button.owl-prev:hover .click-arrow img, #vdo-index .owl-nav button.owl-next:hover .click-arrow img {filter: brightness(0) invert(1);}
#news-index .owl-nav button, #articles-index .owl-nav button {position: absolute;top:33%;transform: translateY(-50%);/* font-size: 40px !important; */}
#news-index.owl-carousel .owl-stage-outer, #articles-index.owl-carousel .owl-stage-outer, #vdo-index.owl-carousel .owl-stage-outer {overflow:hidden;position:relative;width:100%;}
#news-index.owl-item img, #articles-index.owl-item img, #vdo-index.owl-item img {backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#news-index.owl-carousel .owl-stage, #articles-index.owl-carousel .owl-stage, #vdo-index.owl-carousel .owl-stage {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
#news-index.owl-carousel:not(.owl-loaded) {display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;max-height:400px;}
#vdo-index .group {position:relative}
#vdo-index a {position:relative;}
#vdo-index img.img-border {height:auto;}
#vdo-index .img-border {border-radius:15px;}
#vdo-index .overlay-img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:15px;background:#252525;background: linear-gradient(0deg, rgba(37, 37, 37, 0.77) 0%, rgba(5, 5, 5, 0) 50%);}
#vdo-index .position {position:absolute;bottom:0;padding:0 0 20px 15px;}
#vdo-index span {font-size:14px;color:#fff;margin-left:7px;}
#vdo-index .watch {padding:9px 19px;box-shadow:inset 0 0 0 1px #fff;border-radius:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#vdo-index a:hover .overlay-img {box-shadow: inset 0 0 0 3px #B39630;border-radius:15px;}
#vdo-index a:hover .watch {box-shadow: inset 0 0 0 3px #B39630;;border-radius:7px;}
#vdo-index .owl-nav button {position:absolute;top:37%;transform: translateY(-50%);}

/* sustain */
#sustain-index {text-align:center;}
#sustain-index .box {border-radius:10px;padding:60px 25px;background-color: rgba(255, 255, 255, 0.3);}
#sustain-index .col-md-6:nth-child(1) .box {margin-right:20px;}
#sustain-index .col-md-6:nth-child(2) .box {margin-left:20px;}
#sustain-index .circle {width:76px;height:76px;border-radius:100%;border:1px solid #B29530;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#sustain-index .circle img.cg {padding-left:8px;}
#sustain-index .position {margin-bottom:25px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#sustain-index a {color:#114B33}
#sustain-index h3 {font-size:35px;margin-bottom:0;font-family:'promptmedium'}
#sustain-index .btn-more.mt-50 {margin-top:50px}
#sustain-index .btn-more {font-size:16px;color:#114B33;padding:9px 25px;border:2px solid #93AB9F;border-radius:0 12px 0 12px;font-family:'promptmedium';display:inline-block;}
#sustain-index a .btn-more span img {margin-left:6px;}
#sustain-index a:hover .box {box-shadow:inset 0 0 0 5px #B39630;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} 
#sustain-index a:hover .btn-more {color:#fff;background:#114B33;border-radius:12px 0 12px 0;border:2px solid #114B33;}
#sustain-index a:hover .btn-more  span img {-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(108deg) brightness(97%) contrast(107%);filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(108deg) brightness(97%) contrast(107%);}
#sustain-index a:hover .circle {background:#B29530;}
#sustain-index a:hover .circle img {filter: brightness(0) invert(1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}




.click-arrow {width:30px;height:30px;border-radius:100%;border:1px solid #B9B9B9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}


@media only screen and (max-width:1600px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:250px;}
#news-index .owl-nav button.owl-prev, #articles-index .owl-nav button.owl-prev, #vdo-index .owl-nav button.owl-prev {left:100px;}
#news-index .owl-nav button.owl-next, #articles-index .owl-nav button.owl-next, #vdo-index .owl-nav button.owl-next {right:100px;}
}

@media only screen and (max-width:1536px) {
#news-index .owl-nav button, #articles-index .owl-nav button {top:30%}
#sustain-index h3 {font-size:30px;}
#bu-index .menu-item .text {font-size:18px;margin-right:20px;}
#bu-index .menu-item::after {top:32px}
#bu-index .menu-item {padding:15px 0;}
#bu-index .tab-business .box .brand .name {font-size:18px;}
#chiatai-brand .vertical-line {width:1.5px;}
#chiatai-brand .heading span {font-size:40px}
#chiatai-brand .heading span + span {font-size:30px;}
#chiatai-brand .line-gold::before {height:57px;top:14px;}
#chiatai-brand .head-box-50 {margin-bottom:40px;}
#chiatai-brand .text {margin-bottom:50px;}
#chiatai-brand .vertical-line.top {height:115px;}
#chiatai-brand .vertical-line.bottom {height:115px;}
}

@media only screen and (max-width:1440px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:220px;}
#vdo-index .owl-nav button {top:35%}
#vdo-index span {font-size:12px;}
#vdo-index .watch {padding:7px 19px;} 
#vdo-index .watch img.play {width:10px;height:auto}
#vdo-index .watch img.download {width:15px;height:auto}
#vdo-index .watch img.link {width:13px;height:auto}
#bu-index .sidebar {margin:0 25px 50px 0;}
#bu-index {padding-top:150px;}
.padding-top-200, .bg-gardener {padding-top:150px;}
#chiatai-brand .vertical-line {width:1px;}
#chiatai-brand .icon-circle {width:66px;height:66px;}
#chiatai-brand .icon-circle img {width:65%;}
#chiatai-brand .item-top .vertical-line {bottom:79px;}
#chiatai-brand .item-bottom .vertical-line {top:79px;}
#chiatai-brand .item-top .content {bottom:88px;}
#chiatai-brand .item-bottom .content {top:88px;}
}

@media only screen and (max-width:1366px) {
#banner-index.owl-theme .owl-nav.disabled+.owl-dots {margin-bottom:30px;}
#sustain-index h3 {font-size:25px;}
#sustain-index .box {padding:50px 25px;}
#sustain-index .btn-more {font-size:14px}
#bu-index .tab-business .box .brand .circle-logo {width:115px;height:115px;}
#chiatai-brand .group-position {width:85%;left:-85px}
#chiatai-brand .content.integrity {width:300px;}
#chiatai-brand .content.innovation {width:300px;}
#chiatai-brand .content.passion {width:175px;}
#chiatai-brand .vertical-line.top {height:135px;}
#chiatai-brand .heading span {font-size:35px}
#chiatai-brand .line-gold::before {height:53px;top:11px;}
#chiatai-brand .content h3 {font-size:22px;}
#chiatai-brand .vertical-line.bottom {height:106px;}
}

@media only screen and (max-width:1280px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:190px;}
.tabClick + .tabClick {margin-left:15px;padding-left:15px;}
.tabClick + .tabClick::before {height:30px}
.circle-news {margin-right:10px}
#bu-index .menu-item .text,#bu-index .tab-business .box .brand .name {font-size:17px;}
#bu-index .menu-item::after {top:38px;}
#bu-index .tab-business .box .brand .circle-logo {width:110px;height:110px;}
#bu-index {padding-top:120px;}
.padding-top-200, .bg-gardener {padding-top:120px;}
#chiatai-brand .vertical-line.top {height:100px;}
#chiatai-brand .vertical-line.bottom {height:100px;}
#chiatai-brand .content.partnership {width:170px;}
#chiatai-brand .text p + p {margin-top: 20px;}
#chiatai-brand .text {margin-bottom:40px;}
}

@media only screen and (max-width:1235px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:150px;}
#news-index .owl-nav button.owl-prev, #articles-index .owl-nav button.owl-prev, #vdo-index .owl-nav button.owl-prev {left:80px;}
#news-index .owl-nav button.owl-next, #articles-index .owl-nav button.owl-next, #vdo-index .owl-nav button.owl-next {right:80px;}
#vdo-index .owl-nav button {top:32%;}
}

@media only screen and (max-width:1180px) {
#news-index .owl-nav button, #articles-index .owl-nav button {top:27%}
#chiatai-brand .content.innovation {width:265px;}
#chiatai-brand .content.integrity {width:245px;}
#chiatai-brand .content.passion {width:155px;}
#chiatai-brand .vertical-line.top {height:120px;}
#chiatai-brand br.brand {display:none}
}

@media only screen and (max-width:1080px) {
#bu-index .sidebar {width:25%}
#bu-index .menu-item {padding:10px 0;}
#bu-index .tab-business .box .brand {bottom:90px}
#bu-index .tab-business .box .brand .circle-logo {width:95px;height:95px}
#bu-index .tab-business .box .brand .circle-logo + .circle-logo {margin-left:15px;}
#bu-index .tab-business .box .brand .circle-logo img {width:80%;}
#bu-index .tab-business .box .brand .circle-logo img.chofah {width:30px;height:54px}
#bu-index {padding-top:70px;}
#chiatai-brand .flex-infographic {display: block;}
#chiatai-brand .col-content {width:100%;padding-bottom:85px;}
#chiatai-brand .text {width:100%;padding-right:0;}
#chiatai-brand .col-infographic {width:100%;padding-top:115px;height:400px;}
#chiatai-brand .group-position {width:87%;left:0;}
#chiatai-brand .vertical-line.top {height:133px;}
#chiatai-brand .content.integrity {width:290px;}
#chiatai-brand .vertical-line.bottom {height:105px;}
}

@media only screen and (max-width:1024px) {
.flex-tab {margin-bottom: 0;display:block;}
.tab-container {margin:40px 0 30px 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#sustain-index .col-md-6:nth-child(1) .box {margin-right:15px;}
#sustain-index .col-md-6:nth-child(2) .box {margin-left:15px;}
#bu-index  .sidebar-menu, #bu-index .tab-business .box:nth-child(2), #bu-index .tab-business .box:nth-child(3) {display:none}
#bu-index .flex {display:block;}
#bu-index .push {position:static;}
#bu-index .sidebar {width:100%;margin:0 0 50px 0;}
#bu-index .content-area {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#bu-index .tab-business .box .brand {bottom:45px;}
#bu-index .tab-business .box .brand .name {font-size:18px;}
#bu-index .tab-business .box .brand .circle-logo {width:125px;height:125px;}
#bu-index .tab-business .box .brand .circle-logo img {width:100%;}
#bu-index .tab-business .box .brand .circle-logo img.chofah {width:46px;height:82px;}
#bu-index .mobile-select {display:block;margin-top:30px;position:relative}
#bu-index .mobile-select .custom-select-btn,  #bu-index .mobile-select .custom-select-menu {font-size:18px}
#bu-index {padding-top:60px;}
.chiatai-bg,.padding-top-100 {padding-top:60px;}
.padding-top-200, .bg-gardener {padding-top:80px;}
#chiatai-brand .group-position {width:80%;}
#chiatai-brand .col-infographic {height:350px}
}

@media only screen and (max-width:980px) {
.btn-more.center {margin-top:50px;}
}

@media only screen and (max-width:820px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:100px;}
#banner-index.owl-theme .owl-nav.disabled+.owl-dots {margin-bottom:20px;}
#bu-index .mobile-select .custom-select-btn,  #bu-index .mobile-select .custom-select-menu {font-size:16px}
}

@media only screen and (max-width:768px) {
#news-index .owl-nav button, #articles-index .owl-nav button {top:30%}
#chiatai-brand .group-position {width:100%;}
#chiatai-brand .values-container {width:100%}
#chiatai-brand .col-infographic {width:90%;}
#chiatai-brand .content.integrity {width:260px;}
#chiatai-brand .content.integrity {width:260px;}
#chiatai-brand .content.partnership {width:150px;}
#chiatai-brand .vertical-line.bottom {height:130px;}
}
@media only screen and (max-width:736px) {
#sustain-index .col-md-6:nth-child(1) .box {margin-right:0;}
#sustain-index .col-md-6:nth-child(2) .box {margin:30px 0 0 0}
}

@media only screen and (max-width: 640px) {
#chiatai-brand .flex-infographic {flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;}
#chiatai-brand .col-infographic {width:100%;padding-top:0;}
#chiatai-brand .values-container {flex-direction:column;height:auto;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;gap:40px;}
#chiatai-brand .horizontal-connector, #chiatai-brand .vertical-line {display:none;}
#chiatai-brand .values-container::before {content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-image:radial-gradient(circle, rgb(68 68 68 / 62%) 0.7px, transparent 0.7px);background-size:100% 6px;background-repeat:repeat-y;z-index:1;}
#chiatai-brand .value-item {display:block;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;width:100%;position:relative;z-index:5;padding-left:15px}
#chiatai-brand .content {position:static;width:100%;padding-top:15px;}
#chiatai-brand .content h3 {font-size:20px;margin-bottom:8px;}
#chiatai-brand .icon-circle {flex-shrink:0;z-index:10;}
#chiatai-brand .content.integrity, #chiatai-brand .content.innovation, #chiatai-brand .content.partnership, #chiatai-brand .content.passion {width:100%;}
#chiatai-brand .group-position {position:static}  
#chiatai-brand .col-infographic {height:auto}  
#chiatai-brand .value-item.item-top {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction: column-reverse;}
#chiatai-brand .content.integrity, #chiatai-brand .content.innovation, #chiatai-brand .content.partnership, #chiatai-brand .content.passion {width:100%}
}

@media only screen and (max-width:568px) {
#banner-index.owl-theme .owl-dots .owl-dot span {width:55px;}
#banner-index.owl-theme .owl-nav.disabled+.owl-dots {margin-bottom:0;}
.tabClick {display:block;line-height: 1.3;}
.tab-container {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.tabClick + .tabClick::before {display:none}
.tabClick + .tabClick {padding-left:0}
.circle-news {margin-left:auto;margin-right:auto;margin-bottom:8px;}
#news-index .owl-nav button, #articles-index .owl-nav button {top:28%;}
}

@media only screen and (max-width:480px) {
#news-index .owl-nav button, #articles-index .owl-nav button {top:25%}
#news-index .owl-nav button.owl-prev, #articles-index .owl-nav button.owl-prev, #vdo-index .owl-nav button.owl-prev { left:20px; }
#news-index .owl-nav button.owl-next, #articles-index .owl-nav button.owl-next, #vdo-index .owl-nav button.owl-next { right:20px; }
#sustain-index .btn-more.mt-50 {margin-top:35px;}
.chiatai-bg {background-image: url(../images/bg/bg-home-490.webp);background-repeat:no-repeat;background-position:center;background-size:cover;aspect-ratio:1920 / 3691;}
}

@media only screen and (max-width:430px) {
#tab-news .wrapper {width: 90%;max-width:1400px;margin-left:auto;margin-right:auto;}
#news-index .owl-nav button.owl-prev, #articles-index .owl-nav button.owl-prev, #vdo-index .owl-nav button.owl-prev {left:0 }
#news-index .owl-nav button.owl-next, #articles-index .owl-nav button.owl-next, #vdo-index .owl-nav button.owl-next {right:0 }
#news-index .owl-nav button, #articles-index .owl-nav button {top:25%;}
#vdo-index .owl-nav button {top:30%;}
#news-index .owl-item, #articles-index .owl-item, #vdo-index .owl-item {padding-left:50px;padding-right:50px;}
.btn-more.center {margin-top:40px;}
}