.rich_style { text-align: var( --textAlign); font-size: var(--fontSize); line-height: var( --lineHeight); font-weight: var(--bold); font-style: var(--italic); color: var(--color); background-color: var(--bgColor);  }

.template-modules .section-inner .section-body.inner-container::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--bg-opacity); border-radius: var(--bg-radius); height: 100%; width: 100%; z-index: 0; }
.template-modules .section-inner .section-body.inner-container { position: relative; border-radius: var(--bg-radius); padding: 50px 15px; background-image: var(--backgroundImage); background-size: cover; background-repeat: no-repeat; background-color:#ffffff  }




.scrollingText-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.scrollingText-section .marquee-showcase { position: relative; width: 100vw; padding: 0px 0; overflow: hidden; transform: var(--rotate); }

.scrollingText-section .marquee-row { display: flex; margin-bottom: 30px; }
.scrollingText-section .marquee-row:last-child { margin-bottom: 0; }

/* JS 控制层 */
.scrollingText-section .js-scroll-layer { display: flex; width: max-content; will-change: transform; cursor: pointer; /* 提示用户可以悬停交互 */ }

/* 纯静态的内容容器 */
.scrollingText-section .content-layer { display: flex; flex-shrink: 0; }

/* ================= 图文排版样式 ================= */
.scrollingText-section .item-chunk { display: inline-flex; align-items: center; font-size: var(--fontSize); font-weight: var(--text-font-weight); padding: 0 40px; text-transform: uppercase; white-space: nowrap; }

/* 图片样式：强制设定高度，确保比例完美 */
.scrollingText-section .item-chunk img { height: 120px;  object-fit: cover; border-radius: 12px; margin-right: 20px; /* 图片和文字的间距 */ box-shadow: 0 5px 15px rgba(0,0,0,0.5); }

.scrollingText-section .separator { color: #444; margin: 0 20px; font-size: 30px; }
.scrollingText-section .content-layer.style-fill .item-chunk { color: var(--font-color); }
.scrollingText-section .content-layer.style-outline .item-chunk { color: transparent; -webkit-text-stroke: var(--textStroke) var(--font-color); }





.partner-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.partner-section .marquee-showcase { position: relative; width: 100vw; padding: 10px 0; overflow: hidden;  }
.partner-section .marquee-row { display: flex; margin-bottom: 30px; }
.partner-section .marquee-row:last-child { margin-bottom: 0; }
.partner-section .js-scroll-layer { display: flex; width: max-content; will-change: transform; cursor: pointer; }
.partner-section .content-layer { display: flex; flex-shrink: 0; }
.partner-section .item-chunk { display: inline-flex; align-items: center; font-size: 6vw; font-weight: 900; padding: 0 40px; text-transform: uppercase; white-space: nowrap; }
.partner-section .item-chunk img { max-height: 35px; width: auto; max-width: 100%; object-fit: contain; }

.feature-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.feature-section .section-inner { position: relative; max-width: auto; margin: 0 auto;  }
.feature-section .section-view { position: relative; display: flex; align-items: flex-start; justify-content: center; gap: 50px; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.feature-section .section-view .media-box { width: 50%; flex: 1; border-radius: var(--radius); overflow: hidden; font-size: 0; }
.feature-section .section-view .media-box img { width: 100% }
.feature-section .section-view .media-box video { max-width: 100%; }
.feature-section .section-view .text-content { flex: 1; }

.feature-section .section-view .text-content .sub-title { position: relative; margin-bottom: 15px; }
.feature-section .section-view .text-content .title { position: relative; }
.feature-section .section-view .text-content .text { position: relative; margin-top: 20px;  }

.feature-section .section-view .text-content .grid-view { display: grid; grid-template-columns: repeat(var(--columns), 1fr); gap: var(--gap); margin: 30px 0; }
.feature-section .section-view .text-content .grid-view .grid-item .card-title { display: flex; align-items: center; line-height: 1; margin-bottom: 8px;  }
.feature-section .section-view .text-content .grid-view .grid-item .card-title .s__title { font-size: 22px; color: var(--font-color) }
.feature-section .section-view .text-content .grid-view .grid-item .card-title span { width: 39px; height: 39px; background-color: #C5FF41; color: #191919; font-size: 24px; line-height: 39px; display: inline-block; margin-right: 8px; font-weight: bold; text-align: center; vertical-align: middle; border-radius: 50%; }
.feature-section .section-view .text-content .grid-view .grid-item .card-desc { font-size: 14px; line-height: 23px; color: var(--subFont-color); margin-left: 47px; }

.facts-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.facts-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.facts-section .section-inner .section-body .section-view { display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.facts-section .section-inner .section-body .section-view .column { flex: 0 0 auto; width: 41.66666667%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.facts-section .section-inner .section-body .section-view .column:nth-child(2) { flex: 0 0 auto; width: 58.33333333%; }



.facts-section .inner-wrap .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.facts-section .inner-wrap .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.facts-section .inner-wrap .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.facts-section .inner-wrap .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.facts-section .inner-wrap .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.facts-section .inner-wrap .btn-group .button:hover .btn-text { color: #ffffff; }
.facts-section .inner-wrap .btn-group .button:hover .arrow { background-color: #ffffff; }
.facts-section .inner-wrap .btn-group .button:hover .icon { fill: var(--button-background) }

.facts-section .section-inner .section-body .section-view .inner-wrap .content { position: relative; margin-bottom: 40px; }
.facts-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { position: relative; color: #2a333d; margin-bottom: 15px; letter-spacing: 3px; display: inline-block; text-transform: capitalize; font-size: 18px; }
.facts-section .section-inner .section-body .section-view .inner-wrap .content .title { position: relative; display: block; margin-bottom: 0; color: #121c27; font-size: 45px; }
.facts-section .section-inner .section-body .section-view .inner-wrap .content .text { position: relative; margin-top: 20px; line-height: 30px; font-weight: 400; font-size: 18px; color: #121c27 }

.facts-section .section-inner .section-body .section-view .facts-wrap { position: relative; margin-top: 20px; margin-left: 110px; display: flex; flex-direction: column; place-items: end; }
.facts-section .section-inner .section-body .section-view .facts-wrap .facts-info { position: relative; width: var(--width); transition: .3s all; margin-top: -12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 60px; font-weight: 500; line-height: 1; padding: 22px 40px 30px; color: #121c27; border-radius: 15px 15px 0 0; background-color: var(--themes-color); }
.facts-section .section-inner .section-body .section-view .facts-wrap .facts-info strong { font-weight: 300; font-size: 18px; text-transform: uppercase; }
.facts-section .section-inner .section-body .section-view .facts-wrap .facts-info sub { position: relative; line-height: 0; vertical-align: baseline; font-weight: 300; font-size: 18px; bottom: -0.25em; }
.facts-section .section-inner .section-body .section-view .facts-wrap .facts-info:nth-child(even) { background-color: #121c27; color: #ffffff; }
.facts-section .section-inner .section-body .section-view .facts-wrap .facts-info:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,42,107,.16); }


.service-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.service-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }

.service-section .section-inner .section-body .section-view { position: relative; display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.service-section .section-inner .section-body .section-view .column { flex: 0 0 auto; width: 41.66666667%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.service-section .section-inner .section-body .section-view .column:nth-child(2) { flex: 0 0 auto; width: 58.33333333%; }

.service-section .inner-wrap .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.service-section .inner-wrap .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.service-section .inner-wrap .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.service-section .inner-wrap .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.service-section .inner-wrap .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.service-section .inner-wrap .btn-group .button:hover .btn-text { color: #ffffff; }
.service-section .inner-wrap .btn-group .button:hover .arrow { background-color: #ffffff; }
.service-section .inner-wrap .btn-group .button:hover .icon { fill: var(--button-background) }

.service-section .section-inner .section-body .section-view .inner-wrap .content { position: relative; margin-bottom: 40px; }
.service-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { position: relative; color: #2a333d; margin-bottom: 15px; letter-spacing: 3px; display: inline-block; text-transform: capitalize; font-size: 18px; }
.service-section .section-inner .section-body .section-view .inner-wrap .content .title { position: relative; display: block; margin-bottom: 0; color: #121c27; font-size: 45px; }
.service-section .section-inner .section-body .section-view .inner-wrap .content .text { position: relative; margin-top: 20px; line-height: 30px; font-weight: 400; font-size: 18px; color: #121c27 }

.service-section .section-inner .section-body .section-view .service-wrap { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap); }
.service-section .section-inner .section-body .section-view .service-wrap .service-item {  }

.service-section .section-inner .section-body .section-view .service-wrap .service-item .col-wrap { display: flex; gap: var(--grid-gap); align-items: var(--textPosition); flex-direction: var(--layout); background: #F5F6F7; padding: 30px 28px; border-radius: 10px; height: 100%; transition: .3s all; position: relative; border: 1px solid transparent; }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .icon { background: #fff; height: 60px; width: 60px; display: block; line-height: 60px; text-align: center; border-radius: 8px 0 8px 0; transition: .3s all; }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .icon svg{ vertical-align: middle; }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .sub-title { font-size: 20px; margin-bottom: 12px; color: var(--font-color) }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .desc { margin-bottom: 32px; font-size: 14px; color: var(--subFont-color) }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .col-info { text-align: var(--textAlign); width: 100%; }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .normal-btn { color: #2B4DFF; font-weight: 500; font-size: 16px; transition: .3s all; }

.service-section .section-inner .section-body .section-view .service-wrap .service-item .col-wrap:hover { border: 1px solid var(--themes-color); }
.service-section .section-inner .section-body .section-view .service-wrap .service-item .col-wrap:hover .icon { background-color: var(--themes-color) }



.form-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.form-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }

.form-section .section-inner .section-body .section-view { position: relative; display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.form-section .section-inner .section-body .section-view .column { flex: 0 0 auto; width: 41.66666667%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.form-section .section-inner .section-body .section-view .column:nth-child(2) { flex: 0 0 auto; width: 58.33333333%; }


.form-section .section-inner .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.form-section .section-inner .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.form-section .section-inner .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.form-section .section-inner .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.form-section .section-inner .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.form-section .section-inner .btn-group .button:hover .btn-text { color: #ffffff; }
.form-section .section-inner .btn-group .button:hover .arrow { background-color: #ffffff; }
.form-section .section-inner .btn-group .button:hover .icon { fill: var(--button-background) }

.form-section .section-inner .btn-group .button .loadding { width: 20px; height: 20px; fill: currentColor; animation: rotation .5s ease-in-out,rotation .5s linear infinite; }

.form-section .section-inner .section-body .section-view .inner-wrap .content { position: relative; margin-bottom: 40px; }
.form-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { position: relative;  margin-bottom: 15px; }
.form-section .section-inner .section-body .section-view .inner-wrap .content .title { position: relative;  }
.form-section .section-inner .section-body .section-view .inner-wrap .content .text { position: relative; margin-top: 20px;  }

.form-section .content-wrap .contact-form { display: flex; flex-wrap: wrap; position: relative; padding: 45px 45px; margin-left: 50px; overflow: hidden; border-radius: 12px; background-color: #f5f5f5; }
.form-section .content-wrap .contact-form .form-group { margin-bottom: 35px; flex: 0 0 auto; width: 50%; padding: 0 12px }
.form-section .content-wrap .contact-form .form-group.col-lg { width: 100%; }
.form-section .content-wrap .contact-form .form-group label { position: relative; font-size: 20px; display: block; margin-bottom: 5px; text-transform: capitalize; }
.form-section .content-wrap .contact-form .form-group input { border-radius: 0px; font-size: 16px; color: #222222; position: relative; display: block; width: 100%; line-height: 28px; padding: 0 0 10px; height: 55px; font-weight: 400; transition: all 300ms ease; background: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.form-section .content-wrap .contact-form .form-group textarea { position: relative; display: block; width: 100%; height: 140px; resize: none; line-height: 26px; padding: 0 0 20px; color: #222222; font-size: 16px; background: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all 300ms ease; }
.form-section .content-wrap .contact-form .form-group select { border-radius: 0px; font-size: 16px; color: #222222; position: relative; display: block; width: 100%; line-height: 28px; padding: 0 0 10px; height: 55px; font-weight: 400; transition: all 300ms ease; background: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.form-section .contact-form .form-group input:focus { border-color: #223035 }
.form-section .contact-form .form-group textarea:focus { border-color: #223035 }
.form-section .contact_sidebar { margin-top:30px}

.form-section .contact_sidebar .item { margin-top: 30px; overflow: hidden }
.form-section .contact_sidebar .item:first-child { margin-top: 0 }
.form-section .contact_sidebar .item .cols { display: flex; gap: 15px }
.form-section .contact_sidebar .item .cols svg { width: 24px; }
.form-section .contact_sidebar .item .subtitle { display: flex; place-items: center; margin-bottom: 10px; gap:5px}
.form-section .contact_sidebar .item .subtitle svg { width: 20px; fill: rgba(25, 25, 25, 0.5); }
.form-section .contact_sidebar .item .subtitle svg path { fill: rgba(25, 25, 25, 0.5); }
.form-section .contact_sidebar .item .subtitle p { color: rgba(25,25,25,0.5); font-size: 12px; }
.form-section .contact_sidebar .item .list p { font-size: 16px; color: #171717 }
.form-section .contact_sidebar .item .list p a { background: linear-gradient(currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat; background-position-x: left; position: relative; text-decoration-line: none; transition: background-size .5s cubic-bezier(.3, 1, .3, 1), color .3s .5s cubic-bezier(.3, 1, .3, 1); }
.form-section .contact_sidebar .item .list p a:hover { background-position-x: right; background-size: 0 1px; }

.menu-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.menu-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.menu-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.menu-section .section-inner .section-header .title { position: relative;  }
.menu-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }
.menu-section .section-inner .section-body .section-view { position: relative; max-width: 1400px; margin: 0 auto;  }
.menu-section .section-inner .section-body .section-view .grid-layout { display: grid; grid-template-columns: repeat(var(--menu-grid-gap), 1fr); gap: 0px;  }
.menu-section .section-inner .section-body .section-view .grid-layout .item { cursor: pointer; display: flex; place-items: center; gap: 20px; flex-direction: var(--layout); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; background-color: #fff }

.menu-section .section-inner .section-body .section-view .grid-layout .item h2 { font-size: 16px; line-height: 1.4; flex: 1; color: var(--font-color) }
.menu-section .section-inner .section-body .section-view .grid-layout .item .img-view { width: 80px; height: 80px; flex-shrink: 1; display: flex; place-items: center; place-content: center }
.menu-section .section-inner .section-body .section-view .grid-layout .item .img-view img { max-height: 100%; max-width: 100% }
.menu-section .section-inner .section-body .section-view .grid-layout .item:hover { transform: translate3d(0, -2px, 0); transition: all 0.3s; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }


.product-standard-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.product-standard-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.product-standard-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.product-standard-section .section-inner .section-header .title { position: relative;   }
.product-standard-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.product-standard-section .section-inner .section-body .section-view { position: relative; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(var(--product-grid-columns), 1fr); gap: var(--product-grid-gap); }

.product-standard-section .section-inner .section-body .section-view .column .image { position: relative; overflow: hidden; padding-bottom: 100%; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner { background-color: #fff; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 5px 18px 0 rgba(0,0,0,0.08); border-radius: var(--product-border-radius); }
.product-standard-section .section-inner .section-body .section-view .column .image::before { position: absolute; content: ""; width: 50%; top: 0px; left: -250px; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); transition: all 0.5s ease-in-out; height: 100%; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner img { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: transform 0.3s ease-in-out; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner:hover .image img { transform: scale(1.2); }
.product-standard-section .section-inner .section-body .section-view .column .product_inner:hover .image::before { -webkit-animation: hoverShine 1.2s; animation: hoverShine 1.2s; }

.product-standard-section .section-inner .section-body .section-view .column .product_inner .content { padding: 10px; position: relative; margin-top: 10px; flex: 1; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box { color: var(--font-color) }
.product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box .unit { font-size: 14px; font-weight: 700; font-style: normal; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box .vul { font-size: 20px; font-weight: 700; padding-left: 3px; }
.product-standard-section .section-inner .section-body .section-view .column .product_inner .content h2 { font-size: 1.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: transform 0.5s; transform: translate(0, 0px); color: var(--font-color); margin-bottom: 6px }
.product-standard-section .section-inner .section-body .section-view .column .product_inner .content p{ font-size: 14px; line-height: 22px; color: var(--subFont-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 5px; }


.product-standard-section .section-inner .section-footer { margin-top: 80px; }
.product-standard-section .section-inner .section-footer .btn-group { text-align: center }


.product-standard-section .section-inner .section-footer .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.product-standard-section .section-inner .section-footer .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.product-standard-section .section-inner .section-footer .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.product-standard-section .section-inner .section-footer .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.product-standard-section .section-inner .section-footer .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.product-standard-section .section-inner .section-footer .btn-group .button:hover .btn-text { color: #ffffff; }
.product-standard-section .section-inner .section-footer .btn-group .button:hover .arrow { background-color: #ffffff; }
.product-standard-section .section-inner .section-footer .btn-group .button:hover .icon { fill: var(--button-background) }


.blog-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.blog-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.blog-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.blog-section .section-inner .section-header .title { position: relative;  }
.blog-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.blog-section .section-inner .section-body .section-view { position: relative; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.blog-section .section-inner .section-body .section-view .column { }
.blog-section .section-inner .section-body .section-view .column .image { position: relative; overflow: hidden; border-radius: 3px; padding-bottom: 56.25%; width: 100%;  }
.blog-section .section-inner .section-body .section-view .column img {  display: block; transition: all 500ms ease; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.blog-section .section-inner .section-body .section-view .column:hover .image img { transform: scale(1.06, 1.06);  }
.blog-section .section-inner .section-body .section-view .column .content { position: relative; margin-top: 20px; }
.blog-section .section-inner .section-body .section-view .column .content .meta-options { position: relative; display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 20px; }
.blog-section .section-inner .section-body .section-view .column .content .meta-options li { position: relative; display: flex; align-items: center; gap: 15px; font-size: 16px; color: var(--subFont-color); text-transform: uppercase; }
.blog-section .section-inner .section-body .section-view .column .content .title { font-size: 30px; line-height: 1.2; color: var(--font-color) }
.blog-section .section-inner .section-body .section-view .column .content .text { color: var(--subFont-color); margin-top: 20px; font-size: 16px; line-height: 30px; margin-bottom: 20px; }

.blog-section .section-inner .section-body .section-view .column .content .read-more { position: relative; display: flex; align-items: center; color: var(--buttonFont-color); font-size: 18px; font-weight: 500; padding-top: 25px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.blog-section .section-inner .section-body .section-view .column .content .read-more::before { position: absolute; content: ""; left: 0; top: -1px; width: 120px; height: 1px; background-color: var(--border-color); transition: all 500ms ease; }
.blog-section .section-inner .section-body .section-view .column .content .read-more span { height: 38px; width: 38px; border-radius: 50%; margin-right: 10px; background-color: var(--button-background); display: flex; align-items: center; justify-content: center; transition: all 300ms ease; }
.blog-section .section-inner .section-body .section-view .column .content .read-more:hover::before { width: 100%; }
.blog-section .section-inner .section-body .section-view .column .content .read-more:hover span { background-color: var(--themes-color); }
.blog-section .section-inner .section-body .section-view .column .content .read-more svg { width: 32px; fill: var(--buttonFont-color); transition: all 500ms ease; }
.blog-section .section-inner .section-body .section-view .column .content .read-more path { fill: var(--buttonFont-color); transition: all 500ms ease; }

.blog-section .section-inner .section-footer { margin-top:80px;}
.blog-section .section-inner .section-footer .btn-group { text-align:center}

.blog-section .section-inner .section-footer .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.blog-section .section-inner .section-footer .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.blog-section .section-inner .section-footer .btn-group .button .icon { width: 20px; height: 20px; fill: var(--buttonFont-color) }
.blog-section .section-inner .section-footer .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.blog-section .section-inner .section-footer .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.blog-section .section-inner .section-footer .btn-group .button:hover .btn-text { color: #ffffff; }
.blog-section .section-inner .section-footer .btn-group .button:hover .arrow { background-color: #ffffff; }
.blog-section .section-inner .section-footer .btn-group .button:hover .icon { fill: var(--button-background) }

.faq-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.faq-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }

.faq-section .section-inner .section-body .section-view { position: relative; display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.faq-section .section-inner .section-body .section-view .column { flex: 0 0 auto; width: 41.66666667%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.faq-section .section-inner .section-body .section-view .column:nth-child(2) { flex: 0 0 auto; width: 58.33333333%; }
.faq-section .section-inner .section-body .section-view .column .inner-wrap { padding: 30px 30px 0 0px; }

.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li { background: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 32px; padding: 0 0 32px; }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question { position:relative;cursor:pointer}
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .title { font-size: 20px; padding-right: 45px; transition: all 500ms ease; font-weight: 700; line-height: 32px; position: relative; color: var(--font-color); }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap { border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 50px; color: #121c27; display: flex;align-items:center;justify-content:center; height: 40px; width: 40px; line-height: 40px; position: absolute; right: 0;  top: 0; transition: all 500ms ease; }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap .arrow { }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question.active .icon-wrap { background-color: #223035; border-color: #223035; color: #fff;   transform: rotate(0deg); }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question.active .icon-wrap .arrow { transform: rotate(180deg);fill:#fff }
.faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .acc-content { overflow: hidden; transition: height 0.3s ease; /* 300ms的平滑过渡 */ }


.faq-section .section-inner .section-body .section-view .faq-wrap .acc-content { position: relative; display: none; }
.faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content { position: relative; padding: 22px 0 0 0; }
.faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content .text { color: var(--subFont-color); position: relative; font-size: 16px; }

.faq-section .section-inner .section-body .section-view .inner-wrap .content { position: relative; margin-bottom: 40px; }
.faq-section .section-inner .section-body .section-view .inner-wrap .content .title { }
.faq-section .section-inner .section-body .section-view .question-box { position: relative; padding: 35px 35px; border-radius: 10px; background-color: #223035; }
.faq-section .section-inner .section-body .section-view .question-box .tips { position: relative; padding-left: 100px; }
.faq-section .section-inner .section-body .section-view .question-box .tips .icon { position: absolute; left: 0; top: 0; width: 85px; height: 85px; font-size: 38px; line-height: 85px; text-align: center; border-radius: 10px; display: inline-block; background-color: #fff; }
.faq-section .section-inner .section-body .section-view .question-box .tips .title-outer { position: relative; max-width: 350px; }
.faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .title {  }
.faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .text {  margin-top: 10px;  }
.faq-section .section-inner .section-body .section-view .question-box  .touch { position: relative; padding: 16px 15px; display: block; font-size: 18px; margin-top: 35px; text-align: center; border-radius: 8px; color: #223035; background-color: #fff; cursor: pointer; transition: all .3s ease; }
.faq-section .section-inner .section-body .section-view .question-box .touch:hover { background-color: #ccff00; color: #fff; }


.pricing-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.pricing-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.pricing-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.pricing-section .section-inner .section-header .title { position: relative;  }
.pricing-section .section-inner .section-header .desc { position: relative;  margin-bottom: 15px;  }

.pricing-section .section-inner .section-body .section-view { position: relative; max-width: 1400px; margin: 0 auto; overflow: hidden;  }
.pricing-section .section-inner .section-body .section-view .swiper-wrapper { display:flex}
.pricing-section .section-inner .section-body .section-view .column { }

.pricing-section .section-inner .section-body .section-view .column .pricing_card { background-color: #ECEEF2; border: 1px solid #ECEEF2; border-radius: var(--radius); margin-bottom: 30px; padding: 40px; position: relative; transition: all 300ms ease; }
.pricing-section .section-inner .section-body .section-view .column .pricing_card:hover { background-color: var(--hover-color) ; }
.pricing-section .section-inner .section-body .section-view .column .pricing_card:hover .card-lists { color: #fff; }
.pricing-section .section-inner .section-body .section-view .column .pricing_card:hover .card-title .heading { color: #fff; }
.pricing-section .section-inner .section-body .section-view .column .pricing_card:hover .card-price .heading { color: #fff; }
.pricing-section .section-inner .section-body .section-view .column .pricing_card:hover .btn { background-color: var(--themes-color); color: #191919; }
.pricing-section .section-inner .section-body .section-view .column .card-title { max-height: 189px; }
.pricing-section .section-inner .section-body .section-view .column .card-title .heading { font-size: 22px; line-height: 26px; color: var(--font-color) }
.pricing-section .section-inner .section-body .section-view .column .card-price { padding-bottom: 29px; margin-bottom: 29px; border-bottom: 1px solid #D1D3D4; }
.pricing-section .section-inner .section-body .section-view .column .card-price .heading { font-size: 56px; line-height: 67px; color: var(--font-color) }
.pricing-section .section-inner .section-body .section-view .column .card-price .lable { font-size: 20px; line-height: 22px; font-weight: 500; color: var(--subFont-color) }
.pricing-section .section-inner .section-body .section-view .column .card-lists { margin-bottom: 34px; }
.pricing-section .section-inner .section-body .section-view .column .card-lists strong { font-size: 18px; line-height: 28px; font-weight: 700;  }
.pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature { margin-top: 16px; width: 100%; display: inline-block; }
.pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li { margin-bottom: 16px; font-size: 18px; line-height: 28px; font-weight: 400; display: flex; align-items: center; }
.pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li svg { margin-right: 10px; color: var(--themes-color) }
.pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li svg path { fill:currentColor}
.pricing-section .section-inner .section-body .section-view .column .card-button .btn { display: inline-block; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; transition: .2s; font-size: 18px; line-height: 22px; font-weight: 600; border-radius: 96px; width: 100%; padding: 21px 30px; background-color: var(--button-background); color: var(--buttonFont-color); }
.pricing-section .section-inner .section-body .section-view .column .card-button .btn svg { fill: var(--buttonFont-color); margin-left: 5px; }



.pricing-section .section-inner .section-body .section-view .pricing-pagination { text-align: center; }
.pricing-section .section-inner .section-body .section-view .pricing-pagination .swiper-pagination-bullet { width: 20px; height: 4px; background-color: #ccc; opacity: .5; border-radius: 0; }
.pricing-section .section-inner .section-body .section-view .pricing-pagination .swiper-pagination-bullet-active { background-color: #1D2345; opacity: 1; }



.timeline-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.timeline-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;}
.timeline-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.timeline-section .section-inner .section-header .title { position: relative;  }
.timeline-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.timeline-section .section-inner .section-body .section-view { position: relative; max-width: auto; margin: 0 auto; }

.timeline-section .section-inner .section-body .section-view .timeline-wrapper { width: 100%; margin: 0 auto; overflow-x: auto; overflow-y: hidden; padding: 20px 0; cursor: grab; -ms-overflow-style: none; scrollbar-width: none; }

.timeline-section .section-inner .section-body .section-view .timeline-wrapper::-webkit-scrollbar { display: none; }

.timeline-section .section-inner .section-body .section-view .timeline-wrapper.active { cursor: grabbing; }
.timeline-section .section-inner .section-body .section-view .timeline { display: flex; align-items: center; height: 400px; padding: 0 40px; position: relative; width: max-content; min-width: 100%; user-select: none; }
.timeline-section .section-inner .section-body .section-view .timeline::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: var(--border-color); }


.timeline-section .section-inner .section-body .section-view .timeline-item { position: relative; width: 320px; height: 100%; flex-shrink: 0; opacity: 0; transform: translateY(40px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); will-change: transform,opacity; }
.timeline-section .section-inner .section-body .section-view .timeline-item.show { opacity: 1; transform: translateY(0); }
.timeline-section .section-inner .section-body .section-view .content-box { position: absolute; width: 100%; left: 0; padding: 0 20px; pointer-events: none; }
.timeline-section .section-inner .section-body .section-view .content-box * { pointer-events: auto; }
.timeline-section .section-inner .section-body .section-view .year-tick { position: absolute; left: 20px; display: flex; align-items: center; }
.timeline-section .section-inner .section-body .section-view .year-text { font-size: 28px; font-weight: 400; color: var(--font-color); letter-spacing: 1px; }

.timeline-section .section-inner .section-body .section-view .tick-line { width: 2px; height: 25px; background-color: var(--border-color); }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(odd) .content-box { bottom: 50%; padding-bottom: 60px; }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(odd) .year-tick { bottom: 50%; flex-direction: column-reverse; }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(even) .content-box { top: 50%; padding-top: 60px; }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(even) .year-tick { top: 50%; flex-direction: column; }
.timeline-section .section-inner .section-body .section-view .content-box h2 { margin-bottom: 12px; color: var(--font-color); font-size: 20px; font-weight: 500; }
.timeline-section .section-inner .section-body .section-view .content-box p { line-height: 1.6; color: var(--subFont-color); font-size: 14px; }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(odd) { transform: translateY(50px); }
.timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(even) { transform: translateY(-50px); }
.timeline-section .section-inner .section-body .section-view .timeline-item.show { transform: translateY(0); }

@media screen and (max-width: 768px) {
    .timeline-section .section-inner .section-body .section-view .timeline-wrapper { overflow-x: hidden; overflow-y: auto; max-height: 70vh; padding: 10px 0; cursor: default; }
    .timeline-section .section-inner .section-body .section-view .timeline { flex-direction: column; height: auto; padding: 0; width: 100%; user-select: auto; }
    .timeline-section .section-inner .section-body .section-view .timeline::before { top: 0; bottom: 0; left: 25px; width: 2px; height: auto; background-color: var(--border-color); }
    .timeline-section .section-inner .section-body .section-view .timeline-item { transform: translateX(30px); width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; position: relative;  }
    .timeline-section .section-inner .section-body .section-view .timeline-item.show { transform: translateX(0); }
    .timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(odd) .content-box,
    .timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(even) .content-box { position: relative; top: auto; bottom: auto; padding: 15px 20px 0 50px;  }
    .timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(odd) .year-tick,
    .timeline-section .section-inner .section-body .section-view .timeline-item:nth-child(even) .year-tick { position: relative; left: 25px;  top: auto; bottom: auto; flex-direction: row; align-items: center; }
    .timeline-section .section-inner .section-body .section-view .tick-line { width: 20px; height: 2px; background-color: var(--border-color); margin-right: 10px; }
    .timeline-section .section-inner .section-body .section-view .content-box h2 { font-size: 18px; }
}


.process-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.process-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.process-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.process-section .section-inner .section-header .title { position: relative;  }
.process-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.process-section .section-inner .section-body .section-view { position: relative; display: flex; gap: 20px; place-content: center; max-width: 1400px; margin: 0 auto; }
.process-section .section-inner .section-body .section-view .process-box { display: flex; place-items: center; flex-direction: column; text-align: center; border: solid #f7f7f7 4px; padding: 28px 16px; flex: 1; gap: 10px; }
.process-section .section-inner .section-body .section-view .process-box .img img { max-width: 80px }
.process-section .section-inner .section-body .section-view .process-box h4 { font-size: 24px; color: var(--font-color); }
.process-section .section-inner .section-body .section-view .process-box p { font-size: 16px; color: var(--subFont-color); }
.process-section .section-inner .section-body .section-view .process_arrow { display: flex; place-items: center; place-content: center; }
.process-section .section-inner .section-body .section-view .process_arrow .icon { width: 50px; height: 50px; }
.process-section .section-inner .section-body .section-view .process_arrow .icon path { fill: var(--themes-color) }

.industry-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.industry-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.industry-section .section-inner .section-header { max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.industry-section .section-inner .section-header .title { position: relative;  }
.industry-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.industry-section .section-inner .section-body .section-view { position: relative; max-width: auto; margin: 0 auto; }
.industry-section .section-inner .section-body .section-view .industry_wrap { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap); }
.industry-section .section-inner .section-body .section-view .item { position: relative; overflow: hidden; }
.industry-section .section-inner .section-body .section-view .item .picture { position: relative; overflow: hidden; padding-bottom: 100%; width: 100%; }
.industry-section .section-inner .section-body .section-view .item .picture img { display: block; transition: all 500ms ease; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.industry-section .section-inner .section-body .section-view .item .picture::before {z-index:1; content:""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0;  transition: all 0.5s; }
.industry-section .section-inner .section-body .section-view .item:hover .picture::before { background: var(--opacity); }
.industry-section .section-inner .section-body .section-view .item .content { width: 100%; text-align: center; position: absolute; left: 0; top: 30%; transition: all 0.5s; z-index: 2; }
.industry-section .section-inner .section-body .section-view .item .content .icon { height: 50px; overflow: hidden; }
.industry-section .section-inner .section-body .section-view .item .content .icon img { vertical-align: middle; transition: all 0.5s; }
.industry-section .section-inner .section-body .section-view .item .content .icon svg { fill: var(--themes-color); width: 56px; transition: all 0.3s; transform: scale(1) }
.industry-section .section-inner .section-body .section-view .item .content .icon svg path { fill: var(--themes-color); transition: all 0.3s; }
.industry-section .section-inner .section-body .section-view .item .content .title {  padding: 0 20px; margin-top: 20px; }
.industry-section .section-inner .section-body .section-view .item .content .text {  padding: 0 20px; margin-top: 20px; opacity: 0; transition: all 0.5s; }
.industry-section .section-inner .section-body .section-view .item .content .text .desc {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.industry-section .section-inner .section-body .section-view .item .content .text .normal-btn { color: #fff; font-weight: 500; font-size: 16px; transition: .3s all; margin-top: 15px; display: block }
.industry-section .section-inner .section-body .section-view .item:hover .content { top: 22%; }

.industry-section .section-inner .section-body .section-view .item:hover .content .icon img { margin-top: -50px; }
.industry-section .section-inner .section-body .section-view .item:hover .content .icon svg { fill: #ffffff; transform: scale(1.2) }
.industry-section .section-inner .section-body .section-view .item:hover .content .icon svg path{ fill: #ffffff }
.industry-section .section-inner .section-body .section-view .item:hover .content .text { opacity: 1; }


.imgtextlistcomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.imgtextlistcomp-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.imgtextlistcomp-section .section-inner .section-header {position:relative;  max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.imgtextlistcomp-section .section-inner .section-header .title {  }
.imgtextlistcomp-section .section-inner .section-header .desc { margin-bottom: 15px; }

.imgtextlistcomp-section .section-header .controller { position: absolute; bottom: 0; right: 0; z-index: 1; }
.imgtextlistcomp-section .section-header .controller .warp_ctrl { display: flex; gap: 30px; }
.imgtextlistcomp-section .section-header .controller .product-arrow { border: none; cursor: pointer; display: block; font-size: 0; line-height: 0px; padding: 0; height: 48px; width: 48px; background: transparent; color: transparent; outline: none; }
.imgtextlistcomp-section .section-header .controller .product-arrow .path01 { fill-opacity: 0; stroke: #000; stroke-width: 1.5px; transition: stroke .2s ease, fill-opacity .2s ease; }
.imgtextlistcomp-section .section-header .controller .product-arrow .path02 { fill-opacity: 0; stroke: #000; stroke-width: 1.5px; transition: stroke .2s ease, fill-opacity .2s ease; }
.imgtextlistcomp-section .section-header .controller .product-arrow:not(.swiper-button-disabled):hover svg .path01 { fill: var(--button-background); fill-opacity: 1; stroke: var(--button-background); }
.imgtextlistcomp-section .section-header .controller .product-arrow:not(.swiper-button-disabled):hover svg .path02 { fill-opacity: 0; stroke: #fff; }
.imgtextlistcomp-section .section-header .controller .swiper-button-disabled { pointer-events: none; }
.imgtextlistcomp-section .section-header .controller .swiper-button-disabled svg .path01 { stroke: #9ea1a7 !important; }
.imgtextlistcomp-section .section-header .controller .swiper-button-disabled svg .path02 { fill: none; stroke: #9ea1a7 !important; }


.imgtextlistcomp-section .section-inner .section-body .section-view { position: relative; max-width: auto; margin: 0 auto; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .content { position: relative; overflow: hidden; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .content .picture { padding-bottom: 100%; overflow: hidden; width: 100%; display: flex; position: relative; background-color: #fff; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .content .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item:hover .content .picture img { transform: scale(1.06, 1.06); }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .card__text { position: relative; z-index: 2; padding-right:40px; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; background-color: transparent; padding: 0 30px 30px; transition: all 400ms ease; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-title--card { color: var(--font-color); font-size: 28px; background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95% / 0px 1px no-repeat; transition: all 500ms ease; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-title--card:hover{ background-size: 100% 1px; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-subtitle--paragraph { color: var(--subFont-color); font-size: 16px; }

.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0); z-index: 1; width: 100%; top: auto;  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action { position: absolute; bottom: 20px; right: 20px; z-index: 2; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center;  transition: all 500ms ease; background-color: var(--button-background); }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action svg { width: 32px; fill: var(--buttonFont-color); transition: all 500ms ease; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action svg path { fill: var(--buttonFont-color); transition: all 500ms ease; }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action:hover svg { fill: var(--hover-color); }
.imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action:hover svg path { fill: var(--hover-color); }


.gridlistcomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.gridlistcomp-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.gridlistcomp-section .section-inner .section-header { position: relative; max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.gridlistcomp-section .section-inner .section-header .title {   }
.gridlistcomp-section .section-inner .section-header .desc { margin-bottom: 15px; }

.gridlistcomp-section .section-inner .section-body .section-view { position: relative; max-width: auto; margin: 0 auto; max-width: 1400px; }
.gridlistcomp-section .grid-container { display: grid; gap: 20px; grid: auto-flow dense max(150px, min(20vw, var(--rowHeight))) / repeat(var(--columns), minmax(0px, 1fr)); }
.gridlistcomp-section .grid-container .media-grid-item { position: relative; display: block; border-radius: var(--radius); overflow: hidden; text-decoration: none; color: #fff; grid-area: span var(--row-span) / span var(--column-span); min-height: 100%; }
.gridlistcomp-section .grid-container .media-grid-item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }
.gridlistcomp-section .grid-container .media-grid-item video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay { position: absolute; inset: 0; padding: 20px; display: flex; justify-content: space-between; align-items: flex-end; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%); }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-title { font-size: 32px; font-weight: 700; margin: 0 0 5px; color: var(--font-color, #fff); line-height: 1.3; position: relative; display: inline-block; max-width: 100%; }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-title::after { content: ' '; position: absolute; left: 0; bottom: 0.08em; width: 100%; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease; }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-content { color: var(--subFont-color, #fff); font-size: 14px; }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-link-arrow { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; flex-shrink: 0; }
.gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-link-arrow svg { transform-origin: center; transition: transform 0.3s ease; }
.gridlistcomp-section .grid-container .media-grid-item:hover .media-title::after { transform: scaleX(1); }
.gridlistcomp-section .grid-container .media-grid-item:hover .media-link-arrow svg { transform: rotate(90deg); }
.gridlistcomp-section .grid-container .media-grid-item:hover img { transform: scale(1.05, 1.05); }


.gallerycomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.gallerycomp-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }

.gallerycomp-section .section-inner .section-body .section-view { position: relative; display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; }
.gallerycomp-section .section-inner .section-body .section-view .column { flex: 0 0 auto; width: 41.66666667%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.gallerycomp-section .section-inner .section-body .section-view .column:nth-child(2) { flex: 0 0 auto; width: 58.33333333%; }
.gallerycomp-section .inner-wrap .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.gallerycomp-section .inner-wrap .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.gallerycomp-section .inner-wrap .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.gallerycomp-section .inner-wrap .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.gallerycomp-section .inner-wrap .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.gallerycomp-section .inner-wrap .btn-group .button:hover .btn-text { color: #ffffff; }
.gallerycomp-section .inner-wrap .btn-group .button:hover .arrow { background-color: #ffffff; }
.gallerycomp-section .inner-wrap .btn-group .button:hover .icon { fill: var(--button-background) }


.gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content { position: relative; margin-bottom: 40px; }
.gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { position: relative; color: #2a333d; margin-bottom: 15px; letter-spacing: 3px; display: inline-block; text-transform: capitalize; font-size: 18px; }
.gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .title { position: relative; display: block; margin-bottom: 0; color: #121c27; font-size: 45px; }
.gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .text { position: relative; margin-top: 20px; line-height: 30px; font-weight: 400; font-size: 18px; color: #121c27 }

.gallerycomp-section .section-inner .section-body .section-view .gallery-container { display: grid; gap: 20px; grid: auto-flow dense max(150px, min(20vw, var(--rowHeight))) / repeat(var(--columns), minmax(0px, 1fr)); }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item { position: relative; display: block; border-radius: var(--radius); overflow: hidden; text-decoration: none; color: #fff; grid-area: span var(--row-span) / span var(--column-span); min-height: 100%; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay { position: absolute; inset: 0; padding: 20px; display: flex; justify-content: space-between; align-items: flex-end; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%); }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-title { font-size: 32px; font-weight: 700; margin: 0 0 5px; color: var(--font-color, #fff); line-height: 1.3; position: relative; display: inline-block; max-width: 100%; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-title::after { content: ' '; position: absolute; left: 0; bottom: 0.08em; width: 100%; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-content { color: var(--subFont-color, #fff); font-size:14px; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-link-arrow { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; flex-shrink: 0; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-link-arrow svg { transform-origin: center; transition: transform 0.3s ease; }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item:hover .media-title::after { transform: scaleX(1); }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item:hover .media-link-arrow svg { transform: rotate(90deg); }
.gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item:hover img { transform: scale(1.05, 1.05); }


.textcolumncomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.textcolumncomp-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.textcolumncomp-section .section-inner .section-header { position: relative; max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.textcolumncomp-section .section-inner .section-header .title { position: relative;  }
.textcolumncomp-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }

.textcolumncomp-section .section-inner .section-body .section-view { position: relative; margin: 0 auto; max-width: 1400px; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap); }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap { display: flex; gap: var(--grid-gap); align-items: var(--textPosition); flex-direction: var(--layout); background: #F5F6F7; padding: 30px 28px; border-radius: var(--radius); height: 100%; transition: .3s all; position: relative; border: 1px solid #e4e8f0; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .icon { background: #fff; flex-shrink: 0; height: 60px; width: 60px; display: inline-block; line-height: 60px; text-align: center; border-radius: 8px 0 8px 0; transition: .3s all; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .icon svg { vertical-align: middle; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .sub-title { font-size: 20px; margin-bottom: 12px; color: var(--font-color) }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .desc { font-size: 14px; color: var(--subFont-color) }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-info { text-align: var(--textAlign); width: 100%; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .normal-btn { display: inline-block; color: var(--buttonFont-color); font-weight: 500; font-size: 16px; transition: .3s all; margin-top: 32px }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap:hover {  transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,42,107,.16); border-color: transparent; }
.textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap:hover .icon { background-color: var(--themes-color) }

.imgbasecomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); box-sizing: border-box; }
.imgbasecomp-section .section-inner { position: relative; width: 100%; max-width: 100%; margin: 0 auto; }
.imgbasecomp-section .section-inner .section-body.inner-container { position: relative; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body.inner-container::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: var(--bg-radius); background-color: var(--bg-opacity); z-index: 0; pointer-events: none; }
.imgbasecomp-section .section-inner .section-body.inner-container > .section-header, .imgbasecomp-section .section-inner .section-body.inner-container > .section-view { position: relative; z-index: 1; }
.imgbasecomp-section .section-inner .section-header { position: relative; width: 100%; max-width: 1400px; margin: 0 auto 50px; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-header .desc { position: relative; margin: 0 0 15px; }
.imgbasecomp-section .section-inner .section-header .title { position: relative; margin: 0; font-size: clamp(28px,3.2vw,60px); line-height: 1.2; overflow-wrap: anywhere; }
.imgbasecomp-section .section-inner .section-body .section-view { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap { display: grid; grid-template-columns: repeat(var(--grid-columns,3),minmax(0,1fr)); gap: var(--grid-gap,30px); width: 100%; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .img-item { min-width: 0; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap { height: 100%; background: #fff; border: 1px solid #e4e8f0; border-radius: var(--radius,10px); overflow: hidden; transition: transform .25s,box-shadow .25s,border-color .25s; box-shadow: 0 1px 2px rgba(13,21,38,.04),0 8px 30px rgba(10,42,107,.07); box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .picture { position: relative; display: block; width: 100%; padding-bottom: 100%; overflow: hidden; background-color: #fff; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .picture img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: auto; object-fit: cover; transition: transform .5s ease; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap:hover .picture img { transform: scale(1.05); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,42,107,.16); border-color: transparent; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info { display: flex; flex-direction: column; align-items: flex-start; padding: 22px; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .sub-title { width: 100%; margin: 0 0 12px; color: var(--font-color); font-size: 20px; line-height: 1.5; overflow-wrap: anywhere; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .desc { width: 100%; margin: 0 0 32px; color: var(--subFont-color); font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn { display: inline-block; max-width: 100%; font-size: 16px; font-weight: 500; transition: all .3s; text-decoration: none; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link { position: relative; display: inline-block; margin: 0 0 -10px -9px; padding: 4px 8px 10px; border: 2px solid transparent; color: var(--buttonFont-color); font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; box-sizing: border-box; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::after, .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::before { position: absolute; bottom: 7px; left: 8px; display: block; width: calc(100% - 16px); height: 2px; background: var(--buttonFont-color); content: ""; transition: transform 1.1s cubic-bezier(.19,1,.22,1); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::after { transform: scaleX(1); transform-origin: right; transition-delay: .25s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::before { transform: scaleX(0); transform-origin: left; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow { position: relative; font-size: 14px; line-height: 24px; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow svg { position: absolute; top: 3px; right: -14px; width: 18px; height: 18px; color: #050D1A; transition: all .3s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow svg path { fill: currentColor; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link:hover::before { transform: scaleX(1); transition-delay: .25s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link:hover::after { transform: scaleX(0); transition-delay: 0s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link:hover .link-arrow svg { right: -18px; top: 1px; color: var(--themes-color); }


/*.imgbasecomp-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }
.imgbasecomp-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.imgbasecomp-section .section-inner .section-header { position: relative; max-width: 1400px; margin: 0 auto; margin-bottom: 50px }
.imgbasecomp-section .section-inner .section-header .title { position: relative; }
.imgbasecomp-section .section-inner .section-header .desc { position: relative; margin-bottom: 15px; }
.imgbasecomp-section .section-inner .section-body .section-view { position: relative; margin: 0 auto; max-width: 1400px; position: relative }

.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gap); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap { background: #fff; border: 1px solid #e4e8f0; border-radius: var(--radius); overflow: hidden; transition: .25s; box-shadow: 0 1px 2px rgba(13,21,38,.04),0 8px 30px rgba(10,42,107,.07); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .picture { padding-bottom: 100%; overflow: hidden; width: 100%; display: flex; position: relative; background-color: #fff; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition: all 500ms ease; }

.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap:hover .picture img { transform: scale(1.05); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,42,107,.16); border-color: transparent; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info { padding: 22px; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .sub-title { font-size: 20px; margin-bottom: 12px; color: var(--font-color) }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .desc { margin-bottom: 32px; color: var(--subFont-color) }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn {  font-weight: 500; font-size: 16px; transition: .3s all; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link { border: 2px solid #0000; color: var(--buttonFont-color); font-size: 14px; font-weight: 700; line-height: 20px; margin: 0 0 -10px -9px; padding: 4px 8px 10px; position: relative; text-decoration: unset; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::after, .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::before { background: var(--buttonFont-color); bottom: 7px; content: ""; display: block; height: 2px; left: 8px; position: absolute; transition: 1.1s cubic-bezier(.19,1,.22,1); width: calc(100% - 16px); }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::after { transform-origin: right; transition-delay: .25s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link::before { transform: scaleX(0); transform-origin: left; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow { font-size: 14px; line-height: 24px; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow svg { height: 18px; position: absolute; right: -14px; top: 3px; transition: all .3s; width: 18px; color: #050D1A }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow svg path { fill: currentColor }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link:hover:before { transform: scaleX(1); transition-delay: .25s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link:hover:after { transform: scaleX(0); transition-delay: 0s; }
.imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn .link-arrow:hover svg { color: var(--themes-color); right: -18px; top: 1px; }*/


/* Fullbanner */
.fullbanner-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); background-image: var(--backgroundImage); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; box-sizing: border-box; }
.fullbanner-section::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: var(--opacity); pointer-events: none; }
.fullbanner-section .section-inner { position: relative; z-index: 1; width: 100%; max-width: 100%; margin: 0 auto; box-sizing: border-box; }
.fullbanner-section .section-inner .section-body { position: relative; width: 100%; border-radius: 15px; box-sizing: border-box; }
.fullbanner-section .section-inner .section-body .section-view { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.fullbanner-section .text-content-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: var(--textPosition,center); min-width: 0; box-sizing: border-box; }
.fullbanner-section .text-content-wrap .title { max-width: 100%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.fullbanner-section .text-content-wrap .sub-title { max-width: 100%; margin: 20px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; font-family: inherit; }
.fullbanner-section .text-content-wrap .desc { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.fullbanner-section .text-content-wrap .button-group { text-align: var(--btnAlign,left); }
.fullbanner-section .text-content-wrap .btn-group { padding-top: 30px; text-align: var(--btnAlign,left); }
.fullbanner-section .text-content-wrap .btn-group .button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 100%; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); border-radius: 50px; box-sizing: border-box; text-decoration: none; transition: all .3s ease; }
.fullbanner-section .text-content-wrap .btn-group .button .arrow { position: relative; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50px; background-color: #fff; color: #fff; transition: all .3s ease; }
.fullbanner-section .text-content-wrap .btn-group .button .arrow svg { display: block; width: 25px; height: 25px; fill: #121c27; }
.fullbanner-section .text-content-wrap .btn-group .button .icon { width: 25px; height: 25px; fill: #121c27; }
.fullbanner-section .text-content-wrap .btn-group .button .btn-text { position: relative; display: inline-block; padding-right: 12px; font-size: 18px; text-transform: capitalize; color: var(--buttonFont-color); transition: all .3s ease; }
.fullbanner-section .text-content-wrap .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--hover-color); }
.fullbanner-section .text-content-wrap .btn-group .button:hover .btn-text { color: #fff; }
.fullbanner-section .text-content-wrap .btn-group .button:hover .arrow { background-color: #fff; }
.fullbanner-section .text-content-wrap .btn-group .button:hover .arrow svg, .fullbanner-section .text-content-wrap .btn-group .button:hover .icon { fill: #121c27; }


/*.fullbanner-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); background-image: var(--backgroundImage); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.fullbanner-section:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--opacity); }
.fullbanner-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.fullbanner-section .section-inner .section-body { position: relative; border-radius: 15px; }
.fullbanner-section .section-inner .section-body .section-view { position: relative; margin: 0 auto; max-width: 1400px; }
.fullbanner-section .text-content-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; place-content: var(--textPosition) }
.fullbanner-section .text-content-wrap  .title { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; }
.fullbanner-section .text-content-wrap  .desc { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; }


.fullbanner-section .text-content-wrap .btn-group { padding-top: 30px; text-align: var(--btnAlign) }
.fullbanner-section .text-content-wrap .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); transition: all 300ms ease; }
.fullbanner-section .text-content-wrap .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: #ffffff; }
.fullbanner-section .text-content-wrap .btn-group .button .icon { width: 25px; height: 25px; fill: #121c27 }
.fullbanner-section .text-content-wrap .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.fullbanner-section .text-content-wrap .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--hover-color); }
.fullbanner-section .text-content-wrap .btn-group .button:hover .btn-text { color: #ffffff; }
.fullbanner-section .text-content-wrap .btn-group .button:hover .arrow { background-color: #ffffff; }
.fullbanner-section .text-content-wrap .btn-group .button:hover .icon { fill: #121c27 }*/


.counter-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); background-image: var(--backgroundImage); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.counter-section:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--opacity); }
.counter-section .section-inner { position: relative; max-width: 100%; margin: 0 auto;  }
.counter-section .section-inner .section-body { position: relative; border-radius: 15px; }
.counter-section .section-inner .section-body .section-view { position: relative; margin: 0 auto; max-width: 1400px; }
.counter-section .section-inner .section-body .section-view .counter-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.counter-section .section-inner .section-body .section-view .inner { position: relative; z-index: 1; padding: 40px 40px; background-color: var(--theme-bg-color,#fff);  }
.counter-section .section-inner .section-body .section-view .inner .count-box { position: relative; font-size: 60px; font-weight: 700; line-height: 1em; color: var(--theme-color-font,#121c27); transition: .3s all; }
.counter-section .section-inner .section-body .section-view .inner .text { color: #2a333d; font-size: 18px; margin-top: 15px; color: var(--theme-color-font,#121c27); }
.counter-section .section-inner .section-body .section-view .inner .sub-title { color: #2a333d; font-size: 18px; margin-top: 125px; padding-top: 25px; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, 0.1); color: var(--theme-color-font,#121c27); }
.counter-section .section-inner .section-body .section-view .column:hover .count-box { transform: translateY(-8px); }


/*.counter-section { position: relative; padding: var(--padding,80px 0); overflow: hidden; background-color: var(--background); background-image: var(--backgroundImage); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.counter-section::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: var(--opacity,rgb(0 0 0 / 50%)); pointer-events: none; }
.counter-section .section-inner { position: relative; z-index: 1; width: 100%; max-width: 100%; margin: 0 auto; }
.counter-section .section-inner .section-body { position: relative; width: 100%; border-radius: 15px; }
.counter-section .section-inner .section-body .section-view { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.counter-section .section-inner .section-body .section-view .counter-wrap { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.counter-section .section-inner .section-body .section-view .column { min-width: 0; }
.counter-section .section-inner .section-body .section-view .counter-block, .counter-section .section-inner .section-body .section-view .inner { height: 100%; box-sizing: border-box; }
.counter-section .section-inner .section-body .section-view .inner { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 40px; border-radius: var(--radius,10px); background-color: var(--theme-bg-color,#fff); overflow-wrap: anywhere; }
.counter-section .section-inner .section-body .section-view .inner .count-box { position: relative; font-size: clamp(32px,3.2vw,60px); font-weight: 700; line-height: 1.1; color: var(--theme-color-font,#121c27); transition: transform .3s ease; }
.counter-section .section-inner .section-body .section-view .inner .count-text { display: inline-block; }
.counter-section .section-inner .section-body .section-view .inner .text { margin-top: 15px; font-size: 18px; line-height: 1.6; color: var(--theme-color-font,#121c27); }
.counter-section .section-inner .section-body .section-view .inner .sub-title { margin-top: auto; padding-top: 25px; font-size: 18px; line-height: 1.5; text-transform: uppercase; border-top: 1px solid rgba(0,0,0,.1); color: var(--theme-color-font,#121c27); }
.counter-section .section-inner .section-body .section-view .column:hover .count-box { transform: translateY(-8px); }*/




.custom-code-section { position: relative; padding: var(--padding); overflow: hidden; }
.custom-code-section .section-inner { position: relative; max-width: 100%; margin: 0 auto; }
.custom-code-section .section-inner .section-body .section-view { position: relative; max-width: var(--max-width); margin: 0 auto; }

.trustpilot-section { position: relative; padding: var(--padding, 50px 0); overflow: hidden; background-color: var(--background); background-image: var(--backgroundImage); background-repeat: no-repeat; background-size: cover; background-position: center; box-sizing: border-box; }
.trustpilot-section *, .trustpilot-section *::before, .trustpilot-section *::after { box-sizing: border-box; }
.trustpilot-section .section-inner { position: relative; width: 100%; max-width: 100%; margin: 0 auto; }
.trustpilot-section .section-body { width: 100%; }
.trustpilot-section .section-view { position: relative; display: flex; flex-wrap: wrap; width: 100%; max-width: 1400px; margin: 0 auto; }
.trustpilot-section .section-view > .column { position: relative; flex: 0 0 auto; width: 41.66666667%; min-width: 0; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
.trustpilot-section .section-view > .column:nth-child(2) { width: 58.33333333%; }
.trustpilot-section .inner-wrap { width: 100%; min-width: 0; }
.trustpilot-section .inner-wrap .content { position: relative; margin-bottom: 40px; }
.trustpilot-section .inner-wrap .content .sub-title { position: relative; margin: 0 0 15px; }
.trustpilot-section .inner-wrap .content .title { position: relative; margin-top: 0; overflow-wrap: anywhere; }
.trustpilot-section .testi-shape { max-width: 100%; }
.trustpilot-section .testi-shape img { display: block; max-width: 100%; height: auto; }
.trustpilot-section .trustpilot-content-wrap { position: relative; width: 100%; min-width: 0; overflow: hidden; }
.trustpilot-section .trustpilot-content-wrap .swiper-wrapper { display: flex; align-items: stretch; }
.trustpilot-section .trustpilot-content-wrap .swiper-slide { flex-shrink: 0; min-width: 0; height: auto; }
.trustpilot-section .trustpilot-content-wrap .single-teasti-box { position: relative; width: 100%; height: 100%; min-width: 0; }
.trustpilot-section .trustpilot-content-wrap .teasti-content { position: relative; margin-top: 19px; padding: 33px 39px 30px; border-radius: 10px; background-color: #152534; overflow-wrap: anywhere; }
.trustpilot-section .trustpilot-content-wrap .teasti-content h4 { margin: 0 0 8px; color: var(--font-color); font-size: 18px; font-weight: 600; overflow-wrap: anywhere; }
.trustpilot-section .trustpilot-content-wrap .teasti-content p { width: 100%; margin: 20px 0 0; color: var(--subFont-color); font-size: 16px; font-weight: 400; line-height: 26px; opacity: .6; overflow-wrap: anywhere; }
.trustpilot-section .trustpilot-content-wrap .teasti-quote { position: absolute; top: 37px; right: 37px; pointer-events: none; }
.trustpilot-section .trustpilot-content-wrap .teasti-quote svg { display: block; width: 30px; height: 30px; fill: #686868; }
.trustpilot-section .trustpilot-content-wrap .teasti-author h4 { display: flex; align-items: center; min-width: 0; margin: 0; color: #fff; font-size: 20px; font-weight: 600; overflow-wrap: anywhere; }
.trustpilot-section .trustpilot-content-wrap .teasti-author h4 > span { flex-shrink: 0; }
.trustpilot-section .trustpilot-content-wrap .teasti-author .img-view { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; background-color: #e9e9e9; color: #666; font-size: 18px; line-height: 40px; text-align: center; }
.trustpilot-section .trustpilot-content-wrap .comment__rating { position: relative; display: flex; flex-wrap: nowrap; gap: 3px; width: 100%; margin: 0 0 15px; overflow: hidden; }
.trustpilot-section .trustpilot-content-wrap .comment__rating .rated { flex: 0 0 25px; width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; }
.trustpilot-section .trustpilot-content-wrap .comment__rating .rated.rated_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }
.trustpilot-section .trustpilot-content-wrap .controller { margin-top: 20px; }
.trustpilot-section .trustpilot-content-wrap .controller .warp_ctrl { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; }
.trustpilot-section .trustpilot-content-wrap .controller .product-arrow { display: block; flex: 0 0 48px; width: 48px; height: 48px; padding: 0; border: none; outline: none; background: transparent; color: var(--buttonDef-color); cursor: pointer; font-size: 0; line-height: 0; }
.trustpilot-section .trustpilot-content-wrap .controller .product-arrow svg { display: block; width: 100%; height: 100%; }
.trustpilot-section .trustpilot-content-wrap .controller .product-arrow .path01, .trustpilot-section .trustpilot-content-wrap .controller .product-arrow .path02 { fill-opacity: 0; stroke: currentColor; stroke-width: 1.5px; transition: stroke .2s ease, fill-opacity .2s ease; }
.trustpilot-section .trustpilot-content-wrap .controller .product-arrow:not(.swiper-button-disabled):hover svg .path01 { fill: var(--hover-color); fill-opacity: 1; stroke: var(--hover-color); }
.trustpilot-section .trustpilot-content-wrap .controller .product-arrow:not(.swiper-button-disabled):hover svg .path02 { fill-opacity: 0; stroke: #fff; }
.trustpilot-section .trustpilot-content-wrap .controller .swiper-button-disabled { pointer-events: none; }
.trustpilot-section .trustpilot-content-wrap .controller .swiper-button-disabled svg .path01, .trustpilot-section .trustpilot-content-wrap .controller .swiper-button-disabled svg .path02 { stroke: #9ea1a7 !important; }




.about-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); box-sizing: border-box; }
.about-section .section-inner { position: relative; margin: 0 auto; width: 100%; }
.about-section .section-inner .section-body.inner-container { position: relative; border-radius: var(--bg-radius); padding: 50px 15px; background-image: var(--backgroundImage); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; box-sizing: border-box; }
.about-section .section-inner .section-body.inner-container::before { content: ''; position: absolute; inset: 0; background-color: var(--bg-opacity); border-radius: var(--bg-radius); width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.about-section .section-view { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: center; gap: 50px; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.about-section .section-view .media-box { width: 50%; min-width: 0; flex: 1; border-radius: 5px; overflow: hidden; font-size: 0; }
.about-section .section-view .media-box img { display: block; width: 100%; height: auto; }
.about-section .section-view .media-box video { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.about-section .section-view .text-content { flex: 1; min-width: 0; }
.about-section .section-view .text-content .sub-title { position: relative; display: inline-block; margin-bottom: 15px; color: #fff; letter-spacing: 3px; text-transform: capitalize; font-size: 18px; }
.about-section .section-view .text-content .title { position: relative; display: block; margin: 0; color: #fff; font-size: 45px; line-height: 1.2; overflow-wrap: anywhere; }
.about-section .section-view .text-content .text { position: relative; margin-top: 20px; color: #fff; font-size: 18px; line-height: 1.7; font-weight: 400; }
.about-section .section-view .text-content .text p { margin-top: 0; margin-bottom: 0; }
.about-section .section-view .text-content .grid-view { display: grid; grid-template-columns: repeat(var(--columns,1),minmax(0,1fr)); gap: var(--gap,30px); margin: 30px 0; }
.about-section .section-view .text-content .grid-view .grid-item { min-width: 0; }
.about-section .section-view .text-content .grid-view .grid-item .card-title { display: flex; align-items: center; line-height: 1.3; margin-bottom: 8px; gap: 8px; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .s__title { min-width: 0; overflow-wrap: anywhere; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .number { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 39px; height: 39px; margin-right: 8px; border-radius: 50%; background-color: #C5FF41; color: #191919; font-size: 24px; line-height: 1; font-weight: bold; text-align: center; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon { display: inline-flex; flex-shrink: 0; align-items: center; font-size: 0; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg { display: block; width: 32px; height: 32px; max-width: 39px; fill: var(--themes-color); }
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg path { fill: var(--themes-color); }
.about-section .section-view .text-content .grid-view .grid-item .card-desc { margin-left: 47px; color: #dedcdc; font-size: 14px; line-height: 1.65; }
.about-section .section-view .text-content .btn-group { margin-top: 20px; }
.about-section .section-view .text-content .btn-group .button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 100%; border: 1px solid var(--border-color); border-radius: 50px; padding: 7px 8px 7px 30px; background-color: #fff; box-sizing: border-box; text-decoration: none; transition: all .3s ease; }
.about-section .section-view .text-content .btn-group .button .arrow { position: relative; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50px; background-color: var(--button-background); color: #fff; transition: all .3s ease; }
.about-section .section-view .text-content .btn-group .button .arrow svg { display: block; width: 20px; height: 20px; fill: #fff; }
.about-section .section-view .text-content .btn-group .button .icon { width: 20px; height: 20px; fill: #fff; }
.about-section .section-view .text-content .btn-group .button .btn-text { position: relative; display: inline-block; padding-right: 12px; color: var(--buttonFont-color); font-size: 18px; text-transform: capitalize; transition: all .3s ease; }
.about-section .section-view .text-content .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.about-section .section-view .text-content .btn-group .button:hover .btn-text { color: #fff; }
.about-section .section-view .text-content .btn-group .button:hover .arrow { background-color: #fff; }
.about-section .section-view .text-content .btn-group .button:hover .arrow svg { fill: var(--button-background); }
.about-section .section-footer { position: relative; z-index: 1; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.about-section .section-footer .intro-video-counter-list { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-top: 190px; text-align: center; }
.about-section .section-footer .intro-video-counter-list .intro-video-counter-item { flex: 1 1 0; min-width: 0; }
.about-section .section-footer .intro-video-counter-item h2 { margin: 0 0 5px; color: var(--font-color); font-size: 46px; line-height: 1.2; overflow-wrap: anywhere; }
.about-section .section-footer .intro-video-counter-item p { margin-bottom: 0; color: var(--subFont-color); font-size: 16px; line-height: 1.5; }


/*.about-section { position: relative; padding: var(--padding); overflow: hidden; background-color: var(--background); }

.about-section .section-inner { position: relative;  margin: 0 auto;   }
.about-section .section-inner .section-body.inner-container::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--bg-opacity); border-radius: var(--bg-radius); height: 100%; width: 100%; z-index: 0; }
.about-section .section-inner .section-body.inner-container { position: relative; border-radius: var(--bg-radius); padding: 50px 15px; background-image: var(--backgroundImage); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -60.3609px; }
.about-section .section-view { position: relative; z-index: 1; display: flex; align-items: start; justify-content: center; gap: 50px; width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.about-section .section-view .media-box { width: 50%; flex: 1; border-radius: 5px; overflow: hidden; font-size: 0; }
.about-section .section-view .media-box img { width: 100% }
.about-section .section-view .media-box video { max-width: 100%; }
.about-section .section-view .text-content { flex: 1; }

.about-section .section-view .text-content .sub-title { position: relative; color: #fff; margin-bottom: 15px; letter-spacing: 3px; display: inline-block; text-transform: capitalize; font-size: 18px; }
.about-section .section-view .text-content .title { position: relative; display: block; margin-bottom: 0; color: #fff; font-size: 45px; line-height: 1.2 }
.about-section .section-view .text-content .text { position: relative; margin-top: 20px; line-height: 30px; font-weight: 400; font-size: 18px; color: #fff }

.about-section .section-view .text-content .grid-view { display: grid; grid-template-columns: repeat(var(--columns), 1fr); gap: var(--gap); margin: 30px 0; }
.about-section .section-view .text-content .grid-view .grid-item .card-title { display: flex; align-items: center; line-height: 1; margin-bottom: 8px; gap:5px; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .s__title {  }
.about-section .section-view .text-content .grid-view .grid-item .card-title .number { width: 39px; height: 39px; background-color: #C5FF41; color: #191919; font-size: 24px; line-height: 39px; display: inline-block; margin-right: 8px; font-weight: bold; text-align: center; vertical-align: middle; border-radius: 50%; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon { font-size:0}
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg { fill: var(--themes-color);max-width:39px; }
.about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg path{ fill: var(--themes-color) }
.about-section .section-view .text-content .grid-view .grid-item .card-desc { font-size: 14px; line-height: 23px; color: #dedcdc; margin-left: 47px; }

.about-section .section-view .text-content .btn-group .button { position: relative; display: inline-flex; align-items: center; border-radius: 50px; padding: 7px 8px 7px 30px; border: 1px solid var(--border-color); background-color: #fff }
.about-section .section-view .text-content .btn-group .button .arrow { position: relative; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #ffffff; transition: all 500ms ease; background-color: var(--button-background); }
.about-section .section-view .text-content .btn-group .button .icon { width: 20px; height: 20px; fill: #fff }
.about-section .section-view .text-content .btn-group .button .btn-text { position: relative; font-size: 18px; padding-right: 12px; display: inline-block; text-transform: capitalize; color: var(--buttonFont-color); transition: all 500ms ease; }
.about-section .section-view .text-content .btn-group .button:hover { border-color: var(--hover-color); background-color: var(--button-background); }
.about-section .section-view .text-content .btn-group .button:hover .btn-text { color: #ffffff; }
.about-section .section-view .text-content .btn-group .button:hover .arrow { background-color: #ffffff; }
.about-section .section-view .text-content .btn-group .button:hover .icon { fill: var(--button-background) }

.about-section .section-footer { width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.about-section .section-footer .intro-video-counter-list { position: relative; z-index: 1; display: flex; gap: 30px; margin-top: 190px; text-align: center }
.about-section .section-footer .intro-video-counter-list .intro-video-counter-item { flex: 1; flex-shrink: 1 }
.about-section .section-footer .intro-video-counter-item h2 { font-size: 46px; color: var(--font-color); margin-bottom: 5px; }
.about-section .section-footer .intro-video-counter-item p { color: var(--subFont-color); margin-bottom: 0; font-size: 16px; }
*/











.contact-section { padding: var(--padding); background-color: var(--background); }
.contact-section .section-box { display: flex; place-items: center; flex-direction: column; width: 35%; margin: 0 auto; }
.contact-section .section-box .title {  }
.contact-section .section-box .desc {  margin-top: 10px;  }
.contact-section .section-box .section-btn { display: flex; place-items: center; place-content: center; margin-top: 50px }
.contact-section .section-box .section-btn .btn { border-radius: 30px; font-size: 16px; padding: 10px 24px; background-color: var(--button-background); color: var(--buttonFont-color); display: flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.contact-section .section-box .section-btn .btn svg { width: 32px; fill: var(--buttonFont-color); }
.contact-section .section-box .section-btn .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.contact-section .section-box .section-btn .btn .inner-button .icon { width: 25px; fill: var(--buttonFont-color); }
.contact-section .section-box .section-btn .btn:hover { transform: translate3d(0, -3px, 0); }
.contact-section .section-box .section-btn .btn:hover .inner-button { transform: rotate(-45deg); }


.contact-section .feature-logos { display: flex; place-items: center; place-content: center; gap: 20px; margin-top: 50px }
.contact-section .feature-logos .feature-logos__item span { color: var(--subFont-color); font-size: 16px; }
.contact-section .feature-logos .feature-logos__item .feature-logos__wrapper { align-items: center; display: flex; gap: 8px; }

.subscribe-section { padding: var(--padding); background-color: var(--background); }
.subscribe-section .wrap { position: relative; max-width: 500px; margin: 0 auto; z-index: 1; }
.subscribe-section .wrap .container { }
.subscribe-section .wrap .container .title {margin-bottom: 10px; }
.subscribe-section .wrap .container .desc {  margin-bottom: 1rem; margin-top: 15px;  }
.subscribe-section .wrap .container .subscribe-widget { margin-top: 50px }
.subscribe-section .wrap .container .subscribe-widget .dreamit-form { position: relative; font-size: 16px; }
.subscribe-section .wrap .container .subscribe-widget .dreamit-form.errmsg::before { content: ''; position: absolute; left: 20px; bottom: calc(100% - 6px); width: 0; height: 0; color: #fff; border: 6px solid transparent; border-top-color: white; z-index: 2; }
.subscribe-section .wrap .container .subscribe-widget .dreamit-form.errmsg::after { box-sizing: border-box; content: attr(errMsg); position: absolute; bottom: calc(100% + 6px); left: 0; line-height: 1.3; padding: 16px 20px; color: rgba(41, 41, 41, 0.6); background-color: white; border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(195,195,195,0.50); font-size: 14px; z-index: 1; }

.subscribe-section .wrap .container .subscribe-widget .src-input-box { font-family: inherit; font-size: inherit; line-height: inherit; background: #eee; border-radius: 4px; padding: 16px 60px 16px 20px; border: none; color: #444; display: block; width: 100%; }
.subscribe-section .wrap .container .subscribe-widget .input-btn { cursor: pointer; transition: all 0.3s ease-out 0s; border: none; outline: none; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; width: 36px; height: 36px; border: none; padding: 0 0; background: var(--footer-desc-button-background); border-radius: 3px; color: #fff; display: flex; align-items: center; justify-content: center; }
.subscribe-section .wrap .container .subscribe-widget .input-btn .icon { width: 25px; fill: var(--footer-desc-buttonFont-color) }
.subscribe-section .wrap .container .subscribe-widget .input-btn:hover { opacity: 0.7; }

.subscribe-section .wrap .container .subscribe-widget .input-btn .loading { width: 25px; height: 25px; fill: var(--footer-desc-buttonFont-color); animation: rotation .5s ease-in-out,rotation .5s linear infinite; }



.banner { padding: var(--padding); background-color: var(--background); position: relative; overflow: hidden; }
.banner .banner-swiper { height: 100%; left: 0; top: 0; width: 100%; }
.banner .banner-swiper .swiper-slide { text-align: center; font-size: 0 }
.banner .banner-swiper .swiper-slide .bg { bottom: 0; left: 0; position: absolute; right: 0; top: 0; pointer-events: none }
.banner .banner-swiper .swiper-slide .bg-slide::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: var(--opacity); pointer-events:none}
.banner .banner-swiper .swiper-slide .bg .banner-image { display: flex; flex-direction: column; width: 50%; transform-origin: center center; transform: scale(1); }
.banner .banner-swiper .swiper-slide:not(.swiper-slide-active) .banner-transition { display: none; opacity: 0; visibility: hidden; }
.banner .a-flyLeftIn { animation-duration: .4s; animation: 1s ease 0s 1 normal both running flyLeftIn; }

.banner .banner-swiper .swiper-slide .bg-slide { pointer-events: all; position: relative; display: inline-block; width: var(--mediaFull); max-width: 100%;  }
.banner .banner-swiper .swiper-slide .bg-slide video { width: 100%; height: 100%; object-fit: cover; }

.banner .banner-swiper .swiper-slide .banner-content { width: 1380px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: var(--textPosition) }
.banner .banner-swiper .swiper-slide .bg .text { line-height: 1; }
.banner .banner-swiper .swiper-slide .bg .text .title { }
.banner .banner-swiper .swiper-slide .bg .text .desc { margin-top: 20px; }
.banner .banner-swiper .swiper-slide .bg .text .button-group { text-align: var(--btnAlign) }
.banner .banner-swiper .swiper-slide .bg .text .btn { margin-top: 30px; pointer-events: auto; border-radius: var(--radius); font-size: 16px; padding: 10px 24px; background-color: var(--button-background); color: var(--buttonFont-color); display: inline-flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.banner .banner-swiper .swiper-slide .bg .text .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.banner .banner-swiper .swiper-slide .bg .text .btn .inner-button .icon { width: 25px; fill: var(--buttonFont-color); }
.banner .banner-swiper .swiper-slide .bg .text .btn img { height: 32px;width:auto }
.banner .banner-swiper .swiper-slide .bg .text .btn svg { width: 32px; fill: var(--buttonFont-color); }


.banner .banner-swiper .swiper-slide .bg .btn:hover { transform: translate3d(0, -3px, 0); }
.banner .banner-swiper .swiper-slide .bg .btn:hover .inner-button { transform: rotate(-45deg); }

.banner .banner-swiper .swiper-slide img { width: var(--mediaFull); max-width: 100%; }
.banner .banner-swiper .swiper-pagination { }
.banner .banner-swiper .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 14px; height: 14px; border: 2px var(--buttonDef-color) solid; border-radius: 14px; margin: 0 6px; cursor: pointer; color: rgba(255, 255, 255, 0.00) !important; transition: all 0.3s; outline: none }
.banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active { padding: 0 14px; background-color: rgba(255, 255, 255, 0.00) !important }

.banner .banner-swiper .swiper-pagination-fraction { color: #000; font-weight: 700; font-size: 20px; }
.banner .banner-swiper .swiper-pagination-fraction .swiper-pagination-total { font-size: 16px; }

.banner .banner-swiper .def-prev { width: 46px; height: 46px; cursor: pointer; left: 5% }
.banner .banner-swiper .def-prev:after { content: '' }
.banner .banner-swiper .def-prev img { width: 100% }
.banner .banner-swiper .def-next { width: 46px; height: 46px; cursor: pointer; right: 5% }
.banner .banner-swiper .def-next:after { content: '' }
.banner .banner-swiper .def-next img { width: 100% }

.banner .banner-video-cover { background-color: rgba(0,0,0,.2); bottom: 0; left: 0; position: absolute; right: 0; top: 0; display: flex; place-content: center; place-items: center }
.banner .banner-video-cover .banner-btn-play { font-size: 0 }
.banner .banner-video-cover .banner-btn-play svg { cursor: pointer; height: 90px; width: 90px; transition: transform .5s ease; }







.product-layout { padding: var(--padding); overflow: hidden; background: var(--background); }
.product-layout .section-header { }
.product-layout .section-header .title { position: relative; padding: 0 0 12px 0; }
.product-layout .section-header .title::after { content: ""; display: block; width: 100px; height: 2px; background: var(--themes-color); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.product-layout .section-header .desc {  margin-top: 24px;  padding: 0 20%; }
.product-layout .product-swiper { margin: 80px 0; position: relative }
.product-layout .product-swiper .controller { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; padding: 0 50px 30px 104px }
.product-layout .product-swiper .controller .product-pagination .swiper-pagination-bullet { height: 8px; margin: 0 4px; width: 8px; cursor: pointer }
.product-layout .product-swiper .controller .product-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--button-background); }
.product-layout .product-swiper .controller .warp_ctrl { display: flex; gap: 30px; margin-top: 30px }
.product-layout .product-swiper .controller .product-arrow { border: none; cursor: pointer; display: block; font-size: 0; line-height: 0px; padding: 0; height: 48px; width: 48px; background: transparent; color: transparent; outline: none; }
.product-layout .product-swiper .controller .product-arrow .path01 { fill-opacity: 0; stroke: #000; stroke-width: 1.5px; transition: stroke .2s ease, fill-opacity .2s ease; }
.product-layout .product-swiper .controller .product-arrow .path02 { fill-opacity: 0; stroke: #000; stroke-width: 1.5px; transition: stroke .2s ease, fill-opacity .2s ease; }

.product-layout .product-swiper .controller .product-arrow:not(.swiper-button-disabled):hover svg .path01 { fill: var(--button-background); fill-opacity: 1; stroke: var(--button-background); }
.product-layout .product-swiper .controller .product-arrow:not(.swiper-button-disabled):hover svg .path02 { fill-opacity: 0; stroke: #fff; }

.product-layout .product-swiper .controller .swiper-button-disabled { pointer-events: none; }
.product-layout .product-swiper .controller .swiper-button-disabled svg .path01 { stroke: #9ea1a7 !important; }
.product-layout .product-swiper .controller .swiper-button-disabled svg .path02 { fill: none; stroke: #9ea1a7 !important; }


.product-layout .section-container .item { flex-shrink: 0; width: 50%; height: 100%; position: relative; transition-property: transform; background-color: #fff; padding: 88px 40px 150px 104px; }
.product-layout .section-container .item .content { display: flex; gap: 30px;  height: 442px; }
.product-layout .section-container .item .content .left-layout { flex: 1; flex-shrink: 0; display: flex; flex-direction: column; }
.product-layout .section-container .item .content .left-layout .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.product-layout .section-container .item .content .left-layout .number {  margin-top: 8px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.product-layout .section-container .item .content .left-layout .lead { margin-top: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.product-layout .section-container .item .content .left-layout .txt { margin-top: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.product-layout .section-container .item .content .left-layout .btn { margin-top:auto; }
.product-layout .section-container .item .content .left-layout .btn a { padding: 0 50px 0 40px; color: var(--buttonFont-color); position: relative; min-width: 220px; align-items: center; background: transparent; border: 1px solid var(--buttonDef-color); display: inline-flex; font-size: 1.4rem; height: 44px; justify-content: center; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; border-radius: 10px; }
.product-layout .section-container .item .content .left-layout .btn a:hover { background: var(--button-background); border-color: var(--button-background); color: #fff; }
.product-layout .section-container .item .content .right-layout { flex-shrink: 0; flex: 1;display:flex;place-content:center;place-items:center }
.product-layout .section-container .item .content .right-layout img { max-width: 100%; max-height: 100% }


.custompagecomp-section { padding: var(--padding); background-color: var(--background); }
.custompagecomp-section .section-inner { position: relative; max-width: var(--max-width); margin: 0 auto; z-index: 1; }
.custompagecomp-section .section-header h2 { text-align: center; font-size: 38px; font-weight: bold; position: relative; padding: 0 0 12px 0; color: var(--themes-color) }
.custompagecomp-section .section-container { color: var(--font-color) }










.imgTextComp-section { padding: var(--padding); background-color: var(--background) }
.imgTextComp-section .graphics { display: flex; align-items: var(--textPosition); justify-content: center; gap: 50px; max-width: 1260px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.imgTextComp-section .graphics .images-box { width: 50%; flex: 1; border-radius: var(--radius); overflow: hidden; font-size: 0; }
.imgTextComp-section .graphics .images-box img { width: 100% }
.imgTextComp-section .graphics .images-box video { max-width: 100%; }
.imgTextComp-section .graphics .text-content { flex: 1; }
.imgTextComp-section .graphics .text-content .title { margin-bottom: 15px; }
.imgTextComp-section .graphics .text-content .desc-warp { margin-bottom: 50px }
.imgTextComp-section .graphics .text-content .desc-warp .desc { margin-bottom: 10px }
.imgTextComp-section .graphics .text-content .list { margin: 0px 0 70px }
.imgTextComp-section .graphics .text-content .list .item { position: relative; font-size: 18px; padding-left: 15px; margin-bottom: 20px; color: var(--font-color) }
.imgTextComp-section .graphics .text-content .list .item::after { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 8px; height: 8px; background-color: var(--themes-color); border-radius: 50% }
.imgTextComp-section .graphics .section-btn { display: flex; place-items: center; }
.imgTextComp-section .graphics .section-btn .btn { border-radius: 30px; font-size: 16px; padding: 10px 24px; background-color: var(--button-background); color: var(--buttonFont-color); display: flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.imgTextComp-section .graphics .section-btn .btn svg { width: 32px; fill: var(--buttonFont-color); }
.imgTextComp-section .graphics .section-btn .btn img { height: 32px }
.imgTextComp-section .graphics .section-btn .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.imgTextComp-section .graphics .section-btn .btn .inner-button .icon { width: 25px; fill: var(--buttonFont-color); }
.imgTextComp-section .graphics .section-btn .btn:hover { transform: translate3d(0, -3px, 0); }
.imgTextComp-section .graphics .section-btn .btn:hover .inner-button { transform: rotate(-45deg); }





.certificates { background-color: var(--background); padding: var(--padding); }
.certificates .honor_box { max-width: var(--section-max-width); margin: 0 auto; }
.certificates .honor_box .title { margin-bottom: 50px; text-align: center; font-size: 38px; font-weight: bold; position: relative; color: var(--themes-color); }
.certificates .honor_box .customize { display: flex; align-items: center; background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 0px 10px #ddd; }
.certificates .honor_box .explain { margin-bottom: 2em; color: #666; line-height: 2; font-size: 1.8rem; padding-right: 50px; width: 55%; }
.certificates .honor_box .customize .imgview { flex: 1 }
.certificates .honor_box .customize .imgview img { width: 100% }
.certificates .honor_box .honor_con { width: 100%; height: 100%;  display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
.certificates .honor_box .honor_con .item { background: #fff; box-shadow: 0 8px 30px #ddd; padding-top: 20px; }
.certificates .honor_box .honor_con .item .imgbox { text-align: center; width: 100%; height: 240px; padding: 10px 10px 0; display: flex; place-content: center; place-items: center; }
.certificates .honor_box .honor_con .item .imgbox img { max-width: 100%; max-height: 100%; }
.certificates .honor_box .honor_con .item p { line-height: 1.4; padding-top: 0; text-align: center; color: #636363; font-size: 1.6rem; margin: 20px 0; word-break: break-all; }


.team-section { background-color: var(--background); padding: var(--padding); }
.team-section .team_box { max-width: var(--section-max-width); margin: 0 auto; }
.team-section .team_box .title { margin-bottom: 50px; }
.team-section .team_box .content { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); }
.team-section .team_box .content .item { cursor: pointer; }
.team-section .team_box .content .item .imgview { height: 400px; display: block; position: relative; transition: .0s all ease; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.team-section .team_box .content .item .desc { position: absolute; bottom: 10px; left: 10px; right: 10px; background: #fff; padding: 20px 15px; opacity: 1; height: 105px; overflow: hidden; transition: .3s all ease; }
.team-section .team_box .content .item .desc h3 { font-weight: 700; text-transform: uppercase; margin-bottom: 10px; font-size: 20px; }
.team-section .team_box .content .item .desc span { color: #b3b3b3; display: block; margin-bottom: 20px; text-transform: uppercase; font-size: 14px; }
.team-section .team_box .content .item .desc .parag { opacity: 1; }
.team-section .team_box .content .item .desc .parag { opacity: 0; transition: .1s all ease; }
.team-section .team_box .content .item .desc .parag p { color: #4d4d4d; font-size: 15px; }
.team-section .team_box .content .item:hover .desc { opacity: 1; margin-top: 10px; height: 160px; }
.team-section .team_box .content .item:hover .desc .parag { opacity: 1; }
.team-section .team_box .content .item.other { background-image: -webkit-linear-gradient(0deg, #62bdfc 0%, #8490ff 100%); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.team-section .team_box .content .item.other .icon { transform: rotate(-90deg); font-size: 38px; }
.team-section .team_box .content .item.other span { font-size: 26px; }

/*.form-layout { padding: var(--padding); background: var(--bgImageUrl) var(--background) center top no-repeat; background-size: cover; position: relative; }
.form-layout:before { background: #333; opacity: var(--opacity); content: ""; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 1; }
.form-layout .section-inner { position: relative; z-index: 1; }
.form-layout .section-container { display: flex; gap: 50px; place-items: center }
.form-layout .sidebar { flex: 1 }
.form-layout .sidebar .title {  margin-bottom: 15px; }
.form-layout .sidebar .desc-warp { margin-bottom: 50px; }
.form-layout .sidebar .section-btn { text-align: var(--btnAlign) }
.form-layout .sidebar .section-btn .btn { border-radius: 30px; font-size: 16px; padding: 10px 24px; background-color: var(--button-background); color: var(--buttonFont-color); display: inline-flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.form-layout .sidebar .section-btn .btn svg { width: 32px; fill: var(--buttonFont-color); }
.form-layout .sidebar .section-btn .btn img { height: 32px }
.form-layout .sidebar .section-btn .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.form-layout .sidebar .section-btn .btn .inner-button .icon { width: 25px; fill: var(--buttonFont-color); }
.form-layout .sidebar .section-btn .btn:hover { transform: translate3d(0, -3px, 0); }
.form-layout .sidebar .section-btn .btn:hover .inner-button { transform: rotate(-45deg); }

.form-layout .content { flex-shrink: 0; flex: 1; }
.form-layout .contact-form { border-radius: 10px; padding: 35px 30px; background-color: #fff; }
.form-layout .contact-form .item label { font-size: 15px; font-weight: 700; color: #000; margin-bottom: 15px; display: inline-block; }
.form-layout .contact-form .item select { width: 100%; height: 44px; border-radius: 22px; background-color: #f6f6f6; border: none; margin-bottom: 30px; font-size: 14px; padding: 0px 15px; }
.form-layout .contact-form .item label span { color: red; margin-right: 4px; font-size: 18px; }
.form-layout .contact-form .item input { width: 100%; height: 44px; border-radius: 22px; background-color: #f6f6f6; border: none; margin-bottom: 30px; font-size: 14px; padding: 0px 15px; }
.form-layout .contact-form .item textarea { width: 100%; height: 150px; max-height: 180px; border-radius: 22px; background-color: #f6f6f6; border: none; font-size: 14px; padding: 15px 15px; }
.form-layout .contact-form .item button { cursor: pointer; outline: none; background-color: #000; height: 44px; border-radius: 22px; margin-top: 40px; padding: 0px 20px; color: #fff; border: none; font-size: 15px; font-weight: 500; transition: all .5s; width: 100%; text-align: center }
.form-layout .contact-form .item button:hover { opacity: 0.8 }
.form-layout .contact-form .item .horizontal { display: flex; place-items: center; margin-top: 30px; }
.form-layout .contact-form .item .horizontal label { margin-bottom: 0; }
.form-layout .contact-form .item button svg { width: 24px; height: 24px; fill: currentColor; animation: rotation .5s ease-in-out,rotation .5s linear infinite; }*/


.grid-text-layout { padding: var(--padding); background: var(--bgImageUrl) var(--background) center top no-repeat; background-size: cover; position: relative; }
.grid-text-layout:before { background: #333; opacity: var(--opacity); content: ""; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 1; }
.grid-text-layout .section-header { margin-bottom: 50px }
.grid-text-layout .section-header .title {  position: relative; padding: 0 0 12px 0;  }
.grid-text-layout .section-header .title::after { content: ""; display: block; width: 100px; height: 2px; background: var(--themes-color); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.grid-text-layout .section-header .desc {  margin-top: 24px; padding: 0 20%;  }
.grid-text-layout .section-inner { position: relative; z-index: 1; max-width: 100% }
.grid-text-layout .section-inner .section-view { display: grid; grid-gap: var(--grid-gap); grid-template-columns: repeat(var(--grid-columns), 1fr); }
.grid-text-layout .section-inner .section-view .item { position: relative; overflow: hidden; background-color: #fff; }
.grid-text-layout .section-inner .section-view .item:before { display: block; position: absolute; left: 1%; top: 1%; height: 98%; width: 98%; opacity: 0; content: ""; transition: opacity .45s cubic-bezier(.25,1,.2,1); box-shadow: 0 30px 90px var(--themes-color); }
.grid-text-layout .section-inner .section-view .item .box-inner-wrap { padding: 10% 15%; position: relative; overflow: hidden; border: 1px solid rgba(0, 0, 0, .1); transition: all .45s cubic-bezier(.25,1,.2,1); }
.grid-text-layout .section-inner .section-view .inner-wrap { min-height: 280px; position: relative; z-index: 10; height: 280px; overflow: hidden; position: relative; }
.grid-text-layout .section-inner .section-view .inner-wrap .icon-wrap { margin-bottom: 20px; display: block; }
.grid-text-layout .section-inner .section-view .inner-wrap .icon-wrap svg { fill: var(--themes-color); transition: all .45s cubic-bezier(.25,1,.2,1); }
.grid-text-layout .section-inner .section-view .inner-wrap h4 { font-size: 18px; line-height: 1.6; margin-bottom: 8px; color: var(--font-color); transition: all .45s cubic-bezier(.25,1,.2,1); }
.grid-text-layout .section-inner .section-view .inner-wrap p { font-size: 16px; color: var(--subFont-color); transition: all .45s cubic-bezier(.25,1,.2,1); display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.grid-text-layout .section-inner .box-bg { position: absolute; top: 0; left: 0; height: 100.2%; width: 100.2%; opacity: 0; background-size: cover; z-index: 1; background-position: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: all .6s cubic-bezier(.24,1,.3,1); -webkit-transition: all .6s cubic-bezier(.24,1,.3,1); }
.grid-text-layout .section-inner .section-view .item:hover { overflow: visible; padding: 0; }
.grid-text-layout .section-inner .section-view .item:hover:before { opacity: .33; }
.grid-text-layout .section-inner .section-view .item:hover .box-inner-wrap { border: 1px solid rgba(0, 0, 0, 0); }
.grid-text-layout .section-inner .section-view .item:hover * { color: #fff !important; fill: #fff; }
.grid-text-layout .section-inner .section-view .item:hover .box-bg { opacity: 1; transform: scale(1.08); -webkit-transform: scale(1.08); }
.grid-text-layout .section-inner .section-view .item:hover .box-bg::after { position: absolute; top: 0; left: 0; height: 100%; opacity: .5; width: 100%; content: " "; transition: all .45s cubic-bezier(.25,1,.2,1); background-color: var(--themes-color) !important; }



.richtextcomp-section { padding: var(--padding); background: var(--background); }
.richtextcomp-section .section-inner { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: var(--max-width); }
.richtextcomp-section .section-container { position: relative }

.richtextcomp-section .section-container .text-content { max-width: var(--section-max-width); width: 100%; margin: 0 auto; box-sizing: border-box; }
.richtextcomp-section .section-container .text-content .text-content__warps { padding: 20px; }
.richtextcomp-section .section-container .text-content .text-content__warps .title { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; }
.richtextcomp-section .section-container .text-content .text-content__warps .desc { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; }
.richtextcomp-section .section-container.absolute .text-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; place-content: var(--textPosition) }
.richtextcomp-section .section-container .image-content { position: relative; display: block; border-radius: var(--radius); max-width: var(--max-width); height: var(--media-Height); overflow: hidden; width: 100%; margin: 0 auto; box-sizing: border-box; text-align: center; font-size: 0 }
.richtextcomp-section .section-container .image-content:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--opacity); }
.richtextcomp-section .section-container .image-content img { width: var(--imgwt) }
.richtextcomp-section .section-container .image-content a { display: block }
.richtextcomp-section .section-container .video-content { position: relative; display: block; border-radius: var(--radius); max-width: var(--max-width); height: var(--media-Height); overflow: hidden; width: 100%; margin: 0 auto; box-sizing: border-box; font-size: 0 }
.richtextcomp-section .section-container .video-content:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--opacity); }


.richtextcomp-section .section-container .section-btn { padding-top: 30px; text-align: var(--btnAlign) }
.richtextcomp-section .section-container .section-btn .btn { border-radius: 30px; font-size: 16px; padding: 10px 24px; background-color: var(--button-background); color: var(--buttonFont-color); display: inline-flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.richtextcomp-section .section-container .section-btn .btn svg { width: 32px; fill: var(--buttonFont-color); }
.richtextcomp-section .section-container .section-btn .btn img { height: 32px }
.richtextcomp-section .section-container .section-btn .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.richtextcomp-section .section-container .section-btn .btn .inner-button .icon { width: 25px; fill: var(--buttonFont-color); }
.richtextcomp-section .section-container .section-btn .btn:hover { transform: translate3d(0, -3px, 0); }
.richtextcomp-section .section-container .section-btn .btn:hover .inner-button { transform: rotate(-45deg); }




/* pages start */
.faq { }
.faq .banner { height: var(--bannerHeight); position: relative; }
.faq .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.faq .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.faq .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.faq .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.faq .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.faq .wrap { max-width: 1200px; margin: 0 auto }
.faq .wrap .content { margin-top: 30px; padding: 50px 0 }

.faq .content .s_title { font-size: 36px; text-align: center; margin-bottom: 30px }
.faq .content .list { width: 60%; margin: 0 auto; min-height: 500px; }
.faq .content .list .item .b_title { font-size: 26px; padding: 20px 0 }
.faq .content .list .item .question_label { border-bottom: 1px solid #e8e8e1; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .1s; padding: 15px 0; }
.faq .content .list .item .question_label .title_text { font-size: 18px; color: #292929; opacity: .8; }
.faq .content .list .item .question_label .arrow { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(90deg) }
.faq .content .list .item .question_content p { font-size: 14px; color: #292929; opacity: .8 }
.help { }
.help .banner { height: var(--bannerHeight); position: relative; }
.help .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.help .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.help .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.help .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.help .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.help .wrap { max-width: 1200px; margin: 0 auto }
.help .wrap .content { margin-top: 30px; padding: 50px 0 }
.help .content .s_title { font-size: 36px; letter-spacing: 0.01em; line-height: 1.1; text-align: center }
.help .content .description { width: 60%; margin: 0 auto; font-size: 15px; margin-top: 40px; min-height: 500px; }

.blog { background-color: #fff; }
.blog .banner { height: var(--bannerHeight); position: relative; }
.blog .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.blog .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.blog .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.blog .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.blog .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.blog .blog-list-section .container { max-width: var(--section-max-width); margin: 0 auto; height: auto; padding: 80px 0 }
.blog .blog-list-section .container .row { display: flex; gap: 30px; }
.blog .blog-list-section .container .row .left_warp { flex: 1 }
.blog .blog-list-section .container .row .left_warp .blog-content { margin: 50px 0 80px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.blog .blog-list-section .container .row .left_warp .blog-adv { position: relative; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12); border-radius: 10px; transition: all 0.25s ease; overflow: hidden; transition: all 0.25s ease; }
.blog .blog-list-section .container .row .left_warp .blog-adv:hover { box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.24),0px 0px 8px 0px rgba(0, 0, 0, 0.2) }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view { position: relative; display: block; width: 100%; height: 0; padding-bottom: 50.3617945%; position: relative; z-index: 5; overflow: hidden; }
.blog .blog-list-section .container .row .left_warp .blog-adv img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; text-align: center; overflow: hidden; transition: transform 0.3s ease-in-out; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view h2 a { line-height: 45px; font-size: 37px; color: #fff; background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 0 1px no-repeat; background-position-x: right; position: relative; text-decoration-line: none; transition: background-size .5s cubic-bezier(.3, 1, .3, 1), color .3s .5s cubic-bezier(.3, 1, .3, 1); }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view h2 a:hover { background-position-x: left; background-size: 100% 1px; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 2; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info .leading-normal { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info .link { margin-top: 10px; display: inline-block; color: #fff; margin-top: 15px; background: linear-gradient(currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat; background-position-x: left; position: relative; text-decoration-line: none; transition: background-size .5s cubic-bezier(.3, 1, .3, 1), color .3s .5s cubic-bezier(.3, 1, .3, 1); }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info .link:hover { background-position-x: right; background-size: 0 1px; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info .link span { clip: rect(0, 0, 0, 0); border-width: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info svg { width: 13px; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view .info .post-content-meta { color: #fff; display: flex; place-items: center; gap: 5px; }
.blog .blog-list-section .container .row .left_warp .blog-adv .img-view::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0); z-index: 1; top: auto; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%); }
.blog .blog-list-section .container .row .left_warp .item { display: flex; gap: 20px; flex-direction: column; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12); padding: 25px; border-radius: 10px; transition: all 0.25s ease; }
.blog .blog-list-section .container .row .left_warp .item:hover { box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.24),0px 0px 8px 0px rgba(0, 0, 0, 0.2) }
.blog .blog-list-section .container .row .left_warp .item .content { flex: 1 }
.blog .blog-list-section .container .row .left_warp .item .entry-media { width: 100%; flex-shrink: 0; }
.blog .blog-list-section .container .row .left_warp .item .entry-media a { position: relative; overflow: hidden; background: #F5F5F5; border-radius: 8px; padding: 12px; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 188px; }
.blog .blog-list-section .container .row .left_warp .item .entry-media img { border-radius: 8px; max-height: 164px; width: auto; max-width: 100%; height: auto; transition: transform 0.3s ease-in-out; }
.blog .blog-list-section .container .row .left_warp .item .entry-meta { }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul { display: flex; place-items: center; gap: 20px }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul li { text-transform: uppercase; position: relative; display: flex; place-items: center; gap: 8px; font-size: 12px; color: var(--blog-page-subFont-color); }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul li::before { width: 7px; height: 7px; content: ""; background: var(--blog-page-themes-color); border-radius: 50%; }
.blog .blog-list-section .container .row .left_warp .item .entry-details h2 { font-size: 24px; font-weight: 600; margin-top: 15px; color: var(--blog-page-font-color); line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.blog .blog-list-section .container .row .left_warp .item .entry-details p { font-size: 14px; color: var(--blog-page-subFont-color); margin-top: 25px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.blog .blog-list-section .container .row .left_warp .item .entry-details .read-more { color: var(--blog-page-subFont-color); text-transform: capitalize; font-size: 16px; }
.blog .blog-list-section .container .row .left_warp .item .entry-details .read-more:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp { flex: 0 0 auto; width: 33.3333333333%; }
.blog .blog-list-section .container .row .right_warp .blog-sidebar { position: sticky; top: 100px; }
.blog .blog-list-section .container .row .right_warp .widget + .widget { margin-top: 30px; }
.blog .blog-list-section .container .row .right_warp .widget h3 { font-size: 23px; color: var(--blog-page-font-color); margin: 0 0 30px; position: relative; text-transform: capitalize; padding-bottom: 20px; font-weight: 700; }
.blog .blog-list-section .container .row .right_warp .widget h3::after { content: ""; background-color: #f2f2f2; width: 80%; height: 4px; position: absolute; left: 65px; bottom: 0; border-radius: 10px; }
.blog .blog-list-section .container .row .right_warp .widget h3::before { content: ""; background-color: var(--blog-page-themes-color); width: 55px; height: 4px; position: absolute; left: 0; bottom: 0; border-radius: 10px; }
.blog .blog-list-section .container .row .right_warp .category-widget ul li + li { margin-top: 12px; padding-top: 12px; }
.blog .blog-list-section .container .row .right_warp .category-widget ul li a { display: block; color: var(--blog-page-font-color); font-size: 16px; display: flex; place-items: center; place-content: space-between }
.blog .blog-list-section .container .row .right_warp .category-widget ul li a:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp .category-widget ul li span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #F5F2EE; text-align: center; border-radius: 50%; font-size: 18px; }
.blog .blog-list-section .container .row .right_warp .category-widget ul li span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #F5F2EE; text-align: center; border-radius: 50%; font-size: 18px; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul { display: flex; flex-wrap: wrap; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li { margin: 0 8px 8px 0; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li a { transition: all 0.2s; font-size: 15px; display: inline-block; padding: 5px 18px; color: var(--blog-page-font-color); background: #f5f5f5; border-radius: 5px; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li a:hover { background: var(--blog-page-themes-color); color: #fff; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post + .post { margin-top: 15px; padding-top: 15px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post { display: flex; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder { width: 90px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder img { border-radius: 6px; max-width: 100%; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details { width: calc(100% - 90px); padding-left: 20px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 { font-size: 18px; font-weight: 500; line-height: 1.3em; margin: 0 0 0.5px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a { display: inline-block; color: var(--blog-page-font-color); transition: all 0.2s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details .date { font-size: 13px; color: var(--blog-page-subFont-color); }


/*.blog { background-color: #fff; }
.blog .banner { height: 360px; position: relative; }
.blog .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.blog .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.blog .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.blog .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.blog .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.blog .blog-list-section .container { max-width: var(--section-max-width); margin: 0 auto; height: auto; padding: 80px 0 }
.blog .blog-list-section .container .row { display: flex; gap: 50px; }
.blog .blog-list-section .container .row .left_warp { flex: 1 }
.blog .blog-list-section .container .row .left_warp .blog-content { margin-bottom: 80px; }
.blog .blog-list-section .container .row .left_warp .item + .item { margin-top: 80px }
.blog .blog-list-section .container .row .left_warp .item .entry-media img { max-width: 100%; width: 100% }
.blog .blog-list-section .container .row .left_warp .item .entry-meta { margin: 35px 0; }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul { display: flex; place-items: center; gap: 20px }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul li { text-transform: uppercase; position: relative; display: flex; place-items: center; gap: 8px; font-size: 14px; color: var(--blog-page-subFont-color); }
.blog .blog-list-section .container .row .left_warp .item .entry-meta ul li::before { width: 7px; height: 7px; content: ""; background: var(--blog-page-themes-color); border-radius: 50%; }
.blog .blog-list-section .container .row .left_warp .item .entry-details h3 { font-size: 34px; line-height: 1.2em; font-weight: 600; margin-bottom: 25px; color: var(--blog-page-font-color) }
.blog .blog-list-section .container .row .left_warp .item .entry-details p { font-size: 16px; color: var(--blog-page-subFont-color); margin-bottom: 25px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }

.blog .blog-list-section .container .row .left_warp .item .entry-details .read-more { color: var(--blog-page-subFont-color); text-transform: capitalize; font-size: 16px; }
.blog .blog-list-section .container .row .left_warp .item .entry-details .read-more:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp { flex: 0 0 auto; width: 33.3333333333%; }
.blog .blog-list-section .container .row .right_warp .blog-sidebar { position: sticky; top: 100px; }
.blog .blog-list-section .container .row .right_warp .widget + .widget { margin-top: 30px; }
.blog .blog-list-section .container .row .right_warp .widget h3 { font-size: 23px; color: var(--blog-page-font-color); margin: 0 0 30px; position: relative; text-transform: capitalize; padding-bottom: 20px; font-weight: 700; }
.blog .blog-list-section .container .row .right_warp .widget h3::after { content: ""; background-color: #f2f2f2; width: 80%; height: 4px; position: absolute; left: 65px; bottom: 0; border-radius: 10px; }
.blog .blog-list-section .container .row .right_warp .widget h3::before { content: ""; background-color: var(--blog-page-themes-color); width: 55px; height: 4px; position: absolute; left: 0; bottom: 0; border-radius: 10px; }
.blog .blog-list-section .container .row .right_warp .category-widget ul li + li { margin-top: 12px; padding-top: 12px; }
.blog .blog-list-section .container .row .right_warp .category-widget ul li a { display: block; color: var(--blog-page-font-color); font-size: 16px; display: flex; place-items: center; place-content: space-between }
.blog .blog-list-section .container .row .right_warp .category-widget ul li a:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp .category-widget ul li span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #F5F2EE; text-align: center; border-radius: 50%; font-size: 18px; }

.blog .blog-list-section .container .row .right_warp .category-widget ul li span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #F5F2EE; text-align: center; border-radius: 50%; font-size: 18px; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul { display: flex; flex-wrap: wrap; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li { margin: 0 8px 8px 0; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li a { transition: all 0.2s; font-size: 15px; display: inline-block; padding: 5px 18px; color: var(--blog-page-font-color); background: #f5f5f5; border-radius: 5px; }
.blog .blog-list-section .container .row .right_warp .tag-widget ul li a:hover { background: var(--blog-page-themes-color); color: #fff; }


.blog .blog-list-section .container .row .right_warp .recent-post-widget .post + .post { margin-top: 15px; padding-top: 15px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post { display: flex; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder { width: 90px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder img { border-radius: 6px; max-width: 100%; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details { width: calc(100% - 90px); padding-left: 20px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 { font-size: 18px; font-weight: 500; line-height: 1.3em; margin: 0 0 0.5px; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a { display: inline-block; color: var(--blog-page-font-color); transition: all 0.2s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a:hover { color: var(--blog-page-themes-color) }
.blog .blog-list-section .container .row .right_warp .recent-post-widget .post .details .date { font-size: 13px; color: var(--blog-page-subFont-color); }*/

.yjui-tab-title { margin-bottom: 15px; position: relative; left: 0; border-bottom: 1px #f6f6f6 solid; height: 56px; white-space: nowrap; font-size: 0; transition: all .2s; }
.yjui-tab-title span { font-weight: 700; display: inline-block; vertical-align: middle; font-size: 16px; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 56px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer; }
.yjui-tab-title .yjui-this { color: var(--blog-page-font-color) }
.yjui-tab-more span.yjui-this:after, .yjui-tab-title .yjui-this:after { border: none; border-radius: 0; border-bottom: 2px solid var(--blog-page-themes-color); }
.yjui-this:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 56px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none; }


.article { background-color: #fff; }
.article .banner { height: var(--bannerHeight); position: relative; }
.article .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.article .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.article .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.article .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.article .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.article .blog-list-section .container { max-width: var(--section-max-width); margin: 0 auto; height: auto; padding: 80px 0 }
.article .blog-list-section .container .row { display: flex; gap: 50px; margin-bottom: 80px }
.article .blog-list-section .container .row .left_warp { flex: 1 }
.article .blog-list-section .container .row .left_warp .blog-content { }
.article .blog-list-section .container .row .left_warp .blog-content .entry-media img { max-width: 100%; width: 100% }
.article .blog-list-section .container .row .left_warp .blog-content .entry-meta { margin: 35px 0; display: flex; place-items: center; gap: 20px }
.article .blog-list-section .container .row .left_warp .blog-content .entry-meta ul { display: flex; place-items: center; gap: 20px }
.article .blog-list-section .container .row .left_warp .blog-content .entry-meta ul li { text-transform: uppercase; position: relative; display: flex; place-items: center; gap: 8px; font-size: 14px; color: var(--blog-page-subFont-color); }
.article .blog-list-section .container .row .left_warp .blog-content .entry-meta ul li::before { width: 7px; height: 7px; content: ""; background: var(--blog-page-themes-color); border-radius: 50%; }
.article .blog-list-section .container .row .left_warp .blog-content .entry-details h1 { font-size: 34px; line-height: 1.2em; font-weight: 600; margin-bottom: 25px; color: var(--blog-page-font-color) }
.article .blog-list-section .container .row .left_warp .blog-content .entry-details { font-size: 16px; line-height: 1.8em; color: #666; }
.article .blog-list-section .container .row .left_warp .blog-content .entry-details .media video { max-width: 100% }
.article .blog-list-section .container .row .left_warp .blog-content .entry-details img { max-width: 100% }

.article .blog-list-section .container .row .right_warp { flex: 0 0 auto; width: 33.3333333333%; }
.article .blog-list-section .container .row .right_warp .blog-sidebar { position: sticky; top: 100px; }
.article .blog-list-section .container .row .right_warp .widget + .widget { margin-top: 30px; }
.article .blog-list-section .container .row .right_warp .widget h3 { font-size: 23px; color: var(--blog-page-font-color); margin: 0 0 30px; position: relative; text-transform: capitalize; padding-bottom: 20px; font-weight: 700; }
.article .blog-list-section .container .row .right_warp .widget h3::after { content: ""; background-color: #f2f2f2; width: 80%; height: 4px; position: absolute; left: 65px; bottom: 0; border-radius: 10px; }
.article .blog-list-section .container .row .right_warp .widget h3::before { content: ""; background-color: var(--blog-page-themes-color); width: 55px; height: 4px; position: absolute; left: 0; bottom: 0; border-radius: 10px; }
.article .blog-list-section .container .row .right_warp .category-widget ul li + li { margin-top: 12px; padding-top: 12px; }
.article .blog-list-section .container .row .right_warp .category-widget ul li a { display: block; color: var(--blog-page-font-color); font-size: 16px; display: flex; place-items: center; place-content: space-between }
.article .blog-list-section .container .row .right_warp .category-widget ul li a:hover { color: var(--blog-page-themes-color) }
.article .blog-list-section .container .row .right_warp .category-widget ul li span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #F5F2EE; text-align: center; border-radius: 50%; font-size: 18px; }
.article .blog-list-section .container .row .right_warp .tag-widget ul { display: flex; flex-wrap: wrap; }
.article .blog-list-section .container .row .right_warp .tag-widget ul li { margin: 0 8px 8px 0; }
.article .blog-list-section .container .row .right_warp .tag-widget ul li a { transition: all 0.2s; font-size: 15px; display: inline-block; padding: 5px 18px; color: var(--blog-page-font-color); background: #f5f5f5; border-radius: 5px; }
.article .blog-list-section .container .row .right_warp .tag-widget ul li a:hover { background: var(--blog-page-themes-color); color: #fff; }

.article .blog-list-section .container .row .right_warp .recent-post-widget .post + .post { margin-top: 15px; padding-top: 15px; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post { display: flex; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder { width: 90px; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .img-holder img { border-radius: 6px; max-width: 100%; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .details { width: calc(100% - 90px); padding-left: 20px; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 { font-size: 18px; font-weight: 500; line-height: 1.3em; margin: 0 0 0.5px; }

.article .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a { display: inline-block; color: var(--blog-page-font-color); transition: all 0.2s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .details h4 a:hover { color: var(--blog-page-themes-color) }
.article .blog-list-section .container .row .right_warp .recent-post-widget .post .details .date { font-size: 13px; color: var(--blog-page-subFont-color); }

.tag-share { border-bottom: 1px solid #ebebeb; margin: 75px 0 0; padding-bottom: 30px; color: #333333; }
.tag-share .tag { display: flex; }
.tag-share .tag > span { color: #333333; font-weight: 600; display: inline-block; padding-right: 15px; text-transform: uppercase; }
.tag-share .tag ul { display: flex; gap: 15px; flex-wrap: wrap; }
.tag-share .tag a { font-size: 12px; display: inline-block; padding: 5px 18px; color: var(--blog-page-font-color); background: #f5f5f5; border-radius: 5px; text-transform: uppercase; transition: all 0.3s; }
.tag-share .tag a:hover { color: var(--blog-page-themes-color); }
.article .blog-list-section .container .row .left_warp .blog-content .social_share { display: flex; place-items: center }
.article .blog-list-section .container .row .left_warp .blog-content .social_share a { display: flex; place-items: center; color: #292929; opacity: .65; }
.article .blog-list-section .container .row .left_warp .blog-content .social_share a:hover { opacity: .8 }
.article .blog-list-section .container .row .left_warp .blog-content .social_share a + a { margin-left: 20px; }
.article .blog-list-section .container .row .left_warp .blog-content .social_share a span { padding-left: 8px; font-size: 12px; }



.product { background-color: #fff; }
.product .banner { height: var(--bannerHeight); position: relative; }
.product .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.product .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.product .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.product .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.product .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.product .content_box { max-width: var(--section-max-width); margin: 80px auto; height: auto; padding: 0px 0 60px; }
.product .content_box .collection-content { display: flex; gap: 30px }
.product .content_box .left-layout { width: 300px; flex-shrink: 0 }
.product .content_box .right-layout { flex: 1 }
.product .content_box .collection-header { margin-bottom: 0px; }
.product .content_box .collection-header h1 { font-size: 22px; line-height: 1.4; }
.product .content_box .collection-header.operate_bar { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 0; }
.product .content_box .collection-header.operate_bar .filter_switch { display: flex; place-items: center; font-size: 14px; color: #292929; opacity: .8; cursor: pointer; }
.product .content_box .collection-header.operate_bar .filter_switch .icon { display: inline-flex; align-items: center; }
.product .content_box .collection-header.operate_bar .filter_switch .icon svg { fill: none !important; stroke-width: 4px; stroke: currentColor !important; stroke-linecap: miter; stroke-linejoin: miter; width: 24px; height: 24px; margin-right: 8px; }
.product .content_box .collection-header.operate_bar .filter_switch path { transition: all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(1) { opacity: 0 }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(2) { opacity: 0 }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(4) { opacity: 0 }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(5) { opacity: 0 }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(3) { transform: rotate(45deg); transform-origin: 70% 90%; }
.product .content_box .collection-header.operate_bar .filter_switch.is-active path:nth-child(6) { transform: rotate(-45deg); transform-origin: 80% 44%; }
.product .con_wrap .list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; font-size: 0; }
.product .con_wrap .list .item { background-color: #fff; position: relative; box-sizing: border-box; box-shadow: 0.5px 0.5px 20px 0 rgba(0,0,0,0.08); overflow: hidden; border-radius: 5px; }
.product .con_wrap .list .item:nth-of-type(4n) { margin-right: 0; }
.product .con_wrap .list .item a { color: var(--collections-page-font-color); font-size: 14px; font-weight: bold; display: block; height: 100% }
.product .con_wrap .list .item a .imgbox { position: relative; overflow: hidden; padding-bottom: 100%; }
.product .con_wrap .list .item a .imgbox::before { position: absolute; top: 0; left: -100%; z-index: 1; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); }
.product .con_wrap .list .item a .imgbox img { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.product .con_wrap .list .item a .info { }
.product .con_wrap .list .item a .info h2 { position: relative; font-size: 16px; line-height: 1; padding: 30px 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product .con_wrap .list .item a .info::before { content: ""; position: absolute; bottom: 0; left: 0; width: 20%; height: 100%; border-bottom: 2px solid var(--collections-page-themes-color); transition: 0.3s all linear; }
.product .con_wrap .list .item:hover .imgbox::before { animation: hoverShine 1.2s; }
.product .con_wrap .list .item:hover a .info::before { width: 100%; }
.product .con_wrap .list .item a .info p { margin: 0 10px 10px; height: 18px; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; color: var(--collections-page-subFont-color); font-size: 14px; font-weight: normal; }
.product .con_wrap .list .item a:hover { color: var(--collections-page-themes-color); }
.page-box { margin-top: 50px }
.product .con_wrap .list .item a .info .price_box { padding: 0 5px 10px }
.product .con_wrap .list .item a .info .price_box .unit { font-size: 14px; font-weight: 700; font-style: normal; }
.product .con_wrap .list .item a .info .price_box .vul { font-size: 20px; font-weight: 700; padding-left: 3px; }
.filter__where .filter-group .group-heading .indicator { margin-inline-end: -5px; transform-origin: center; transition: transform 250ms ease; }
.filter__where .filter-group .group-heading .indicator .icon-down { background-repeat: no-repeat; display: inline-block; width: 32px; height: 16px; filter: invert(60%) sepia(9%) saturate(152%) hue-rotate(321deg) brightness(92%) contrast(93%); background-image: url("data:image/svg+xml,<svg width='21px' height='21px' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'><path d='m5.5 10.5h10'/><path d='m10.5 5.5v10'/></g></svg>"); background-position-x: 4px; background-position-y: -4px; }
.filter__where .filter-group .group-heading.active .indicator { transform: rotate(180deg); }
.filter__where .filter-group .group-heading.active .indicator .icon-down { background-image: url("data:image/svg+xml,<svg width='21px' height='21px' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'><path d='m5.5 10.5h10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-position-x: 7px; background-position-y: 5px; }

.filter__where .filter-group { margin-bottom: 15px; }
.filter__where .filter-group__items .where-value .filter-box { display: flex; min-height: 30px; flex-direction: column; margin-top: 5px; }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item { color: #66687c; height: 42px; display: flex; place-items: center; justify-content: space-between; position: relative; font-size: 14px; cursor: pointer; background-color: #fff; transition: all .3s ease-out 0s; border-radius: 8px; padding: 0 10px }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item svg { width: 25px; height: 25px; margin-left: auto; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-90deg) skew(0deg, 0deg); transform-style: preserve-3d; transition: all .2s linear; }
.filter__where .filter-group__items .where-value .filter-box.select svg { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; }
.filter__where .filter-group__items .where-value .filter-box.select .filter-group__item { color: #000; background-color: #f1f1f1; }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item span { flex: 1 }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item span a { display: block }
.filter__where .filter-group__items .where-value .filter-box.select .filter-group__item .filter-group__item__text a { font-weight: 700; color: #000; }

.filter__where .filter-group__items .where-value .where-value { padding-left: 15px; }
.filter__where .filter-group__items .where-value.ef-js .where-value { overflow: hidden; transition: height 0.3s ease 0ms; height: 0; }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item .filter-group__item__text a { color: #66687c; font-size: 16px; }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item:hover { color: #000; background-color: #f1f1f1; }
.filter__where .filter-group__items .where-value .filter-box .filter-group__item:hover .filter-group__item__text a { color: #000; }

.filter__where .popup-header { align-items: center; display: grid; grid-template-columns: 1fr auto; height: 64px; padding: 0 15px; border-bottom: 1px solid #ebebeb; }
.filter__where .popup-header svg { width: 32px; height: 32px; display: block; }
.filter__where .popup-header h4 { font-size: 26px; line-height: 1; color: #000; font-weight: normal; }
.filter__where .popup-header .button { display: flex; place-items: center; place-content: center; font-size: 0; width: 38px; height: 38px; cursor: pointer; background-color: rgba(255, 255, 255, 0); border: none; outline: none; border-radius: 8px; fill: #444; transition: all 0.3s ease-out 0s; }


.detail { background-color: #fff; }
.detail .banner { height: var(--bannerHeight); position: relative; }
.detail .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.detail .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center; }
.detail .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.detail .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.detail .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.detail .content_box { max-width: var(--section-max-width); margin: 0 auto; height: auto; padding: 80px 0 }
.detail .content_box .container .row { display: flex; padding-bottom: 95px; width: 100% }
.detail .content_box .container .row .product-details-img { flex: 1; position: relative; width: 0; }

.detail .content_box .container .row .product-details-img .product-swiper { position: relative; border: 1px #e8e8e1 solid; background-color: #f8f8f8; overflow: hidden; display: block; margin: 0; padding: 0; }

.detail .content_box .container .row .product-details-img .product-swiper .swiper-slide { display: block; cursor: zoom-in; padding-bottom: 100%; position: relative; }
.detail .content_box .container .row .product-details-img .product-swiper .swiper-slide img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.detail .content_box .container .row .product-details-img .product-swiper .swiper-slide .banner-video-preview { width: 100%; max-height: 100%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


.detail .content_box .container .row .product-details-img .product-dec-slider { display: flex; place-items: center; gap: 20px; margin-top: 20px; }

.detail .content_box .container .row .product-details-img .product-dec-icon { flex-shrink: 0; color: #1f2226; font-size: 20px; display: flex; place-content: center; place-items: center; cursor: pointer; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #e1e2e2; transition: all 0.3s ease 0s; }
.detail .content_box .container .row .product-details-img .product-dec-icon.next i { transform: rotate(180deg); display: block }
.detail .content_box .container .row .product-details-img .product-dec-icon:hover { background-color: var(--collections-page-button-background); border: 1px solid var(--collections-page-button-background); color: #ffffff; }
.detail .content_box .container .row .product-details-img .slick-list { flex: 1; flex-shrink: 0; height: 90px; overflow: hidden; position: relative; }
.detail .content_box .container .row .product-details-img .slick-list .slick-track { overflow: hidden; height: 90px; padding: 0; margin: 0; display: flex; align-items: center; transition: transform 0.3s ease; position: absolute; top: 0; left: 0; }
.detail .content_box .container .row .product-details-img .slick-list .slick-track a + a { }
.detail .content_box .container .row .product-details-img .slick-list a { margin-right: 20px; height: 90px; width: 90px; display: flex; place-items: center; place-content: center; position: relative; }
.detail .content_box .container .row .product-details-img .slick-list img { width: 100%; border-radius: 5px; }
.detail .content_box .container .row .product-details-img .product-dec-icon.disabled { pointer-events: none; opacity: 0; }

.detail .content_box .container .row .product-details-img .slick-list a.current:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-shadow: inset 0px 0px 0px 2px rgba(41, 41, 41, 1), inset 0px 0px 0px 3px #fff; }


.detail .content_box .container .row .product-details-content { flex: 1; margin-left: 60px; }
.detail .content_box .container .row .product-details-content .title { font-size: 32px; margin: 0 0 0px; line-height: 1.4; font-weight: 700; color: var(--collections-page-font-color) }
.product-details-content .product-details-price { display: flex; align-items: center; margin: 15px 0 26px; }
.product-details-content .product-details-price span { font-size: 24px; color: #ff3535; font-weight: 700; }
.product-details-content .pro-details-rating-wrap { display: flex; align-items: center; margin: 0 0 17px; }
.product-details-content .pro-details-rating-wrap span a { font-size: 15px; color: #ff3535; }
.product-details-content p { font-size: 14px; line-height: 1.6; margin: 0; }
.product-details-content pre { font-size: 14px; line-height: 1.6; margin: 0 0 17px; white-space: pre-wrap; font-family: 'Roboto', sans-serif; }

.product-details-content .pro-details-list { border-bottom: 1px solid #e5e5e5; font-size: 14px; font-weight: 400; min-height: 1px; }
.product-details-content .pro-details-list ul li { margin: 0 0 5px; }
.product-details-content .pro-details-affiliate { margin: 30px 0 25px; }
.product-details-content .pro-details-meta { display: flex; margin: 0 0 10px; place-items: center }
.product-details-content .pro-details-meta span { font-size: 15px; margin-right: 5px; font-weight: 500; }
.product-details-content .pro-details-meta ul li { display: inline-block; margin: 0 3px 0 0; line-height: 1 }
.product-details-content .pro-details-meta ul li a { font-size: 14px; }

.product-details-content .pro-details-affiliate .section-btn { display: flex; place-items: center; }
.product-details-content .pro-details-affiliate .section-btn .btn { border-radius: 30px; font-size: 16px; padding: 10px 24px; background-color: var(--collections-page-button-background); color: var(--collections-page-buttonFont-color); display: flex; place-items: center; width: fit-content; gap: 10px; transition: transform .25s ease; font-weight: 700; }
.product-details-content .pro-details-affiliate .section-btn .btn svg { width: 32px; fill: var(--collections-page-buttonFont-color); }
.product-details-content .pro-details-affiliate .section-btn .btn img { height: 32px }
.product-details-content .pro-details-affiliate .section-btn .btn .inner-button { display: flex; place-items: center; place-content: center; font-weight: 700; transition: all 0.3s ease-in-out; }
.product-details-content .pro-details-affiliate .section-btn .btn .inner-button .icon { width: 25px; fill: var(--collections-page-buttonFont-color); }
.product-details-content .pro-details-affiliate .section-btn .btn:hover { transform: translate3d(0, -3px, 0); }
.product-details-content .pro-details-affiliate .section-btn .btn:hover .inner-button { transform: rotate(-45deg); }


.description-area { }
.description-area .product-description-wrapper { border: 1px solid #e8e8e8; padding: 30px 30px 37px; }
.description-area .product-description-wrapper .description-review-topbar { padding: 0 0 24px; }
.description-area .product-description-wrapper .description-review-topbar a { color: #444; font-size: 18px; text-transform: capitalize; line-height: 1; position: relative; padding: 0 0 11px; margin: 0 32px 0 0; }
.description-area .product-description-wrapper .description-review-topbar a::after { content: ""; height: 2px; right: 0px; left: auto; width: 0; position: absolute; transition: width 300ms ease-out; background-color: var(--collections-page-themes-color); bottom: 0; }
.description-area .product-description-wrapper .description-review-topbar a.active::after { left: 0px; right: auto; width: calc(100%); -webkit-transition: width 300ms ease-in; transition: width 300ms ease-in; }
.description-area .product-description-wrapper .des-details { color: #444; }

.pswp__img { object-fit: contain; }


.detail .box .wrap { position: relative; max-width: var(--section-max-width); margin: 0 auto; z-index: 1 }

.detail .box .wrap .top_l { display: flex; text-align: center; place-content: center }

.detail .box .wrap .top_l .section__title .sub-title { font-size: 16px; display: inline-block; line-height: 1; background: rgba(120,70,139,0.2); border-radius: 4px; padding: 7px 15px; font-weight: 700; color: #78468b; margin: 0 0 13px; }
.detail .box .wrap .top_l .section__title .title { font-weight: 700; font-size: 36px; line-height: 1.32; margin: 0 0; letter-spacing: -1px; text-transform: capitalize; color: var(--collections-page-font-color) }
.detail .box .wrap .top_l .section__title .title span:not(.svg-icon) { color: #78468b; position: relative; display: inline-block; z-index: 1; }


/*案例或证书模块*/
.goods_box { background-color: #fff; padding: 0px 0 80px 0; }
.goods_box .warp { overflow: visible; }
.goods_box .wrap .top { padding-bottom: 60px; text-align: center }
.goods_box .wrap .top h2 { color: #2b2b2b; font-size: 35px; line-height: 52px; margin-bottom: 10px; }
.goods_box .wrap .top p { color: #878787; font-size: 16px; font-weight: normal; line-height: 25px; letter-spacing: 0.2px; }
.goods_box .goods_con { padding: 80px 0 0px; overflow: hidden }
/*.goods_box .goods_con .list { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }*/
.goods_box .goods_con .list .item .imgbox { position: relative; display: block; padding-bottom: 100%; width: 100%; overflow: hidden; }
.goods_box .goods_con .list .item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; max-width: 100%; max-height: 100%; margin: auto; }

.goods_box .goods_con .list .item { box-shadow: 1px 1px 20px rgba(0,0,0,0.1); background-color: #fff; padding: 15px; border-radius: 5px; }
.goods_box .goods_con .list .item:first-child { margin: 0 }
.goods_box .goods_con .list .item .textbox { padding: 10px; position: relative; margin-top: 15px; }
.goods_box .goods_con .list .item .textbox::before { content: ""; position: absolute; top: 0; left: 10px; width: 20%; border-bottom: 2px solid var(--collections-page-themes-color); transition: 0.3s all linear; }
.goods_box .goods_con .list .item .textbox h2 { color: var(--collections-page-font-color); font-size: 1.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: transform 0.5s; transform: translate(0, 0px); }
.goods_box .goods_con .list .item .textbox .desc { line-height: 2.0; }
.goods_box .goods_con .list .item .textbox p { font-size: 1.3rem; color: var(--collections-page-subFont-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4 }
.goods_box .goods_con .list .item .textbox .more { border-radius: 3px; padding: 8px 18px; color: rgb(255, 255, 255); border: 0px none; background-image: -webkit-linear-gradient(0deg, #62bdfc 0%, #8490ff 100%); font-size: 14px; }
.goods_box .goods_con .list .item .textbox .desc-primary { display: inline-block; transform: rotate(180deg); color: var(--collections-page-subFont-color); font-size: 2.2rem; line-height: 1; }
.goods_box .goods_con .list .item:hover .textbox .desc { opacity: 1; }
.goods_box .swiper-container { width: 100%; height: 100%; }
.goods_box .swiper-slide { flex-shrink: 0; }

.goods_box .goods_con .arr_box { display: flex; place-content: center; margin-top: 50px }
.goods_box .goods_con .arr_box .control { display: flex; place-items: center; place-content: center; height: 36px; }
.goods_box .goods_con .arr_box .control:before { content: ""; flex-shrink: 0; width: 58px; height: 1px; background: #ddd; order: 2; margin: 0 50px }
.goods_box .goods_con .arr_box .control .prev { height: 100%; display: flex; place-items: center; position: relative; order: 1; cursor: pointer; font-family: Arial; font-size: 14px; color: #666; outline: none; }
.goods_box .goods_con .arr_box .control .prev .lable { margin-left: -20px; }
.goods_box .goods_con .arr_box .control .prev .lable i { color: var(--collections-page-buttonFont-color); font-size: 18px; font-weight: 700; font-style: normal; transition: all .3s; }
.goods_box .goods_con .arr_box .control .prev:before { content: ""; width: 36px; height: 36px; background-color: var(--collections-page-button-background); border-radius: 50% }
.goods_box .goods_con .arr_box .control .prev:hover .lable i { padding-right: 15px }

.goods_box .goods_con .arr_box .control .next { order: 3; cursor: pointer; display: flex; place-items: center; font-family: Arial; font-size: 14px; color: #666; outline: none; }
.goods_box .goods_con .arr_box .control .next .lable { margin-right: -20px; z-index: 1 }
.goods_box .goods_con .arr_box .control .next .lable i { color: var(--collections-page-buttonFont-color); font-size: 18px; font-weight: 700; font-style: normal; transition: all .3s; padding-left: 0px }
.goods_box .goods_con .arr_box .control .next:after { content: ""; width: 36px; height: 36px; background-color: var(--collections-page-button-background); border-radius: 50% }

.goods_box .goods_con .arr_box .control .next:hover .lable i { padding-left: 15px }

.detail .content_box .share-wrapper { display: flex; place-items: center; margin: 16px 0; }
.detail .content_box .share-wrapper a { display: flex; place-items: center; font-size: 12px; opacity: .65 }
.detail .content_box .share-wrapper a:hover { opacity: .8 }
.detail .content_box .share-wrapper a + a { margin-left: 20px; }
.detail .content_box .share-wrapper a span { padding-left: 5px; }


.pages { background-color: #fff; }
.pages .banner { height: var(--bannerHeight); position: relative; }
.pages .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.pages .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.pages .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.pages .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.pages .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }
.pages-wrap { position: relative }
.pages-wrap .context { max-width: var(--sectionWidth); margin: 0 auto; }
.pages-wrap .context .text { padding: 50px 0; font-size: 16px; line-height: 1.6 }

.contact { background-color: #f1f1f1; }
.contact .banner { position: relative; background-image: var(--background-image); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size: cover; }
.contact .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.contact .banner .container { z-index: 1; position: relative; text-align: center; max-width: var(--section-max-width); margin: auto; height: var(--bannerHeight); display: flex; place-content: center; place-items: center }
.maps_warp { margin-top: 20px }
.maps_warp .maps { width: 100%; height: 230px; display: inline-block; box-sizing: border-box; border-radius: 10px; overflow: hidden }
.maps_warp .maps iframe { width: 100%; height: 100%; border: 0; border-radius: 10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); }
.form-section .horizontal { display: flex; place-items: center; }
.form-section .rate { padding-left: 15px; }
.form-section .rate i { font-size: 20px; color: #ccc; margin-right: 10px; transition: all 0.5s; display: inline-block; cursor: pointer }
.form-section .rate .rate-solid { color: #FFB800; animation-name: example; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: ease; }


.search { }
.search .banner { height: var(--bannerHeight); position: relative; }
.search .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, var(--opacity)); }
.search .banner .container { display: flex; place-items: center; place-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 1; position: relative; text-align: center }
.search .banner .container .row .breadcrumb { background-color: #fff; color: #1e1e1e; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; margin-bottom: 30px; }
.search .banner .container .row .breadcrumb em { color: #999; padding: 0 6px; vertical-align: middle; }
.search .banner .container .row h3 { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1; }

.search .content_box { min-height: 460px }
.search .content_box .results { margin-bottom: 25px }
.search .content_box .results h2 { font-size: 30px; font-weight: 700 }
.search .content_box { max-width: var(--section-max-width); margin: 0 auto; height: auto; padding: 25px 0 60px 0; }
.search .con_wrap .list { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; font-size: 0; }
.search .con_wrap .list .item { background-color: #fff; position: relative; box-sizing: border-box; box-shadow: 0.5px 0.5px 20px 0 rgba(0,0,0,0.08); overflow: hidden; }
.search .con_wrap .list .item:nth-of-type(4n) { margin-right: 0; }
.search .con_wrap .list .item a { color: #333; font-size: 14px; font-weight: bold; display: block; height: 100% }
.search .con_wrap .list .item a .imgbox { position: relative; overflow: hidden; padding-bottom: 100%; }
.search .con_wrap .list .item a .imgbox img { max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.search .con_wrap .list .item a .info { }
.search .con_wrap .list .item a .info h2 { position: relative; font-size: 16px; line-height: 1; padding: 30px 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search .con_wrap .list .item a .info::before { content: ""; position: absolute; bottom: 0; left: 0; width: 20%; height: 100%; border-bottom: 2px solid #000; transition: 0.3s all linear; }

.search .con_wrap .list .item:hover a .info::before { width: 100%; }

.search .con_wrap .list .item a .info p { margin: 0 10px 10px; height: 18px; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; color: #888; font-size: 14px; font-weight: normal; }
.search .con_wrap .list .item a .info em { margin: 0 10px 14px; color: #ac2327; font-size: 16px; font-weight: normal; }
.search .con_wrap .list .item a:hover { color: #715d9d; }

.search .con_wrap .list .item a .info .price_box { padding: 0 5px 10px }
.search .con_wrap .list .item a .info .price_box .unit { font-size: 14px; font-weight: 700; font-style: normal; }
.search .con_wrap .list .item a .info .price_box .vul { font-size: 20px; font-weight: 700; padding-left: 3px; }
/* pages end */
/* 4K  */
@media (min-width: 1920px) {
    
    .hidden-xl { display: none !important; opacity: 0; visibility: hidden; }
}
/* 2K */
@media (min-width: 1600px) and (max-width: 1919px) {
    .hidden-lg { display: none !important; opacity: 0; visibility: hidden; }
    .partner-section .marquee-showcase { padding: 10px 0; }
    .partner-section .item-chunk { padding: 0 32px; }
    .partner-section .item-chunk img { max-height: 35px; }

    .faq-section .section-inner .section-body .section-view { max-width: 1400px; }
    .faq-section .section-inner .section-body .section-view .column .inner-wrap { padding: 20px 25px 0 0; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 30px; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 28px; line-height: 1.3; }
    .faq-section .section-inner .section-body .section-view .question-box { padding: 28px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips { padding-left: 80px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon { width: 65px; height: 65px; line-height: 65px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon svg { width: 28px; height: 28px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .title { font-size: 22px; line-height: 1.4; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .text { font-size: 16px; line-height: 1.5; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li { margin-bottom: 25px; padding-bottom: 25px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .title { font-size: 18px; line-height: 1.6; padding-right: 45px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap { width: 36px; height: 36px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content { padding-top: 18px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content .text { font-size: 15px; line-height: 1.7; }

}

/* ipad / notebook */
@media (min-width: 992px) and (max-width: 1599px) {
    .hidden-md { display: none !important; opacity: 0; visibility: hidden; }

    :root { --menu-grid-gap: 4; }

    .partner-section .marquee-showcase { padding: 8px 0; }
    .partner-section .marquee-row { margin-bottom: 20px; }
    .partner-section .item-chunk { padding: 0 24px; }
    .partner-section .item-chunk img { max-height: 30px; }

    .trustpilot-section .section-view > .column { padding-right: 12px; padding-left: 12px; }
    .trustpilot-section .inner-wrap .content .title { font-size: 42px !important; line-height: 1.2 !important; }
    .trustpilot-section .trustpilot-content-wrap .teasti-content { padding: 28px 30px 26px; }
    .trustpilot-section .trustpilot-content-wrap .teasti-quote { top: 28px; right: 28px; }
    .trustpilot-section .trustpilot-content-wrap .teasti-author h4 { font-size: 18px; }

    .about-section { padding: 50px 30px; }
    .about-section .section-inner .section-body.inner-container { padding: 40px 25px; background-attachment: scroll; }
    .about-section .section-view { gap: 25px; }
    .about-section .section-view .text-content .sub-title { font-size: 16px; letter-spacing: 2px; }
    .about-section .section-view .text-content .title { font-size: 30px; }
    .about-section .section-view .text-content .text { margin-top: 15px; font-size: 15px; line-height: 1.7; }
    .about-section .section-view .text-content .grid-view { gap: 18px; margin: 22px 0; }
    .about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg { width: 27px; height: 27px; }
    .about-section .section-view .text-content .btn-group .button { padding-left: 20px; }
    .about-section .section-view .text-content .btn-group .button .btn-text { font-size: 16px; }
    .about-section .section-footer .intro-video-counter-list { gap: 15px; margin-top: 80px; }
    .about-section .section-footer .intro-video-counter-item h2 { font-size: 32px; }
    .about-section .section-footer .intro-video-counter-item p { font-size: 14px; }


    .fullbanner-section { padding: 65px 30px; background-attachment: scroll; }
    .fullbanner-section .section-inner .section-body .section-view { max-width: 100%; }
    .fullbanner-section .text-content-wrap .title { font-size: 38px; line-height: 1.2; }
    .fullbanner-section .text-content-wrap .sub-title { margin-top: 16px; font-size: 16px; line-height: 1.8; }
    .fullbanner-section .text-content-wrap .btn-group { padding-top: 24px; }
    .fullbanner-section .text-content-wrap .btn-group .button { padding-left: 22px; }
    .fullbanner-section .text-content-wrap .btn-group .button .btn-text { font-size: 16px; }
    .fullbanner-section .text-content-wrap .btn-group .button .arrow { width: 36px; height: 36px; }


    .imgbasecomp-section .section-inner .section-header { margin-bottom: 38px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap { gap: var(--grid-gap,24px); }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info { padding: 18px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .sub-title { font-size: 18px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .desc { margin-bottom: 26px; font-size: 15px; }

    .counter-section { background-attachment: scroll; }
    .counter-section .section-inner .section-body .section-view .counter-wrap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .counter-section .section-inner .section-body .section-view .inner { padding: 32px; }
    .counter-section .section-inner .section-body .section-view .inner .count-box { font-size: clamp(36px,5vw,52px); }
    .counter-section .section-inner .section-body .section-view .inner .sub-title { margin-top: 60px; }

    .textcolumncomp-section .section-inner .section-header { margin-bottom: 35px; }
    .textcolumncomp-section .section-inner .section-header .title { font-size: clamp(32px,5vw,48px); }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap { gap: 20px; padding: 25px 22px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .sub-title { font-size: 18px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .normal-btn { margin-top: 22px; }


    .gallerycomp-section { padding: 50px 30px; }
    .gallerycomp-section .section-inner .section-body .section-view .column,
    .gallerycomp-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; }
    .gallerycomp-section .section-inner .section-body .section-view .column { margin-bottom: 24px; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 25px; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: clamp(30px, 4.5vw, 42px); }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .text { font-size: 16px; line-height: 1.7; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container {  grid-auto-rows: minmax(150px, 24vw); gap: 15px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item { grid-column: span min(var(--column-span), 6); }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-title { font-size: clamp(22px, 3vw, 30px); }

    .gridlistcomp-section { padding: 50px 30px; }
    .gridlistcomp-section .section-inner .section-header { margin-bottom: 30px; }
    .gridlistcomp-section .section-inner .section-header .desc { font-size: clamp(30px, 4.5vw, 44px); line-height: 1.3; }
    .gridlistcomp-section .grid-container {  gap: 14px; }
    .gridlistcomp-section .grid-container .media-grid-item { grid-column: span min(var(--column-span), 6); grid-row: span min(var(--row-span), 2); min-width: 0; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay { padding: 14px; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-title { font-size: clamp(20px, 2.8vw, 28px); }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-content { font-size: 13px; line-height: 1.5; }

    .menu-section { padding: 50px 30px; }
    .menu-section .section-inner .section-header { margin-bottom: 30px; }
    .menu-section .section-inner .section-body .section-view .grid-layout { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item { padding: 18px; gap: 12px; min-width: 0; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item .img-view { width: 60px; height: 60px; flex-shrink: 0; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item h2 { font-size: 15px; overflow-wrap: anywhere; }


    .product-standard-section { padding: 50px 30px; }
    .product-standard-section .section-inner .section-header { margin-bottom: 30px; }
    .product-standard-section .section-inner .section-header .title { font-size: clamp(28px, 4vw, 36px); line-height: 1.3; }
    .product-standard-section .section-inner .section-body .section-view { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .product-standard-section .section-inner .section-body .section-view .column { min-width: 0; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content { padding: 12px; margin-top: 5px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content h2 { font-size: 1.2rem; line-height: 1.4; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box .vul { font-size: 18px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content p { font-size: 13px; line-height: 1.6; }
    .product-standard-section .section-inner .section-footer { margin-top: 40px; }

    .feature-section { padding: 60px 32px; }
    .feature-section .section-view { gap: 30px; }
    .feature-section .section-view .text-content .grid-view { gap: 20px 16px; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-title .s__title { font-size: 19px; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-title .number { flex-basis: 34px; width: 34px; height: 34px; font-size: 20px; line-height: 34px; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-desc { margin-left: 42px; }

    .service-section { padding: 60px 30px; }
    .service-section .section-inner .section-body .section-view .column { width: 38%; }
    .service-section .section-inner .section-body .section-view .column:nth-child(2) { width: 62%; }
    .service-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 38px; }
    .service-section .section-inner .section-body .section-view .service-wrap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .col-wrap { padding: 24px 20px; gap: 20px; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .sub-title { font-size: 18px; }

    .facts-section { padding: 60px 30px; }
    .facts-section .section-inner .section-body .section-view .column { width: 40%; }
    .facts-section .section-inner .section-body .section-view .column:nth-child(2) { width: 60%; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 42px; line-height: 1.2; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content .text { font-size: 16px; line-height: 1.7; }
    .facts-section .section-inner .section-body .section-view .facts-wrap { margin-left: 35px; margin-top: 15px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info { font-size: 42px; padding: 20px 24px 26px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info strong { font-size: 15px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info sub { font-size: 15px; }

    .process-section { padding: 60px 30px; }
    .process-section .section-inner .section-header { margin-bottom: 40px; }
    .process-section .section-inner .section-body .section-view { gap: 12px; }
    .process-section .section-inner .section-body .section-view .process-box { padding: 24px 12px; gap: 8px; }
    .process-section .section-inner .section-body .section-view .process-box .img img { max-width: 70px; }
    .process-section .section-inner .section-body .section-view .process-box h4 { font-size: 20px; line-height: 1.4; }
    .process-section .section-inner .section-body .section-view .process-box p { font-size: 14px; line-height: 1.6; }
    .process-section .section-inner .section-body .section-view .process_arrow .icon { width: 30px; height: 30px; }

    .form-section { padding: 60px 30px; }
    .form-section .section-inner .section-body .section-view .column { width: 40%; }
    .form-section .section-inner .section-body .section-view .column:nth-child(2) { width: 60%; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { font-size: 16px; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 32px; line-height: 1.3; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .desc { font-size: 16px; line-height: 1.7; }
    .form-section .content-wrap .contact-form { margin-left: 20px; padding: 35px 25px; }
    .form-section .content-wrap .contact-form .form-group { margin-bottom: 25px; padding: 0 10px; }
    .form-section .content-wrap .contact-form .form-group label { font-size: 18px; }
    .form-section .contact_sidebar .item .list p { font-size: 15px; overflow-wrap: anywhere; }

    .imgtextlistcomp-section { padding: 60px 30px; }
    .imgtextlistcomp-section .section-inner .section-header { margin-bottom: 35px; }
    .imgtextlistcomp-section .section-inner .section-header .title { font-size: 42px; line-height: 1.3; }
    .imgtextlistcomp-section .section-inner .section-header .desc { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
    .imgtextlistcomp-section .section-header .controller .warp_ctrl { gap: 16px; }
    .imgtextlistcomp-section .section-header .controller .product-arrow { width: 40px; height: 40px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content { padding: 0 18px 20px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .card__text { padding-right: 30px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-title--card { font-size: 20px; line-height: 1.4; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-subtitle--paragraph { font-size: 14px; line-height: 1.5; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action { width: 32px; height: 32px; right: 12px; bottom: 12px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action svg { width: 24px; }

    .faq-section { padding: 60px 30px; }
    .faq-section .section-inner .section-body .section-view { max-width: 1200px; }
    .faq-section .section-inner .section-body .section-view .column { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
    .faq-section .section-inner .section-body .section-view .column .inner-wrap { padding: 15px 15px 0 0; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 25px; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 24px; line-height: 1.4; }
    .faq-section .section-inner .section-body .section-view .question-box { padding: 22px; border-radius: 8px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips { padding-left: 65px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon { width: 52px; height: 52px; line-height: 52px; border-radius: 8px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon svg { width: 26px; height: 26px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .title { font-size: 20px; line-height: 1.4; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .text { font-size: 14px; line-height: 1.6; margin-top: 8px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li { margin-bottom: 20px; padding-bottom: 20px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .title { font-size: 17px; line-height: 1.6; padding-right: 42px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap { width: 34px; height: 34px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap .arrow { width: 24px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content { padding-top: 15px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content .text { font-size: 14px; line-height: 1.7; }

    .blog-section { padding: 60px 30px; }
    .blog-section .section-inner .section-header { margin-bottom: 35px; }
    .blog-section .section-inner .section-header .title { font-size: 22px; line-height: 1.4; }
    .blog-section .section-inner .section-header .desc { font-size: 16px; margin-bottom: 10px; }
    .blog-section .section-inner .section-body .section-view { max-width: 1200px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
    .blog-section .section-inner .section-body .section-view .column .content { margin-top: 15px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options { gap: 14px; margin-bottom: 12px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options li { gap: 8px; font-size: 12px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options li svg { width: 15px; height: 15px; }
    .blog-section .section-inner .section-body .section-view .column .content .title { font-size: 21px; line-height: 1.4; }
    .blog-section .section-inner .section-body .section-view .column .content .text { margin-top: 12px; margin-bottom: 15px; font-size: 14px; line-height: 1.8; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more { font-size: 15px; padding-top: 16px; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more span { width: 30px; height: 30px; margin-right: 8px; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more svg { width: 23px; }
    .blog-section .section-inner .section-footer { margin-top: 45px; }
    .blog-section .section-inner .section-footer .btn-group .button { padding: 6px 7px 6px 22px; }
    .blog-section .section-inner .section-footer .btn-group .button .btn-text { font-size: 16px; }
    .blog-section .section-inner .section-footer .btn-group .button .arrow { width: 34px; height: 34px; }

    .pricing-section { padding: 60px 24px; }
    .pricing-section .section-inner .section-header, .pricing-section .section-inner .section-body .section-view { max-width: 1200px; }
    .pricing-section .section-inner .section-header { margin-bottom: 35px; }
    .pricing-section .section-inner .section-header .title { font-size: 42px !important; }
    .pricing-section .section-inner .section-header .desc { font-size: 15px !important; margin-bottom: 12px; }
    .pricing-section .section-inner .section-body .section-view .column .pricing_card { padding: 24px 18px; margin-bottom: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-title .heading { font-size: 19px; line-height: 24px; }
    .pricing-section .section-inner .section-body .section-view .column .card-price { padding-bottom: 20px; margin-bottom: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-price .heading { font-size: 34px; line-height: 1.3; }
    .pricing-section .section-inner .section-body .section-view .column .card-price .lable { font-size: 16px; line-height: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists { margin-bottom: 24px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists strong, .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li { font-size: 14px; line-height: 22px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature { margin-top: 12px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li { margin-bottom: 12px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li svg { width: 20px; height: 20px; flex-shrink: 0; margin-right: 8px; }
    .pricing-section .section-inner .section-body .section-view .column .card-button .btn { padding: 15px 12px; font-size: 14px; line-height: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-button .btn svg { max-width: 18px; }

}

@media screen and (max-width: 991px) {

    .banner { padding: 0 }
    .banner .controller { bottom: 10px; }
    .banner .controller .warp_ctrl { width: unset; justify-content: center; }
    .banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active { padding: 0 10px; }
    .banner .banner-swiper .swiper-pagination span { width: 10px; height: 10px; margin: 0 3px; }
    .banner .banner-swiper .swiper-slide .banner-content { width: 100%; padding: 20px }
    .banner .banner-swiper .swiper-slide .bg .text { width: 80%; }
    .banner .banner-swiper .swiper-slide .bg .text .title { font-size: 20px; }
    .banner .banner-swiper .swiper-slide .bg .text .desc { font-size: 14px; margin: 10px 0; line-height: 1.4 }
    .banner .banner-swiper .swiper-slide .bg .text .btn { font-size: 14px; padding: 5px 12px; gap: 5px; font-weight: normal; }
    .banner .banner-swiper .swiper-slide .bg .text .btn svg { width: 20px; }
    .banner .banner-swiper .swiper-slide .bg .text .btn img { height: 20px }
    .banner .banner-swiper .swiper-slide .bg .text .btn .inner-button .icon { width: 15px }
    .banner .banner-video-cover .banner-btn-play svg { height: 49px; width: 49px; }

    .partner-section { padding: 30px 0; }
    .partner-section .marquee-showcase { padding: 6px 0; }
    .partner-section .marquee-row { margin-bottom: 15px; }
    .partner-section .item-chunk { padding: 0 16px; }
    .partner-section .item-chunk img { max-height: 24px; max-width: 120px; }

    .trustpilot-section { padding: var(--padding, 35px 0); background-position: center; }
    .trustpilot-section .section-inner { width: 100%; }
    .trustpilot-section .section-view { width: 100%; padding: 0 18px; }
    .trustpilot-section .section-view > .column, .trustpilot-section .section-view > .column:nth-child(2) { width: 100%; margin-bottom: 20px; padding-right: 0; padding-left: 0; }
    .trustpilot-section .inner-wrap .content { margin-bottom: 20px; }
    .trustpilot-section .inner-wrap .content .sub-title { margin-bottom: 10px; font-size: 14px !important; }
    .trustpilot-section .inner-wrap .content .title { margin-bottom: 15px; font-size: 30px !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
    .trustpilot-section .testi-shape img { max-width: 180px; }
    .trustpilot-section .trustpilot-content-wrap { width: 100%; }
    .trustpilot-section .trustpilot-content-wrap .teasti-content { margin-top: 15px; padding: 24px 20px 22px; border-radius: 8px; }
    .trustpilot-section .trustpilot-content-wrap .teasti-content h4 { padding-right: 30px; font-size: 16px; line-height: 1.5; }
    .trustpilot-section .trustpilot-content-wrap .teasti-content p { margin-top: 15px; font-size: 14px; line-height: 1.8; }
    .trustpilot-section .trustpilot-content-wrap .teasti-quote { top: 22px; right: 18px; }
    .trustpilot-section .trustpilot-content-wrap .teasti-quote svg { width: 22px; height: 22px; }
    .trustpilot-section .trustpilot-content-wrap .teasti-author h4 { font-size: 17px; line-height: 1.5; }
    .trustpilot-section .trustpilot-content-wrap .teasti-author .img-view { width: 34px; height: 34px; margin-right: 10px; font-size: 16px; line-height: 34px; }
    .trustpilot-section .trustpilot-content-wrap .comment__rating { gap: 3px; margin-bottom: 12px; }
    .trustpilot-section .trustpilot-content-wrap .comment__rating .rated { flex-basis: 21px; width: 21px; height: 21px; }
    .trustpilot-section .trustpilot-content-wrap .controller { margin-top: 15px; }
    .trustpilot-section .trustpilot-content-wrap .controller .warp_ctrl { justify-content: flex-end; gap: 12px; }
    .trustpilot-section .trustpilot-content-wrap .controller .product-arrow { flex-basis: 42px; width: 42px; height: 42px; }


    .about-section { padding: 35px 16px; }
    .about-section .section-inner .section-body.inner-container { padding: 30px 18px; background-attachment: scroll; background-position: center; background-size: cover; }
    .about-section .section-view { flex-direction: column; align-items: stretch; gap: 28px; }
    .about-section .section-view .text-content, .about-section .section-view .media-box { width: 100%; max-width: 100%; flex: none; }
    .about-section .section-view .text-content .sub-title { margin-bottom: 12px; font-size: 15px; letter-spacing: 2px; }
    .about-section .section-view .text-content .title { font-size: 30px; line-height: 1.25; }
    .about-section .section-view .text-content .text { margin-top: 15px; font-size: 16px; line-height: 1.7; }
    .about-section .section-view .text-content .grid-view { grid-template-columns: repeat(var(--columns,1),minmax(0,1fr)); gap: 16px; margin: 22px 0; }
    .about-section .section-view .text-content .grid-view .grid-item .card-title { gap: 7px; }
    .about-section .section-view .text-content .grid-view .grid-item .card-title .icon svg { width: 26px; height: 26px; }
    .about-section .section-view .text-content .grid-view .grid-item .card-title .number { width: 32px; height: 32px; font-size: 20px; }
    .about-section .section-view .text-content .grid-view .grid-item .card-desc { margin-left: 0; font-size: 13px; }
    .about-section .section-view .text-content .btn-group { margin-top: 18px; }
    .about-section .section-view .text-content .btn-group .button { padding: 5px 6px 5px 20px; }
    .about-section .section-view .text-content .btn-group .button .btn-text { padding-right: 8px; font-size: 16px; }
    .about-section .section-view .text-content .btn-group .button .arrow { width: 34px; height: 34px; }
    .about-section .section-footer .intro-video-counter-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px; margin-top: 45px; }
    .about-section .section-footer .intro-video-counter-item h2 { margin-bottom: 5px; font-size: 32px; }
    .about-section .section-footer .intro-video-counter-item p { font-size: 14px; }


    .fullbanner-section { padding: 50px 20px; background-attachment: scroll; background-position: center; }
    .fullbanner-section .section-inner .section-body { border-radius: 10px; }
    .fullbanner-section .section-inner .section-body .section-view { max-width: 100%; }
    .fullbanner-section .text-content-wrap .title { font-size: 32px; line-height: 1.25; }
    .fullbanner-section .text-content-wrap .sub-title { margin-top: 14px; font-size: 15px; line-height: 1.8; }
    .fullbanner-section .text-content-wrap .btn-group { padding-top: 22px; }
    .fullbanner-section .text-content-wrap .btn-group .button { padding: 5px 6px 5px 20px; }
    .fullbanner-section .text-content-wrap .btn-group .button .btn-text { padding-right: 8px; font-size: 16px; }
    .fullbanner-section .text-content-wrap .btn-group .button .arrow { width: 34px; height: 34px; }
    .fullbanner-section .text-content-wrap .btn-group .button .arrow svg { width: 21px; height: 21px; }

    .imgbasecomp-section { padding: 40px 16px; }
    .imgbasecomp-section .section-inner .section-body.inner-container { padding: 30px 14px; }
    .imgbasecomp-section .section-inner .section-header { margin-bottom: 24px; }
    .imgbasecomp-section .section-inner .section-header .desc { margin-bottom: 10px; font-size: 14px; }
    .imgbasecomp-section .section-inner .section-header .title { font-size: 30px; line-height: 1.3; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap { grid-template-columns: minmax(0,1fr); gap: 22px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap { height: auto; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info { padding: 18px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .sub-title { margin-bottom: 10px; font-size: 18px; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .desc { margin-bottom: 22px; font-size: 14px; line-height: 1.7; }
    .imgbasecomp-section .section-inner .section-body .section-view .imgbase-wrap .col-wrap .col-info .normal-btn { font-size: 15px; }

    .counter-section { padding: 45px 0; background-attachment: scroll; }
    .counter-section .section-inner .section-body .section-view { padding: 0 15px; }
    .counter-section .section-inner .section-body .section-view .counter-wrap { grid-template-columns: minmax(0,1fr); gap: 15px; }
    .counter-section .section-inner .section-body .section-view .inner { padding: 25px 22px; }
    .counter-section .section-inner .section-body .section-view .inner .count-box { font-size: clamp(34px,10vw,46px); }
    .counter-section .section-inner .section-body .section-view .inner .text { margin-top: 10px; font-size: 16px; }
    .counter-section .section-inner .section-body .section-view .inner .sub-title { margin-top: 30px; padding-top: 18px; font-size: 16px; }
    .counter-section .section-inner .section-body .section-view .column:hover .count-box { transform: none; }

    .textcolumncomp-section { padding: 45px 0; }
    .textcolumncomp-section .section-inner .section-header { margin-bottom: 25px; padding-left: 20px; padding-right: 20px; }
    .textcolumncomp-section .section-inner .section-header .title { font-size: clamp(28px,7vw,36px); line-height: 1.3; overflow-wrap: anywhere; }
    .textcolumncomp-section .section-inner .section-header .desc { margin-bottom: 10px; }
    .textcolumncomp-section .section-inner .section-body .section-view { padding-left: 20px; padding-right: 20px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap { grid-template-columns: minmax(0,1fr); gap: 15px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap { gap: 15px; padding: 22px 18px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .icon { width: 50px; height: 50px; line-height: 50px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .icon svg { max-width: 30px; max-height: 30px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .sub-title { font-size: 17px; margin-bottom: 8px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .desc { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .normal-btn { margin-top: 18px; font-size: 15px; }
    .textcolumncomp-section .section-inner .section-body .section-view .textcolumn-wrap .text-item .col-wrap:hover { transform: none; }

    .gallerycomp-section { padding: 40px 15px; }
    .gallerycomp-section .section-inner .section-body .section-view .column,
    .gallerycomp-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 20px; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 22px; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { font-size: 14px; letter-spacing: 2px; margin-bottom: 10px; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: clamp(26px, 7vw, 34px); line-height: 1.3; }
    .gallerycomp-section .section-inner .section-body .section-view .inner-wrap .content .text { margin-top: 14px; font-size: 15px; line-height: 1.7; }
    .gallerycomp-section .inner-wrap .btn-group .button { padding: 5px 6px 5px 20px; }
    .gallerycomp-section .inner-wrap .btn-group .button .btn-text { font-size: 15px; padding-right: 10px; }
    .gallerycomp-section .inner-wrap .btn-group .button .arrow { width: 34px; height: 34px; line-height: 34px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 140px; gap: 10px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item { grid-column: span min(var(--column-span), 2); grid-row: span 1; min-height: 140px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay { padding: 12px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-title { font-size: clamp(16px, 4.5vw, 22px); line-height: 1.3; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-content { font-size: 12px; line-height: 1.5; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-link-arrow { gap: 4px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item .media-grid-overlay .media-link-arrow svg { width: 18px; height: 18px; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item img,
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item video { object-fit: cover; }
    .gallerycomp-section .section-inner .section-body .section-view .gallery-container .media-grid-item:hover img { transform: none; }

    .gridlistcomp-section { padding: 40px 15px; }
    .gridlistcomp-section .section-inner .section-header { margin-bottom: 22px; }
    .gridlistcomp-section .section-inner .section-header .desc { font-size: clamp(26px, 7vw, 34px); line-height: 1.3; }
    .gridlistcomp-section .section-inner .section-header .title { font-size: 14px; line-height: 1.5; }
    .gridlistcomp-section .grid-container { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 140px; gap: 10px; }
    .gridlistcomp-section .grid-container .media-grid-item { grid-column: span min(var(--column-span), 2); grid-row: span 1; min-height: 140px; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay { padding: 10px; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-title { font-size: clamp(16px, 4.5vw, 22px); line-height: 1.3; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-content { font-size: 12px; line-height: 1.5; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-link-arrow { gap: 4px; }
    .gridlistcomp-section .grid-container .media-grid-item .media-grid-overlay .media-link-arrow svg { width: 18px; height: 18px; }
    .gridlistcomp-section .grid-container .media-grid-item:hover img { transform: none; }


    .menu-section { padding: 40px 15px; }
    .menu-section .section-inner .section-header { margin-bottom: 22px; }
    .menu-section .section-inner .section-header .desc { font-size: 15px; margin-bottom: 10px; }
    .menu-section .section-inner .section-header .title { font-size: 24px; line-height: 1.4; }
    .menu-section .section-inner .section-body .section-view .grid-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item { flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; padding: 15px 10px; min-width: 0; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item .img-view { width: 60px; height: 60px; flex-shrink: 0; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item h2 { flex: initial; width: 100%; margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
    .menu-section .section-inner .section-body .section-view .grid-layout .item:hover { transform: none; }

    .product-standard-section { padding: 40px 15px; }
    .product-standard-section .section-inner .section-header { margin-bottom: 22px; }
    .product-standard-section .section-inner .section-header .desc { font-size: 15px; margin-bottom: 10px; }
    .product-standard-section .section-inner .section-header .title { font-size: 26px; line-height: 1.35; }
    .product-standard-section .section-inner .section-body .section-view { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .product-standard-section .section-inner .section-body .section-view .column { min-width: 0; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content { padding: 10px; margin-top: 2px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box .unit { font-size: 12px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content .price_box .vul { font-size: 16px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content h2 { font-size: 14px; line-height: 1.5; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner .content p { font-size: 12px; line-height: 1.6; -webkit-line-clamp: 2; }
    .product-standard-section .section-inner .section-footer { margin-top: 30px; }
    .product-standard-section .section-inner .section-footer .btn-group .button { padding: 5px 6px 5px 20px; }
    .product-standard-section .section-inner .section-footer .btn-group .button .btn-text { font-size: 15px; padding-right: 10px; }
    .product-standard-section .section-inner .section-footer .btn-group .button .arrow { width: 34px; height: 34px; line-height: 34px; }
    .product-standard-section .section-inner .section-body .section-view .column .product_inner:hover .image img { transform: none; }



    /*product standard*/
/*    .product-standard-layout { padding: 20px 10px; }
    .product-standard-layout .section-container { padding: 0 }
    .product-standard-layout .section-header { padding: 0px 15px 15px; }
    .product-standard-layout .section-header .title { font-size: 20px; line-height: 1; }
    .product-standard-layout .section-header .desc { font-size: 14px; margin-top: 5px; }
    .product-standard-layout .section-header .title::after { height: 1px; }
    .product-standard-layout .section-container .grid-view { grid-gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .product-standard-layout .section-container .grid-view .item { }
    .product-standard-layout .section-container .grid-view .item .imgbox { }
    .product-standard-layout .section-container .grid-view .item .textbox { padding: 15px 10px; }
    .product-standard-layout .section-container .grid-view .item .textbox .baseinfo { padding-right: 0px; }
    .product-standard-layout .section-container .grid-view .item .textbox h2 { font-size: 1.6rem; transform: translate(0, 0px); }
    .product-standard-layout .section-container .grid-view .item .textbox .desc { opacity: 1; transition: opacity 0.5s; }
    .product-standard-layout .section-container .grid-view .item .textbox p { line-height: 1.4; padding-bottom: 0; }*/

    .feature-section { padding: 40px 20px; }
    .feature-section .section-view { flex-direction: column; align-items: stretch; gap: 28px; }
    .feature-section .section-view .media-box { width: 100%; flex: none; }
    .feature-section .section-view .text-content { width: 100%; flex: none; }
    .feature-section .section-view .text-content .sub-title { margin-bottom: 12px; }
    .feature-section .section-view .text-content .title { font-size: min(var(--fontSize,30px),30px); line-height: 1.35; }
    .feature-section .section-view .text-content .text { margin-top: 16px; }
    .feature-section .section-view .text-content .grid-view { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; margin-top: 24px; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-title { gap: 7px; align-items: center; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-title .number { flex-basis: 30px; width: 30px; height: 30px; font-size: 17px; line-height: 30px; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-title .s__title { font-size: 16px; line-height: 1.4; }
    .feature-section .section-view .text-content .grid-view .grid-item .card-desc { margin-left: 0; font-size: 13px; line-height: 1.7; }

    .service-section { padding: 50px 20px; }
    .service-section .section-inner .section-body .section-view { flex-direction: column; }
    .service-section .section-inner .section-body .section-view .column,
    .service-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 30px; }
    .service-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 30px; }
    .service-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { font-size: 16px; margin-bottom: 12px; }
    .service-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 34px; line-height: 1.3; }
    .service-section .section-inner .section-body .section-view .inner-wrap .content .text { margin-top: 16px; font-size: 16px; line-height: 1.7; }
    .service-section .section-inner .section-body .section-view .service-wrap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .col-wrap { padding: 22px 18px; gap: 16px; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .icon { width: 50px; height: 50px; line-height: 50px; flex-shrink: 0; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .icon svg { width: 28px; height: 28px; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .sub-title { font-size: 18px; line-height: 1.4; }
    .service-section .section-inner .section-body .section-view .service-wrap .service-item .desc { margin-bottom: 16px; line-height: 1.7; }

    .facts-section { padding: 50px 20px; }
    .facts-section .section-inner .section-body .section-view { flex-direction: column; }
    .facts-section .section-inner .section-body .section-view .column,
    .facts-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 25px; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 30px; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { font-size: 16px; margin-bottom: 12px; letter-spacing: 2px; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 34px; line-height: 1.3; }
    .facts-section .section-inner .section-body .section-view .inner-wrap .content .text { margin-top: 16px; font-size: 16px; line-height: 1.7; }
    .facts-section .inner-wrap .btn-group .button { padding: 6px 7px 6px 20px; }
    .facts-section .inner-wrap .btn-group .button .btn-text { font-size: 16px; }
    .facts-section .inner-wrap .btn-group .button .arrow { width: 36px; height: 36px; line-height: 36px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap { margin: 0; width: 100%; gap: 12px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info { width: 100%; margin-top: 0; padding: 20px 22px; font-size: 38px; border-radius: 10px; gap: 12px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info strong { font-size: 14px; }
    .facts-section .section-inner .section-body .section-view .facts-wrap .facts-info sub { font-size: 14px; }


    .process-section { padding: 50px 20px; }
    .process-section .section-inner .section-header { margin-bottom: 30px; }
    .process-section .section-inner .section-header .desc { font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
    .process-section .section-inner .section-header .title { font-size: 28px; line-height: 1.4; }
    .process-section .section-inner .section-body .section-view { display: flex; flex-direction: column; gap: 16px; }
    .process-section .section-inner .section-body .section-view .process-box { flex: none; width: 100%; padding: 24px 18px; gap: 10px; }
    .process-section .section-inner .section-body .section-view .process-box .img img { max-width: 70px; height: auto; }
    .process-section .section-inner .section-body .section-view .process-box h4 { font-size: 20px; line-height: 1.4; margin-bottom: 0; }
    .process-section .section-inner .section-body .section-view .process-box p { font-size: 14px; line-height: 1.6; margin-bottom: 0; }
    .process-section .section-inner .section-body .section-view .process_arrow { transform: rotate(90deg); }
    .process-section .section-inner .section-body .section-view .process_arrow .icon { width: 28px; height: 28px; }


    .form-section { padding: 50px 20px; }
    .form-section .section-inner .section-body .section-view { flex-direction: column; }
    .form-section .section-inner .section-body .section-view .column,
    .form-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 30px; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 30px; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .sub-title { font-size: 16px; margin-bottom: 12px; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 30px; line-height: 1.4; }
    .form-section .section-inner .section-body .section-view .inner-wrap .content .desc { font-size: 16px; line-height: 1.7; }
    .form-section .contact_sidebar { margin-top: 25px; }
    .form-section .contact_sidebar .item { margin-top: 22px; }
    .form-section .contact_sidebar .item .list p { font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
    .form-section .contact_sidebar .item .cols { flex-wrap: wrap; gap: 12px; }
    .form-section .content-wrap .contact-form { margin-left: 0; padding: 30px 20px; border-radius: 10px; }
    .form-section .content-wrap .contact-form .form-group { width: 100%; padding: 0; margin-bottom: 22px; }
    .form-section .content-wrap .contact-form .form-group label { font-size: 17px; }
    .form-section .content-wrap .contact-form .form-group input,
    .form-section .content-wrap .contact-form .form-group select { height: 48px; font-size: 15px; }
    .form-section .content-wrap .contact-form .form-group textarea { height: 120px; font-size: 15px; }
    .form-section .section-inner .btn-group .button { padding: 6px 7px 6px 20px; }
    .form-section .section-inner .btn-group .button .btn-text { font-size: 16px; }
    .form-section .section-inner .btn-group .button .arrow { width: 36px; height: 36px; line-height: 36px; }

    .industry-section { padding: 50px 20px; }
    .industry-section .section-inner .section-header { margin-bottom: 25px; }
    .industry-section .section-inner .section-header .desc { font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
    .industry-section .section-inner .section-header .title { font-size: 30px; line-height: 1.4; }
    .industry-section .section-inner .section-body .section-view .industry_wrap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .industry-section .section-inner .section-body .section-view .item .content { top: 22%; }
    .industry-section .section-inner .section-body .section-view .item:hover .content { top: 12%; }
    .industry-section .section-inner .section-body .section-view .item .content .icon { height: 34px; }
    .industry-section .section-inner .section-body .section-view .item .content .icon svg { width: 34px; height: 34px; }
    .industry-section .section-inner .section-body .section-view .item .content .icon img { max-width: 34px; max-height: 34px; }
    .industry-section .section-inner .section-body .section-view .item .content .title { padding: 0 8px; margin-top: 10px; font-size: 16px; line-height: 1.4; }
    .industry-section .section-inner .section-body .section-view .item .content .text { padding: 0 8px; margin-top: 8px; }
    .industry-section .section-inner .section-body .section-view .item .content .text .desc { font-size: 12px; line-height: 1.5; -webkit-line-clamp: 3; }
    .industry-section .section-inner .section-body .section-view .item .content .text .normal-btn { font-size: 13px; margin-top: 8px; }


    .imgtextlistcomp-section { padding: 45px 20px; }
    .imgtextlistcomp-section .section-inner .section-header { margin-bottom: 25px; padding-right: 0; }
    .imgtextlistcomp-section .section-inner .section-header .desc { font-size: 14px; line-height: 1.5; margin-bottom: 8px; }
    .imgtextlistcomp-section .section-inner .section-header .title { font-size: 30px; line-height: 1.4; padding-right: 0; }
    .imgtextlistcomp-section .section-header .controller { position: static; margin-top: 18px; }
    .imgtextlistcomp-section .section-header .controller .warp_ctrl { gap: 12px; }
    .imgtextlistcomp-section .section-header .controller .product-arrow { width: 36px; height: 36px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .content .picture { padding-bottom: 100%; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content { padding: 0 14px 16px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .card__text { padding-right: 24px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-title--card { font-size: 18px; line-height: 1.4; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .section-subtitle--paragraph { font-size: 13px; line-height: 1.5; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action { width: 28px; height: 28px; right: 8px; bottom: 8px; }
    .imgtextlistcomp-section .section-inner .section-body .section-view .item .card__content .link__action svg { width: 22px; }


    .faq-section { padding: 45px 20px; }
    .faq-section .section-inner .section-body .section-view { display: flex; flex-direction: column; }
    .faq-section .section-inner .section-body .section-view .column,
    .faq-section .section-inner .section-body .section-view .column:nth-child(2) { width: 100%; padding: 0; margin-bottom: 25px; }
    .faq-section .section-inner .section-body .section-view .column .inner-wrap { padding: 0; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content { margin-bottom: 20px; }
    .faq-section .section-inner .section-body .section-view .inner-wrap .content .title { font-size: 24px; line-height: 1.4; }
    .faq-section .section-inner .section-body .section-view .question-box { padding: 20px; border-radius: 8px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips { padding-left: 58px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon { width: 44px; height: 44px; line-height: 44px; border-radius: 6px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .icon svg { width: 24px; height: 24px; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer { max-width: 100%; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .title { font-size: 19px; line-height: 1.4; }
    .faq-section .section-inner .section-body .section-view .question-box .tips .title-outer .text { font-size: 14px; line-height: 1.6; margin-top: 8px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li { margin-bottom: 18px; padding-bottom: 18px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .title { font-size: 16px; line-height: 1.5; padding-right: 40px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap { width: 32px; height: 32px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .faq-box li .question .icon-wrap .arrow { width: 22px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content { padding-top: 12px; }
    .faq-section .section-inner .section-body .section-view .faq-wrap .acc-content .content .text { font-size: 14px; line-height: 1.7; }

    .blog-section { padding: 45px 20px; }
    .blog-section .section-inner .section-header { margin-bottom: 25px; }
    .blog-section .section-inner .section-header .title { font-size: 22px; line-height: 1.5; }
    .blog-section .section-inner .section-header .desc { font-size: 14px; line-height: 1.5; margin-bottom: 8px; }
    .blog-section .section-inner .section-body .section-view { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .blog-section .section-inner .section-body .section-view .column .image { padding-bottom: 56.25%; }
    .blog-section .section-inner .section-body .section-view .column .content { margin-top: 15px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options { gap: 12px; margin-bottom: 12px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options li { gap: 7px; font-size: 12px; }
    .blog-section .section-inner .section-body .section-view .column .content .meta-options li svg { width: 15px; height: 15px; }
    .blog-section .section-inner .section-body .section-view .column .content .title { font-size: 20px; line-height: 1.45; }
    .blog-section .section-inner .section-body .section-view .column .content .text { margin-top: 12px; margin-bottom: 15px; font-size: 14px; line-height: 1.8; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more { font-size: 15px; padding-top: 15px; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more span { width: 30px; height: 30px; margin-right: 8px; }
    .blog-section .section-inner .section-body .section-view .column .content .read-more svg { width: 22px; }
    .blog-section .section-inner .section-footer { margin-top: 35px; }
    .blog-section .section-inner .section-footer .btn-group .button { padding: 5px 6px 5px 18px; }
    .blog-section .section-inner .section-footer .btn-group .button .btn-text { font-size: 15px; padding-right: 8px; }
    .blog-section .section-inner .section-footer .btn-group .button .arrow { width: 30px; height: 30px; }
    .blog-section .section-inner .section-footer .btn-group .button .icon { width: 18px; height: 18px; }

    .pricing-section { padding: 40px 16px; }
    .pricing-section .section-inner .section-header { margin-bottom: 25px; }
    .pricing-section .section-inner .section-header .title { font-size: 30px !important; line-height: 1.3 !important; }
    .pricing-section .section-inner .section-header .desc { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 10px; }
    .pricing-section .section-inner .section-body .section-view { width: 100%; }
    .pricing-section .section-inner .section-body .section-view .column { height: auto; }
    .pricing-section .section-inner .section-body .section-view .column .pricing_card { padding: 24px 20px; margin-bottom: 20px; border-radius: var(--radius); }
    .pricing-section .section-inner .section-body .section-view .column .card-title { max-height: none; }
    .pricing-section .section-inner .section-body .section-view .column .card-title .heading { font-size: 20px; line-height: 26px; }
    .pricing-section .section-inner .section-body .section-view .column .card-price { padding-bottom: 20px; margin-bottom: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-price .heading { font-size: 36px; line-height: 1.3; }
    .pricing-section .section-inner .section-body .section-view .column .card-price .lable { font-size: 16px; line-height: 20px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists { margin-bottom: 24px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists strong { font-size: 16px; line-height: 24px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature { margin-top: 12px; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li { font-size: 14px; line-height: 22px; margin-bottom: 12px; align-items: flex-start; }
    .pricing-section .section-inner .section-body .section-view .column .card-lists .list-feature li svg { width: 20px; height: 20px; flex-shrink: 0; margin-right: 8px; }
    .pricing-section .section-inner .section-body .section-view .column .card-button .btn { padding: 15px 20px; font-size: 15px; line-height: 22px; }
    .pricing-section .section-inner .section-body .section-view .column .card-button .btn svg { max-width: 18px; }



    /*product*/
    .product-layout { padding: 20px 0px; }
    .product-layout .product-swiper { margin: 0; padding: 10px 10px }
    .product-layout .product-swiper .controller { position: relative; text-align: center; padding: 10px 0 0; }
    .product-layout .section-container { padding: 0px }
    .product-layout .section-header { padding: 0px 15px 15px; }
    .product-layout .section-header .title { font-size: 20px; line-height: 1; }
    .product-layout .section-header .desc { font-size: 14px; margin-top: 5px; }
    .product-layout .section-header .title::after { height: 1px; }
    .product-layout .section-container .item { padding: 10px; }
    .product-layout .section-container .item .content { flex-direction: column; gap: 10px;height:auto }
    .product-layout .section-container .item .content .right-layout { order: 0; }
    .product-layout .section-container .item .content .left-layout { order: 1 }
    .product-layout .product-swiper .controller .warp_ctrl { display: flex; gap: 10px; margin-top: 10px; place-items: center; place-content: center; }
    .product-layout .product-swiper .controller .product-arrow { height: 39px; width: 39px; }
    .product-layout .section-container .item .content .left-layout .btn { text-align: center; margin-top: 30px; }
    .product-layout .section-container .item .content .left-layout .title { font-size: 16px }
    .product-layout .section-container .item .content .left-layout .number { font-size: 14px; }
    .product-layout .section-container .item .content .left-layout .lead { font-size: 22px; margin-top: 10px; line-height:30px }
    .product-layout .section-container .item .content .left-layout .txt { font-size: 14px; margin-top: 14px; line-height: 20px; }




    /*imgTextComp*/
    .imgTextComp-section { padding: 20px 10px; }
    .imgTextComp-section .graphics { flex-direction: column; gap: 0px; }
    .imgTextComp-section .graphics .images-box { order: 0; width: 100%; }
    .imgTextComp-section .graphics .text-content { order: 1; width: 100%; }
    .imgTextComp-section .graphics .text-content .title { font-size: 28px; margin: 15px 0 15px; }
    .imgTextComp-section .graphics .text-content .desc-warp { margin-bottom: 20px; }
    .imgTextComp-section .graphics .text-content .desc-warp .desc { font-size: 16px; }
    .imgTextComp-section .graphics .text-content .list .item { margin-bottom: 10px; font-size: 16px; }
    .imgTextComp-section .graphics .text-content .list { margin: 0px 0px 30px 10px; }
    .imgTextComp-section .graphics .section-btn { place-content: center; }
    .imgTextComp-section .graphics .section-btn .btn { font-size: 14px; padding: 8px 12px; gap: 5px; }
    .imgTextComp-section .graphics .section-btn .btn svg { width: 26px; }
    .imgTextComp-section .graphics .section-btn .btn .inner-button .icon { width: 20px }



    /*workComp*/
    .work-layout { padding: 20px 10px; }
    .work-layout .section-header { padding: 0px 15px 15px; margin-bottom: 0 }
    .work-layout .section-header .title { font-size: 20px; line-height: 1; }
    .work-layout .section-header .desc { font-size: 14px; margin-top: 5px; padding: 0 }
    .work-layout .section-header .title::after { height: 1px; }
    .work-layout .section-container .section-view { column-count: 2; column-gap: 10px; }
    .work-layout .section-container .section-view .item { margin-bottom: 10px; }
    .work-layout .section-container .section-view .item .item-desc h2 { font-size: 16px; font-weight:normal}
    .work-layout .section-container .section-view .item .item-desc { padding: 10px 10px; }

    /*contactComp*/
    .contact-section { padding: 20px 10px; }
    .contact-section .section-box { width: 100%; }
    .contact-section .section-box .title { font-size: 60px; text-align: left; width: 100%; }
    .contact-section .section-box .desc { font-size: 18px; text-align: left; width: 100%; line-height: 28px; }
    .contact-section .section-box .section-btn .btn { padding: 8px 20px; }
    .contact-section .feature-logos { flex-flow: wrap; gap: 10px; }
    /*subscribeComp*/
    .subscribe-section { padding: 20px 10px; }
    .subscribe-section .wrap .container .title { font-size: 24px }
    .subscribe-section .wrap .container .desc { font-size: 16px }
    .subscribe-section .wrap .container .subscribe-widget { margin-top: 30px }


    .custompagecomp-section { padding: 20px 10px; }
    .custompagecomp-section .section-header h2 { font-size: 24px }

    .team-section { padding: 20px 0; }
    .team-section .team_box { padding: 0 10px }
    .team-section .team_box .title { margin-bottom: 20px; font-size: 20px; }
    .team-section .team_box .content { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
    .team-section .team_box .content .item .imgview { height: 300px; padding: 10px 5px; }
    .team-section .team_box .content .item .desc { height: 80px; bottom: 5px; left: 5px; right: 5px; }
    .team-section .team_box .content .item .desc h3 { margin-bottom: 0px; font-size: 14px; }
    .team-section .team_box .content .item .desc span { font-size: 12px; }
    .team-section .team_box .content .item .desc .parag { opacity: 1; }
    .team-section .team_box .content .item .desc .parag p { font-size: 12px; line-height: 1.2 }

    .certificates { padding: 20px 0; }
    .certificates .honor_box .title { margin-bottom: 20px; font-size: 20px; }
    .certificates .honor_box .honor_con { grid-gap: 10px; grid-template-columns: repeat(2, 1fr); padding: 15px; }
    .certificates .honor_box .honor_con .item .imgbox { padding: 0 10px; height: 140px; }
    .certificates .honor_box .honor_con .item p { font-size: 1.4rem; padding: 0 10px }
    /*formComp*/
/*    .form-layout { padding: 20px 0px; }
    .form-layout .section-container { padding:0 10px}
    .form-layout .section-container { flex-direction: column; }
    .form-layout .sidebar .title { font-size: 28px; }
    .form-layout .sidebar .desc-warp { margin-bottom: 30px; }
    .form-layout .sidebar .desc { font-size: 14px;  }
    .form-layout .sidebar .section-btn .btn { font-size: 14px; padding: 8px 12px; gap: 5px; }
    .form-layout .sidebar .section-btn { text-align: center; }
    .form-layout .content { width: 100%; }*/

    .grid-text-layout { padding: 20px 10px; }
    .grid-text-layout .section-header .title { font-size: 20px; }
    .grid-text-layout .section-header .desc { padding: unset; margin-top: 0; font-size: 16px }
    .grid-text-layout .section-header { margin-bottom: 20px; }
    .grid-text-layout .section-inner .section-view { grid-gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .grid-text-layout .section-inner .section-view .item .box-inner-wrap { padding: 10% 5%; height: 100%; }
    .grid-text-layout .section-inner .section-view .inner-wrap .icon-wrap svg { width:38px;height:38px}
    .grid-text-layout .section-inner .section-view .inner-wrap h4 { font-size: 16px; line-height: 1.4; }
    .grid-text-layout .section-inner .section-view .inner-wrap p { font-size: 14px; line-height: 1.4; }
    .grid-text-layout .section-inner .section-view .inner-wrap .icon-wrap { margin-bottom: 10px; }
    .grid-text-layout .section-inner .section-view .inner-wrap { height:auto;min-height:auto}



    .richtextcomp-section { padding: 15px 0 }
    .richtextcomp-section .section-container .image-content, .richtextcomp-section .section-container .video-content { height: auto; border-radius: 0 }
    .richtextcomp-section .section-container .text-content .text-content__warps .title { font-size: clamp( 16px, calc(var(--fontSize) * 0.6), var(--fontSize) ); }
    .richtextcomp-section .section-container .text-content .text-content__warps .desc { font-size: clamp( 16px, calc(var(--fontSize) * 0.6), var(--fontSize) ); }
    .richtextcomp-section .section-container .section-btn { padding-top: 15px; }
    .richtextcomp-section .section-container .section-btn .btn { font-size: 14px; padding: 8px 12px; gap: 5px; }
    .richtextcomp-section .section-container .section-btn .btn svg { width: 26px; }
    .richtextcomp-section .section-container .section-btn .btn .inner-button .icon { width: 20px }

}