.brand-box p{letter-spacing: 4px;padding-bottom:15px;border-bottom:1px solid white;width:fit-content}
    
    .phonebrand{display:none}
    .sildeBox .swiper-button-next,.sildeBox .swiper-button-prev{color:white !important}
    .sildeBox .swiper-pagination span{width:50px;height:1px;background:white !important;border-radius:0}
   .sildeBox .swiper-pagination .swiper-pagination-bullet-active{width:100px}
  
    
    
    .titleh2{font-size:54px}
   .more{padding:20px 70px;border-radius:28px;border:1px solid white;background: rgba(229,234,255,0.16);display:inline-block}
   
 
 .gridBox{display:grid;grid-template-columns: repeat(4, 1fr);overflow:hidden}
 .gridBox-item{cursor:pointer;transition:all .7s ease;}
  .gridBox-item:hover .viewMover{background:#1c2d70;color:white;border:none;border-color:#1c2d70}
  
  .inttext p,span{color:white !important}

 .g-r-ron{background: linear-gradient( to bottom, rgba(0,0,0,0) 80%, rgba(0,0,0,.8) 100%);
     display: flex;justify-content: center;align-items: flex-end;padding:30px 80px;padding-bottom: 60px;
     height:1000px;position: relative;z-index: 2;
 }
 .gridBox:hover .g-r-ron{background:none}
 .g-text{display:none;transition:all 1s ease}
 .gridBox:hover .b-title,.gridBox-item:hover p{color:black !important}
 .gridBox-item:hover .ellipsis3{display:-webkit-box;}
  .gridBox-item:hover .b-title:after{content:'';position:absolute;bottom:-10px;left:50%;height:3px;width:80%;transform:translateX(-50%);background:#edb626}
 .grid-hover-image{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;width:100%;transition:all 1s ease;
     transform:translate3d(-50%, -50%, 0);height: 100%;
 }
 
 
 .about_home{min-height:500px}
   .actives{
      opacity:1;visibility:visible;
  }
 
 .textlist-item{display:grid;grid-template-columns: repeat(2, 1fr)}
 .text-box{padding-right:10%}
 
 .textlist a:nth-child(even) .textlist-item .text-box{order:2;padding-left:15%}
 
 .pop-list{display:grid;grid-template-columns: repeat(3, 1fr);gap:30px;row-gap:100px;padding-bottom:70px}
 .pop-text{padding:0 27px}
 
 .llloert{padding:160px 0}
 .newscrid{gap:18px;margin-top:50px}
 .newscridimg{width:40%}
 .newsbox{flex:1;display:grid;grid-template-columns: repeat(2, 1fr);gap:20px}
 .newsbox-item{padding:60px 45px 35px;}
 .newsbox-item:hover .texta{color:#1c2d70}
 .texta{border-bottom:1px solid #ddd;padding-bottom:18px}
 
 
 .introduce{padding:110px 0}
 .inttext{width:50%;margin:auto}