.container{display:flex;justify-content:space-between;width:100%}
.container .l{width:34.95833vw;background:linear-gradient(90deg, #fff 0%, #E6E6E6 100%);padding:7.29167vw 0 5.20833vw 10.41667vw}
.container .l .fix_box{position:sticky;left:0;top:6.66667vw}
.container .l .title{color:#E60011;font-weight:600;text-transform:capitalize;margin-bottom:2vw}
.container .l .list .item{margin-bottom:1.5vw}
.container .l .list .item .item_title{display:block;color:#000;font-weight:700;text-transform:capitalize;transition:0.6s}
.container .l .list .item .item_title:hover,.container .l .list .item .item_title.on{color:#E60011}
.container .l .list .item .item_second{margin:1.5vw 0 0;display:flex;flex-direction:column;gap:0.8vw 0;padding:0 0 .625vw 1.82292vw}
.container .l .list .item .item_second a{display:block;color:#666;font-weight:300;text-transform:capitalize;transition:0.6s;}
.container .l .list .item .item_second a:hover,.container .l .list .item .item_second a.on{color:#E60011}
 
[lang="ar"] .container .l{padding:7.29167vw 10.41667vw 5.20833vw 0;background:linear-gradient(-90deg, #fff 0%, #E6E6E6 100%);}                                                          
                                                          
.container .r{width:65.04167vw;padding:7.29167vw 3.90625vw 23.4375vw 3.33333vw;overflow:hidden}
.container .r .part{margin-bottom:2.5vw}
.container .r .part .part_title1{color:#000;font-weight:300;text-transform:capitalize;margin:-1.04167vw 0 1.875vw}
.container .r .part .part_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.875vw}
.container .r .part .part_top .part_title{color:#E60011;font-weight:700;text-transform:capitalize}
.container .r .part .part_top a{display:block;color:#E60011;font-weight:400;text-transform:capitalize;position:relative}
.container .r .part .part_top a:after{content:"";width:100%;height:.05208vw;background:#E60011;position:absolute;left:0;bottom:-.26042vw;transform:scaleX(0);transition:0.6s;transform-origin:left}
.container .r .part .part_top a:hover:after{transform:scaleX(1)}
.container .r .part .part_list .part_list_swiper{width:67.29167vw;overflow:hidden;padding:.10417vw}

.container .r .part .part_list .part_list_swiper .swiper-slide{border:.05208vw solid #E8E8E8;padding:1.25vw;transition:0.6s;cursor:pointer}
.container .r .part .part_list .part_list_swiper .swiper-slide .img{width:100%;height:12.91667vw;display:flex;align-items:center;justify-content:center;margin-bottom:.83333vw}
.container .r .part .part_list .part_list_swiper .swiper-slide .img img{display:block;max-width:100%;max-height:100%;transition:1s}
.container .r .part .part_list .part_list_swiper .swiper-slide .btn{margin:0 0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:1.875vw;height:1.875vw}
.container .r .part .part_list .part_list_swiper .swiper-slide .btn img{display:block;width:1.875vw;transition:0.6s}
.container .r .part .part_list .part_list_swiper .swiper-slide .btn img:not(:nth-child(1)){position:absolute;top:0;opacity:0}

.container .r .part .part_list .part_list_swiper .swiper-slide .icon{display:flex;align-items:center;justify-content:flex-end;margin-top:.83333vw;position:relative}
.container .r .part .part_list .part_list_swiper .swiper-slide .icon h5{flex:1;height:50px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;}
.container .r .part .part_list .part_list_swiper .swiper-slide .icon i{width:1.875vw;height:1.875vw;font-size:23px;color:#CECECE;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg, #FDFDFD,#DCDCDC);border-radius:50%;}
.container .r .part .part_list .part_list_swiper .swiper-slide:hover .icon i{color:#C21D29;background:linear-gradient(135deg, #E9959A,#E60E1E);}

.container .r .part .part_list .part_list_swiper .swiper-slide:hover{border:.05208vw solid #E60112}
.container .r .part .part_list .part_list_swiper .swiper-slide:hover .img img{transform:scale(1.1)}
.container .r .part .part_list .part_list_swiper .swiper-slide:hover .btn img{opacity:0}
.container .r .part .part_list .part_list_swiper .swiper-slide:hover .btn img:not(:nth-child(1)){opacity:1}


.container .r .part .part_list1{display:flex;flex-wrap:wrap;gap:3.75vw 1.875vw}
.container .r .part .part_list1 .slide-box{width:15.41667vw;border:.05208vw solid #E8E8E8;padding:1.25vw;transition:0.6s;cursor:pointer}
.container .r .part .part_list1 .slide-box .img{width:100%;height:12.91667vw;display:flex;align-items:center;justify-content:center;margin-bottom:.83333vw}
.container .r .part .part_list1 .slide-box .img img{display:block;max-width:100%;max-height:100%;transition:1s}
.container .r .part .part_list1 .slide-box .btn{margin:0 0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:1.875vw;height:1.875vw}
.container .r .part .part_list1 .slide-box .btn img{display:block;width:1.875vw;transition:0.6s}
.container .r .part .part_list1 .slide-box .btn img:not(:nth-child(1)){position:absolute;top:0;opacity:0}
.container .r .part .part_list1 .slide-box:hover{border:.05208vw solid #E60112}
.container .r .part .part_list1 .slide-box:hover .img img{transform:scale(1.1)}
.container .r .part .part_list1 .slide-box:hover .btn img{opacity:0}
.container .r .part .part_list1 .slide-box:hover .btn img:not(:nth-child(1)){opacity:1}

.container .r .part .part_list1 .slide-box .icon{display:flex;align-items:center;justify-content:flex-end;margin-top:.83333vw;position:relative}
.container .r .part .part_list1 .slide-box .icon h5{flex:1;}                                                 
.container .r .part .part_list1 .slide-box .icon i{width:1.875vw;height:1.875vw;font-size:23px;color:#CECECE;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg, #FDFDFD,#DCDCDC);border-radius:50%;}
.container .r .part .part_list1 .slide-box:hover .icon i{color:#C21D29;background:linear-gradient(135deg, #E9959A,#E60E1E);}


.fixed{width:100%;height:100vh;position:fixed;z-index:99999;transition:0.6s;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}
.fixed.show{opacity:1;pointer-events:auto}
.fixed .fixed_shadow{width:100%;height:100%;position:absolute;background:#000000;opacity:0.1}
.fixed .fixed_box{position:relative;z-index:3}
.fixed .fixed_box .big_img_box{width:31.25vw;height:31.25vw;position:relative;margin-bottom:2.60417vw;background:#FFFFFF;border:.05208vw solid #fff;transition:0.6s}.fixed .fixed_box .big_img_box .big_img_box_item{width:100%;height:100%;opacity:0;transition:0.6s;overflow:hidden}.fixed .fixed_box .big_img_box .big_img_box_item img{display:block;width:100%;max-height:100%;transition:1s;transform:scale(1.1)}.fixed .fixed_box .big_img_box .big_img_box_item:not(:nth-child(1)){position:absolute;top:0;left:0}.fixed .fixed_box .big_img_box .big_img_box_item.on{opacity:1}.fixed .fixed_box .big_img_box .big_img_box_item.on img{transform:scale(1)}.fixed .fixed_box .small_swiper{width:27.91667vw;overflow:hidden;margin:0 auto;padding:.10417vw}.fixed .fixed_box .small_swiper .swiper-slide{height:4.58333vw;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FFFFFF;cursor:pointer}.fixed .fixed_box .small_swiper .swiper-slide img{display:block;max-width:100%;max-height:100%;transition:1s}.fixed .fixed_box .small_swiper .swiper-slide:hover,.fixed .fixed_box .small_swiper .swiper-slide.swiper-slide-active{border:.05208vw solid red}
.fixed .fixed_box .small_swiper .swiper-slide:hover img{transform:scale(1.1)}

                               
                                                              
                               
@media screen and (max-width: 768px){
.container{display:block}
.container .l{width:100%;padding:30px 5vw 30px}
.container .l .title{margin-bottom:20px}
.container .l .list .item{margin-bottom:20px}
.container .l .list .item .item_title{margin-bottom:15px}
.container .l .list .item .item_second{padding:0 0 0 20px;gap:15px 0}
.container .l .list .item .item_second a{font-size:16px}
.container .r{width:100%;padding:40px 5vw 0 5vw}
.container .r .part{margin-bottom:50px}
.container .r .part .part_title1{margin:-10px 0 30px}
.container .r .part .part_top{margin-bottom:30px}
.container .r .part .part_list .part_list_swiper{width:100%}
.container .r .part .part_list .part_list_swiper .swiper-slide{padding:30px}
.container .r .part .part_list .part_list_swiper .swiper-slide .img{height:80vw}
.container .r .part .part_list .part_list_swiper .swiper-slide .img img{width:100%}
.container .r .part .part_list .part_list_swiper .swiper-slide .btn{width:36px;height:36px}
.container .r .part .part_list .part_list_swiper .swiper-slide .btn img{width:100%}
.container .r .part .part_list .part_list_swiper .swiper-slide .icon i{width:32px;height:32px;font-size:18px;}
.container .r .part .part_list1{gap:40px 0}
.container .r .part .part_list1 .slide-box{width:100%;padding:30px}
.container .r .part .part_list1 .slide-box .img{height:80vw}
.container .r .part .part_list1 .slide-box .img img{width:100%}
.container .r .part .part_list1 .slide-box .btn{width:36px;height:36px}
.container .r .part .part_list1 .slide-box .btn img{width:100%}
.container .r .part .part_list1 .slide-box .icon i{width:32px;height:32px;font-size:18px;}
.fixed .fixed_box .big_img_box{width:80vw;height:80vw;margin-bottom:30px}
.fixed .fixed_box .small_swiper{width:80vw}
.fixed .fixed_box .small_swiper .swiper-slide{height:23vw}
}