img{object-fit:cover}
.item_hover{overflow:hidden}
.item_hover:hover img{transform:scale(1.05)}
.item_hover img{width:100%;height:100%;transition:.6s ease}
.common_btn{display:flex;align-items:center;justify-content:center;gap:.41667vw;cursor:pointer}
.common_btn .icon{width:1.14583vw;height:1.14583vw}
.common_btn.black{border:1px solid rgba(0,0,0,0.08)}
.common_btn.black:hover::before{opacity:1}
.common_btn.black:hover .pic img{transform:scale(1.05)}
.common_btn.black p{color:#000}
.common_btn.black svg path{stroke:#000}
.about1{padding:6.25vw 8.33333vw}
.about1 .top{display:flex;justify-content:space-between}
.about1 .top .play{position:absolute;z-index:10;left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#AE0000;border-radius:50%;}
.about1 .top .play > i{font-size:37px;color:white}
.about1 .top .l{width:35.41667vw}
.about1 .top .l h2{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.86458vw}
.about1 .top .l .text{color:#333;font-style:normal;line-height:150%}
.about1 .top .l .text span{color:#AE0000}
.about1 .top .img{width:45.83333vw;height:20.83333vw}
.about1 .content{margin:4.79167vw 0 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.04167vw}
.about1 .content .item{width:100%;height:18.80208vw;background:#EFEFF2;padding:2.08333vw;position:relative;z-index:1}
.about1 .content .item .bg{position:absolute;right:0;top:0;z-index:-1;width:11.97917vw}
                       
.about1 .content .item .icon{width:3.125vw;height:3.125vw}
.about1 .content .item .icon svg{width:100%;height:100%}
.about1 .content .item .p1{color:#000;font-style:normal;font-weight:600;margin:1.25vw 0 1.04167vw}
.about1 .content .item .p2{color:#000;font-style:normal;line-height:150%}
.about2{position:relative;z-index:1;background:#EFEFF2;padding:6.25vw 8.33333vw 11.45833vw 6.25vw}
.about2 .bg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1;width:97.08333vw;opacity:0.05;mix-blend-mode:multiply}
.about2 .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize}
.about2 .content{margin:7.29167vw 0 0 0;position:relative;z-index:1}
.about2 .content:after{content:'';position:absolute;width:100vw;height:1px;top:40%;left:50%;transform:translateX(-50%);z-index:-1;background:#B4B4B4}
@keyframes afterA{100%{transform:scaleX(1)}
}
.about2 .content .yearSwiper{width:89.89583vw}
.about2 .content .yearSwiper .swiper-slide.swiper-slide-active .item:after{animation:afterA 4s linear forwards}
.about2 .content .yearSwiper .swiper-slide.swiper-slide-active .item .year{color:#AE0000}
.about2 .content .yearSwiper .swiper-slide.swiper-slide-active .item .color{background:#AE0000}
.about2 .content .yearSwiper .swiper-slide.swiper-slide-active .item .text{color:#AE0000}
.about2 .content .yearSwiper .swiper-slide .item{position:relative;z-index:1}
.about2 .content .yearSwiper .swiper-slide .item:after{content:'';position:absolute;width:calc(100% + 6.354166666666667vw);height:1px;background:#AE0000;left:0;top:6.425vw;z-index:-1;transform-origin:left;transform:scaleX(0)}
.about2 .content .yearSwiper .swiper-slide .item .year{color:#B4B4B4;font-style:normal;font-weight:500;line-height:120%;text-transform:capitalize;transition:.6s ease}
.about2 .content .yearSwiper .swiper-slide .item .color{width:.625vw;height:.625vw;background:#B4B4B4;transition:.6s ease;margin:2.3625vw 0 1.82292vw}
.about2 .content .yearSwiper .swiper-slide .item .text{color:#B4B4B4;font-style:normal;line-height:120%;transition:.6s ease}
.about3{padding:6.25vw 8.33333vw 10.67708vw 6.25vw}
.about3 .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.08333vw}
.about3 .cut{display:flex;justify-content:center;gap:2.5vw}
.about3 .cut .list{padding:0 .52083vw;height:2.08333vw;position:relative;z-index:1;color:#000;font-style:normal;font-weight:400;text-transform:capitalize;display:flex;align-items:center;justify-content:center;transition:.6s ease;cursor:pointer}
.about3 .cut .list.on{background:#B82234;color:#fff}
.about3 .cut .list.on:after{opacity:0}
.about3 .cut .list:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:linear-gradient(115deg,#C2C2C2 -58.69%,#fff 90.79%);opacity:1;transition:.6s ease}
.about3 .content{margin:6.25vw 0 0 0;position:relative}
.about3 .content .matter{width:100%;position:relative;opacity:0;pointer-events:none;transform:translateY(15%);display:flex;justify-content:space-between;align-items:center}
.about3 .content .matter.on{opacity:1;pointer-events:auto;transition:1.5s ease;transform:translateY(0)}
.about3 .content .matter:not(:first-child){position:absolute;top:0;left:0}
.about3 .content .matter .l{width:51.5625vw}
.about3 .content .matter .l .zsSwiper .swiper-slide img{width:100%}
.about3 .content .matter .l .zsSwiper .swiper-slide.swiper-slide-active:after{opacity:0}
.about3 .content .matter .l .zsSwiper .swiper-slide:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;/*background:linear-gradient(0deg,rgba(229,229,229,0.4) 0%,rgba(229,229,229,0.4) 100%);*/
transition:.6s ease}
.about3 .content .matter .r{width:29.58333vw;color:#000;text-align:justify;font-style:normal;line-height:150%}
.about4{padding:6.25vw 0;position:relative;z-index:1;overflow:hidden;background:#EFEFF2}
.about4 .bg{position:absolute;right:0;top:0;z-index:-1;width:33.4375vw}
.about4 .top{padding:0 8.33333vw;margin:0 0 2.86458vw}
.about4 .top .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.86458vw}
.about4 .top .text{width:35.41667vw;color:#333;font-style:normal;line-height:150%}
@keyframes goAnimate{100%{transform:translateX(-50%)}
}
.about4 .content .matter:not(:last-child){margin:0 0 2.08333vw}
.about4 .content .matter:nth-child(2n) .go{animation-direction:reverse}
.about4 .content .matter .go{width:max-content;display:flex;animation:goAnimate 60s linear infinite}
.about4 .content .matter .go .flex{display:flex}
.about4 .content .matter .go .flex .img{width:10.3125vw;height:3.33333vw;background:rgba(232,232,237,0.7);box-shadow:0 0 1px 0 rgba(0,0,0,0.11) inset;backdrop-filter:blur(3.5px);margin:0 1.04167vw 0 0;display:flex;align-items:center;justify-content:center}
.about4 .content .matter .go .flex .img img{max-width:80%;max-height:80%;object-fit:contain}
.about5{padding:6.25vw 0;overflow:hidden}
.about5 .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.08333vw;padding:0 8.33333vw}
.about5 .content{width:137.23958vw;position:relative;left:50%;transform:translateX(-50%)}
.about5 .content .abSwiper{width:100%}
.about5 .content .abSwiper .swiper-slide .item{height:24.11458vw;width:100%;position:relative;z-index:1}
.about5 .content .abSwiper .swiper-slide .item:hover:after{opacity:0}
.about5 .content .abSwiper .swiper-slide .item:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%);transition:.6s ease}
.about5 .content .abSwiper .swiper-slide .item .img{width:100%;height:100%}
.about5 .content .abSwiper .swiper-slide .item .position{position:absolute;padding:0 2.08333vw;bottom:2.29167vw;width:100%;z-index:2}
.about5 .content .abSwiper .swiper-slide .item .position .p1{color:#FFF;font-style:normal;font-weight:600;margin:0 0 .625vw}
.about5 .content .abSwiper .swiper-slide .item .position .p2{color:#FFF;font-style:normal;font-weight:300;line-height:150%}

.about6{position:relative;height:23.4375vw;z-index:1;padding:6.25vw 0 6.66667vw}
.about6 .esgSwiper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.about6 .esgSwiper .swiper-slide .bg,.about6 .esgSwiper .swiper-slide video{width:100%;height:100%;object-fit:cover;opacity:0;transition:1s}
.about6 .esgSwiper .swiper-slide iframe{width:100%}
.about6 .esgSwiper .swiper-slide.swiper-slide-active .bg{opacity:1}
.about6 .esgSwiper .swiper-slide.swiper-slide-active::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}  
 .about6 .esgSwiper .swiper-slide .content{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:20}
.about6 .esgSwiper .swiper-slide .content .title{color:#FFF;text-align:center;font-style:normal;font-weight:500;line-height:120%;text-transform:capitalize;margin:0 0 2.08333vw}                                       
.about6 .title{color:#FFF;font-style:normal;font-weight:500;text-transform:capitalize;text-align:center;margin:0 0 2.08333vw}
.about6 .text{width:56.51042vw;margin:auto;color:#FFF;text-align:center;font-style:normal;font-weight:300;line-height:150%}
.about6 .swiper-pagination{position:static;margin:1.875vw auto 0;width:max-content;display:flex;justify-content:center}
.about6 .swiper-pagination span{width:1.66667vw;height:.10417vw;background:rgba(255,255,255,0.6);opacity:1 !important;margin:0 .20833vw 0 0 !important;border-radius:0;transition:.6s ease}
.about6 .swiper-pagination span.swiper-pagination-bullet-active{background:#B82234}
.about6 .swiper-pagination span:last-child{margin:0 !important}
.about7{padding:6.25vw 8.33333vw;background:linear-gradient(115deg,#C2C2C2 -58.69%,#fff 90.79%)}
.about7 .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 3.125vw}
.about7 .content{display:flex;justify-content:space-between}
                                                            
.about7 .content .l{display:flex;flex-wrap:wrap;flex:1;}                                                                                                                        
.about7 .content .l .list{display:flex;gap:1.04167vw}
.about7 .content .l .list:nth-child(1),.about7 .content .l .list:nth-child(4){width:40%}
.about7 .content .l .list:nth-child(2),.about7 .content .l .list:nth-child(5){width:60%}
.about7 .content .l .list:nth-child(3){width:100%} 
.about7 .content .l .list:nth-child(6){border-top:1px dashed #c51c2b;width: 80%;padding-top:30px;} 
.about7 .content .l .list:not(:last-child){margin:0 0 2.08333vw}
.about7 .content .l .list .icon{width:1.5625vw;height:1.5625vw;display:flex;align-items:center;justify-content:center}
.about7 .content .l .list .icon img{object-fit:contain}
.about7 .content .l .list .text .p1{color:#000;font-style:normal;font-weight:600;margin:0 0 .625vw}
.about7 .content .l .list .text .p1 i{margin-left:20px;display:inline-block;font-size:20px;}
.about7 .content .l .list .text .p2{color:#000;font-style:normal}
.about7 .content .l .list .text .p2 span{width: 75px;display: inline-block;}

.about7 .content .l .list:nth-child(2) .text .p1,.about7 .content .l .list:nth-child(3) .text .p1{cursor:pointer;}
.about7 .content .l .list:nth-child(2) .text .p2,.about7 .content .l .list:nth-child(3) .text .p2{display:none;}

.about7 .content .form{width:33.33333vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.08333vw}
.about7 .content .form input{width:15.625vw;height:2.29167vw;padding:0 .625vw;color:#000;font-size:.83333vw;font-style:normal;font-weight:400;border:1px solid #D1D1D1;background:transparent}
.about7 .content .form input.all{width:100%}
.about7 .content .form input::placeholder{text-transform:capitalize;color:#000}
.about7 .content .form textarea{width:100%;height:6.25vw;padding:.625vw;color:#000;font-size:.83333vw;font-style:normal;font-weight:400;border:1px solid #D1D1D1;background:transparent;resize:none}
.about7 .content .form textarea::placeholder{text-transform:capitalize;color:#000}



@media screen and (max-width:768px){
.about1{padding:30px 5%}
.about1 .top{flex-direction:column}
.about1 .top .l{width:100%}
.about1 .top .l .p1{margin:0 0 10px}
 .about1 .top .play{width: 70px;height: 70px;}    
.about1 .top .play > i{font-size:30px;}                
.about1 .top .img{width:100%;height:auto;margin:25px 0 0 0}
.about1 .content{grid-template-columns:repeat(1,1fr);gap:20px}
.about1 .content .item{width:100%;height:auto;padding:20px}
.about1 .content .item .icon{width:30px;height:30px;margin:0 0 10px}
.about1 .content .item .p1{margin:0 0 15px}
.about2{padding:30px 5%;overflow:hidden}
.about2 .title{margin:0 0 20px}
.about2 .content{width:105vw}
.about2 .content:after{display:none}
.about2 .content .yearSwiper{width:100%}
.about2 .content .yearSwiper .swiper-slide .item:after{display:none}
.about2 .content .yearSwiper .swiper-slide .item .color{display:none}
.about2 .content .yearSwiper .swiper-slide .item .year{margin:0 0 20px}
.about3{padding:30px 5%}
.about3 .title{margin:0 0 25px}
.about3 .cut{gap:20px}
.about3 .cut .list{padding:12px;height:auto}
.about3 .content{margin:35px 0 0 0}
.about3 .content .matter{flex-direction:column}
.about3 .content .matter .l{width:100%}
.about3 .content .matter .l .zsSwiper .swiper-slide:after{display:none}
.about3 .content .matter .r{width:100%;margin:25px 0 0 0;text-align:center}
.about4{padding:30px 5%}
.about4 .content .matter:not(:last-child){margin:0 0 20px}
.about4 .content .matter .go .flex .img{width:120px;height:50px;margin:0 30px 0 0}
.about4 .content .matter .go .flex .img img{max-height:50%}
.about4 .top{margin:0 0 30px;padding:0}
.about4 .top .text{width:100%}
.about5{padding:30px 5%}
.about5 .title{padding:0;margin:0 0 25px}
.about5 .content{width:100%}
.about5 .content .abSwiper{margin:0;width:105vw}
.about5 .content .abSwiper .swiper-slide .item{height:300px}
.about5 .content .abSwiper .swiper-slide .item .position{bottom:20px;padding:0 5%}
.about5 .content .abSwiper .swiper-slide .item .position .p1{margin:0 0 15px}
.about6{padding:30px 5%}
.about6 .title{margin:0 0 20px}
.about6 .text{width:100%}
.about6 .swiper-pagination{margin:20px auto 0}
.about6 .swiper-pagination span{width:32px;height:2px;margin:0 5px 0 0 !important}
.about6 .swiper-pagination span:last-child{margin:0 !important}
.about6 .esgSwiper .swiper-slide .content .title{font-size:20px;}              
.about7{padding:30px 5%}
.about7 .title{margin:0 0 25px}
.about7 .content{flex-direction:column}
.about7 .content .l .list{flex-direction:column;gap:7px}
 .about7 .content .l .list:nth-child(6){width: 100%;}        
.about7 .content .l .list:not(:last-child){margin:0 0 25px}
.about7 .content .l .list .icon{width:30px;height:30px}
.about7 .content .l .list .text .p1{margin:0 0 10px}
.about7 .content .form{width:100%;margin:25px 0 0 0;gap:17px}
.about7 .content .form input{width:100%;padding:0 15px;font-size:14px;height:45px}
.about7 .content .form textarea{padding:15px;height:120px;font-size:14px}
}