.solutions-label{display:inline-block;margin-bottom:12px;color:var(--main-color2);font-size:12px;font-weight:700;letter-spacing:2px}
.solution-row{position:relative;padding:55px 0}
.solution-row:not(:last-child){border-bottom:1px solid #e5e9f0}
.solution-image{position:relative;overflow:hidden;border-radius:22px;background:#e9edf4;}
.solution-image img{ width:100%; height:330px; object-fit:cover; display:block; transition:transform .5s ease; -webkit-transition:transform .5s ease; -moz-transition:transform .5s ease; -ms-transition:transform .5s ease; -o-transition:transform .5s ease; }
.solution-image:hover img{transform:scale(1.05)}
.solution-content h3{position:relative;margin:0 0 20px;padding-left:18px;color:#172033;font-size:27px;line-height:1.35;font-weight:700}
.solution-content h3:before{content:"";position:absolute;left:0;top:5px;width:4px;height:calc(100% - 10px);border-radius:5px;background:var(--main-color2)}
.solution-content p{margin:0 0 18px;color:#667085;font-size:15.5px;line-height:1.8}
.solution-content p:last-child{margin-bottom:0}
@media (max-width: 991px) {
.solution-row{padding:40px 0}
.solution-image img{height:280px}
.solution-content h3{font-size:23px}
.solution-content p{font-size:15px;line-height:1.7}
}
@media (max-width: 767px) {
.solution-row{padding:35px 0}
.solution-image img{height:250px}
.solution-content{padding:0}
.solution-content h3{font-size:22px;margin-bottom:15px}
.solution-content p{font-size:15px;line-height:1.7}
}
.rounded-4{ border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.why-subtitle{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--main-color3)}
.why-line{width:55px;height:3px;margin:20px auto;background:var(--main-color3)}
.why-box{position:relative;height:100%;padding:32px 30px;background:#fff;border:1px solid #e8ebf0;border-radius:14px;overflow:hidden;transition:all .35s ease}
.why-box:hover{transform:translateY(-6px);border-color:var(--main-color3);box-shadow:0 15px 35px #00000014}
.why-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.why-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f7f1e7;color:var(--main-color3);font-size:23px;transition:all .35s ease}
.why-box:hover .why-icon{background:var(--main-color3);color:#fff}
.why-number{position: absolute;top: 10px;right: 20px;font-weight: 800;font-size: 52px;line-height: 80px;color: transparent;background: linear-gradient(180deg, var(--main-color3) 0%, transparent 70%);-webkit-background-clip: text;background-clip: text;opacity: 0.4;z-index: 1;}
.why-box h3{position:relative;margin:0 0 14px;font-size:21px;line-height:1.4;font-weight:700;color:#172033}
.why-box p{position:relative;margin:0;font-size:15px;line-height:1.8;color:#697386}
@media (max-width: 767px) {
.why-box{padding:28px 24px}
}
@media (max-width: 767px) {
.why-box h3{font-size:19px;}
}

.approach-process{position:relative;margin:0 auto;z-index:2}
.approach-process:before{content:"";position:absolute;top:35px;bottom:52px;left:31px;width:1px;background:#dce4ef}
.approach-item{position:relative;display:flex;align-items:flex-start;margin-bottom:28px}
.approach-item:last-child{margin-bottom:0}
.approach-number{position: relative;z-index: 2;flex: 0 0 62px;width: 62px;height: 62px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;box-shadow: 0 8px 25px #1018280f;}
.approach-number span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--main-color2);color:#fff;font-size:14px;font-weight:700}
.approach-content{flex:1;margin-left:28px;padding:27px 30px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #1018280b;transition:all .3s ease}
.approach-content:hover{transform:translateX(6px);box-shadow:0 15px 35px #10182814;border-color:#0d6efd2e}
.approach-content h3{margin: 0 0 6px;color: #172033;font-size: 19px;line-height: 1.4;font-weight: 700;}
.approach-content p{margin:0;color:#667085;font-size:15px;line-height:1.75}
@media (max-width: 767px) {
.approach-process{padding:0 10px}
.approach-process:before{left:30px}
.approach-item{margin-bottom:20px}
.approach-number{flex:0 0 60px;width:60px;height:60px}
.approach-number span{width:42px;height:42px;font-size:12px}
.approach-content{margin-left:15px;padding:20px;border-radius:12px}
.approach-content h3{font-size:18px;margin-bottom:8px}
.approach-content p{font-size:14px;line-height:1.7}
.approach-content:hover{transform:none}
}
@media (max-width: 400px) {
.approach-label{font-size:11px;padding:6px 14px}
.approach-process{padding:0 5px}
.approach-process:before{left:25px}
.approach-number{flex: 0 0 42px;width: 42px;height: 42px;}
.approach-number span{width:34px;height:34px;font-size:11px}
.approach-content{margin-left:12px;padding:15px 15px}
.approach-content h3{font-size:16px}
.approach-content p{font-size:13px}
}