.main-approach,.main-history{position:relative}.main-history:after{content:'';height:90%;width:2px;background-color:#c31f5d;display:block;position:absolute;top:27px;left:50%;transform:translateX(-50%)}.approach-main-box,.history-main-box{background-color:#fff;padding:25px;display:flex;width:45%;position:relative;border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.1)}.approach-main-box:hover,.history-main-box:hover{background-color:#4c1a88;color:#fff}.approach-icon,.history-icon{width:60px;height:60px;flex-shrink:0;background-color:#fff;padding:10px;border-radius:50%;position:absolute;right:-86px;z-index:1;border:3px solid #c31f5d}.approach-icon img,.history-icon img{display:flex;align-items:center;justify-content:center}.approach-main-box:nth-child(odd):after,.history-main-box:nth-child(odd):after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #fff;position:absolute;content:'';right:-18px}.approach-main-box:nth-child(2n):after,.history-main-box:nth-child(2n):after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #fff;position:absolute;content:'';left:-18px}.approach-main-box:nth-child(2n),.history-main-box:nth-child(2n){position:relative;left:55%}.approach-main-box:nth-child(2n) .approach-icon,.history-main-box:nth-child(2n) .history-icon{left:-84px}.approach-main-box:nth-child(odd):hover:after,.history-main-box:nth-child(odd):hover:after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #4c1a88;position:absolute;content:'';right:-18px}.approach-main-box:nth-child(2n):hover:after,.history-main-box:nth-child(2n):hover:after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #4c1a88;position:absolute;content:'';left:-18px}.main-approach:after{content:'';height:85%;width:2px;background-color:#c31f5d;display:block;position:absolute;top:28px;left:50%;transform:translateX(-50%)}.ap-icon{width:80px;height:80px;border-radius:50%;display:flex;background-color:#f6f1ff;flex-shrink:0;align-items:center;justify-content:center}.approach-box{padding-left:15px}@media screen and (max-width:768px){.history-main-box,.main-approach,.main-history{position:relative}.approach-main-box:nth-child(2n):after,.approach-main-box:nth-child(odd):after,.history-main-box:nth-child(2n):after,.history-main-box:nth-child(odd):after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #fff;content:'';left:-20px}.main-approach:after,.main-history:after{display:none}.history-main-box{background-color:#fff;padding:25px;display:flex;width:90%;margin-bottom:25px;border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.1)}.approach-icon,.history-icon{width:60px;height:60px;flex-shrink:0;padding:15px;border-radius:50%;position:absolute;left:-89px;z-index:1}.approach-main-box:nth-child(odd):after,.history-main-box:nth-child(odd):after{border-left:none;position:absolute}.approach-main-box:nth-child(2n):after,.history-main-box:nth-child(2n):after{position:absolute}.approach-main-box:nth-child(2n),.approach-main-box:nth-child(odd),.history-main-box:nth-child(2n),.history-main-box:nth-child(odd){position:relative;left:10%}.approach-main-box:nth-child(2n):hover:after,.approach-main-box:nth-child(odd):hover:after,.history-main-box:nth-child(2n):hover:after,.history-main-box:nth-child(odd):hover:after{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #4c1a88;position:absolute;content:''}.approach-main-box:nth-child(2n) .approach-icon,.history-main-box:nth-child(2n) .history-icon{left:-89px}.approach-main-box:nth-child(odd):hover:after,.history-main-box:nth-child(odd):hover:after{border-left:none;right:-18px}.approach-main-box:nth-child(2n):hover:after,.history-main-box:nth-child(2n):hover:after{left:-18px}.approach-main-box{background-color:#fff;padding:25px;display:flex;width:90%;margin-bottom:25px;position:relative;border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.1)}}@media screen and (max-width:640px){.approach-main-box,.history-main-box{background-color:#fff;padding:25px;display:flex;width:70%;margin-bottom:25px;position:relative;border-radius:25px;box-shadow:0 0 10px rgb(0 0 0 / 10%)}.approach-main-box:nth-child(2n),.approach-main-box:nth-child(odd),.history-main-box:nth-child(2n),.history-main-box:nth-child(odd){position:relative;left:24%}.main-approach:after,.main-history:after{display:none}}