@charset "utf-8";
/* 색 설정 */
:root {
     --main-color: #265593; 
     --black-color: #222; 
     --white-color: #fff; 
     --text-blue: #2F6B99; 
     --bg-gray: #F7F7F7; 
}
/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */
/* 스크롤 커스텀 */
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-thumb { background-color: var(--main-color); border-radius: 10px; }
/* 드래그 블록 커스텀 */
::selection { background-color: var(--main-color); color: #fff; }
/* default */
* { font-size: 15px; font-weight: inherit; font-family: inherit; color: #333; box-sizing: border-box; letter-spacing: inherit; line-height: 140%; }
body { font-family: 'Pretendard', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -0.04em; }
section { display: block; }
a { color: inherit; }
a:hover { text-decoration: none; color: inherit; }
.inner { width: 1200px; margin: 0 auto; }
.paging_box { margin-top: 20px; padding: 10px 0; display: flex; align-items: center; justify-content: center; }
.paging_box .pg_page { background-color: #FFF; border: 1px solid #e6e6e6; }
.paging_box .pg_current { background-color: #0F1C2E; color: #fff; border: 1px solid #0F1C2E; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; }
select::-ms-expand { display: none; }
p { word-break: keep-all; }
@media screen and (max-width: 1250px) { .inner { width: 100%; padding: 0 10px; } } /* tablet */
@media screen and (max-width: 650px) { .paging_box { font-size: 13px; } } /* mobile */
/*common*/
section { padding: 100px 0; }
.title-box .label { color: var(--text-blue); font-size: 20px; font-weight: 500; }
.title-box h2 { font-size: 38px; font-weight: 700; margin-top: 10px; }
.title-box p { font-size: 20px; margin-top: 10px; font-weight: 500; color: #555; margin-top: 10px; }
.title-box h4 { font-size: 24px; font-weight: 500; color: #555; margin-top: 10px; }
.sub-intro{height: 580px;}
.sub-intro.about{background: url('../img/about/about-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro.construction{background: url('../img/construction/construction-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro.test{background: url('../img/test/test-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro.equipment{background: url('../img/equipment/equipment-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro.case{background: url('../img/case/case-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro.contact{background: url('../img/contact/contact-visual-bg.jpg') no-repeat center center / cover;}
.sub-intro .inner{display: flex; align-items: center; height: 100%;}
.sub-intro .visual-text h1{font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 30px;}
.sub-intro .visual-text p{font-size: 24px; font-weight: 500; color: #fff;}
@media screen and (max-width: 1250px) { 
    section { padding: 80px 0; } 
    .title-box .label { font-size: 18px; } 
    .title-box h2 { font-size: 32px; } 
    .title-box h4 { font-size: 22px; }
    .sub-intro { height: 500px; }
    .sub-intro .inner{padding: 0 20px;}
    .sub-intro .visual-text h1 { font-size: 42px; margin-bottom: 24px; }
    .sub-intro .visual-text p { font-size: 22px; }
}
@media screen and (max-width: 960px) { 
    section { padding: 70px 0; } 
    .title-box .label { font-size: 16px; } 
    .title-box h2 { font-size: 28px; } 
    .title-box p { font-size: 18px; }
    .title-box h4 { font-size: 20px; }
    .sub-intro { height: 420px; background-position: center; }
    .sub-intro .visual-text h1 { font-size: 32px; margin-bottom: 18px; }
    .sub-intro .visual-text p { font-size: 18px; }
}
@media screen and (max-width: 650px) { 
    section { padding: 50px 0; } 
    .title-box .label { font-size: 15px; } 
    .title-box h2 { font-size: 22px; } 
    .title-box p { font-size: 16px; }
    .title-box h4 { font-size: 18px; }
    .title-box p br{display: none;}
    .sub-intro { height: 320px; background-position: center top; }
    .sub-intro .inner { align-items: flex-end; padding-bottom: 50px; }
    .sub-intro .visual-text h1 { font-size: 24px; margin-bottom: 12px; }
    .sub-intro .visual-text p { font-size: 16px; }
}
/* header */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 100px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; transition: 0.3s; }
header .logo a { width: 200px; height: 80px; }
header .logo a img { width: 100%; height: 100%; object-fit: contain; }
header .logo .scroll-logo { display: none; }
header .gnb ul { display: flex; align-items: center; gap: 40px; }
header .gnb ul a { color: #fff; font-size: 18px; font-weight: 600; }
header .gnb ul a:hover { color: var(--text-blue); }
/* 햄버거 — 961px 이상 숨김 */
header .menu-btn { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; z-index: 104; }
header .menu-btn span { display: block; width: 24px; height: 2px; background-color: #fff; border-radius: 1px; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; }
header.on .menu-btn span { background-color: #333; }
header .header-dim { display: none; }
/*header scroll*/
header.on { background-color: #fff; }
header.on .logo .main-logo { display: none; }
header.on .logo .scroll-logo { display: block; }
header.on .gnb ul a { color: #333; }
header.on .gnb ul a:hover { color: var(--main-color); }

header.white-header .menu-btn span { background-color: #333; }
/*header scroll*/
header.white-header { background-color: #fff; }
header.white-header .logo .main-logo { display: none; }
header.white-header .logo .scroll-logo { display: block; }
header.white-header .gnb ul a { color: #333; }
header.white-header .gnb ul a:hover { color: var(--main-color); }
header.white-header .menu-btn span {background-color: #333;}

@media screen and (max-width: 1250px) { 
    header .gnb ul a { font-size: 16px; } 
}
@media screen and (max-width: 960px) {
    header .menu-btn { display: flex; }
    header .header-dim { display: block; position: fixed; left: 0; right: 0; bottom: 0; top: 100px; background-color: rgba(0, 0, 0, 0.45); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 101; pointer-events: none; }
    header.menu-open .header-dim { opacity: 1; visibility: visible; pointer-events: auto; }
    header .gnb { position: fixed; top: 0px; right: 0; bottom: 0; width: min(360px, 88vw); height: 100vh; padding: 80px 20px 0 20px; background-color: #fff; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); transform: translateX(100%); transition: transform 0.35s ease; z-index: 102; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    header.menu-open .gnb { transform: translateX(0); }
    header .gnb ul { flex-direction: column; align-items: flex-start; gap: 0; }
    header .gnb ul li { width: 100%; border-bottom: 1px solid #eee; }
    header .gnb ul li:last-child { border-bottom: 0; }
    header .gnb ul a { display: block; padding: 16px 4px; color: #333; font-size: 17px; }
    header .gnb ul a:hover { color: var(--main-color); }
    header:not(.on) .menu-btn span { background-color: #fff; }
    header.menu-open .menu-btn span { background-color: #333; }
    header.menu-open .menu-btn span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    header.menu-open .menu-btn span:nth-child(2) { opacity: 0; }
    header.menu-open .menu-btn span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
    header.white-header .menu-btn span {background-color: #333;}
}
@media screen and (max-width: 650px) {
    header { height: 80px; padding: 0 16px; }
    header .logo a { width: 160px; height: 64px; }
    header .header-dim { top: 80px; }
}
/*floating-menu*/
.floating-menus{display: flex; flex-direction: column; gap: 20px; position: fixed; bottom: 30px; right: 30px; z-index: 99;} 
.floating-menu{padding: 10px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 5px; transition: 0.3s;}
.floating-menu img{width: 35px; height: 35px; object-fit: contain;} 
.floating-menu:hover{transform: scale(1.05);}
.floating-menu:nth-child(1){background-color: var(--main-color); color: #fff;}
.floating-menu:nth-child(2){background-color: #fff; color: var(--main-color);}
.floating-menu:nth-child(3){background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(5px); color: #fff;}
.floating-menu:nth-child(3) b{color: #DC2626; font-size: 16px; font-weight: 600; border-left: 1px solid #fff; margin-left: 10px; padding-left: 10px;}
@media screen and (max-width: 960px) {
    .floating-menus{gap: 20px; flex-direction: row; right: auto; justify-content: center; left: 50%; transform: translateX(-50%); width: 650px;}
    .floating-menu{flex: 1;}
}
@media screen and (max-width: 650px) {
    .floating-menus{gap: 10px;width: calc(100% - 30px); bottom: 10px;}
    .floating-menu{gap: 5px; height: 40px; padding: 5px; font-size: 14px; font-weight: 500;}
    .floating-menu img{width: 20px; height: 20px;}
    .floating-menu:nth-child(3){flex-direction: column; gap: 0;}
    .floating-menu:nth-child(3) b{font-size: 14px; border-left: none; margin-left: 0; padding-left: 0; font-weight: 500;}
}
/*footer*/
footer{background-color: #222; padding: 50px 0;}
footer .inner .logo-gnb{display: flex; align-items: center; justify-content: space-between;}
footer .inner .logo-gnb .logo a{width: 200px; height: 80px;}
footer .inner .logo-gnb .logo img{width: 100%; height: 100%; object-fit: contain;}
footer .inner .logo-gnb .gnb{display: flex; gap: 40px;}
footer .inner .logo-gnb .gnb li{color: #fff; font-size: 16px; font-weight: 500;}
footer .inner .info-copyright{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 30px;}
footer .inner .info-copyright .info-box .info,
footer .inner .info-copyright .info-box .info span{color: #ddd; font-size: 16px; font-weight: 500; margin-bottom: 10px;}
footer .inner .info-copyright .info-box .info span:first-child{margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff;}
footer .inner .info-copyright .copyright p{color: #ddd; font-size: 16px; font-weight: 500;}
@media screen and (max-width: 1250px) {

}
@media screen and (max-width: 960px) {
    footer{padding: 50px 0 80px 0;}
    footer .inner .logo-gnb{flex-direction: column; align-items: flex-start; gap: 20px;}
    footer .inner .info-copyright{flex-direction: column; gap: 20px; width: 100%; align-items: flex-start;}
}
@media screen and (max-width: 650px) {
    footer{padding: 30px 0 60px 0;}
    footer .inner .logo-gnb .logo a{width: 160px; height: 64px;}
    footer .inner .logo-gnb .gnb{gap: 10px; flex-wrap: wrap;}
    footer .inner .logo-gnb .gnb li{font-size: 14px;}
    footer .inner .info-copyright .info-box .info,
    footer .inner .info-copyright .info-box .info span{font-size: 14px;}
    footer .inner .info-copyright .copyright p{font-size: 14px;}
}
/*#############################index.html###########################*/
/*.sec1*/
section.sec1 { padding: 0; }
.sec1 { min-height: 100vh; min-height: 100dvh; height: auto; display: flex; align-items: center; justify-content: center; position: relative; padding: 100px 0 80px; box-sizing: border-box; }
.sec1 .inner { width: 100%; max-width: 1200px; padding-left: 20px; padding-right: 20px; }
.sec1 .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.sec1 .bg-video::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.sec1 .bg-video video { width: 100%; height: 100%; object-fit: cover; }
.sec1 .inner h1 { font-size: 52px; font-weight: 700; color: #fff; text-align: center; margin-bottom: 30px; }
.sec1 .inner h1 br { display: none; }
.sec1 .inner p { font-size: 32px; font-weight: 500; color: #fff; text-align: center; }
.sec1 .inner p br { display: none; }
/*.sec2*/
.sec2 .content .img-box { width: 100%; max-width: 100%; height: 240px; border-radius: 5px; overflow: hidden; margin: 30px 0; }
.sec2 .content .img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sec2 .content p { font-size: 24px; color: #777; }
@media screen and (max-width: 1250px) {
    .sec1 .inner { padding-left: 24px; padding-right: 24px; } 
    .sec1 .inner h1 { margin-bottom: 24px; font-size: 42px; } 
    .sec1 .inner p { font-size: 28px; } 
    .sec2 .content p { font-size: 21px; } 
    .sec2 .content .img-box { height: 220px; } 
}
@media screen and (max-width: 960px) { 
    .sec1 .inner h1 { margin-bottom: 20px; font-size: 32px; } 
    .sec1 .inner p { font-size: 24px; } 
    .sec2 .content p { font-size: 18px; } 
    .sec2 .content .img-box { height: 200px; margin: 20px 0; } 
}
@media screen and (max-width: 650px) { 
    .sec1 .inner { padding-left: 16px; padding-right: 16px; } 
    .sec1 .inner h1 { margin-bottom: 16px; font-size: 24px; } 
    .sec1 .inner p { font-size: 20px; } 
    .sec1 .inner h1 br { display: block; } 
    .sec1 .inner p br { display: block; } 
    .sec2 .content p { font-size: 16px; } 
}
/*sec3*/
.sec3{background-color: var(--bg-gray);}
.sec3 .items{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 24px; margin-top: 50px;}
.sec3 .items .item{border-radius: 5px; overflow: hidden;}
.sec3 .items .item.first{background: url('../img/main/main-sec3-img1.jpg') no-repeat center center / cover; display: flex; justify-content: center; align-items: center; border-radius: 5px; overflow: hidden;}
.sec3 .items .item.first p{font-size: 22px; color: #fff; text-align: center; font-weight: 600;}
.sec3 .items .item .blue-box{background-color: var(--main-color); padding: 20px;}
.sec3 .items .item .blue-box .icon-box{width: 70px; height: 70px; margin: 0 auto;}
.sec3 .items .item .blue-box .icon-box img{width: 100%; height: 100%; object-fit: contain;}
.sec3 .items .item .blue-box h3{color: #fff; font-size: 24px; font-weight: 500; text-align: center; margin-top: 20px;}
.sec3 .items .item p{font-size: 20px; color: #777; text-align: center; margin-top: 15px;}
.sec3 .items .item.first { min-height: 240px; }
@media screen and (max-width: 1250px) {
    .sec3 .items { margin-top: 40px; }
    .sec3 .items .item.first p { font-size: 20px; }
    .sec3 .items .item .blue-box { padding: 18px; }
    .sec3 .items .item .blue-box .icon-box { width: 60px; height: 60px; }
    .sec3 .items .item .blue-box h3 { font-size: 22px; margin-top: 16px; }
    .sec3 .items .item p { font-size: 18px;}
}
@media screen and (max-width: 960px) {
    .sec3 .items { margin-top: 30px; grid-template-columns: repeat(2,1fr);}
    .sec3 .items .item.first p { font-size: 18px;}
    .sec3 .items .item .blue-box { padding: 10px; }
    .sec3 .items .item .blue-box h3 { font-size: 20px; margin-top: 10px; }
    .sec3 .items .item p { font-size: 16px; margin-top: 10px;}
}
@media screen and (max-width: 650px) {
    .sec3 .items {grid-gap: 12px; margin-top: 20px; }
    .sec3 .items .item.first p { font-size: 16px;}
    .sec3 .items .item.first p br { display: none; }
    .sec3 .items .item .blue-box .icon-box { width: 40px; height: 40px; }
    .sec3 .items .item .blue-box h3 { font-size: 18px; }
    .sec3 .items .item p { font-size: 15px;}
    .sec3 .items .item p br { display: none; }
}
/*sec4*/
.sec4 { background: url('../img/main/main-sec4-img1.jpg') no-repeat center center / cover; min-height: min(520px, 70vw); }
.sec4 .inner .title-box { text-align: center; }
.sec4 .inner .title-box .label { color: #B3DEFF; }
.sec4 .inner .title-box h2,
.sec4 .inner .title-box p { color: #fff; }
.sec4 .inner .title-box p { max-width: 720px; margin-left: auto; margin-right: auto; }
.sec4 .inner .content { margin: 50px auto 0 auto; border-radius: 10px; border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(5px); width: 60%; max-width: 900px; padding: 20px; }
.sec4 .inner .content div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 20px; font-weight: 500; text-align: center; }
.sec4 .inner .content div:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 1250px) {
    .sec4 { min-height: min(480px, 75vw); }
    .sec4 .inner .content { width: 72%; margin: 40px auto 0 auto; padding: 18px; }
    .sec4 .inner .content div { font-size: 19px; margin-bottom: 16px; padding-bottom: 16px; }
}
@media screen and (max-width: 960px) {
    .sec4 { min-height: min(420px, 80vw); }
    .sec4 .inner .title-box h2 br,
    .sec4 .inner .title-box p br { display: none; }
    .sec4 .inner .content { width: 90%; max-width: none; margin: 32px auto 0 auto; padding: 16px; border-radius: 8px; }
    .sec4 .inner .content div { font-size: 18px; margin-bottom: 14px; padding-bottom: 14px; }
}
@media screen and (max-width: 650px) {
    .sec4 { min-height: min(380px, 85vh); background-position: center top; }
    .sec4 .inner .content { width: 100%; margin: 24px auto 0 auto; padding: 14px 12px; }
    .sec4 .inner .content div { margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; line-height: 1.45; }
}
/*sec5*/
.sec5 .inner { display: flex; justify-content: space-between; align-items: stretch; gap: 24px; }
.sec5 .inner .left { flex: 1; min-width: 0; }
.sec5 .inner .left .text-box { margin-top: 50px; }
.sec5 .inner .left .text-box p { font-size: 24px; color: #777; }
.sec5 .inner .left .text-box p.t1 { margin-bottom: 10px; }
.sec5 .inner .right { flex: 1; min-width: 0; border-radius: 5px; overflow: hidden; }
.sec5 .inner .right img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media screen and (max-width: 1250px) {
    .sec5 .inner .left .text-box { margin-top: 40px; }
    .sec5 .inner .left .text-box p { font-size: 21px; }
}
@media screen and (max-width: 960px) {
    .sec5 .inner .left .text-box{margin-top: 30px;}
    .sec5 .inner .left .text-box p { font-size: 18px; }
    .sec5 .inner .left .text-box p br { display: none; }
}
@media screen and (max-width: 650px) {
    .sec5 .inner .left .text-box{margin-top: 20px;}
    .sec5 .inner { gap: 20px; flex-direction: column;}
    .sec5 .inner .right { aspect-ratio: 4 / 3; max-height: min(240px, 58vw); min-height: 160px; }
    .sec5 .inner .left .text-box p { font-size: 16px; }
    .sec5 .inner .left .text-box p.t1 { margin-bottom: 5px; }
}
/*sec6*/
.sec6{background-color: var(--bg-gray);}
.sec6 .inner{display: flex; justify-content: space-between; border-radius: 5px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25); overflow: hidden;}
.sec6 .inner .left{flex: 1; background: url('../img/main/main-sec6-img1.jpg') no-repeat center center / cover; padding: 50px 30px;}
.sec6 .inner .left .title-box .label{color: #B3DEFF;}
.sec6 .inner .left .title-box h2{color: #fff;}
.sec6 .inner .left .title-box h2 b{color: #60A5FA; font-size: 38px; font-weight: 700;} 
.sec6 .inner .right{flex: 1; padding: 30px;}
.sec6 .inner .right .form-box{display: flex; flex-direction: column; gap: 20px;}
.sec6 .inner .right .form-box .field .label{font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.sec6 .inner .right .form-box .field .label b{color: #DF1D24; font-size: 18px; font-weight: 500;}
.sec6 .inner .right .form-box .field input{width: 100%; padding: 16px; border-radius: 5px; border: 1px solid #ddd;}
.sec6 .inner .right .form-box .field input:focus{outline: none; border: 1px solid var(--main-color); box-shadow: none;}
.sec6 .inner .right .form-box .field input::placeholder{color: #888888; font-size: 16px; letter-spacing: 0;}
.sec6 .inner .right .agreement-box{margin: 20px 0 30px 0;}
.sec6 .inner .right .agreement-box label{font-size: 16px; color: #7f7f7f; display: flex; align-items: center; gap: 10px;}
.sec6 .inner .right .agreement-box label input{width: 20px; height: 20px; accent-color: var(--main-color);}
.sec6 .inner .right .btn-box{width: 100%; background-color: var(--main-color); color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: none; cursor: pointer; font-size: 20px; font-weight: 600; position: relative; overflow: hidden; transition: 0.3s;}
.sec6 .inner .right .btn-box:hover{transform: scale(1.05);}
@media screen and (max-width: 1250px) {
    .sec6 .inner .left .title-box h2 b{font-size: 32px;}
}
@media screen and (max-width: 960px) {
    .sec6 .inner .left .title-box h2 b{font-size: 28px;}
    .sec6 .inner .right{padding: 20px;}
    .sec6 .inner .right .form-box .field .label{font-size: 16px;}
    .sec6 .inner .right .form-box .field .label b{font-size: 16px;}
    .sec6 .inner .right .form-box .field input{padding: 10px;}
    .sec6 .inner .right .form-box .field input::placeholder{font-size: 14px;}
    .sec6 .inner .right .agreement-box{margin: 15px 0 20px 0;}
    .sec6 .inner .right .agreement-box label{font-size: 15px;}
    .sec6 .inner .right .agreement-box label input{width: 16px; height: 16px;}
    .sec6 .inner .right .btn-box{font-size: 18px; height: 40px;}
}
@media screen and (max-width: 650px) {
    .sec6 .inner {flex-direction: column; width: calc(100% - 40px); padding: 0;}
    .sec6 .inner .left{flex: none; width: 100%;}
    .sec6 .inner .left .title-box h2 b{font-size: 22px;}
    .sec6 .inner .right .form-box{gap: 10px;}
}
/*#############################about.html###########################*/
/*about-sec2*/
.about-sec2{background-color: var(--bg-gray); padding: 100px 0;}
.about-sec2 .content{display: flex; justify-content: space-between; margin-top: 70px;}
.about-sec2 .card{flex: 1; min-width: 0; padding: 20px; position: relative;}
.about-sec2 .card:nth-of-type(1){background: var(--main-color);}
.about-sec2 .card:nth-of-type(2){background:#E1E9F4;}
.about-sec2 .card:nth-of-type(3){background:#4F4F4F;}
.about-sec2 .card .icon{width: 50px; height: 50px; position: absolute; top: 20px; right: 20px;}
.about-sec2 .card .icon img{width: 100%; height: 100%; object-fit: contain;}
.about-sec2 .card .text-box .label{font-size: 16px; font-weight: 500; color: #ddd;}
.about-sec2 .card .text-box h3{font-size: 24px; font-weight: 600; margin: 20px 0; color: #fff;}
.about-sec2 .card .text-box p{font-size: 20px; font-weight: 500; color: #fff;}
.about-sec2 .card:nth-child(2) .text-box .label{color: #777;}
.about-sec2 .card:nth-child(2) .text-box h3,
.about-sec2 .card:nth-child(2) .text-box p{color: #333;}
@media screen and (max-width: 1250px) {
    .about-sec2{padding: 80px 0;}
    .about-sec2 .content{ margin-top: 50px;}
    .about-sec2 .card .icon{width: 44px; height: 44px; top: 18px; right: 18px;}
    .about-sec2 .card .text-box h3{font-size: 22px; margin: 16px 0;}
    .about-sec2 .card .text-box p{font-size: 18px;}
}
@media screen and (max-width: 960px) {
    .about-sec2{padding: 70px 0;}
    .about-sec2 .content{flex-direction: column; margin-top: 40px;}
    .about-sec2 .card .text-box .label{font-size: 15px;}
    .about-sec2 .card .text-box h3{font-size: 20px; margin: 15px 0;}
    .about-sec2 .card .text-box h3 br,
    .about-sec2 .card .text-box p br{display: none;}
    .about-sec2 .card .text-box p{font-size: 16px;}
}
@media screen and (max-width: 650px) {
    .about-sec2{padding: 50px 0;}
    .about-sec2 .content{margin-top: 30px;}
    .about-sec2 .card{padding: 10px;}
    .about-sec2 .card .icon{width: 40px; height: 40px;  top: 10px; right: 10px;}
    .about-sec2 .card .text-box .label{font-size: 14px;}
    .about-sec2 .card .text-box h3{font-size: 18px; margin: 10px 0;}
    .about-sec2 .card .text-box p{font-size: 15px;}
}
/*about-sec3*/
.about-sec3{position: relative;}
.about-sec3 .bg-img{position: absolute; bottom: 0px; left: 0; width: 40%; height: 50%; z-index: -1;}
.about-sec3 .bg-img img{width: 100%; height: 100%; object-fit: contain;}
.about-sec3 .content {display: flex; justify-content: flex-end;}
.about-sec3 .content .cards-wrap{display: flex; gap: 100px;}
.about-sec3 .content .cards-wrap .cards{display: flex; flex-direction: column; gap: 40px;}
.about-sec3 .content .cards-wrap .cards:first-child{margin-top: 100px;}
.about-sec3 .content .cards-wrap .card{width: 383px}
.about-sec3 .content .cards-wrap .card .img-box{width: 100%; aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden;}
.about-sec3 .content .cards-wrap .card .img-box img{width: 100%; height: 100%; object-fit: cover;}
.about-sec3 .content .cards-wrap .card .text-box{margin-top: 30px;}
.about-sec3 .content .cards-wrap .card .text-box h3{font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.about-sec3 .content .cards-wrap .card .text-box p{font-size: 24px; font-weight: 500; color: #555;}
@media screen and (max-width: 1250px) {
    .about-sec3 .bg-img{position: absolute; bottom: 0px; left: 0; width:60%; height: 50%;}
    .about-sec3 .content .cards-wrap{gap: 50px;}
    .about-sec3 .content .cards-wrap .cards{gap: 30px;}
    .about-sec3 .content .cards-wrap .cards:first-child{margin-top: 80px;}
    .about-sec3 .content .cards-wrap .card .text-box h3{font-size: 24px; margin-bottom: 14px;}
    .about-sec3 .content .cards-wrap .card .text-box p{font-size: 20px;}
}
@media screen and (max-width: 960px) {
    .about-sec3 .bg-img{display: none;}
    .about-sec3 .title-box p br{display: none;}
    .about-sec3 .content{justify-content: space-between; margin-top: 30px;}
    .about-sec3 .content .cards-wrap{width: 100%; gap: 20px;}
    .about-sec3 .content .cards-wrap .cards{flex: 1; gap: 20px; width: calc((100% - 20px) / 2);}
    .about-sec3 .content .cards-wrap .cards:first-child{margin-top: 0;}
    .about-sec3 .content .cards-wrap .card{width: 100%;}
    .about-sec3 .content .cards-wrap .card .text-box{margin-top: 18px;}
    .about-sec3 .content .cards-wrap .card .text-box h3{font-size: 21px; margin-bottom: 10px;}
    .about-sec3 .content .cards-wrap .card .text-box p{font-size: 17px;}
    .about-sec3 .content .cards-wrap .card .text-box p br{display: none;}
}
@media screen and (max-width: 650px) {
    .about-sec3 .content{margin-top: 28px;}
    .about-sec3 .content .cards-wrap .card .text-box{margin-top: 14px;}
    .about-sec3 .content .cards-wrap .card .text-box h3{font-size: 18px; margin-bottom: 8px;}
    .about-sec3 .content .cards-wrap .card .text-box p{font-size: 15px;}
}
@media screen and (max-width: 560px){
    .about-sec3 .content .cards-wrap{flex-direction: column; gap: 20px;}
    .about-sec3 .content .cards-wrap .cards{width: 100%;}
}
/*about-sec4*/
.about-sec4{background: url('../img/about/about-sec4-bg.jpg') no-repeat center center / cover; padding: 100px 0;}
.about-sec4 .inner .title-box .label{color: #B3DEFF;}
.about-sec4 .inner .title-box > * {color: #fff;}
.about-sec4 .inner .content{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 50px;}
.about-sec4 .inner .content .item{padding: 20px; border-radius: 10px;border: 1px solid #E5E5E5;background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(5px);}
.about-sec4 .inner .content .item h4{font-size: 24px; font-weight: 500; color: #fff; margin-bottom: 20px;}
.about-sec4 .inner .content .item p{font-size: 20px; color: #fff;}
@media screen and (max-width: 1250px) {
    .about-sec4{padding: 80px 0;}
    .about-sec4 .inner .content .item h4{font-size: 22px;}
    .about-sec4 .inner .content .item p{font-size: 18px;}
}
@media screen and (max-width: 960px) {
    .about-sec4{padding: 70px 0;}
    .about-sec4 .inner .content{gap: 12px; margin-top: 30px;}
    .about-sec4 .inner .content .item {padding: 10px;}
    .about-sec4 .inner .content .item h4{font-size: 20px; margin-bottom: 10px;}
    .about-sec4 .inner .content .item p{font-size: 16px;}
}
@media screen and (max-width: 650px) {
    .about-sec4{padding: 50px 0;}
    .about-sec4 .inner .content{grid-template-columns: 1fr;}
    .about-sec4 .inner .content .item h4{font-size: 18px;}
    .about-sec4 .inner .content .item p{font-size: 15px;}
}
/*sub-banner*/
.sub-banner{background: url('../img/common/sub-banner-bg.jpg') no-repeat center center / cover; position: relative; overflow: hidden;}
.sub-banner:before{content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, rgba(0, 217, 255, 0.00) 0%, #00D9FF 50%, rgba(0, 217, 255, 0.00) 100%);}
.sub-banner .inner{text-align: center;}
.sub-banner .inner > *{text-align: center; color: #fff;}
.sub-banner .inner h1{font-size: 48px; font-weight: 700; color: #60A5FA; padding: 0 30px 50px 30px; display: inline-block; border-bottom: 1px solid #ddd;}
.sub-banner .inner p{font-size: 24px; font-weight: 500; margin: 50px auto; max-width: 960px;}
.sub-banner .inner h2{font-size: 32px; font-weight: 700; max-width: 920px; margin: 0 auto;}
.sub-banner .inner h2 br{display: none;}
.sub-banner .btn-box{display: inline-block; padding: 1px; border-radius: 30px; background: linear-gradient(135deg, #FFE100, #00ffff, #ef14ff); margin-top: 50px; transition: 0.3s;}
.sub-banner .btn-box:hover{transform: scale(1.05);}
.sub-banner .btn-box .btn{display: flex; justify-content: center; align-items: center; border-radius: inherit; padding: 10px 30px; color: #fff; background-color: #4D4E4F;}
@media screen and (max-width: 1250px) {
    /* .sub-banner{padding: 80px 0;} */
    .sub-banner .inner h1{font-size: 38px; padding: 0 20px 40px 20px;}
    .sub-banner .inner p{font-size: 20px; margin: 40px auto;}
    .sub-banner .inner h2{font-size: 28px;}
    .sub-banner .btn-box{margin-top: 40px;}
}
@media screen and (max-width: 960px) {
    /* .sub-banner{padding: 70px 0;} */
    .sub-banner .inner h1{font-size: 32px; padding: 0 20px 30px 20px;}
    .sub-banner .inner p{font-size: 18px; margin: 32px auto;}
    .sub-banner .inner h2{font-size: 24px;}
    .sub-banner .btn-box{margin-top: 30px;}
}
@media screen and (max-width: 650px) {
    /* .sub-banner{padding: 50px 0;} */
    .sub-banner:before{height: 4px;}
    .sub-banner .inner p{font-size: 16px; margin: 24px auto;}
    .sub-banner .inner p br{display: none;}
    .sub-banner .inner h2{font-size: 20px;}
    .sub-banner .inner h2 br{display: block;}
    .sub-banner .btn-box{margin-top: 20px;}
    .sub-banner .btn-box .btn{padding: 10px 20px; font-size: 15px;}
}
/*#############################construction.html###########################*/
/*construction-sec1*/
.construction-common{padding: 150px 0;}
.construction-common .inner .img-box{width: 100%; aspect-ratio: 16 / 6; border-radius: 5px; overflow: hidden; margin: 50px 0;}
.construction-common .inner .img-box img{width: 100%; height: 100%; object-fit: cover;}
.construction-common .inner .text-box{display: flex; justify-content: space-between; gap: 24px;}
.construction-common .inner .text-box .left{flex: 1; color: #e5e5e5; font-size: 48px; font-weight: 800;}
.construction-common .inner .text-box .right{flex: 3; display: flex; flex-direction: column; gap: 20px;}
.construction-common .inner .text-box .right p{font-size: 20px; font-weight: 500; color: #555;}
/*construction-sec2*/
.construction-sec2{padding: 100px 0; background: var(--bg-gray);}
@media screen and (max-width: 1250px) {
    .construction-common{padding: 120px 0;}
    .construction-common .inner .img-box{aspect-ratio: 16 / 6; margin: 40px 0;}
    .construction-common .inner .text-box .left{font-size: 38px;}
    .construction-common .inner .text-box .right p{font-size: 18px;}
    .construction-sec2{padding: 80px 0;}
}
@media screen and (max-width: 960px) {
    .construction-common{padding: 80px 0;}
    .construction-common .inner .img-box{aspect-ratio: 16 / 7; margin: 34px 0;}
    .construction-common .inner .text-box{flex-direction: column; gap: 20px;}
    .construction-common .inner .text-box .left{font-size: 32px;}
    .construction-common .inner .text-box .right p{font-size: 16px;}
    .construction-sec2{padding: 60px 0;}
}
@media screen and (max-width: 650px) {
    .construction-common{padding: 60px 0;}
    .construction-common .inner .img-box{aspect-ratio: 2 / 1; margin: 20px 0;}
    .construction-common .inner .text-box{gap: 10px;}
    .construction-common .inner .text-box .left{font-size: 24px;}
    .construction-common .inner .text-box .right{gap: 10px;}
    .construction-common .inner .text-box .right p{font-size: 15px;}
    .construction-sec2{padding: 50px 0;}
}

/*construction-sec4*/
.construction-sec4{background: #000;}
.construction-sec4 .inner .title-box h2,
.construction-sec4 .inner .title-box h4{color: #fff;}
.construction-sec4 .inner .content{display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.construction-sec4 .inner .content .item{width: 280px; height: 280px; border-radius: 285px; border-radius: 50%; background: rgba(0, 110, 255, 0.20); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px;}
.construction-sec4 .inner .content .item h4{font-size: 24px; font-weight: 600; color: #00D9FF; margin-bottom: 10px; text-align: center; }
.construction-sec4 .inner .content .item p{font-size: 16px; font-weight: 500; color: #fff; text-align: center;}
.construction-sec4 .inner .content .item:nth-child(1){transform: translateX(50px);}
.construction-sec4 .inner .content .item:nth-child(3){transform: translateX(-50px);}
@media screen and (max-width: 1250px) {
    .construction-sec4 .inner .content{margin-top: 60px;}
    .construction-sec4 .inner .content .item{width: 250px; height: 250px;}
    .construction-sec4 .inner .content .item h4{font-size: 22px;}
    .construction-sec4 .inner .content .item:nth-child(1){transform: translateX(35px);}
    .construction-sec4 .inner .content .item:nth-child(3){transform: translateX(-35px);}
}
@media screen and (max-width: 960px) {
    .construction-sec4 .inner .title-box h4 br{display: none;}
    .construction-sec4 .inner .content{margin-top: 40px;}
    .construction-sec4 .inner .content .item{width: 220px; height: 220px; padding: 20px;}
    .construction-sec4 .inner .content .item h4{font-size: 20px; margin-bottom: 5px;}
    .construction-sec4 .inner .content .item p{font-size: 15px;}
    .construction-sec4 .inner .content .item:nth-child(1){transform: translateX(20px);}
    .construction-sec4 .inner .content .item:nth-child(3){transform: translateX(-20px);}
    .construction-sec4 .inner .content .item p br{display: none;}
}
@media screen and (max-width: 650px) {
    .construction-sec4 .inner .content{flex-direction: column; gap: 10px; margin-top: 30px;}
    .construction-sec4 .inner .content .item {border-radius: 10px; width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: row;}
    .construction-sec4 .inner .content .item:nth-child(1),
    .construction-sec4 .inner .content .item:nth-child(3){transform: none;}
    .construction-sec4 .inner .content .item h4{font-size: 18px; min-width: 100px;}
    .construction-sec4 .inner .content .item p{text-align: start; flex: 1;}
    .construction-sec4 .inner .content .item p br{display: none;}
}
/*#############################test.html###########################*/
/*test-sec2*/
.test-sec2{background: var(--bg-gray);}
.test-sec2 .inner .list{display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px;}
.test-sec2 .inner .list:last-child{border-bottom: none;}
.test-sec2 .inner .list .left{flex: 1;}
.test-sec2 .inner .list .left h2{font-size: 32px; font-weight: 700;}
.test-sec2 .inner .list .right{flex: 2;}
.test-sec2 .inner .list .right ul li{font-size: 24px; margin-bottom: 20px;}
.test-sec2 .inner .list.list2 .right{display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
.test-sec2 .inner .list.list2 .right .item{display: flex; align-items: center; gap: 24px;}
.test-sec2 .inner .list.list2 .item img{width: 50px; height: 50px; object-fit: contain;}
.test-sec2 .inner .list.list2 .item p{font-size: 24px; font-weight: 500;}
.test-sec2 .inner .list .right p{font-size: 24px; margin-bottom: 20px;}
@media screen and (max-width: 1250px) {
    .test-sec2 .inner .list{padding-bottom: 40px; margin-bottom: 40px; gap: 30px;}
    .test-sec2 .inner .list .left h2{font-size: 28px;}
    .test-sec2 .inner .list .right ul li,
    .test-sec2 .inner .list .right p,
    .test-sec2 .inner .list.list2 .item p{font-size: 20px;}
    .test-sec2 .inner .list.list2 .right{gap: 36px;}
    .test-sec2 .inner .list.list2 .right .item{gap: 18px;}
}
@media screen and (max-width: 960px) {
    .test-sec2 .inner .list{flex-direction: column; padding-bottom: 34px; margin-bottom: 30px; gap: 20px;}
    .test-sec2 .inner .list .left,
    .test-sec2 .inner .list .right{flex: none; width: 100%;}
    .test-sec2 .inner .list .left h2{font-size: 24px;}
    .test-sec2 .inner .list .right ul li{font-size: 18px; margin-bottom: 14px;}
    .test-sec2 .inner .list .right p,
    .test-sec2 .inner .list.list2 .item p{font-size: 18px;}
    .test-sec2 .inner .list.list2 .right{gap: 20px;}
    .test-sec2 .inner .list.list2 .item img{width: 40px; height: 40px;}
    .test-sec2 .inner .list .right p{margin-bottom: 10px;}
}
@media screen and (max-width: 650px) {
    .test-sec2 .inner .list{padding-bottom: 30px; margin-bottom: 20px; gap: 10px;}
    .test-sec2 .inner .list .left h2{font-size: 20px;}
    .test-sec2 .inner .list .right ul li{font-size: 16px; margin-bottom: 10px; line-height: 1.5;}
    .test-sec2 .inner .list.list2 .right{grid-template-columns: 1fr; gap: 12px;}
    .test-sec2 .inner .list.list2 .item img{width: 30px; height: 30px;}
    .test-sec2 .inner .list .right p,
    .test-sec2 .inner .list.list2 .item p{font-size: 16px;}
}
/*test-sec3*/
.test-sec3.construction-sec4 .inner .content .item:nth-child(1){transform: translateX(60px);}
.test-sec3.construction-sec4 .inner .content .item:nth-child(2){transform: translateX(20px);}
.test-sec3.construction-sec4 .inner .content .item:nth-child(3){transform: translateX(-20px);}
.test-sec3.construction-sec4 .inner .content .item:nth-child(4){transform: translateX(-60px);}
@media screen and (max-width: 960px) {
    .test-sec3.construction-sec4 .inner .content{flex-wrap: wrap;}
    .test-sec3.construction-sec4 .inner .content .item{width: 35%; aspect-ratio: 1 / 1; height: auto;}
    .test-sec3.construction-sec4 .inner .content .item:nth-child(1),
    .test-sec3.construction-sec4 .inner .content .item:nth-child(2),
    .test-sec3.construction-sec4 .inner .content .item:nth-child(3),
    .test-sec3.construction-sec4 .inner .content .item:nth-child(4){transform: none;}
}
@media screen and (max-width: 650px) {
    .test-sec3.construction-sec4 .inner .content .item{width: 100%; aspect-ratio: unset;}
}
/*#############################equipment.html###########################*/
/*equipment-sec1*/
.equipment-sec1 .inner .menuBox{margin-bottom: 50px;}
.equipment-sec1 .inner .content{display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 50px; column-gap: 24px; }
.equipment-sec1 .inner .content .item{width: 100%;}
.equipment-sec1 .inner .content .item .img-box{width: 100%; aspect-ratio: 1 / 1;}
.equipment-sec1 .inner .content .item .img-box img{width: 100%; height: 100%; object-fit: contain;}
.equipment-sec1 .inner .content .item .text-box h4{font-size: 20px; font-weight: 500; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}
.equipment-sec1 .inner .content .item .text-box div p{font-size: 16px; font-weight: 500; color: #555;}
.equipment-sec1 .inner .content .item .text-box div p:first-child{margin-bottom: 10px;}
.paging_box{margin-top: 100px;}
@media screen and (max-width: 1250px) {
    .equipment-sec1 .inner .menuBox{margin-bottom: 40px;}
    .paging_box{margin-top: 80px;}
}
@media screen and (max-width: 960px) {
    .equipment-sec1 .inner .content{grid-template-columns: repeat(3, 1fr); row-gap: 30px;}
    .equipment-sec1 .inner .menuBox{margin-bottom: 30px;}
    .equipment-sec1 .inner .content .item .text-box h4{font-size: 18px; margin-bottom: 10px; padding-bottom: 10px;}
    .equipment-sec1 .inner .content .item .text-box div p{font-size: 15px;}
    .paging_box{margin-top: 60px;}
}
@media screen and (max-width: 650px) {
    .equipment-sec1 .inner .menuBox{margin-bottom: 24px;}
    .equipment-sec1 .inner .content{grid-template-columns: repeat(2, 1fr); row-gap: 24px;}
    .equipment-sec1 .inner .content .item .text-box{flex: 1; min-width: 0;}
    .equipment-sec1 .inner .content .item .text-box div p{font-size: 14px;}
    .equipment-sec1 .inner .content .item .text-box div p:first-child{margin-bottom: 5px;}
    .paging_box{margin-top: 40px;}
}
/*#############################case.html###########################*/
/*case-sec1*/
.case-sec1 .inner .menuBox{margin-bottom: 50px;}
.case-sec1 .inner .content{display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 50px; column-gap: 24px;}
.case-sec1 .inner .content > div{min-width: 0;}
.case-sec1 .inner .content .item{width: 100%;}
.case-sec1 .inner .content div input{margin-bottom: 10px;}
.case-sec1 .inner .content .item .img-box{width: 100%; aspect-ratio: 4 / 3; border-radius: 5px; overflow: hidden;}
.case-sec1 .inner .content .item .img-box img{width: 100%; height: 100%; object-fit: cover;}
.case-sec1 .inner .content .item .text-box{padding: 20px 10px; border-radius: 5px; background-color: #f7f7f7; margin-top: 10px;} 
.case-sec1 .inner .content .item .text-box h4{font-size: 20px; font-weight: 600;}
.case-sec1 .inner .content .item .text-box .date{font-size: 14px; color: #555; margin-top: 8px;}
.case-sec1 .inner .content .item .text-box div p{font-size: 14px; color: #555;}
.paging_box{margin-top: 100px;}
@media screen and (max-width: 1250px) {
    .case-sec1 .inner .menuBox{margin-bottom: 40px;}
    .case-sec1 .inner .content{row-gap: 40px; column-gap: 20px;}
    .case-sec1 .inner .content .item .text-box{padding: 18px 10px;}
    .case-sec1 .inner .content .item .text-box h4{font-size: 19px;}
    .case-sec1 .paging_box{margin-top: 80px;}
}
@media screen and (max-width: 960px) {
    .case-sec1 .inner .menuBox{margin-bottom: 30px;}
    .case-sec1 .inner .content{grid-template-columns: repeat(3, 1fr); row-gap: 30px;}
    .case-sec1 .inner .content .item .text-box{padding: 16px 10px;}
    .case-sec1 .inner .content .item .text-box h4{font-size: 18px;}
    .case-sec1 .paging_box{margin-top: 60px;}
}
@media screen and (max-width: 650px) {
    .case-sec1 .inner .menuBox{margin-bottom: 20px;}
    .case-sec1 .inner .content{grid-template-columns: repeat(2, 1fr); row-gap: 24px;}
    .case-sec1 .inner .content .item .img-box{aspect-ratio: 16 / 10;}
    .case-sec1 .inner .content .item .text-box{padding: 10px;}
    .case-sec1 .inner .content .item .text-box h4{font-size: 16px;}
    .case-sec1 .inner .content .item .text-box .date{font-size: 13px;}
    .case-sec1 .paging_box{margin-top: 40px;}
}
/*#############################contact.html###########################*/
/*contact-sec1*/
.contact-sec1 .content{border-top: 1px solid #ddd; padding-top: 50px; margin-top: 50px;}
.contact-sec1 .content .form-box{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.contact-sec1 .content .form-box .field .label{font-size: 24px; font-weight: 500;}
.contact-sec1 .content .form-box .field .label b{color: #DF1D24; font-size: 24px; font-weight: 500;}
.contact-sec1 .content .form-box .field input{width: 100%; padding: 16px; border-radius: 5px; border: 1px solid #DDD; background: #F8F8F8; margin-top: 20px;}
.contact-sec1 .content .form-box .field input::placeholder{font-size: 18px; color: #888;} 
.contact-sec1 .content .form-box .field input:focus{outline: none; border: 1px solid var(--main-color); box-shadow: none;}
.contact-sec1 .content .agreement-box label{color: #7f7f7f; font-size: 16px; display: flex; align-items: center; gap: 10px; margin: 30px 0 50px 0;}
.contact-sec1 .content .agreement-box label input{width: 20px; height: 20px; accent-color: var(--main-color);}
.contact-sec1 .content .btn-box{display: flex; justify-content: center;}
.contact-sec1 .content .btn-box button{width: 200px; background-color: var(--main-color); color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 30px; border: none; cursor: pointer; font-size: 20px; font-weight: 600; position: relative; overflow: hidden; transition: 0.3s;}
.contact-sec1 .content .btn-box button:hover{transform: scale(1.05);}
.sub-banner.contact h2{margin-top: 50px;}
@media screen and (max-width: 1250px) {
    .contact-sec1 .content{padding-top: 40px; margin-top: 40px;}
    .contact-sec1 .content .form-box .field .label,
    .contact-sec1 .content .form-box .field .label b{font-size: 22px;}
    .contact-sec1 .content .form-box .field input{margin-top: 16px;}
    .contact-sec1 .content .agreement-box label{margin: 26px 0 40px 0;}
}
@media screen and (max-width: 960px) {
    .contact-sec1 .content{padding-top: 30px; margin-top: 30px;}
    .contact-sec1 .content .form-box .field .label,
    .contact-sec1 .content .form-box .field .label b{font-size: 20px;}
    .contact-sec1 .content .form-box .field input{padding: 12px; margin-top: 12px;}
    .contact-sec1 .content .form-box .field input::placeholder{font-size: 16px;}
    .contact-sec1 .content .btn-box button{width: 180px; height: 45px; font-size: 18px;}
}
@media screen and (max-width: 650px) {
    .contact-sec1 .title-box h2 br,
    .contact-sec1 .title-box p br{display: none;}
    .contact-sec1 .content{padding-top: 20px; margin-top: 20px;}
    .contact-sec1 .content .form-box{gap: 10px; grid-template-columns: 1fr;}
    .contact-sec1 .content .form-box .field .label,
    .contact-sec1 .content .form-box .field .label b{font-size: 18px;}
    .contact-sec1 .content .form-box .field input{margin-top: 8px; font-size: 14px;}
    .contact-sec1 .content .form-box .field input::placeholder{font-size: 14px;}
    .contact-sec1 .content .agreement-box label{align-items: flex-start; gap: 8px; font-size: 14px; margin: 20px 0}
    .contact-sec1 .content .agreement-box label input{width: 16px; height: 16px;}
    .contact-sec1 .content .btn-box{width: 100%;}
    .contact-sec1 .content .btn-box button{width: 100%;font-size: 16px;}
}
/*#############################privacy.html###########################*/
.privacy-sec1{padding: 180px 0 100px 0; background: linear-gradient(180deg, #0F1C2E 0, #0F1C2E 330px, var(--bg-gray) 330px, var(--bg-gray) 100%);}
.privacy-sec1 .title-box{text-align: center;}
.privacy-sec1 .title-box h2,
.privacy-sec1 .title-box p{color: #fff;}
.privacy-sec1 .title-box p br{display: none;}
.privacy-sec1 .content-box{margin-top: 100px; padding: 50px; border-radius: 10px; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}
.privacy-sec1 .content-box > div{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.privacy-sec1 .content-box > div:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.privacy-sec1 .content-box h4{font-size: 24px; font-weight: 700; color: var(--main-color); margin-bottom: 16px;}
.privacy-sec1 .content-box p{margin-bottom: 10px;}
.privacy-sec1 .content-box p,
.privacy-sec1 .content-box li{font-size: 18px; font-weight: 500; color: #555; }
.privacy-sec1 .content-box ul{display: flex; flex-direction: column; gap: 8px;}
.privacy-sec1 .content-box li{position: relative; padding-left: 14px;}
.privacy-sec1 .content-box li:before{content: ''; position: absolute; top: 0.75em; left: 0; width: 5px; height: 1px; background-color: #333;}
.histroy-back{display: flex; align-items: center; justify-content: center; width: 180px; height: 48px; margin: 50px auto 0 auto; border: 1px solid var(--main-color); border-radius: 30px; background: #fff; color: var(--main-color); font-size: 18px; font-weight: 600; cursor: pointer; transition: 0.3s;}
.histroy-back:hover{background: var(--main-color); color: #fff;}
@media screen and (max-width: 1250px) {
    .privacy-sec1{padding: 160px 0 80px 0; background: linear-gradient(180deg, #0F1C2E 0, #0F1C2E 300px, var(--bg-gray) 300px, var(--bg-gray) 100%);}
    .privacy-sec1 .content-box{margin-top: 80px; padding: 40px;}
    .privacy-sec1 .content-box h4{font-size: 22px;}
    .privacy-sec1 .content-box p,
    .privacy-sec1 .content-box li{font-size: 17px;}
}
@media screen and (max-width: 960px) {
    .privacy-sec1{padding: 140px 0 70px 0; background: linear-gradient(180deg, #0F1C2E 0, #0F1C2E 270px, var(--bg-gray) 270px, var(--bg-gray) 100%);}
    .privacy-sec1 .content-box{margin-top: 50px; padding: 30px;}
    .privacy-sec1 .content-box > div{padding-bottom: 24px; margin-bottom: 24px;}
    .privacy-sec1 .content-box h4{font-size: 20px; margin-bottom: 12px;}
    .privacy-sec1 .content-box p,
    .privacy-sec1 .content-box li{font-size: 16px;}
}
@media screen and (max-width: 650px) {
    .privacy-sec1{padding: 120px 0 50px 0; background: linear-gradient(180deg, #0F1C2E 0, #0F1C2E 230px, var(--bg-gray) 230px, var(--bg-gray) 100%);}
    .privacy-sec1 .title-box p br{display: block;}
    .privacy-sec1 .content-box{ padding: 20px 16px; border-radius: 5px;}
    .privacy-sec1 .content-box > div{padding-bottom: 20px; margin-bottom: 20px;}
    .privacy-sec1 .content-box h4{font-size: 18px;}
    .privacy-sec1 .content-box p,
    .privacy-sec1 .content-box li{font-size: 15px;}
    .histroy-back{width: 100%; height: 44px; margin-top: 30px; font-size: 16px;}
}