.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-about .aboutimg{width:50%;padding-right:30px;display:flex;justify-content:flex-start;align-items:center}
.home-about .aboutinfo{flex:1}
.home-about .aboutinfo h1{font-weight:var(--fontbold6);font-size:var(--hometitlefont);line-height:1.4;margin-bottom:10px}
.home-about .aboutinfo .text p{margin-bottom:10px}
.home-about .aboutinfo .list{display:flex;flex-wrap:wrap;align-items:center;margin-top:20px}
.home-about .aboutinfo .list li{display:flex;align-items:center;width:40%;margin-bottom:5px}
.home-about .aboutinfo .list li em{color:var(--color);margin-right:10px}
.home-about .aboutinfo .list li span{font-weight:var(--fontbold6);line-height:1}
.home-about .aboutinfo .aboutmeta{display:flex;align-items:center;margin-top:20px}
.home-about .aboutinfo .aboutmeta .home-more{margin-right:20px}
.home-about .aboutinfo .aboutmeta .tel{display:flex;align-items:center;line-height:1.4}
.home-about .aboutinfo .aboutmeta .tel em{background-color:var(--color);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--fontsize22);color:#fff;position:relative;margin-right:14px}
.home-about .aboutinfo .aboutmeta .tel em::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid var(--color);border-radius:50%;animation:aboutanimate 2s linear infinite}
.home-about .aboutinfo .aboutmeta .tel .p2{font-weight:var(--fontbold6);font-size:var(--fontsize18)}
@keyframes aboutanimate{0%{opacity:1;width:100%;height:100%}
50%{opacity:1;width:calc(100% + 5px);height:calc(100% + 5px)}
100%{opacity:0;width:calc(100% + 10px);height:calc(100% + 10px)}
}
@media(max-width:768px){.home-about .aboutinfo .aboutmeta{flex-wrap: wrap;}.home-about .aboutimg{padding-right:0;}.home-about .aboutinfo .aboutmeta .tel{margin-top: 15px;}}
.home-logo{padding-bottom:0;padding-top:100px;}
@media(max-width:768px){.home-logo{padding-top:30px;}}

#projects{position:relative;padding-top:7vw}
#projects::before{content:"";display:block;width:100%;height:65%;position:absolute;top:0;left:0;background-color:#222}
#projects::after{content:"Customer case";display:block;width:100%;text-align:center;position:absolute;top:0;left:0;font-size:7vw;font-family:Rajdhani;color:var(--introcolor);opacity:.15;text-transform:uppercase;line-height:1.1}
#projects .l-wrap{position:relative;z-index:1;color:#fff}
#projects .projects-des{line-height:1.75;text-align:center;max-width:550px;margin:0 auto;padding:10px 0}
#projects #home-projects{margin-top:30px;padding:7% 0;overflow: hidden;}
#projects #home-projects .swiper-slide{transition:transform .3s;transform:scale(.64)}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(.64) translateX(-28%)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform:scale(.64) translateX(28%)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont{opacity:1}
#projects #home-projects .swiper-slide:hover .projects-cont p{color:var(--color)}
#projects #home-projects .swiper-slide .projects-cont{position:absolute;bottom:10%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:var(--fontbold5);opacity:0;transition:opacity .3s .1s;padding:10px 0}
#projects #home-projects .swiper-slide .projects-cont p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
#projects #home-projects .swiper-slide .projects-cont a{display:inline-block;font-weight:400;text-transform:lowercase;font-size:var(--fontsize14);transform:scale(.8);color: #000;}
#projects #home-projects .swiper-slide .projects-cont a:hover{color:var(--color)}
#projects .home-title{color:#fff;}
#projects .home-des{color:#fff;}