section.about-sec{width:100%;height:100vh;background:url(../images/about-banner.jpg);background-size:cover;display:flex;align-items:center;justify-content:center;position:relative}
.projectsPage{background:url(../images/projects-banner.jpg)!important}
.contactPage{background:url(../images/contact-bg.jpg)!important}
.newsPage{background:url(../images/news-banner.jpg)!important}
.about-sec .main-title{color:#660e3e}
.about-sec .main-title.follow-text{color:#fff;line-height:1.8}
section.page-banner::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgb(0 0 0 / 15%);z-index:0}
section.page-banner .container-lg{position:relative;z-index:1}
section.about-desc{background-color:rgba(171,173,176,.08);padding-top:150px;padding-bottom:200px;position:relative}
section.about-desc::before{content:"";background-size:contain;position:absolute;width:569px;height:230px;background-repeat:no-repeat;top:0;left:0;background-image:url(../images/theme.svg);z-index:-1}
section.news.about-sec2 .news-section{background:#fff;padding:200px 0 175px}
section.news.about-sec2 .news-section::after{background-image:url(../images/theme-news-about.svg)}
section.news.about-sec2 svg{background-color:#fff}
.message{padding-top:320px;padding-bottom:165px;position:relative}
.ftheme{position:relative}
.ftheme::after{content:"";position:absolute;width:360px;height:306px;background-image:url(../images/theme-bottom.svg);bottom:-44px;right:-3px;background-repeat:no-repeat;background-size:cover}
.slider-shell{position:relative;width:100%}
.slider-frame{position:relative;background:0 0;aspect-ratio:16/10}
.swiper{width:100%;height:100%;background:0 0}
.swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.swiper-button-next,.swiper-button-prev{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.v-nav{position:absolute;left:50%;background:0 0;z-index:20}
.v-nav-top{all:unset;position:relative;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #6b1a4b;padding:0;z-index:9;background:0 0}
.v-nav-bottom{all:unset;position:relative;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #6b1a4b;padding:0;z-index:9;background:0 0}
.v-nav span{transform:rotate(-45deg);color:#fff;font-size:16px;line-height:1;font-weight:900;user-select:none}
.swiper-pagination-bullets.swiper-pagination-vertical{right:12px!important;left:auto!important;z-index:15}
.swiper-pagination-bullet{background:rgba(255,255,255,.8);opacity:1}
.swiper-pagination-bullet-active{background:var(--accent)}
.nav-link{all:unset;color:#bebebe!important;padding:0 45px;margin:0;font-weight:500}
.nav-link.active{color:#660e3e!important;border:none;margin:0}
.nav-link:hover{border:none}
.meta-label{font-size:18px;color:#bebebe;margin-bottom:10px;position:relative;padding-bottom:10px;white-space:nowrap;border-bottom:1px solid #660e3e}
.meta-row{width:80%;display:flex;flex-wrap:wrap}
.meta-item{flex:1 1 33%;margin-bottom:44px}
.meta-value{font-size:20px;color:#1e1e1e;font-weight:600}
.meta-label::after{content:"";position:absolute;right:8px;background-image:url(../images/arrow-d-pr.svg);transform:translateX(50%);bottom:-9px;width:18px;height:9px;background-repeat:no-repeat;background-size:contain}
.p-title{font-size:36px;font-weight:600}
.p-title.p-subtitle{font-weight:400;padding-bottom:100px}
.tab-content .main-btn{font-size:15px;padding:10px 30px;float:left;margin-top:35px}
.pr-data{width:100%}
.pr-data .paragraph{padding-bottom:55px}
.tab-content{padding-bottom:65px;padding-top:60px}
.nav-link{border:none!important}
.tab-content .p-title:first-child{padding-top:75px}
li.nav-item:first-child .nav-link{padding-right:0}
.nav{padding:0;padding-top:56px}
.project-block{padding-bottom:100px}
.meta-row.special .meta-item:last-child{flex:1 1 15%}
.color-white{color:#fff!important}
section.contactInfo{background:linear-gradient(-60deg,#fff 0 50%,#6b0f3e 50% 100%);padding-top:130px;padding-bottom:100px}
section.contactInfo .main-title{color:#6b0f3e;font-size:32px;padding-bottom:64px}
.contactCN{color:#fff}
.contactCN .label{font-size:18px}
.cinfo{font-size:20px;font-weight:600}
.contactInner{padding-top:15px}
.ltr{direction:ltr}
.contact-form-wrap{margin:0 auto;padding:80px 0 105px;background:#fff}
.contact-form-title{text-align:right;color:#a6a5a5;font-weight:600;margin-bottom:30px;padding-right:35px}
.contact-input{height:42px;border-radius:16px;color:#212529;background:#fff;box-shadow:none!important;text-align:right;font-size:18px}
.contact-textarea{min-height:150px;border:1px solid #e6e6e6;border-radius:16px;padding:16px 18px;font-size:18px;color:#212529;background:#fff;resize:none;box-shadow:none!important}
.contact-input::placeholder,.contact-textarea::placeholder{color:#cfcfcf;font-weight:400;font-size:18px}
.contact-input:focus,.contact-textarea:focus{border-color:#d7d7d7;outline:0}
.contact-formCN .form-group{margin-bottom:16px}
.form-group .main-btn{font-size:18px;padding:10px 40px;line-height:1;float:left}
section.details-sec{width:100%;height:100vh;background:url(../images/details-bg.jpeg);background-size:cover;display:flex;align-items:center;justify-content:center;position:relative}
.follow-text span{font-weight:400;line-height:2}
.details-sec .main-title{font-weight:700}
.proj-brief .p-title{font-weight:400;color:#660e3e;padding-bottom:56px}
.proj-brief{padding-top:100px;padding-bottom:150px}
.proj-brief .paragraph{font-weight:500}
.proj-brief .field .label{color:#bebebe}
.proj-brief .field.is-filter .label::after{background-image:url(../images/arrow-d-pr.svg);background-size:contain}
.proj-brief .meta-item{flex:1 1 auto}
.proj-brief .meta-row{flex-wrap:nowrap;padding-top:100px}
.proj-brief .meta-value{font-size:16px}
.proj-brief .meta-label{margin-bottom:20px}
.proj-brief .meta-label::after{width:27px;height:13px;right:10px;bottom:-13px}
.btns-d{display:flex;gap:20px;justify-content:flex-end}
.btn-v{font-size:16px;padding:10px 50px;font-weight:600}
.proj-detail{background:#660e3e;padding:130px 0 95px;position:relative;z-index:0}
.proj-detail::before{content:"";height:100%;width:221px;background-image:url(../images/theme-details.svg);position:absolute;background-repeat:no-repeat;top:0}
.proj-detail .p-title{font-weight:400;color:#fff;padding-bottom:60px}
.proj-detail .paragraph{color:#d9d9d9;font-weight:500}
.project-btn{width:100%;padding-top:100px;text-align:center}
.project-btn .main-btn{background:#d9d9d9;color:#660e3e;font-weight:600}
.number{font-weight:700;color:#660e3e;position:relative;line-height:1.2;padding-top:35px;width:fit-content;font-size:42px;color:transparent;-webkit-text-stroke:1px #fff}
.grid-cn{display:grid;grid-template-columns:repeat(3,auto);column-gap:50px;row-gap:65px}
.number::before{content:"";position:absolute;top:0;right:20%;width:0;height:0;border-left:13.5px solid transparent;border-right:13.5px solid transparent;border-top:13px solid #bebebe}
.mins{color:#bebebe;font-size:24px;font-weight:300;-webkit-text-stroke:0;width:fit-content}
.time-dis .paragraph{font-weight:500;padding-top:25px;color:#fff}
.proj-in-d{padding:180px 0 200px}
.proj-in-d .p-title{position:relative;line-height:1.7;color:#660e3e;font-weight:400}
.proj-in-d .square{width:45px;height:45px;background-color:#d9d9d9;position:relative;transform:rotate(45deg)}
.proj-in-d .paragraph{font-weight:500}
.project-in-warpper{height:auto;overflow:hidden;width:100%;justify-content:end;display:flex;position:relative;margin-top:150px}
.project-in-swiper{width:94%;height:863px}
.project-in-swiper .swiper-slide{height:798px}
.project-in-swiper img{width:100%;height:100%;object-fit:cover;display:block}
.project-in-swiper .swiper-pagination-bullet{width:7px;height:33px;background:#d9d9d9;margin:0 0 13px!important;border-radius:7px}
.project-in-swiper .swiper-pagination-bullet-active{background:#bebebe}
.project-in-swiper.swiper-container-vertical>.swiper-pagination-bullets{top:auto;bottom:110px;right:33px;transform:none}
.plan-slog{background-image:url(../images/plan-bg.jpeg);background-repeat:no-repeat;background-size:cover;height:521px;display:flex;align-items:center;justify-content:center;width:95%}
.plan-slog .p-title{font-weight:400;color:#fff;position:relative;padding-right:82px}
.plans .paragraph{font-weight:500;width:85%}
.plans{padding-bottom:150px}
.plan-title{font-size:32px;font-weight:400;color:#660e3e;text-align:left;padding-bottom:55px}
.triangle{border-left:47px solid transparent;border-right:47px solid transparent;border-top:47px solid #660e3e;width:0;height:0;width:fit-content;padding-bottom:55px}
.plan-class{font-size:24px;font-weight:600;color:#000;width:fit-content}
.plan-class a{text-decoration:none;color:#000}
.plans-grid{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between}
.plans-btn{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}
.features .plan-slog{background-image:url(../images/feature-mg.jpeg);text-align:end;background-repeat:no-repeat;background-size:cover;display:block;position:relative}
.features .plan-slog::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgb(0 0 0 / 30%);z-index:0}
.features .plan-slog .p-title{color:#fff;font-weight:400;padding-top:95px;padding-left:70px;z-index:1}
.news-page .news-card{margin-top:30px}
.news-page{padding-bottom:200px;padding-top:100px}
.diff-news img{height:275px!important}
.diff-news .news-card p{margin-top:10px;padding-bottom:15px}
.newsPageDetails{height:40vh!important;background-size:cover!important;background-position:100% 30%!important}
.features-cn{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;padding-top:120px}
.features-in{text-align:center}
.features-in div:first-child{padding-bottom:20px}
.features-in div:last-child{padding-bottom:100px;font-size:19px;font-weight:500;width:80%;margin:0 auto}
.features-in div:first-child img{width:55px;height:55px;object-fit:contain}
.news-page.details .p-title{font-size:30px}
.news-page.details .paragraph{font-size:18px}
.news-page.details .diff-news .news-card p{margin-top:10px;padding-bottom:15px;font-size:20px}
section.news.news-page .news-card p{margin-top:20px;font-size:21px}
.download-btn{padding:10px 30px}
a.main-btn.download-btn svg{width:30px;height:auto}
@media (max-width:991px){
.slider-shell{max-width:100%}
}
@media screen and (max-width:1680px){
section.about-desc{padding-top:130px;padding-bottom:165px}
section.news.about-sec2 .news-section{padding:170px 0 140px}
.message{padding-top:250px;padding-bottom:130px}
.p-title{font-size:31px}
.tab-content .p-title:first-child{padding-top:55px}
.p-title.p-subtitle{padding-bottom:50px}
.pr-data .paragraph{padding-bottom:25px}
.meta-label{font-size:17px}
.meta-value{font-size:18px}
.meta-row{width:85%}
.tab-content .main-btn{font-size:15px;padding:10px 20px;float:left;margin-top:10px}
.meta-value{font-size:17px}
.tab-content{padding-bottom:30px;padding-top:35px}
.project-block{padding-bottom:60px}
.projectsPage{background-position:100% 45%!important}
.contactPage{background-position:100% 45%!important}
section.contactInfo{padding-top:100px;padding-bottom:70px}
.contactInner{padding-top:12px}
.contactCN .label{font-size:17px}
.cinfo{font-size:18px}
section.contactInfo .main-title{font-size:28px;padding-bottom:50px}
.contact-form-wrap{padding:60px 0 85px}
.contact-input{font-size:16px}
.contact-textarea{font-size:16px}
.contact-input::placeholder,.contact-textarea::placeholder{font-size:16px}
.ftheme::after{height:220px;width:250px;bottom:-32px}
.news-page{padding-bottom:125px;padding-top:45px}
.news-page .news-card p{margin-top:20px;font-size:20px}
.news-page .news-card{margin-top:30px}
.news-page.details{padding-bottom:210px}
.number{padding-top:25px;font-size:34px}
.mins{font-size:22px}
.time-dis .paragraph{padding-top:18px}
.proj-detail{padding:110px 0 80px}
.proj-detail::before{content:"";height:100%;width:170px;background-image:url(../images/sss.svg);background-size:cover;background-position:center left;position:absolute;background-repeat:no-repeat;top:0}
.project-in-swiper{width:94%;height:730px}
.proj-in-d{padding:130px 0 150px}
.proj-brief{padding-top:85px;padding-bottom:125px}
.plan-slog{height:466px}
.triangle{border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #660e3e;padding-bottom:40px}
.plan-class{font-size:21px}
.plan-title{font-size:30px;padding-bottom:45px}
.plans{padding-bottom:120px}
}
@media screen and (max-width:1600px){
.news-page .news-card p{margin-top:12px;font-size:18px}
.proj-detail::before{display:none}
.project-in-warpper{margin-top:100px}
}
@media screen and (max-width:1400px){
.project-in-swiper{height:600px}
}
@media screen and (max-width:1024px){
section.about-sec{height:65vh}
section.about-desc::before{width:100%;height:160px}
section.about-desc,section.news.about-sec2 .news-section{padding-top:70px;padding-bottom:70px}
.message{padding-top:130px;padding-bottom:70px}
.ftheme::after{width:142px;height:122px;bottom:-17px}
.page-banner .main-title{font-size:25px}
.nav-link{padding:0 35px}
.projectsPage{background-position:100% 50%!important}
.contactPage{background-position:100% 50%!important}
.v-nav-top{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #6b1a4b}
.v-nav-bottom{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #6b1a4b}
.p-title{font-size:27px}
.tab-content .p-title:first-child{padding-top:36px}
.p-title.p-subtitle{padding-bottom:30px}
.project-block{padding:0 15px 15px}
.nav{display:flex;align-items:center;justify-content:center;padding-top:30px}
.meta-row{width:100%}
.meta-label{font-size:16px}
.meta-value{font-size:15px}
.meta-item{flex:1 1 50%;margin-bottom:30px}
.meta-label{padding-bottom:5px}
.tab-content{padding-top:25px}
section.contactInfo .main-title{font-size:23px;padding-bottom:30px}
.cinfo{font-size:16px}
.contactCN .label{font-size:16px}
section.contactInfo{padding-top:45px;padding-bottom:30px}
.contact-input{height:35px;border-radius:8px}
.contact-input::placeholder,.contact-textarea::placeholder{color:#cfcfcf;font-weight:400;font-size:15px}
.contact-textarea{padding:10px;font-size:16px}
.contact-form-wrap{padding:40px 0 60px}
.form-group .main-btn{font-size:16px;padding:9px 30px}
.news-page .news-card p{font-size:17px}
.news-page{padding-bottom:90px}
section.page-banner.newsPage{background-size:cover!important;background-position:100% 0!important}
.diff-news img{height:185px!important}
.diff-news .news-card p{margin-top:7px;padding-bottom:7px}
.news-page.details{padding-bottom:150px}
.proj-brief .meta-row{flex-wrap:wrap;padding-top:35px}
section.details-sec{height:65vh}
.proj-brief{padding-top:55px;padding-bottom:90px}
.proj-brief .p-title{padding-bottom:35px}
.btn-v{font-size:15px;padding:9px 40px}
.proj-detail{padding:80px 0 80px}
.proj-detail .p-title{padding-bottom:26px}
.project-btn{padding-top:25px;text-align:left;padding-left:40px;padding-bottom:60px}
.time-dis .paragraph{padding-top:8px}
.grid-cn{row-gap:40px}
.proj-in-d{padding:70px 0 90px}
.project-in-swiper{width:92%;height:450px}
.project-in-warpper{margin-top:60px}
.plan-slog{height:230px}
.plan-slog .p-title{padding-right:0}
.plan-title{font-size:24px;padding-bottom:30px}
.triangle{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #660e3e;padding-bottom:25px}
.plan-class{font-size:19px}
.plans{padding-bottom:70px}
.features-cn{padding-top:50px}
.features-in div:first-child img{width:45px;height:40px}
.features-in div:last-child{padding-bottom:50px;font-size:16px;width:100%}
a.main-btn.download-btn svg{width:22px;height:auto}
.download-btn{padding:10px 20px}
}
@media screen and (max-width:650px){
section.about-desc::before{width:100%;height:50px}
section.about-desc,section.news.about-sec2 .news-section{padding-top:40px;padding-bottom:40px}
.message{padding-top:100px;padding-bottom:125px}
.ftheme::after{width:125px;height:106px;bottom:-15px}
section.about-sec{height:55vh;background-position:right}
.page-banner .main-title{font-size:20px;text-align:center}
.page-banner .main-title.follow-text{width:75%;margin:0 auto;line-height:1.5;padding-top:15px}
.nav-link{padding:0 15px}
li.nav-item:last-child .nav-link{padding-left:0}
.pr-data .paragraph{padding-bottom:15px;padding-top:15px}
.meta-item{margin-bottom:20px}
.tab-content .main-btn{margin-top:0}
.meta-label{font-size:15px}
.tab-content .main-btn{font-size:14px}
.p-title{font-size:25px}
.tab-content .p-title:first-child{padding-top:25px}
section.contactInfo{background:0 0}
.contactCN{background:#6b0f3e;padding:5px 15px 20px;margin-top:20px}
.contact-form-title{margin-bottom:20px;padding-right:5px}
.contact-form-wrap{padding:15px 0 40px}
section.page-banner{background-size:cover!important}
.news-page .news-card p{font-size:16px}
.newsPageDetails{height:22vh!important}
.news-page.details{padding-bottom:130px}
.features .plan-slog .p-title{padding-top:0;padding-left:0}
.proj-brief .meta-value{font-size:15px}
.proj-brief .p-title{padding-bottom:25px}
.proj-brief{padding-top:40px;padding-bottom:55px}
.btns-d{justify-content:flex-start}
section.details-sec{height:65vh;text-align:center}
section.page-banner::after{background:rgb(0 0 0 / 25%)}
.btn-v{font-size:14px;padding:9px 25px}
.project-btn{padding-left:0;padding-bottom:40px;text-align:center}
.grid-cn{row-gap:50px;grid-template-columns:repeat(2,auto);column-gap:20px}
.number{font-size:29px}
.mins{font-size:19px}
.proj-in-d .paragraph{padding-top:30px}
.project-in-swiper.swiper-container-vertical>.swiper-pagination-bullets{bottom:0;right:0}
.project-in-swiper{width:93%;height:350px}
.proj-in-d .square{width:30px;height:30px}
.plan-slog{width:100%;height:190px;margin-bottom:20px}
.plans .paragraph{width:100%;padding-bottom:40px}
.plan-title{font-size:23px;padding-bottom:25px;text-align:center}
.plan-class{font-size:16px}
.triangle{border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #660e3e;padding-bottom:17px}
.plans{padding-bottom:50px}
.plan-slog::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / 35%);z-index:0}
.plan-slog{position:relative}
.plan-slog .p-title{z-index:1}
.features .plan-slog{display:flex}
.features-cn{padding-top:15px}
.features-cn{grid-template-columns:repeat(2,1fr)}
.features-in div:first-child{padding-bottom:10px}
.proj-detail .p-title{text-align:center}
.proj-detail .paragraph{text-align:center}
.time-dis{display:flex;align-items:center;justify-content:center;flex-direction:column}
.features-in div:last-child{font-size:15px}
.contact-form-title{padding-left:0}
.projectsPage .main-title{color:#fff}
.project-logo img{width:30%!important}
.project-logo{padding-bottom:0}
}