.aboutpage-our-approach-sec .desc{width:31.5%}.aboutpage-our-approach-sec .left{width:38%}.aboutpage-our-approach-sec .right{width:58.8%}.aboutpage-our-approach-sec .right .item .box{background-color:var(--color-yellow);border-bottom:solid .15rem var(--color-black);height:9.7rem;padding:.9rem;transition:all .3s linear}.aboutpage-our-approach-sec .right .item .box img{width:2.2rem;transition:all .3s linear}.aboutpage-our-approach-sec .right .item .box .val{font-family:var(--font-noto);font-size:1.6rem}.aboutpage-our-approach-sec .right .item .box:hover{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-yellow)}.aboutpage-our-approach-sec .right .item .box:hover img{filter:brightness()invert()}.aboutpage-our-approach-sec .right .item:nth-of-type(2){margin-top:-2.3rem}.aboutpage-our-approach-sec .right .item:nth-of-type(3){margin-top:-4.6rem}.aboutpage-our-approach-sec .right .item:nth-of-type(4){margin-top:-6.9rem}.aboutpage-our-approach-sec .bootom-sec .ratiosec{width:41.3%;font-size:.8rem}.aboutpage-our-approach-sec .bootom-sec .ratiosec img{width:6rem}.aboutpage-our-approach-sec .bootom-sec .ratiosec .text-sec{width:calc(100% - 7rem)}@media screen and (max-width:1199px){.aboutpage-our-approach-sec .right .item{margin-top:0!important}}@media screen and (max-width:1023px){.aboutpage-our-approach-sec .common-heading{width:100%}.aboutpage-our-approach-sec .desc{width:100%;margin-top:1rem}.aboutpage-our-approach-sec .left{width:100%;max-width:500px;margin:0 auto}.aboutpage-our-approach-sec .right{width:100%}.aboutpage-our-approach-sec .bootom-sec .ratiosec{width:100%;margin-bottom:1rem;font-size:1rem}}