@keyframes shine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.banner.about-banner:before{background:linear-gradient(#0000 0%,#000000d9 100%),linear-gradient(#0003,#0003),linear-gradient(#0000 71.15%,#000 100%),linear-gradient(360deg,#0000 64.42%,#000000d9 100%)}@media only screen and (max-width:768px){.banner.about-banner{height:70vh}}@media only screen and (max-width:540px){.banner.about-banner{height:60vh}}.banner.about-banner .bg,.banner.about-banner .bg figure{height:100%}.banner.about-banner .banner-wrapper{bottom:34%}@media only screen and (max-width:540px){.banner.about-banner .banner-wrapper{bottom:15%}}.banner.about-banner .banner-wrapper .heading h3{font-size:20px;font-weight:600}@media only screen and (max-width:540px){.banner.about-banner .banner-wrapper .heading h3{max-width:75%;margin:auto;font-size:18px}.banner.about-banner .banner-wrapper .heading h1{margin-bottom:10px;font-size:50px}}.about-secA{z-index:1;padding:100px 0;position:relative}@media only screen and (max-width:768px){.about-secA{padding:0}}.about-secA:before{content:"";filter:blur(180px);z-index:-1;background:#3853a3;border-radius:50%;width:351px;height:351px;position:absolute;top:130%;left:50%;transform:translate(-50%,-50%)}.about-secA .flex-box{justify-content:space-around;align-items:center;display:flex}@media only screen and (max-width:768px){.about-secA .flex-box{flex-direction:column;gap:30px}}.about-secA .flex-box .flex-box-item:first-child figure{width:397px;height:138px;line-height:0}@media only screen and (max-width:768px){.about-secA .flex-box .flex-box-item:first-child figure{width:287px;height:fit-content;margin:auto;line-height:0}}@media only screen and (max-width:540px){.about-secA .flex-box .flex-box-item:first-child figure{width:140px}}.about-secA .flex-box .flex-box-item:first-child figure img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.about-secA .flex-box .flex-box-item:last-child .content p{color:#ffffffb2;max-width:493px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.3}@media only screen and (max-width:768px){.about-secA .flex-box .flex-box-item:last-child .content p{text-align:center;max-width:80%;margin:10px auto}}@media only screen and (max-width:540px){.about-secA .flex-box .flex-box-item:last-child .content p{text-align:center;max-width:100%;margin:10px auto;font-weight:400}}.about-secB{z-index:1;padding:50px 0;position:relative}@media only screen and (max-width:768px){.about-secB{padding:50px 0 0}}.about-secB:before{content:"";filter:blur(180px);z-index:-1;background:#3853a3;border-radius:50%;width:351px;height:351px;position:absolute;top:80%;left:80%;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.about-secB:before{left:50%}}.about-secB .heading h2{max-width:714px;font-size:80px;font-weight:600;line-height:1.1}@media only screen and (max-width:768px){.about-secB .heading h2{max-width:50%;margin:auto;font-size:34px}}@media only screen and (max-width:540px){.about-secB .heading h2{max-width:100%}}.about-secB .heading h2 span{color:#57dde6}.about-secB .flex-box{justify-content:center;align-items:center;gap:30px;margin:70px 0 0;display:flex}@media only screen and (max-width:1024px){.about-secB .flex-box{justify-content:space-between}}@media only screen and (max-width:768px){.about-secB .flex-box{margin:30px 0 0}}@media only screen and (max-width:540px){.about-secB .flex-box{flex-direction:column}}.about-secB .flex-box .flex-box-item{background:#ffffff1a;border-radius:10px;width:494px;height:309px;padding:30px;position:relative;overflow:hidden}@media only screen and (max-width:540px){.about-secB .flex-box .flex-box-item{width:100%;height:fit-content}}.about-secB .flex-box .flex-box-item:before{content:"";filter:blur(60px);z-index:-1;background:#fff;border-radius:50%;width:85px;height:85px;position:absolute;top:80%;left:80%;transform:translate(-50%,-50%)}.about-secB .flex-box .flex-box-item:after{content:"";filter:blur(60px);z-index:-1;background:#fff;border-radius:50%;width:85px;height:85px;position:absolute;top:20%;left:20%;transform:translate(-50%,-50%)}.about-secB .flex-box .flex-box-item figure{width:58px;height:58px;margin-left:auto;line-height:0}.about-secB .flex-box .flex-box-item figure img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.about-secB .flex-box .flex-box-item .content{margin-top:20px}.about-secB .flex-box .flex-box-item .content h4{color:var(--white);margin-bottom:5px;font-size:24px;font-weight:600;line-height:1.2}.about-secB .flex-box .flex-box-item .content p{color:#ffffffb2;max-width:362px;font-size:16px;font-weight:500;line-height:1.2}.about-secC{z-index:1;padding:50px 0 100px;position:relative}@media only screen and (max-width:768px){.about-secC{padding:60px 0}}.about-secC .container{max-width:1180px}.about-secC:before{content:"";filter:blur(270px);z-index:-1;background:#104af7;border-radius:50%;width:351px;height:351px;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.about-secC .our-work-swiper{padding:50px 0 0;position:relative}@media only screen and (max-width:768px){.about-secC .our-work-swiper{padding:30px 0 0}}.about-secC .our-work-swiper .swiper-slide a{border:1px solid #fff3;border-radius:10px;height:298px;padding:60px 20px;transition:all .5s;display:inline-block}.about-secC .our-work-swiper .swiper-slide a:hover{border:1px solid #55a5d9}.about-secC .our-work-swiper .swiper-slide h3{text-align:center;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#3853a3 19.23%,#57dde6 74.23%);-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:36px;font-weight:700;line-height:1.2}.about-secC .our-work-swiper .swiper-slide h4{color:var(--white);text-align:center;max-width:206px;margin:auto auto 10px;font-size:20px;font-weight:600;line-height:1.2}.about-secC .our-work-swiper .swiper-slide p{text-align:center;color:#ffffffb2;font-size:16px;font-weight:400;line-height:20px}.about-secC .our-work-swiper .swiper-nav{justify-content:space-between;align-items:center;width:107%;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:540px){.about-secC .our-work-swiper .swiper-nav{display:none}}.about-secC .our-work-swiper .swiper-nav button{transition:all .5s}.about-secC .our-work-swiper .swiper-nav .swiper-button-disabled{opacity:0}
