.grid-item,.why-us-container .section-content-container ul li{font-style:normal;font-size:16px;line-height:150%;font-weight:400}.lh-150,body,div,p{line-height:150%}.font-barlow{font-family:Barlow,sans-serif}.font-tajawal{font-family:Tajawal,sans-serif}.text-yellow{color:#ffca00}.f38{font-size:38px}.f32{font-size:32px}.f24{font-size:24px}.f20{font-size:20px}.f18{font-size:18px}.f16{font-size:16px}.f14{font-size:14px}.f12{font-size:12px}.lh-125{line-height:125%}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.hero{background-image:url(/case-study/binagriya-insurance/img/hero-bg.jpg);background-size:cover;background-repeat:no-repeat}.hero-container{margin:0;width:100%}.hero-content-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:530px}.hero-content-container .img-content{display:none}.hero-content-container .title-content,.why-us-container .left-content-container,.why-us-container .right-content-container{flex:0 0 100%}.hero-content-container h1{padding:0}.breadcrumb-container span{margin-top:5px;display:block}.section-title-container,p{margin-bottom:16px}.left-item-collaboration:last-child,p:last-child{margin-bottom:0}section.section-container{padding:40px 0;margin:0}.section-background .section-inner-container{gap:40px;justify-content:center}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,auto);gap:0;width:100%;margin:0 auto}.grid-item{padding:12px;text-align:left;border:1px solid #ccc;border-bottom:none;display:flex;align-items:center}.feature-item,.left-item-collaboration,.right-item-collaboration{border-radius:10px;box-shadow:0 0 40px 5px rgba(20,99,168,.03);padding:24px}.grid-item:first-child,.grid-item:nth-child(2){background-color:#3e3d3b;color:#fff;text-align:center;font-weight:700}.grid-item:first-child{border-top-left-radius:10px}.grid-item:nth-child(2){border-top-right-radius:10px}.grid-item:last-child,.grid-item:nth-last-child(2){border-bottom:1px solid #ccc}.grid-item:last-child{border-bottom-right-radius:10px}.grid-item:nth-last-child(2){border-bottom-left-radius:10px}.grid-item:nth-child(2n){width:100%;border-left:none}.section-content-container.collaboration-container{gap:96px}.section-challenge-solution .section-title-container,.section-collaboration .section-title-container,.section-main-feature-system .section-title-container,.section-project-summary .section-title-container{margin-bottom:20px}.item-collaboration-container{display:block;flex:0 0 auto}.left-item-collaboration,.right-item-collaboration{font-size:16px;line-height:150%;flex-direction:column;align-items:center;gap:8px;border:1px solid #e6edf2;background:#fff;width:340px;margin-bottom:40px;position:relative;float:none}.item-collaboration-container,.left-item-collaboration{position:relative}.root-container{position:absolute;top:0;left:50%;transform:translateX(-50%);bottom:0;width:8px;height:100%;z-index:-1}.root-line{width:8px;border-radius:100px;background:linear-gradient(180deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%);height:100%}.root-inner-container{height:100%}.root-item-container{display:flex;align-items:center;gap:0;position:absolute;top:0;right:0}.root-left{height:8px;width:32px;background:linear-gradient(-90deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%);margin-left:-10px}.root-right{height:8px;width:32px;background:linear-gradient(90deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%);margin-right:-10px}.root-ball{width:20px;height:20px;border-radius:50%;background:#e7a200;position:relative;z-index:1}.left-item-collaboration .root-item-container{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(-90deg);z-index:1}.right-item-collaboration .root-item-container{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(90deg);z-index:1}.feature-list-container{gap:24px}.feature-item{display:flex;flex-direction:column;border:1px solid #e6edf2;background:#fff;gap:8px;flex:0 0 100%}.feature-item h3{margin-bottom:8px}.feature-item-description{font-size:14px;font-style:normal;font-weight:400;line-height:125%}.section-challenge-solution{background:linear-gradient(0deg,rgba(255,255,255,0) -7.51%,#f3f3f3 92.41%)}.challenge-solution-content,.section-inner-container.why-us-container{gap:40px}.challenge-solution-content .left-content-container,.challenge-solution-content .right-content-container{flex:0 0 100%;display:flex;flex-direction:column;gap:24px}.challenge-solution-content .img-container img{border-radius:10px;width:100%}.challenge-solution-content .space-container{flex:0 0 2px;height:100%;background:#e7e7e7}.why-us-container .right-content-container img{border-radius:10px;height:100%;width:100%}.why-us-container .section-content-container ul{list-style:none;padding-left:0;margin-bottom:0;display:flex;flex-direction:column;gap:24px}.why-us-container .section-content-container ul li{display:flex;padding:24px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:10px;border:1px solid #e6edf2;background:#fff}.why-us-container .section-content-container ul li:before{content:'';display:inline-block;width:24px;height:24px;background-image:url(/img/icon/icon-tick-circle.svg);background-size:contain;background-repeat:no-repeat}.why-us-container .section-content-container ul li span{display:block;flex:0 0 calc(100% - 60px)}@media (min-width:576px){.left-item-collaboration,.right-item-collaboration{width:422px}}@media (min-width:769px){.root-inner-container,.root-line{height:100%}.f42-md{font-size:42px}.f40-md{font-size:40px}.f38-md{font-size:38px}.f36-md{font-size:36px}.f24-md{font-size:24px}.f20-md{font-size:20px}.f18-md,.grid-item{font-size:18px}.hero-content-container .img-content{flex:0 0 50%;display:block}.hero-content-container .title-content{flex:0 0 50%}.feature-item{flex:0 0 calc(60% - (24px /2))}.challenge-solution-content .left-content-container{flex:0 0 calc(50% - 40px);padding-right:40px;border-right:1px solid #e7e7e7}.challenge-solution-content .right-content-container{flex:0 0 calc(50% - 40px)}.grid-container{width:910px}.item-collaboration-container{display:block;flex:0 0 calc(422px * 2 + 96px)}.grid-item:nth-child(2n){width:670px;border-left:none}.why-us-container{gap:70px}.why-us-container .left-content-container{flex:0 0 640px}.why-us-container .right-content-container{flex:0 0 calc((100% - 640px) - (70px))}.right-item-collaboration{float:right;margin-top:60px;margin-bottom:0}.left-item-collaboration{float:left}.left-item-collaboration:last-child{margin-bottom:0}.item-collaboration-container,.left-item-collaboration{position:relative}.root-container{position:absolute;top:0;left:50%;transform:translateX(-50%);bottom:0;width:8px;height:100%;z-index:-1}.root-line{width:8px;border-radius:100px;background:linear-gradient(180deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%)}.root-item-container{display:flex;align-items:center;gap:0;position:absolute;top:0;right:0}.root-left{height:8px;width:40px;background:linear-gradient(-90deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%);margin-left:-10px}.root-right{height:8px;width:40px;background:linear-gradient(90deg,#7dadfb -63.19%,#6086d8 -30.55%,#48648e 3.81%,#1a3d72 22.71%);margin-right:-10px}.root-ball{width:20px;height:20px;border-radius:50%;background:#e7a200;position:relative;z-index:1}.challenge-solution-content{gap:40px}.left-item-collaboration .root-item-container{right:-50px;top:50%;transform:translateY(-50%)}.right-item-collaboration .root-item-container{left:-49px;top:50%;transform:translateY(-50%)}section.section-container{padding:100px 0;margin:0}.grid-item{padding:16px 24px}.section-main-feature-system .section-title-container,.section-project-summary .section-title-container{margin-bottom:40px}.section-collaboration .section-title-container{margin-bottom:24px}.section-challenge-solution .section-title-container{margin-bottom:32px}}@media (min-width:992px){.hero-content-container .img-content{flex:0 0 40%;display:block}.hero-content-container .title-content{flex:0 0 60%}.hero{height:auto}.hero-content-container{height:485px}.section-background .section-inner-container{gap:40px}.section-background .left-container{flex:0 0 calc(100% - (447px + 40px))}.section-background .right-container{flex:0 0 447px}.feature-item{flex:0 0 calc(33.33% - (24px / 2 * 3))}}