@charset "utf-8";
.home-banner{width:100%}
.home-banner .mobimg{display:none}
#indexbanner{width:100%}
.indexbanner-item{display:block;overflow:hidden}
.indexbanner-item,.indexbanner-item img{width:100%}
#indexbanner .swiper-button-next::after,#indexbanner .swiper-button-prev::after{content:''}
#indexbanner .swiper-button-next em,#indexbanner .swiper-button-prev em{font-size:48px}
#indexbanner .swiper-button-next,#indexbanner .swiper-button-prev{width:45px!important;height:45px!important;border-radius:50%;background-color:#303030}
#indexbanner .iconfont{font-size:16px;color:#FFF}
#indexbanner .swiper-button-prev{left:40px;font-size:14px}
#indexbanner .swiper-button-next{right:40px}
.home-banner .indexbanner-text{color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.home-banner .indexbanner-text .theme{font-size:24px;text-transform:uppercase}
.home-banner .indexbanner-text .title{font-size:44px;font-weight:var(--fontweight5)}
.home-banner .indexbanner-text .text{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{background-color:#a91e24;display:inline-flex;color:#FFF;font-size:18px;box-sizing:border-box;padding:12px 30px;border-radius:var(--border)}
.home-banner .indexbanner-text{color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.home-banner .indexbanner-text .theme{font-size:24px;text-transform:uppercase}
.home-banner .indexbanner-text .title{font-size:44px;font-weight:var(--fontweight5)}
.home-banner .indexbanner-text .text{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{background-color:#a91e24;display:inline-flex;color:#FFF;font-size:18px;box-sizing:border-box;padding:12px 30px;border-radius:5px}
.home-more{position:relative;z-index:1;overflow:hidden;box-shadow:0 0 10px transparent;transition:all .3s linear}
.home-more:hover{box-shadow:0 0 10px #a91e24}
#indexbanner .swiper-button-next:hover,#indexbanner .swiper-button-prev:hover{background-color:#a91e24}
#indexbanner .swiper-pagination{bottom:15px}
.home-banner .swiper-slide.swiper-slide-active img{animation:bannerimg 4s forwards}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.08)}
100%{transform:scale(1.05)}}
.home-banner .swiper-slide-active .indexbanner-text{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}}
.home-banner .swiper-pagination-bullet {background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after {background-color:#a91e24;border-radius:999px;content:"";display:block;height:100%;width:0px}
.home-banner .swiper-pagination-bullet-active.cur::after {transition:width 6s linear;width:100%}
.home-banner .swiper-pagination-bullet-active.cur{border-radius:999px;overflow:hidden}

.home .unify{box-sizing:border-box;padding:5% 70px}
.home .unify .theme{font-weight:var(--fontweight5);color:#a91e24;text-transform:uppercase;text-align:center}
.home .unify .title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontweight5);text-transform:capitalize;text-align:center}


.home-about{width:100%;height:auto; position: relative;}
.home-about .bgtit{font-size: 120px;line-height: 113%;font-weight: 600;position: absolute;left: 0;bottom: 35px;opacity: 0.05;z-index: -1;}
.section-title {position: relative;z-index: 99;margin-bottom:0px;margin-top: -1px;}
.section-title span {display: inline-block;font-size: 18px;color: #a91e24;font-weight: 600;position: relative;margin-bottom: 15px;padding-left: 15px;}
.section-title span::before {position: absolute;content: "";left: 0;top: 10px;width: 5px;height: 5px;background-color:#a91e24;}
.section-title h2 {font-size: 35px;line-height: 113%;font-weight: 600;}
.about-left-item .about-item {margin-top: 50px;display: flex;align-items: center;gap: 20px;}
.about-left-item .about-item .counter-box {padding:15px 40px;background-color: #a91e24;min-width: 190px;border-radius: 7px;}
.about-left-item .about-item .counter-box h2 {font-size: 70px; font-weight: 700;color: #fff;}
.about-left-item .about-item .counter-box h2 sup {font-size: 50px;font-weight: 300;top: -0.5em;position: relative;line-height: 0;vertical-align: baseline;}
.about-left-item .about-item .counter-box p {color: #fff;font-size: 22px;font-weight: 500;}
.about-left-item .about-item .about-image img {width: 100%;height: 100%;border-radius: 7px;}

.home-about .l-wrap{display:flex;align-items:center;}
.home-about .l-wrap .left{width:50%;box-sizing:border-box;padding:0px 1%;position:relative}

.home-about .l-wrap .right{width:50%;box-sizing:border-box}
.about-info .text{font-size:24px; line-height: 150%;}
.home-about .l-wrap .right .btn{display:flex;align-items:center;justify-content:center;background-color:#a91e24;color:#FFF;width:150px;height:46px;border-radius:var(--border);text-decoration:none;margin-top:4%;float: right}
.home-about .l-wrap .right .btn em{margin-left: 5px;}

.our-service-area {background-image: url(../images/services-bg.webp);background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1; padding-top: 60px;}
.single-services:hover {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.our-service-area::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #a91e24;opacity: 0.85;z-index: -1;}
.our-service-area::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height:420px;background-color: #ffffff;z-index: -1;}
.our-service-area h2{text-align: center; color: #fff; margin: 0 auto 60px;}
.our-service-area .row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.our-service-area .list{position: relative;width: 100%;min-height: 1px;padding-right: 20px;padding-left: 20px;flex: 0 0 50%;max-width: 50%;}
.our-service-area .list .img {position: absolute;height: 100%;top: 0px;left: 50%;transform: translateX(-50%);min-width: 100.5%;}
.single-services {background-color: #ffffff;-webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3);padding: 30px;position: relative;z-index: 1;overflow: hidden;margin-bottom:40px;-webkit-transition: all 0.5s;transition: all 0.5s;}

.nl01::before {content: "";position: absolute;top: 0;right: 0;z-index: -1;background-image: url(../images/nl01.webp);height: 100%;width: 100%;background-repeat: no-repeat;background-position-x: right;-webkit-transition: all 0.5s;transition: all 0.5s;}
.nl02::before {content: "";position: absolute;top: 0;right: 0;z-index: -1;background-image: url(../images/nl02.webp);height: 100%;width: 100%;background-repeat: no-repeat;background-position-x: right;-webkit-transition: all 0.5s;transition: all 0.5s;}
.nl03::before {content: "";position: absolute;top: 0;right: 0;z-index: -1;background-image: url(../images/nl03.webp);height: 100%;width: 100%;background-repeat: no-repeat;background-position-x: right;-webkit-transition: all 0.5s;transition: all 0.5s;}
.nl04::before {content: "";position: absolute;top: 0;right: 0;z-index: -1;background-image: url(../images/nl04.webp);height: 100%;width: 100%;background-repeat: no-repeat;background-position-x: right;-webkit-transition: all 0.5s;transition: all 0.5s;}

.single-services .title {display: flex;align-items: center;margin-bottom: 15px;font-weight: bold;}
.single-services .icon-circle {display: inline-flex;justify-content: center;align-items: center;width: 65px;height: 65px;background-color: #a91e24;border-radius: 50%;margin-right: 8px;}
.single-services .icon-circle img {width: 30px;height: 30px;}
.single-services p{font-size: 14px;color: #000;line-height: 2; margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.read-more {line-height: 1;-webkit-transition: all 0.5s;transition: all 0.5s;display: block;}
.read-more:hover {color: #a91e24;}
.read-more i {position: relative;top: 2px;padding-left: 5px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.read-more:hover i {padding-left: 10px;}

.more{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.default-btn {font-size: 16px;color: #fff;background-color: #a91e24;padding: 18px 30px;line-height: 1;-webkit-transition: all 0.5s;transition: all 0.5s;position: relative;z-index: 1;margin:0px auto;display: table;}
.default-btn i{padding-left: 5px;}
.default-btn::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: -1;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(0);transform: scale(0);}
.default-btn:hover {color: #ffffff;}
.default-btn:hover::before {  -webkit-transform: scale(1);transform: scale(1);}

.home-products{background-color: rgb(248, 248, 248); padding: 60px 0; margin-top: 80px;}
.home-products .pr{display: flex;align-items: center;}
.home-products .pr .p-l,.home-products .pr .p-r{width: 50%;}

.tag-container {display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 20px;margin:20px 0px;width: 100%;}
.tag {display: inline-block;padding: 8px 15px;background-color: #e0e0e0;color: #000;text-decoration: none;border-radius:5px;font-size: 14px;white-space: nowrap;transition: all 0.3s ease;text-transform: uppercase;}
.tag:hover {background-color: #a91e24;color: #fff;}

.plist{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; margin-top: 80px; margin-bottom: 30px;}
.plist .li{flex: 0 0 25%;max-width: 25%; position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.plist .li .p-box {border: 3px solid #ffffff;margin-bottom: 30px;-webkit-transition: 0.5s;transition: 0.5s;-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);}
.plist .li .p-box:hover {border-color: #a91e24;}
.p-image{position: relative;}
.p-image::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;}
.plist .li .p-box:hover .p-image::before {opacity: 0.3;}
.plist .li .p-box .btn-box {position: absolute;top: 50%;left: 0;right: 0;margin: 20px auto 0;text-align: center;opacity: 0;z-index: 2;visibility: hidden;-webkit-transition: 0.5s;transition: 0.5s;}
.plist .li .p-box .btn-box a:hover {color: #a91e24;background: #ffffff;}
.plist .li .p-box .btn-box a {display: inline-block;color: #ffffff;width: 45px;height: 45px;line-height: 45px;background: #a91e24;margin: 0 3px;border-radius: 50%;}
.plist .li .p-box:hover .btn-box {opacity: 1;visibility: visible;margin: -10px auto 0;}
.plist .li .p-box:hover .projects-content {background: #a91e24;}
.plist .li .p-box .projects-content {background: #ffffff;text-align: center;padding: 20px 10px;-webkit-transition: 0.5s;transition: 0.5s;}
.plist .li .p-box .projects-content h3 {margin-bottom: 10px;-webkit-transition: 0.5s;transition: 0.5s;}
.plist .li .p-box:hover .projects-content h3 a {color: #ffffff;}
.plist .li .p-box .projects-content span {display: block;font-size:14px; color: #05125e;-webkit-transition: 0.5s;transition: 0.5s;}
.plist .li .p-box:hover .projects-content span {color: #ffffff;}

.home-map{background:#F4F4F4;position: relative;padding: 100px 0;}
.gt-bg-overley10 {height: 100%;width: 100%;top: 15%;left: 0;position: absolute;background-position: top right;background-repeat: no-repeat;background-size: 15% auto;}
.gt-bg-overley6 {background-position: bottom left;background-repeat: no-repeat;background-size: 10% auto;transition: background .3s, border-radius .3s, opacity .3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;}
.home-map .l-wrap{padding: 0;}
.home-map .map{display: flex !important; align-items: center !important;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.home-map .map .m-l{flex: 0 0 66.666667%;  max-width: 66.666667%;position: relative;width: 100%;}
.home-map .map .m-r{flex: 0 0 33.333333%;max-width: 33.333333%;position: relative;width: 100%;}

.form1{background-color:#fff;transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;margin: 0;padding: 48px 32px 48px 32px;}
.form1 h2{font-weight: 700; margin-bottom: 10px;}
.form1 p{margin-bottom: 30px; color: #808080;}

.home-form{display: flex; flex-wrap: wrap;}
.home-form .li{position: relative;width: 100%;flex: 0 0 100%;max-width: 100%;}
.home-form select, .home-form input[type='text'], .home-form textarea{margin-bottom: 15px;}
.home-form input, input.form, .home-form textarea, textarea.form{background:#F4F4F4;border: 1px solid #F4F4F4;width: 100%;float: left;font-size: 16px;padding: 0 15px 0 15px;height: 54px;line-height: 54px;outline: 0;}
.home-form input:focus, .home-form input:hover, .home-form textarea:focus, .home-form textarea:hover{border-color:#a91e24;outline: 0;}
.home-form .sub{position: relative;width: 100%;border: 0;background:#a91e24;color:#fff;font-size: 16px;padding: 12px 30px;line-height: 2;vertical-align: middle;display: inline-block;border-radius: 0;}


@media screen and (max-width:1090px){
.home-about .l-wrap{flex-wrap:wrap;}
.home-about .l-wrap .left{width:100%}
.home-about .l-wrap .right{width:100%;margin-top:6%}
.home .unify {box-sizing: border-box;padding: 5% 3%;}
.section-title span {font-size: 16px;}
.section-title h2 {font-size: 20px;}
.about-left-item .about-item {margin-top: 30px;gap: 13px;}
.home-about .bgtit{display: none;}
.about-left-item .about-item .counter-box {min-width: 50%; padding: 3% 0; text-align: center;}
.about-left-item .about-item .counter-box h2 {font-size: 58px;}
.about-info .text {font-size: 18px;line-height: 150%;}

.our-service-area {padding-top: 30px;}
.our-service-area .list {flex: 0 0 100%; max-width:100%;padding-right: 5%; padding-left: 5%;}
.single-services {margin-bottom: 25px;}
.our-service-area h2 {margin: 0 auto 30px;}
.our-service-area::after {height: 730px;}

.tag-container {justify-content: flex-start;gap: 15px;    margin: 10px 0px; }
.tag {flex: 0 0 calc(33.33% - 10px);text-align: center;box-sizing: border-box;margin-bottom: 10px;text-transform: lowercase;}

.home-products {padding: 30px 0;margin-top: 40px;}
.home-products .pr {display: block;}
.home-products .pr .p-l,.home-products .pr .p-r{width: 100%;}
.home-products .pr .p-r{margin-top: 20px;}

.plist{margin-top:20px;}
.plist .li {flex: 0 0 50%;max-width: 50%;padding-right: 5px;padding-left: 5px;}
.plist .li .p-box {border: 1px solid #ffffff;margin-bottom: 10px;}

.home-map {    padding: 20px 0;}
.gt-bg-overley10, .gt-bg-overley6{display: none;}
.home-map .map .m-l{flex: 0 0 100%;  max-width: 100%;position: relative;width: 100%;}
.home-map .map .m-r{flex: 0 0 100%;  max-width: 100%;position: relative;width: 100%;}
}