/* inline style 1 id="globalsojs-header" */ img {width: auto;height: auto;}:root {--bs-screen-full: 100%;--bs-screen-xxl: 80%;--bs-screen-large: 72.3%;--bs-screen-mid: 68%;--bs-screen-small: 58%;--bs-screen-full-notebook: 100%;--bs-screen-xxl-notebook: 88%;--bs-screen-large-notebook: 80%;--bs-screen-mid-notebook: 68%;--bs-screen-small-notebook: 58%;--bs-screen-full-pad: 100%;--bs-screen-xxl-pad: 88%;--bs-screen-large-pad: 96%;--bs-screen-mid-pad: 68%;--bs-screen-small-pad: 58%;--bs-screen-full-mobile: 100%;--bs-screen-xxl-mobile: 88%;--bs-screen-large-mobile: 96%;--bs-screen-mid-mobile: 68%;--bs-screen-small-mobile: 58%;--bs-font-sans-serif: "Manrope-Regular";--bs-body-font-weight: 400;--bs-body-font-size: 1rem;--bs-h-font-sans-serif: "Manrope-ExtraBold";--bs-h-font-weight: 700;--bs-h-font-size: 45px;--bs-nb-h-font-size: 35px;--bs-pad-h-font-size: 30px;--bs-mob-h-font-size: 25px;--bs-body-color: #000;--bs-body-bg: #fff;--bs-theme-color: #5DBB35;--bs-sec-theme-color: #5DBB35;--bs-link-color: #000;--bs-link-hover-color: #5DBB35;}header[topsearchheader] {background-image: initial !important;background-position-x: initial !important;background-position-y: initial !important;background-size: initial !important;background-repeat: initial !important;background-attachment: initial !important;background-origin: initial !important;background-clip: initial !important;background-color: rgb(255, 255, 255) !important;} /* inline style 2 id="globalsojs-styles" */ /* news */ .section-block-demo310-news.section-generalimgtext-wrap-block { background: url(../images/332-news-bg.png) no-repeat top left/cover; } .section-block-demo310-news .title-bar .title { color: inherit; text-transform: capitalize; } .section-block-demo310-news.section-generalimgtext-wrap-block .outer-swiper-wrap { padding: 2rem 0; } .section-block-demo310-news .sc-block-item .item-inner .item-img { border-radius: 20px; } .section-block-demo310-news.section-generalimgtext-wrap-block .sc-block-item .item-inner .item-info { padding: 20px 0; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-time { color: #333333; font-size: 14px; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-title, .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc, .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: var(--bs-h-font-sans-serif); } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-title { font-size: 24px; margin-top: 1rem; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc { font-size: 18px; line-height: 1.56; color: #666666; -webkit-line-clamp: 2; margin-top: 12px; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc p { -webkit-line-clamp: 2; } @media only screen and (max-width:1366px) { .section-block-demo310-news .sc-block-item .item-inner .item-info .item-title { font-size: 20px; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc { font-size: 16px; } } @media only screen and (max-width:992px) { .section-block-demo310-news .sc-block-item .item-inner .item-info .item-title { font-size: 18px; } } @media only screen and (max-width:640px) { .section-block-demo310-news .sc-block-item .item-inner .item-info .item-title { font-size: 16px; } .section-block-demo310-news .sc-block-item .item-inner .item-info .item-desc { font-size: 14px; } } /* inline style 3 id="globalsojs-footer" */ /* inline style 4 id="footer_copyright_resource_css" */ .copyright_resource_nav{position: relative;display: inline;} .copyright_resource_nav ul{position: absolute;left: calc(100% - 5px);bottom: -12px;background-color: #ffffff;border-radius: 6px;width: max-content;padding: 7px 0;margin: 0;list-style: none;box-shadow: 0 0 15px rgba(0,0,0,0.1);transform: scaleX(0);opacity: 0;pointer-events: none;transform-origin: left bottom;transition: all .35s ease;} .copyright_resource_nav ul li{padding: 5px 10px;text-align: left;} .copyright_resource_nav:hover ul{transform: scaleX(1);opacity: 1;pointer-events: auto;} .copyright_resource_nav>span{position: relative;padding: 8px 15px 8px 0;cursor: pointer;} .copyright_resource_nav>span::after{content: "";width: 0;height: 1px;position: absolute;bottom: 8px;left: 0;background-color: currentColor;transition: all .35s ease;} .copyright_resource_nav:hover>span::after{width: calc(100% - 15px);} .copyright_resource_nav ul.copyright_resource_nav_items li a{position: relative;color: #333;font-size: .9em;white-space: nowrap;text-decoration: none;transition: all .35s ease;} .copyright_resource_nav ul.copyright_resource_nav_items li a::after{content: "";width: 0;height: 1px;background-color: currentColor;position: absolute;bottom: 0;left: 0;transition: all .35s ease;} .copyright_resource_nav ul.copyright_resource_nav_items li:hover a{color: var(--bs-theme-color);} .copyright_resource_nav ul.copyright_resource_nav_items li:hover a::after{width: 100%;} /* inline style 5 id="index-full-width-fix" */ html, body { width: 100%; min-width: 100%; } body[page-type="index"] { position: relative; width: 100vw; min-width: 100vw; max-width: 100vw; } body[page-type="index"] > header, body[page-type="index"] > main, body[page-type="index"] > footer { width: 100vw; max-width: 100vw; } /* Fixed go-top icon fallback */ .gotop::before { content: "" !important; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: translate(-50%, -35%) rotate(45deg); box-sizing: border-box; } .gotop::after { display: none !important; content: "" !important; opacity: 0 !important; } .gotop:hover::before { opacity: 0; } .gotop:hover::after { display: block !important; content: "TOP" !important; opacity: 1 !important; transform: translateY(0); } /* inline style 6 */ .form-header-demo1-block { margin-top: 1rem; margin-bottom: -.5rem } .form-header-demo1-block.inquiry-form { position: relative; background: #fff } .form-header-demo1-block.inquiry-form.form-item { position: relative; width: 100%; padding: .4rem; display: flex; min-height: auto; line-height: 2.8rem } .form-header-demo1-block.inquiry-form input, .form-header-demo1-block.inquiry-form textarea { width: 100%; height: 2.8rem; padding: 0 10px; font-size: 13px; border: 1px solid#eee; border-left: 3px solid var(--bs-theme-color); outline: 0 } .form-header-demo1-block.inquiry-form textarea { height: 6.8rem; line-height: 1.5; padding: 10px; resize: none } .form-header-demo1-block.inquiry-form.item-submit button { width: 100%; padding: 0 1rem; font-size: 1rem } .form-header-demo1-block.inquiry-form.form-checktip { width: 100% } /* inline style 7 */ .section-block-demo332-header { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .section-block-demo332-header .header-top { background-color: var(--bs-sec-theme-color); color: #fff; line-height: 1; padding: 10px 0; } .section-block-demo332-header .header-top .layout { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-block-demo332-header .header-top .top-text { position: relative; padding-left: 12px; margin-left: 25px; } .section-block-demo332-header .header-top .top-text::before { position: absolute; top: 50%; left: 0; content: ""; width: 1px; height: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } .section-block-demo332-header .header-top span { font-size: 30px; font-family: var(--bs-h-font-sans-serif); } .section-block-demo332-header .header-top i { font-size: 10px; } .section-block-demo332-header .header-top p { font-size: 16px; } .section-block-demo332-header .logo img { height: 36px; } .section-block-demo332-header .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-block-demo332-header .nav>li { font-size: 16px; margin: 0 25px; } .section-block-demo332-header .nav>li>a { line-height: 67px; font-family: var(--bs-h-font-sans-serif); } .section-block-demo332-header .search .search-toggle svg { fill: #000; width: 22px; height: 22px; } .section-block-demo332-header .change-language { margin-left: 39px; } .section-block-demo332-header .change-language-title .country-flag { background-image: url(../images/332-global.png); background-position: center !important; width: 20px; height: 20px; margin-right: 6px; } .section-block-demo332-header .change-language-title span { font-size: 15px; } .section-block-demo332-header .change-language .change-language-title i { display: none; } @media only screen and (max-width:1366px) { .section-block-demo332-header .header-top span { font-size: 25px; } } @media only screen and (max-width:992px) { .section-block-demo332-header .header-outer-wrap { display: none; } .section-block-demo332-header .nav>li>a { line-height: 20px; } } /* inline style 8 id="header-inner-style" */ .section-header-wrap-block.section-block-demo332-header>.header-outer-wrap>.header-bottom>.layout>.logo>img { width: 100px; height: auto; } .section-header-wrap-block.section-block-demo332-header>.header-outer-wrap>.header-top>.layout>span { text-transform: uppercase; font-weight: 700; } body>.section-header-wrap-block.section-block-demo332-header { padding-right: 0px; padding-left: 0px; } .section-header-wrap-block.section-block-demo332-header>.header-outer-wrap>.header-bottom { padding-right: 0px; padding-left: 0px; } .section-header-wrap-block.section-block-demo332-header>.header-outer-wrap>.header-bottom>.layout>.nav>li>a>em { font-size: 18px; } .section-header-wrap-block.section-block-demo332-header>.aside-sidebar-block.aside-sidebar-demo5-block { top: 250px; } /* inline style 9 */ .aside-sidebar-demo5-block .side-content li .hideBox .hb a { color: #000 } /* inline style 10 */ .section-block-demo332-banner .item-info { width: 100%; padding: 5rem calc((100% - var(--bs-screen-large)) / 2); } .section-block-demo332-banner .item-info .item-tit { font-size: 18px; display: block; } .section-block-demo332-banner .item-info .item-title { font-size: 50px; padding: 29px 0 15px; } .section-block-demo332-banner .item-info .item-desc { font-size: 32px; } .section-block-demo332-banner .item-info .btn { font-size: 18px; text-transform: uppercase; border-radius: 26px; padding: 10px 35px; margin-top: 4.3rem; } .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 calc((100% - var(--bs-screen-large)) / 2); bottom: 53px; } .section-block-demo332-banner[pagination-btn-position] .swiper-control .swiper-pagination { margin: 0; } .section-block-demo332-banner .swiper-pagination .swiper-pagination-bullet { margin: 10px; } .section-block-demo332-banner[pagination-style=custom-1] .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: .48; } .section-block-demo332-banner[pagination-style=custom-1] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 16px; height: 16px; opacity: 1; } .section-block-demo332-banner[pagination-style=custom-1][pagination-btn-color=white] .swiper-pagination .swiper-pagination-bullet { background-color: #fff; } .section-block-demo332-banner[pagination-style=custom-1][pagination-btn-color=white] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: transparent; } .section-block-demo332-banner[slide-button="slide-button-false"] .swiper-button { display: none; } @media only screen and (max-width:1366px) { .section-block-demo332-banner .item-info .item-tit, .section-block-demo332-banner .item-info .btn { font-size: 16px; } .section-block-demo332-banner .item-info .item-title { font-size: 40px; padding: 20px 0 15px; } .section-block-demo332-banner .item-info .item-desc { font-size: 25px; } .section-block-demo332-banner .item-info .btn { padding: 8px 23px; margin-top: 2rem; } .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { bottom: 20px; } .section-block-demo332-banner .item-info, .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { padding: 0 calc((100% - var(--bs-screen-large-notebook)) / 2); } } @media only screen and (max-width:1080px) { .section-block-demo332-banner .item-info { display: block !important; } .section-block-demo332-banner .item-info, .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { padding: 0 5%; } } @media only screen and (max-width:992px) { .section-block-demo332-banner .item-info, .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { padding: 0 2%; } .section-block-demo332-banner .item-info .item-title { font-size: 30px; } .section-block-demo332-banner .item-info .item-desc { font-size: 20px; } .section-block-demo332-banner[pagination-btn-position="bottom"] .swiper-control { bottom: 0; } } @media only screen and (max-width:640px) { .section-block-demo332-banner .item-inner img { min-height: 280px; -o-object-fit: cover; object-fit: cover; } .section-block-demo332-banner .item-info .item-tit, .section-block-demo332-banner .item-info .btn { font-size: 14px; } .section-block-demo332-banner .item-info .item-title { font-size: 25px; padding: 10px 0; } .section-block-demo332-banner .item-info .item-desc { font-size: 16px; } .section-block-demo332-banner .item-info .btn { padding: 6px 16px; margin-top: 1rem; } .section-block-demo332-banner .swiper-pagination .swiper-pagination-bullet { margin: 7px; } .section-block-demo332-banner[pagination-style=custom-1] .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } .section-block-demo332-banner[pagination-style=custom-1] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px; } } /* inline style 11 */ .section-block-demo337-product { padding: 82px 0 143px } .section-block-demo337-product .tab-pannel { -webkit-transform: rotateY(90deg); transform: rotateY(90deg) } .section-block-demo337-product .tab-pannel.active { -webkit-transform: rotateY(0); transform: rotateY(0) } .section-block-demo337-product .sc-block-items { width: 100% } .section-block-demo337-product .tab-nav { padding: 7px 0 90px } .section-block-demo337-product .nav-item { position: relative; font-size: 20px; font-weight: 600; padding: 0 35px } .section-block-demo337-product .nav-item:not(:last-of-type)::after { display: block; content: ''; width: 2px; height: 60%; background-color: var(--bs-body-color); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) skewX(-15deg); transform: translateY(-50%) skewX(-15deg) } .section-block-demo337-product .sc-block-item .item-inner { position: relative; background-color: #070707; border-radius: 25px; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product[block-border-padding="1"] .sc-block-item .item-inner { padding: 36px 10px } .section-block-demo337-product .sc-block-item .item-inner::after { display: block; content: ''; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 50.5%; height: 26px; background-color: #fff; -webkit-clip-path: polygon(10% 0, 88% 0, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 88% 0, 100% 100%, 0% 100%); z-index: 2 } .section-block-demo337-product .sc-block-item:nth-child(n+3) .item-inner::after { top: -25px; bottom: unset; -webkit-clip-path: polygon(10% 0, 88% 0, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 88% 0, 100% 100%, 0% 100%); background-color: #f2eee9; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product[pictext-coincide="4"] .sc-block-item .item-inner .item-info { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 54px; padding-left: 30px } .section-block-demo337-product .sc-block-item .item-inner:hover { background: -webkit-gradient(linear, left top, right top, from(var(--bs-theme-color)), to(var(--bs-sec-theme-color))); background: linear-gradient(90deg, var(--bs-theme-color) 0%, var(--bs-sec-theme-color) 100%) } .section-block-demo337-product .sc-block-item .item-inner:hover .item-info .item-more { display: none; } .section-block-demo337-product .item-inner .item-info .item-title { width: 100%; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #5DBB35; line-height: 1.25; padding-bottom: 10px; -webkit-transform: translateY(4rem); transform: translateY(4rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product .item-inner .item-info .item-desc { width: 100%; font-size: 20px; font-weight: 600; line-height: 1.4; color: #212121; padding-right: 15%; margin: 0; opacity: 0; -webkit-transform: translateY(4rem); transform: translateY(4rem); -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product .item-inner .item-info .item-desc p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .section-block-demo337-product .item-inner:hover .item-info .item-title { -webkit-transform: translateY(0); transform: translateY(0); color: #fff } .section-block-demo337-product .item-inner:hover .item-info .item-desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); color: #fff; } .section-block-demo337-product .item-inner .item-info .item-more { width: 72px; height: 72px; 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; padding: 0; margin: 0; border-radius: 10px; position: absolute; top: 3%; left: 10%; z-index: 1 } .section-block-demo337-product .item-more svg { width: 32px; height: 32px; fill: #fff; display: none } .section-block-demo337-product .item-more:not([btn-arrow]) svg { display: block } .section-block-demo337-product .item-inner:hover .item-more svg { fill: var(--bs-theme-color) } .section-block-demo337-product .item-inner:hover .item-more { background-color: #ffffff } .section-block-demo337-product .sc-block-item:nth-child(n+3) .item-inner:hover:after { background: inherit } .section-block-demo337-product .sc-block-item .item-inner .item-img img { max-height: 339px } @media only screen and (max-width:1680px) { .section-block-demo337-product .item-inner .item-info .item-title { font-size: 24px } .section-block-demo337-product .item-inner .item-info .item-desc { font-size: 18px; padding-right: 10% } } @media only screen and (max-width:1440px) { .section-block-demo337-product { padding: 65px 0 100px } .section-block-demo337-product .tab-nav { padding-bottom: 60px } .section-block-demo337-product .nav-item { font-size: 18px } .section-block-demo337-product[pictext-coincide="4"] .sc-block-item .item-inner .item-info { padding-bottom: 25px; padding-left: 10px } .section-block-demo337-product .item-inner .item-info .item-title { font-size: 28px } .section-block-demo337-product .item-inner .item-info .item-desc { padding-right: 0 } .section-block-demo337-product .item-inner .item-info .item-more { width: 60px; height: 60px } .section-block-demo337-product .sc-block-item .item-inner .item-img img { max-height: 280px } } @media only screen and (max-width:992px) { .section-block-demo337-product { padding-bottom: 85px } .section-block-demo337-product .nav-item { font-size: 16px } .section-block-demo337-product .item-inner .item-info .item-title { font-size: 20px } .section-block-demo337-product .item-inner .item-info .item-desc { font-size: 14px } .section-block-demo337-product .sc-block-item:nth-child(n+3) { margin-bottom: 20px } } /* inline style 12 styleid="sectionIdprod2rg01" */ #sectionIdprod2rg01>.layout.wrap-pannel>.tab-pannel-wrap>.active.tab-pannel.outer-swiper-wrap.d-flex.flex-wrap>.sc-block-items.d-flex.flex-wrap>.block-item.sc-block-item>.item-inner { background-color: rgb(242, 238, 233); } #sectionIdprod2rg01 { padding-top: 82px; padding-bottom: 40px; padding-right: 0px; padding-left: 0px; } #sectionIdprod2rg01>.layout.title-bar>.tab-nav.d-flex.flex-wrap.justify-content-center { padding-bottom: 40px; } #sectionIdprod2rg01>.layout.title-bar>.tab-nav.d-flex.flex-wrap.justify-content-center>.nav-item { font-weight: 400; } #sectionIdprod2rg01>.layout.title-bar>.tab-nav.d-flex.flex-wrap.justify-content-center>.nav-item.active { font-weight: 600; } #sectionIdprod2rg01>.layout.wrap-pannel>.tab-pannel-wrap>.tab-pannel.outer-swiper-wrap.d-flex.flex-wrap.active>.sc-block-items.d-flex.flex-wrap>.block-item.sc-block-item>.item-inner>.item-info>.item-title { font-weight: 900; } /* Product series title position adjustment */ #sectionIdprod2rg01 .item-inner .item-info .item-title, #sectionIdprod2rg01 .item-inner .item-info .item-desc { -webkit-transform: translateY(8rem); transform: translateY(8rem); } #sectionIdprod2rg01 .item-inner:hover .item-info .item-title, #sectionIdprod2rg01 .item-inner:hover .item-info .item-desc { -webkit-transform: translateY(4rem); transform: translateY(4rem); } #sectionIdprod2rg01 .item-inner .item-info .item-desc { max-height: 145px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-height: 1.45; } #sectionIdprod2rg01 .item-inner:hover .item-info .item-desc { max-height: 145px; } #sectionIdprod2rg01 .sc-block-item .item-inner .item-img { -webkit-transform: none; transform: none; box-sizing: border-box; padding: 28px 28px 28px 0; overflow: hidden; } #sectionIdprod2rg01 .sc-block-item .item-inner .item-img img { width: 100%; max-width: 100%; height: auto; object-fit: contain; } @media only screen and (max-width:1440px) { #sectionIdprod2rg01 .sc-block-item .item-inner .item-img { padding: 22px 22px 22px 0; } } /* inline style 13 */ .section-block-demo332-application .color1 { color: var(--bs-theme-color); } .section-block-demo332-application .color2 { color: #999999; } .section-block-demo332-application { padding: 4.26rem 0 5.2rem; } .section-block-demo332-application [heading-type="1"] { padding: 0; } .section-block-demo332-application .application-items { margin: 0 -9px; padding: 7px 0 50px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-block-demo332-application .application-item { width: calc(100% / 3); padding: 9px; } .section-block-demo332-application .application-item.item1 { width: calc(200% / 3); } .section-block-demo332-application .application-item .item-inner { position: relative; display: block; } .section-block-demo332-application .application-item .item-img { overflow: hidden; border-radius: 20px; } .section-block-demo332-application .application-item .item-img img { width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .section-block-demo332-application .application-item .item-inner:hover .item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section-block-demo332-application .application-item .item-info { position: absolute; bottom: -20px; left: 0; width: 100%; z-index: 1; color: #fff; padding: 23px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-block-demo332-application .application-item .item-title { font-size: 24px; line-height: 1.25; width: calc(94% - 14px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .section-block-demo332-application .application-item .btn { padding: 0; border-width: 0; } .section-block-demo332-application .application-item .btn i.la { font-size: 1.6rem; } .section-block-demo332-application .application-item .btn[btn-arrow] i.la { margin-left: 0; } .section-block-demo332-application .application-info { text-align: center; padding: 20px 0; } .section-block-demo332-application .info-title { font-size: 48px; font-family: var(--bs-h-font-sans-serif); line-height: 1.25; } .section-block-demo332-application .info-title p { display: inline-block; } .section-block-demo332-application .info-text { font-size: 22px; color: #666666; margin-top: 19px; } @media only screen and (max-width:1366px) { .section-block-demo332-application .application-item .item-info { padding: 20px 12px; } .section-block-demo332-application .application-item .item-title, .section-block-demo332-application .info-text { font-size: 20px; } .section-block-demo332-application .info-title { font-size: 40px; } } @media only screen and (max-width:992px) { .section-block-demo332-application .application-items { margin: 0 -5px; } .section-block-demo332-application .application-item { padding: 5px; } .section-block-demo332-application .application-item .item-title, .section-block-demo332-application .info-text { font-size: 18px; } .section-block-demo332-application .info-title { font-size: 30px; } .section-block-demo332-application .application-item .btn i.la { font-size: 1.4rem; } } @media only screen and (max-width:640px) { .section-block-demo332-application .application-items { margin: 0; padding: 7px 0 20px; } .section-block-demo332-application .application-item { padding: 5px 0; width: 100%; } .section-block-demo332-application .application-item.item1 { width: 100%; } .section-block-demo332-application .application-item .item-title, .section-block-demo332-application .info-text { font-size: 16px; } .section-block-demo332-application .info-title { font-size: 25px; } .section-block-demo332-application .application-item .btn i.la { font-size: 1.4rem; } } /* Best sellers card arrow icon fallback */ .section-block-demo332-application .application-item .btn[btn-arrow="arrow-right1"] i.la { width: 18px; height: 18px; font-size: 0 !important; } .section-block-demo332-application .application-item .btn[btn-arrow="arrow-right1"] i.la::after { content: "" !important; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; transform: translate(-60%, -50%) rotate(45deg); box-sizing: border-box; } .section-block-demo332-application .application-item .btn[btn-arrow="arrow-right1"] i.la::before { content: none !important; } /* inline style 14 styleid="sectionId9m9ro63" */ #sectionId9m9ro63 > .layout > .application-items.d-flex.flex-wrap > .application-item > .item-inner > .item-info > .item-title {color: rgb(33, 33, 33);font-size: 20px;}#sectionId9m9ro63 > .layout > .title {margin-bottom: 40px;}#sectionId9m9ro63 {padding-right: 0px;padding-left: 0px;}#sectionId9m9ro63 > .layout > .application-items.d-flex.flex-wrap > .application-item.item1 > .item-inner > .item-info > .item-title {font-size: 20px;} #sectionId9m9ro63 .application-items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; align-items: stretch; } #sectionId9m9ro63 .application-item { width: auto; padding: 0; } #sectionId9m9ro63 .application-item.item1 { width: auto; grid-column: span 2; } #sectionId9m9ro63 .application-item .item-inner { height: 100%; overflow: hidden; background-color: rgb(242, 238, 233); border-radius: 20px; } #sectionId9m9ro63 .application-item .item-img { display: flex; align-items: center; justify-content: center; background-color: rgb(242, 238, 233); } #sectionId9m9ro63 .application-item.item1 .item-img { aspect-ratio: 2 / 1; } #sectionId9m9ro63 .application-item .item-img img { width: 100%; height: 100%; object-fit: contain; display: block; } #sectionId9m9ro63 .application-item .item-info { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 10px 22px; color: #212121; background: linear-gradient(to top, rgba(242, 238, 233, .95), rgba(242, 238, 233, .65), rgba(242, 238, 233, 0)); } #sectionId9m9ro63 .application-item .item-title { color: #212121; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:992px) { #sectionId9m9ro63 .application-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #sectionId9m9ro63 .application-item.item1 { grid-column: span 2; } #sectionId9m9ro63 .application-item .item-info { padding: 8px 14px; } } @media only screen and (max-width:640px) { #sectionId9m9ro63 .application-items { grid-template-columns: 1fr; } #sectionId9m9ro63 .application-item.item1 { grid-column: span 1; } } /* inline style 15 */ .section-block-demo337-advantage { background-image: url('../images/demo33-file07.png'); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 20px; padding: 95px 0 195px } .section-block-demo337-advantage .title-bar { text-align: center; color: #ffffff; padding-bottom: 6.6em } .section-block-demo337-advantage .tit-desc { font-size: 1em; padding-top: 1em } .section-block-demo337-advantage .advantage-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1em } .section-block-demo337-advantage .advantage-item:nth-child(2n) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .section-block-demo337-advantage .item-inner { position: relative; display: block; width: 52.6%; background-color: #1a1a1a; border-radius: 10px; padding: 1.45em; border: none; clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 60% 95%, 40% 95%, 30% 100%, 0 100%); -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-advantage .advantage-item:nth-child(n+3) .item-inner { clip-path: polygon(40% 0, 60% 0, 70% 5%, 99% 5%, 100% 100%, 0 100%, 0 5%, 30% 5%); } .section-block-demo337-advantage .item-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--bs-theme-color)), to(var(--bs-sec-theme-color))); background: linear-gradient(90deg, var(--bs-theme-color) 0, var(--bs-sec-theme-color) 100%); border-radius: 10px; width: 2.9em; height: 2.9em; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-advantage .item-icon img { max-width: 30px; -webkit-filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .section-block-demo337-advantage .item-title { font-size: 1.4em; font-weight: 700; text-transform: uppercase; color: #ffffff; padding: 1.4em 0 .7em; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-advantage .item-desc { font-size: 1em; font-weight: 600; color: #a6a6a6; line-height: 1.15; padding: 0 15% .9em 0; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-advantage .item-inner:hover { background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--bs-theme-color)), to(var(--bs-sec-theme-color))); background: linear-gradient(90deg, var(--bs-theme-color) 0, var(--bs-sec-theme-color) 100%) } .section-block-demo337-advantage .advantage-item:nth-child(n+3) .item-inner::after { background: inherit } .section-block-demo337-advantage .item-inner:hover .item-icon { background: #ffffff } .section-block-demo337-advantage .item-inner:hover .item-icon img { -webkit-filter: none; filter: none } .section-block-demo337-advantage .item-inner:hover .item-title { color: #212121 } .section-block-demo337-advantage .item-inner:hover .item-desc { color: #212121 } @media only screen and (max-width:1440px) { .section-block-demo337-advantage { font-size: 18px; padding: 75px 0 155px } .section-block-demo337-advantage .title-bar { padding-bottom: 5em } .section-block-demo337-advantage .item-inner { width: 65% } } @media only screen and (max-width:1280px) { .section-block-demo337-advantage { font-size: 16px; padding: 55px 0 105px } .section-block-demo337-advantage .tit-desc { padding-top: 0 } .section-block-demo337-advantage .title-bar { padding-bottom: 3em } .section-block-demo337-advantage .item-inner { width: 75% } } @media only screen and (max-width:820px) { .section-block-demo337-advantage .item-inner { width: 100% } } /* inline style 16 styleid="sectionIdan7tg3e" */ #sectionIdan7tg3e {padding-right: 0px;padding-left: 0px;}#sectionIdan7tg3e > .layout > .advantage-items.block-items.d-flex.flex-wrap > .advantage-item.block-item > .item-inner {background-color: rgb(11, 15, 36);}#sectionIdan7tg3e > .layout > .advantage-items.block-items.d-flex.flex-wrap > .advantage-item.block-item > .item-inner > .item-info > .item-desc {color: rgb(255, 255, 255);font-size: 16px;font-weight: 400;}#sectionIdan7tg3e > .layout > .title-bar > h2 {text-transform: capitalize;padding-top: 21px;padding-bottom: 10px;}#sectionIdan7tg3e > .layout > .title-bar > .tit-desc {padding-top: 0px;} /* inline style 17 */ .section-block-demo337-product02 { padding: 100px 0 160px } .section-block-demo337-product02 .title-bar { text-align: center; padding-bottom: 84px } .section-block-demo337-product02 .tit-desc { font-size: 20px; color: #3c3c3c; margin-top: -7px } .section-block-demo337-product02 .sc-block-item { padding: 10px 54px } .section-block-demo337-product02 .sc-block-item .item-inner { position: relative; text-align: center; background-color: #1a1a1a; border-radius: 20px; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product02[block-border-padding="1"] .sc-block-item .item-inner { padding: 90px 10px 32px 32px } .section-block-demo337-product02 .sc-block-item .item-inner::after { display: block; content: ''; width: 50%; height: 26px; position: absolute; top: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%) } .section-block-demo337-product02 .sc-block-item .item-inner .item-img img { width: auto; max-height: 375px } .section-block-demo337-product02 .sc-block-item .item-inner .item-info { position: relative; padding-right: 25%; text-align: left; margin-top: 25px } .section-block-demo337-product02 .item-inner .item-info .item-title { font-size: 24px; font-weight: 700; color: #5DBB35; text-transform: uppercase } .section-block-demo337-product02 .item-inner:hover .item-info .item-title { color: #fff; } .section-block-demo337-product02 .item-inner .item-info .item-more { width: 72px; height: 72px; border-radius: 10px; 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; position: absolute; top: 50%; right: 5%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product02 .item-inner .item-info .item-more svg { width: 32px; height: 32px; fill: #ffffff; display: none; -webkit-transition: all .35s linear; transition: all .35s linear } .section-block-demo337-product02 .item-inner .item-more:not([btn-arrow]) svg { display: block } .section-block-demo337-product02 .sc-block-item .item-inner:hover { background: -webkit-gradient(linear, left top, left bottom, from(var(--bs-sec-theme-color)), to(var(--bs-theme-color))); background: linear-gradient(180deg, var(--bs-sec-theme-color) 0%, var(--bs-theme-color) 100%) } .section-block-demo337-product02 .sc-block-item .item-inner:hover .item-more { background-color: #fff } .section-block-demo337-product02 .item-inner:hover .item-info .item-more svg { fill: var(--bs-theme-color) } @media only screen and (max-width:1440px) { .section-block-demo337-product02 { padding: 80px 0 120px } .section-block-demo337-product02 .title-bar { padding-bottom: 60px } .section-block-demo337-product02 .sc-block-items { margin: 0 -20px } .section-block-demo337-product02 .sc-block-item { padding: 10px 20px } .section-block-demo337-product02[block-border-padding="1"] .sc-block-item .item-inner { padding: 60px 10px 20px 20px } .section-block-demo337-product02 .item-inner .item-info .item-title { font-size: 28px } .section-block-demo337-product02 .sc-block-item .item-inner .item-img img { max-height: 300px } .section-block-demo337-product02 .item-inner .item-info .item-more { width: 50px; height: 50px } .section-block-demo337-product02 .item-inner .item-info .item-more svg { width: 25px; height: 25px } } @media only screen and (max-width:1280px) { .section-block-demo337-product02 .title-bar { padding-bottom: 40px } .section-block-demo337-product02 .tit-desc { font-size: 16px; margin: 0 } .section-block-demo337-product02 .sc-block-items { margin: 0 -10px } .section-block-demo337-product02 .sc-block-item { padding: 10px } .section-block-demo337-product02 .item-inner .item-info .item-title { font-size: 20px } } /* inline style 18 styleid="sectionId37prda1er" */ #sectionId37prda1er > .layout > .sc-block-items.d-flex.flex-wrap > .block-item.sc-block-item > .item-inner {background-color: rgb(242, 239, 234);height: 100%;}#sectionId37prda1er {padding-bottom: 0px;}#sectionId37prda1er > .layout > .title-bar {padding-bottom: 40px;}#sectionId37prda1er > .layout > .title-bar > h2 {text-transform: capitalize;}#sectionId37prda1er > .layout > .sc-block-items.d-flex.flex-wrap {align-items: stretch;}#sectionId37prda1er > .layout > .sc-block-items.d-flex.flex-wrap > .block-item.sc-block-item {height: auto;} /* inline style 19 */ .section-block-demo332-about { padding: 7.6rem 0 7rem; } .section-block-demo332-about .about-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.15rem 0; } .section-block-demo332-about .about-img { width: 48.4%; overflow: hidden; border-radius: 20px; } .section-block-demo332-about .about-info { width: 47.5%; } .section-block-demo332-about .about-img img { width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .section-block-demo332-about .about-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section-block-demo332-about .about-info .about-title { font-family: var(--bs-h-font-sans-serif); font-size: 36px; text-transform: uppercase; } .section-block-demo332-about .about-info .about-desc, .section-block-demo332-about .about-item .item-desc { font-size: 18px; color: #666666; line-height: 1.22; } .section-block-demo332-about .about-info .about-desc p { padding: 11px 0; } .section-block-demo332-about .about-item, .section-block-demo332-about .number-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-block-demo332-about .about-item { padding: 14px 0; } .section-block-demo332-about .about-item .item-icon { width: 58px; height: 58px; line-height: 56px; text-align: center; background-color: #FFF7F3; border-radius: 16px; } .section-block-demo332-about .about-item .item-info { width: calc(100% - 58px); padding-left: 10px; } .section-block-demo332-about .about-item .item-title { font-size: 24px; font-family: var(--bs-h-font-sans-serif); margin-bottom: 6px; } .section-block-demo332-about .about-info .btn { font-size: 18px; text-transform: uppercase; border-radius: 26px; padding: 10px 33px; margin-top: 13px; } .section-block-demo332-about .number-items { padding: 3rem 0; } .section-block-demo332-about .number-item { cursor: pointer; padding: 1rem 0; } .section-block-demo332-about .number-item .item-img { padding: 10px; border: 2px solid var(--bs-theme-color); border-radius: 20px; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .section-block-demo332-about .number-item:hover .item-img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .section-block-demo332-about .number-item .item-img .img-inner { width: 60px; height: 60px; line-height: 58px; text-align: center; background-color: #FFEAE0; border-radius: 20px; } .section-block-demo332-about .number-item .item-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 27px; } .section-block-demo332-about .number-item .item-number { line-height: 1; } .section-block-demo332-about .number-item .item-num { font-size: 52px; font-family: var(--bs-h-font-sans-serif); } .section-block-demo332-about .number-item sub { font-size: 18px; color: #4F4F4F; bottom: 0; } .section-block-demo332-about .number-item .item-title { color: #666666; font-size: 17px; margin-top: 4px; } @media only screen and (max-width:1366px) { .section-block-demo332-about { padding: 5rem 0; } .section-block-demo332-about .about-info { width: 50%; } .section-block-demo332-about .about-info .about-title { font-size: 30px; } .section-block-demo332-about .about-info .about-desc, .section-block-demo332-about .about-item .item-desc, .section-block-demo332-about .number-item sub { font-size: 16px; } .section-block-demo332-about .about-item .item-title { font-size: 20px; } .section-block-demo332-about .about-info .btn { font-size: 16px; padding: 8px 23px; } .section-block-demo332-about .number-item .item-num { font-size: 40px; } .section-block-demo332-about .number-item .item-info { padding-left: 17px; } } @media only screen and (max-width:992px) { .section-block-demo332-about { padding: 3rem 0; } .section-block-demo332-about .about-img { width: 100%; } .section-block-demo332-about .about-info { width: 100%; margin-top: 30px; } .section-block-demo332-about .about-info .about-title { font-size: 25px; } .section-block-demo332-about .about-item .item-title { font-size: 18px; } .section-block-demo332-about .number-items { padding: 1rem 0 3rem; } .section-block-demo332-about .number-item { width: 49%; } .section-block-demo332-about .number-item .item-num { font-size: 35px; } .section-block-demo332-about .number-item .item-title { font-size: 16px; } } @media only screen and (max-width:640px) { .section-block-demo332-about .about-info .about-title { font-size: 20px; } .section-block-demo332-about .about-item .item-title { font-size: 16px; } .section-block-demo332-about .number-item .item-num { font-size: 30px; } .section-block-demo332-about .about-info .about-desc, .section-block-demo332-about .about-item .item-desc, .section-block-demo332-about .number-item sub, .section-block-demo332-about .number-item .item-title { font-size: 14px; } .section-block-demo332-about .about-info .btn { font-size: 14px; padding: 6px 16px; } .section-block-demo332-about .number-item { width: 100%; } } /* inline style 20 styleid="sectionIdabou27301" */ #sectionIdabou27301 {padding-right: 0px;padding-left: 0px;padding-bottom: 50px;}#sectionIdabou27301 > .layout > .title {text-transform: capitalize;}#sectionIdabou27301 > .layout > .about-inner.d-flex.flex-wrap > .about-info > .about-title {text-transform: capitalize;font-size: 38px;}@media screen and (max-width: 480px){#sectionIdabou27301 > .layout > .number-items.d-flex.flex-wrap.justify-content-between > .block-item.number-item {width: 50%;}} /* inline style 21 */ .section-block-demo71-certificate1 { position: relative; padding: 6.7rem 0 4rem; background: url(../images/652e48982785360303.png) no-repeat center 0; } .section-block-demo71-certificate1 .partner-outer-wrap { position: relative; padding: 5.6rem 10% 6rem; text-align: center; box-shadow: 0 2rem 5rem rgba(0, 0, 0, .2); } .section-block-demo71-certificate1 .title-bar { padding: 2rem 0; color: #ffffff; } .section-block-demo71-certificate1 .title-bar .title { color: #ffffff; } .section-block-demo71-certificate1 [heading-type="1"] { padding: 0; } .section-block-demo71-certificate1 .title-bar .title[heading-type="21"] { color: var(--bs-body-color); } .section-block-demo71-certificate1 .title-bar .text { font-size: 1.14rem; line-height: 1.68; margin-top: .8rem; color: #ffffff; text-align: center; } .section-block-demo71-certificate1 .outer-swiper-wrap { position: relative; margin-top: 2rem; padding: 1rem 4rem; } .section-block-demo71-certificate1 .execute-swiper-slide { padding: 1rem 0; } .section-block-demo71-certificate1 .outer-swiper-wrap .swiper-initialized .swiper-slide .item-inner { opacity: 0; } .section-block-demo71-certificate1 .outer-swiper-wrap .swiper-initialized .swiper-slide.swiper-slide-visible .item-inner { opacity: 1; } .section-block-demo71-certificate1 .swiper-slide .item-inner { cursor: pointer; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } .section-block-demo71-certificate1 .swiper-slide[data-slide-type="prev"] .item-inner { transform: scale(.77) translateX(2.5rem); transform-origin: right center; } .section-block-demo71-certificate1 .swiper-slide[data-slide-type="next"] .item-inner { transform: scale(.77) translateX(-2.5rem); transform-origin: left center; } .section-block-demo71-certificate1 .swiper-slide.swiper-slide-prev .item-inner, .section-block-demo71-certificate1 .swiper-slide.swiper-slide-next .item-inner { transform: scale(.9); margin: 0; } .section-block-demo71-certificate1 .swiper-slide.swiper-slide-active .item-inner { transform: scale(1); } .section-block-demo71-certificate1 .item-inner { display: block; position: relative; padding: 5px; } .section-block-demo71-certificate1 .item-inner img { position: relative; z-index: 2; } .section-block-demo71-certificate1 .item-inner .item-shadow { width: 102%; height: 8px; border-radius: 50%; background-color: #000000; position: absolute; bottom: 1px; left: -1%; filter: blur(3px); opacity: .5; } .section-block-demo71-certificate1[slide-button="slide-button-hover-show"]:hover .swiper-button-prev { left: 0%; } .section-block-demo71-certificate1[slide-button="slide-button-hover-show"]:hover .swiper-button-next { right: 0%; } .section-block-demo71-certificate1 .execute-swiper-slide.swiper-vertical { height: 1840px; } .section-block-demo71-certificate1 .execute-swiper-slide.swiper-vertical .swiper-slide { width: 264px; } .section-block-demo71-certificate1 .execute-swiper-slide.swiper-vertical .swiper-slide .item-inner { transform: none; margin: 0; } @media (max-width: 992px) { .section-block-demo71-certificate1 { padding: 1rem 0; } } @media (max-width: 576px) { .section-block-demo71-certificate1 .title-bar .text { font-size: 1rem; } } /* inline style 22 styleid="sectionIda140uo5" */ #sectionIda140uo5>.layout.title-bar>.title { text-transform: capitalize; } /* Certificate carousel local fallback */ #sectionIda140uo5 .execute-swiper-slide { overflow: hidden; user-select: none; } #sectionIda140uo5 .execute-swiper-slide.certificate-carousel-ready { cursor: grab; } #sectionIda140uo5 .execute-swiper-slide.certificate-carousel-ready.is-dragging { cursor: grabbing; } #sectionIda140uo5 .certificate-carousel-ready .swiper-wrapper { display: flex; align-items: center; will-change: transform; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide { flex: 0 0 auto; opacity: 0; pointer-events: none; transition: transform 1.2s ease, opacity 1.2s ease; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide.swiper-slide-visible { opacity: 1; pointer-events: auto; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide .item-inner { transform: scale(.77); transform-origin: center center; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide[data-slide-type="prev"] .item-inner { transform: scale(.77) translateX(2.5rem); transform-origin: right center; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide[data-slide-type="next"] .item-inner { transform: scale(.77) translateX(-2.5rem); transform-origin: left center; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide.swiper-slide-prev .item-inner, #sectionIda140uo5 .certificate-carousel-ready .swiper-slide.swiper-slide-next .item-inner { transform: scale(.9); margin: 0; } #sectionIda140uo5 .certificate-carousel-ready .swiper-slide.swiper-slide-active .item-inner { transform: scale(1); } #sectionIda140uo5 .swiper-button { z-index: 20; pointer-events: auto; } #sectionIda140uo5:hover .swiper-button { opacity: 1; visibility: visible; } #sectionIda140uo5 .swiper-button::before { content: "" !important; width: 14px; height: 14px; border-top: 4px solid #fff; border-right: 4px solid #fff; box-sizing: border-box; } #sectionIda140uo5 .swiper-button-prev::before { transform: rotate(-135deg); } #sectionIda140uo5 .swiper-button-next::before { transform: rotate(45deg); } /* inline style 23 */ .section-block-demo336-news { padding: 4rem 0 9.4rem; } .section-block-demo336-news [heading-type="7"] { line-height: 1.17; } .section-block-demo336-news [heading-type="7"] span.sub { color: #000; opacity: .5; font-size: 20px; margin-bottom: 1.6rem; } .section-block-demo336-news .outer-swiper-wrap { padding: 1.15rem 0 2.75rem; } .section-block-demo336-news .news-item { padding: 10px 0; } .section-block-demo336-news .news-item .item-img { overflow: hidden; } .section-block-demo336-news .news-item .item-img img { width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .section-block-demo336-news .news-item .item-inner:hover .item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section-block-demo336-news .news-item .item-inner .item-info { font-family: var(--bs-h-font-sans-serif); padding: 30px 0; color: #000; } .section-block-demo336-news .item-inner .item-info .item-time { font-size: 12px; } .section-block-demo336-news .item-inner .item-info .item-time img { width: 15px; margin-right: 7px; } .section-block-demo336-news .item-inner .item-info .item-time span { vertical-align: middle; } .section-block-demo336-news .item-inner .item-info .item-title { font-size: 22px; line-height: 1.36; margin: 1.75rem 0 3rem; } .section-block-demo336-news .item-inner .item-info .item-more { font-size: 16px; } .section-block-demo336-news .news-more, .section-block-demo336-news .news-more .more-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-block-demo336-news .news-more .more-icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; border: 1px dashed #090909; border-radius: 50%; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .section-block-demo336-news .news-more .more-icon img { width: 32px; } .section-block-demo336-news .news-more span { font-size: 18px; font-family: var(--bs-h-font-sans-serif); color: #000; margin-left: 24px; } .section-block-demo336-news .news-more:hover .more-icon { -webkit-transform: rotate(34deg); -ms-transform: rotate(34deg); transform: rotate(34deg); } @media only screen and (max-width:1680px) { .section-block-demo336-news .item-inner .item-info .item-title { font-size: 18px; } } @media only screen and (max-width:1366px) { .section-block-demo336-news { padding: 1rem 0 6rem; } .section-block-demo336-news [heading-type="7"] span.sub { font-size: 18px; } .section-block-demo336-news .news-more span { font-size: 16px; } } @media only screen and (max-width:992px) { .section-block-demo336-news { padding: 1rem 0 5rem; } .section-block-demo336-news [heading-type="7"] span.sub, .section-block-demo336-news .item-inner .item-info .item-title { font-size: 16px; } .section-block-demo336-news .outer-swiper-wrap { padding: 1rem 0; } } @media only screen and (max-width:640px) { .section-block-demo336-news [heading-type="7"] span.sub { margin-bottom: 1rem; } .section-block-demo336-news [heading-type="7"] span.sub, .section-block-demo336-news .item-inner .item-info .item-more, .section-block-demo336-news .news-more span { font-size: 14px; } .section-block-demo336-news .item-inner .item-info .item-more { margin-top: 2rem; } .section-block-demo336-news .news-more span { margin-left: 18px; } } /* inline style 24 styleid="sectionIdxb2hwyp" */ #sectionIdxb2hwyp { padding-right: 0px; padding-left: 0px; padding-top: 0px; } #sectionIdxb2hwyp>.layout>.outer-swiper-wrap>.execute-swiper-slide>.swiper-wrapper.news-items>.swiper-slide.news-item>.item-inner>.item-img>img { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } #sectionIdxb2hwyp>.layout>.title>strong { text-transform: capitalize; } /* News module reference layout */ #sectionIdxb2hwyp > .layout { width: 80%; max-width: 1280px; min-width: 1080px; } #sectionIdxb2hwyp .outer-swiper-wrap { overflow: hidden; } #sectionIdxb2hwyp .execute-swiper-slide.news-layout-ready { overflow: hidden; } #sectionIdxb2hwyp .news-layout-ready .news-items { align-items: flex-start; } #sectionIdxb2hwyp .news-item { flex-shrink: 0; } #sectionIdxb2hwyp .news-item .item-img { aspect-ratio: 1.47 / 1; border-radius: 20px; } #sectionIdxb2hwyp .news-item .item-img img { width: 100%; height: 100%; object-fit: cover; display: block; } #sectionIdxb2hwyp .item-inner .item-info { padding-top: 28px; } @media only screen and (max-width: 1366px) { #sectionIdxb2hwyp > .layout { width: 88%; max-width: none; } } @media only screen and (max-width: 1200px) { #sectionIdxb2hwyp > .layout { min-width: auto; } } /* inline style 25 */ .section-block-demo332-footer { background-color: #0A0A0A; font-size: 18px; color: #fff; padding: 47px 0 50px; } .section-block-demo332-footer a { display: inline-block; color: rgba(255, 255, 255); -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .section-block-demo332-footer a:hover { color: #fff; } .section-block-demo332-footer .foot-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 57px 0; } .section-block-demo332-footer .foot-bar { padding: 10px 0; } .section-block-demo332-footer .foot-bar p { opacity: .5; } .section-block-demo332-footer .foot-bar h3 { font-size: 42px; font-family: var(--bs-h-font-sans-serif); text-transform: uppercase; } .section-block-demo332-footer .foot-bar h3 span { color: var(--bs-theme-color); } .section-block-demo332-footer .inquiry-form { position: relative; width: 39.4%; min-width: 400px; padding: 10px 0; } .section-block-demo332-footer .inquiry-form .item-email input { border: 1px solid rgba(255, 255, 255, .38); background-color: rgba(255, 255, 255, .2); border-radius: 35px; width: 100%; height: 70px; outline: none; color: #fff; font-size: 16px; padding: 0 30px; } .section-block-demo332-footer .inquiry-form .form-checktip { position: absolute; top: 100%; left: 30px; width: 100%; font-size: 14px; } .section-block-demo332-footer .inquiry-form .item-email input::-webkit-input-placeholder { color: #fff; } .section-block-demo332-footer .inquiry-form .item-email input::-moz-placeholder { color: #fff; } .section-block-demo332-footer .inquiry-form .item-email input:-ms-input-placeholder { color: #fff; } .section-block-demo332-footer .inquiry-form .item-email input::-ms-input-placeholder { color: #fff; } .section-block-demo332-footer .inquiry-form .item-email input::placeholder { color: #fff; } .section-block-demo332-footer .inquiry-form .item-submit { position: absolute; top: 50%; right: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-block-demo332-footer .inquiry-form .item-submit button { padding: 0; width: 53px; height: 53px; border-radius: 50%; background-color: var(--bs-theme-color); border-width: 0; outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-block-demo332-footer .foot-items { padding: 41px 0; border-top: 1px solid rgba(255, 255, 255, .33); } .section-block-demo332-footer .foot-item { max-width: 31%; padding: 15px 0; } .section-block-demo332-footer .foot-logo { padding: 10px 0; } .section-block-demo332-footer .foot-contact { padding: 5px 0; } .section-block-demo332-footer .foot-contact li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; } .section-block-demo332-footer .foot-contact .item-icon { opacity: .41; width: 45px; } .section-block-demo332-footer .foot-contact .item-val { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgba(255, 255, 255, .5); } .section-block-demo332-footer .foot-contact .item-tel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-block-demo332-footer .foot-contact .item-tel .item-icon { width: 53px; height: 53px; line-height: 53px; background-color: #fff; border-radius: 53px; text-align: center; opacity: 1; margin-right: 13px; } .section-block-demo332-footer .foot-contact .item-tel .item-val a { font-size: 24px; font-family: var(--bs-h-font-sans-serif); color: #fff; } .section-block-demo332-footer .foot-social li { display: inline-block; padding: 5px 0; } .section-block-demo332-footer .foot-social li:not(:last-child) { padding-right: 19px; } .section-block-demo332-footer .foot-social li a { width: 47px; height: 47px; line-height: 47px; text-align: center; background-color: rgba(255, 255, 255, .1); border-radius: 50%; } .section-block-demo332-footer .foot-title { text-transform: uppercase; font-family: var(--bs-h-font-sans-serif); padding: 10px 0 14px; } .section-block-demo332-footer .foot-nav li { padding: 6px 0; } .section-block-demo332-footer .copyright { opacity: .5; padding: 6px 0; } .copyright_resource_nav>span { color: #fff; } @media only screen and (max-width:1366px) { .section-block-demo332-footer { font-size: 16px; } .section-block-demo332-footer .foot-item { max-width: 34%; } .section-block-demo332-footer .foot-bar h3 { font-size: 35px; } .section-block-demo332-footer .foot-contact .item-tel .item-val a { font-size: 20px; } } @media only screen and (max-width:992px) { .section-block-demo332-footer { font-size: 14px; } .section-block-demo332-footer .foot-item.foot-service-item { max-width: 50%; } .section-block-demo332-footer .foot-title { font-size: 16px; } .section-block-demo332-footer .foot-contact .item-tel .item-val a { font-size: 18px; } .section-block-demo332-footer .foot-top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; } .section-block-demo332-footer .foot-bar { width: 100%; text-align: center; } .section-block-demo332-footer .inquiry-form .item-email input { height: 60px; } .section-block-demo332-footer .inquiry-form .item-submit button { width: 47px; height: 47px; } .section-block-demo332-footer .inquiry-form .item-submit button img { width: 30px; } } @media only screen and (max-width:640px) { .section-block-demo332-footer .foot-items { padding: 30px 0; } .section-block-demo332-footer .foot-item, .section-block-demo332-footer .foot-item.foot-service-item { max-width: 100%; width: 100%; } .section-block-demo332-footer .inquiry-form { min-width: 280px; } .section-block-demo332-footer .foot-social li:not(:last-child) { padding-right: 10px; } } /* inline style 26 id="footer-inner-style" */ .section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-top.d-flex.flex-wrap > .btn.btn-inquiry {border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-top-right-radius: 20px;padding-right: 50px;padding-left: 50px;font-size: 18px;padding-top: 10px;padding-bottom: 10px;}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-top.d-flex.flex-wrap > .btn.btn-inquiry > .la {display: inline-block;}.section-footer-wrap-block.section-block-demo332-footer {padding-right: 0px;padding-left: 0px;}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-service-item > .foot-logo > img {width: 130px;height: 70px;}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item > .foot-nav > li {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-service-item > .foot-contact > li > .item-val {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item.foot-service-item > .foot-contact > li > .item-val > a {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between > .foot-item > .foot-nav > li > a {color: rgb(255, 255, 255);}.section-footer-wrap-block.section-block-demo332-footer > .layout > .foot-items.d-flex.flex-wrap.justify-content-between {border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 0px;border-right-width: 0px;border-bottom-color: rgb(115, 115, 115);padding-bottom: 10px;border-top-color: rgb(115, 115, 115);}.section-footer-wrap-block.section-block-demo332-footer > .layout > .copyright {padding-top: 30px;}.section-footer-wrap-block.section-block-demo332-footer > .layout > .copyright > .list-group {flex-direction: row;}.section-footer-wrap-block.section-block-demo332-footer > .layout > .copyright > .list-group > .list-group-item {background-color: rgb(255, 255, 255, 0);border-width: 0px;} /* Footer contact button email icon fallback */ .section-footer-wrap-block.section-block-demo332-footer .btn-inquiry[btn-arrow="email"] .la { position: relative; display: inline-block; width: 17px; height: 13px; margin-left: 8px; color: #fff; font-size: 0 !important; vertical-align: -1px; transition: color .3s ease; } .section-footer-wrap-block.section-block-demo332-footer .btn-inquiry[btn-arrow="email"] .la::before { content: "" !important; position: absolute; left: 0; top: 1px; width: 17px; height: 11px; background: currentColor; border-radius: 2px; box-sizing: border-box; } .section-footer-wrap-block.section-block-demo332-footer .btn-inquiry[btn-arrow="email"] .la::after { content: "" !important; position: absolute; left: 3px; top: 0; width: 11px; height: 11px; border-right: 2px solid var(--bs-theme-color); border-bottom: 2px solid var(--bs-theme-color); transform: rotate(45deg) skew(-10deg, -10deg); box-sizing: border-box; transition: border-color .3s ease; } .section-footer-wrap-block.section-block-demo332-footer .btn-inquiry[btn-arrow="email"]:hover .la { color: var(--bs-theme-color); } .section-footer-wrap-block.section-block-demo332-footer .btn-inquiry[btn-arrow="email"]:hover .la::after { border-color: #fff; } /* Move footer social icons to the open area under Products/News on desktop */ @media only screen and (min-width: 993px) { .section-block-demo332-footer .foot-items { position: relative; min-height: 360px; } .section-block-demo332-footer .foot-service-item .foot-social { position: absolute; left: 61%; bottom: 72px; display: flex; align-items: center; gap: 19px; margin: 0; padding: 0; z-index: 2; } .section-block-demo332-footer .foot-service-item .foot-social li { display: block; padding: 0; } .section-block-demo332-footer .foot-service-item .foot-social li:not(:last-child) { padding-right: 0; } } /* News list description: keep up to three lines, then ellipsis */ #sectionIdxuua687 .new-item .item-info { min-width: 0; } #sectionIdxuua687 .new-item .item-info .item-desc[blockdesc="1"] { display: -webkit-box !important; width: 100%; max-width: 100%; overflow: hidden !important; line-height: 1.5; max-height: 4.5em; white-space: normal !important; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }